@charset "utf-8";
html{color:#000;background:#FFF; overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.txtboxcs{ border:solid 1px #ccc; height:22px;}

/*title*/

h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}


.m1 { margin:1px; }
.m2 { margin:2px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.mt2 { margin-top:2px;}
.mt5 { margin-top:5px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.ml5 { margin-left:5px; }
.ml7 { margin-left:7px; }
.mb10 { margin-bottom:10px;}
.ml12 { margin-left:12px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }

.userorder{ width:700px;}
.userorder tr{height:25px;}
.userorder tr span{color:#f00;padding-left:4px;}

.stf  { border:1px solid #ccc;  padding-left:140px ; padding-top:10px; padding-bottom:20px}
.stf span{ color:#000; font-size:14px; line-height:30px ; font-weight:bold}
.stf dd{ line-height:24px ;   font-size:14px }
.stf p{ line-height:24px ;   font-size:14px }



.w1200{ width:1200px; margin:0 auto; overflow:hidden;}
.com1{ height:555px; padding-top:75px;font-family:"微软雅黑";margin:0 auto; overflow:hidden; background-image:url(../images/123bg.jpg); background-repeat:repeat-y; background-position:center; }
.tit88{ text-align:center;}
.tit88 h3{ font-size:30px; color:#595959; line-height:30px; padding-bottom:19px; font-weight:normal;}
.tit88 span{ font-size:18px; color:#989898; line-height:18px;}
.com1 ul{ padding-top:65px;}
.com1 ul li{ width:252px; height:60px; padding:24px 70px 0 78px; float:left; margin-bottom:62px; cursor:default}
.com1 ul li h3{ height:27px; font-size:20px; color:#595959; border-bottom:1px solid #595959; line-height:20px;}
.com1 ul li span{ display:block; color:#595959; line-height:22px; padding-top:6px;}
.com1 ul li.ico1{ background:url(../img/ico1.png) no-repeat 8px 25px}
.com1 ul li.ico1:hover{ background:url(../img/ico1_open.png) no-repeat 8px 25px #fff}
.com1 ul li.ico2{ background:url(../img/ico2.png) no-repeat 8px 25px}
.com1 ul li.ico2:hover{ background:url(../img/ico2_open.png) no-repeat 8px 25px #fff}
.com1 ul li.ico3{ background:url(../img/ico3.png) no-repeat 8px 25px}
.com1 ul li.ico3:hover{ background:url(../img/ico3_open.png) no-repeat 8px 25px #fff}
.com1 ul li.ico4{ background:url(../img/ico4.png) no-repeat 8px 25px}
.com1 ul li.ico4:hover{ background:url(../img/ico4_open.png) no-repeat 8px 25px #fff}
.com1 ul li.ico5{ background:url(../img/ico5.png) no-repeat 8px 25px}
.com1 ul li.ico5:hover{ background:url(../img/ico5_open.png) no-repeat 8px 25px #fff}
.com1 ul li.ico6{ background:url(../img/ico6.png) no-repeat 8px 25px}
.com1 ul li.ico6:hover{ background:url(../img/ico6_open.png) no-repeat 8px 25px #fff}
.com1 ul li.ico7{ background:url(../img/ico7.png) no-repeat 8px 25px}
.com1 ul li.ico7:hover{ background:url(../img/ico7_open.png) no-repeat 8px 25px #fff}
.com1 ul li.ico8{ background:url(../img/ico8.png) no-repeat 8px 25px}
.com1 ul li.ico8:hover{ background:url(../img/ico8_open.png) no-repeat 8px 25px #fff}
.com2{ height:634px; background:url(../img/com2_bg.png) no-repeat center;}
.com2_two{ position:relative;height:634px;}
.com2 a.more{ display:block; width:155px; height:52px; text-align:center; line-height:52px; color:#fff; font-size:18px; position:absolute; top:17px; right:4px; background:url(../img/moer.jpg) no-repeat;}



