@charset "utf-8";
/* CSS Document*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;border:none;}
body{font-size:12px;font-family:Microsoft Yahei,simsun,arial,helvetica,clean,sans-serif;background:#fff;color:#2b2b2b;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
select,input,img{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
table,td,tr,th{font-size:12px;}
a{text-decoration:none;cursor:pointer;}
a:link{color: #333;
    text-decoration: none;}
a:visited{color: #333;
    text-decoration: none;}
a:hover{text-decoration:none;color:#ff5a00;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
q:before,q:after{content:'';}
img{border:0px; margin:0;padding:0px;}

.clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clearfix{*zoom:1;}

.blank10{clear:both;font-size:0;line-height:0;height:10px;}
.fb{font-weight:bold;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.l{float:left;}
.r{float:right;}
body.jybodybg{ background:#f6f6f6;}

.w-1000{width:1000px; margin:0 auto}
/* 头部 */
.head-top{ width: 100%; height: 32px; line-height: 32px;background: #f5f5f5; border-bottom: 1px solid #eeeeee;}
.head-top .l a{display: inline-block;height: 32px;line-height: 32px;padding: 0 8px; }
.head-top .l a:hover{background: #e0e0e0;color: #ff8400;text-decoration: none;}

.head-top .r .orange{ color:#ff8a00}
.maq5{ _margin-top:5px;}

.header{ height:100px; background-color:#fff;}
.head-logo{ width:310px; margin-top:12px}

/*头部内容修改*/

.qr_code{position: absolute;width: 130px;height: 299px;right: 20px;top: 28px;display: none;z-index:9999;}
.head-t-r{ position: relative;}
.head-top .r a{ text-decoration: none; color: #333; height: 30px; display: inline-block;}
.ml100{ margin-left:100px;}

.banner_wrap{ background: url("../../../xn100_images/bannerbg.png") repeat-x;}
.banner{ width: 1200px; height: 490px; margin:0 auto;}

.bannerimg ,.right{ float: left; overflow: hidden;}
.bannerimg{ margin-top:80px; }
.right{ padding-left: 20px; text-align: center; margin-top: 60px;}
.right h1{ color: #ffffff; font-size: 60px;}
.right .advantage{ margin-top: 20px;}
.right .advantage span{display:inline-block;color: #ffffff;font-size: 26px; width: 83px; height: 95px; background: url("../../../xn100_images/icobg.png") no-repeat; line-height: 95px; margin: 0 10px;}
.right .btn_load{ display: block;border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;color: #ffffff; font-size: 26px; background: #ff6f37;width: 280px; height: 60px; line-height: 60px; margin: 20px auto;}
.right .btn_load:hover{ background: #ff5a00;}
.right p{font-size: 14px; color: #ffffff; line-height: 40px;}

.about{ width: 800px; height: 310px; margin: 0 auto; background: url("../../../xn100_images/icoewm.png") no-repeat; padding-left: 400px; overflow: hidden;}
.about h1{ font-size: 32px; color: #333333; font-weight: bold;padding:30px 0; margin-top: 40px;}
.about p{ color: #878c96;font-size: 14px; line-height: 30px; width: 788px; vertical-align: middle;}
.about p strong{color: #bdc4d1; font-size: 80px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;vertical-align: middle;display: inline-block; height: 0px;}

.step_wrap{ background: url("../../../xn100_images/stepbg.png") no-repeat;}
.step{width: 1200px; height: 430px; margin: 0 auto;}
.step h1,.good h1{font-size: 32px; color: #333333; font-weight: bold;padding:30px 0; text-align: center;}
.step ul,.good ul{ overflow: hidden;}
.step ul li{ float: left;border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px; border: 1px solid #dde1e4; padding:14px; margin: 6px; background: #ffffff; width: 254px; height: 220px;}
.step ul li img{width: 254px; height: 167px;}
.step ul li p{ font-size: 14px;margin-top: 12px;color: #333333;}

.good{width: 1200px; height: 500px; margin: 0 auto; text-align: center;}
.good ul{ margin:20px 0 0 73px;}
.good ul li{ float: left; border: 1px solid #dde1e4; margin: 8px 16px; background: #ffffff; width: 230px; height: 300px; text-align: center;}
.good ul li img{ width: 90px; height: 90px; margin-top: 60px;}
.good ul li p{ text-align: center;font-size: 14px;margin-top: 8px;color: #333333; margin-top: 50px;}

/* footer 页脚*/
.footer{ margin-top:10px; width:100%; background-color:#009ee5;}
.footer_t{width:100%; padding:35px 0 50px 0}
.footer_t p, .footer_t li a, .footer_t li a:link, .footer_t li a:visited{color: #fff;}

.footer_t dl dt {font-size: 18px;height: 45px;line-height: 45px;color: #fff;
    font-weight: normal; border-bottom:1px solid #eee }
.footer_t .f-link{ width:310px; padding-right:30px}
.footer_t dd{ margin-top:10px;}
.footer_t .f-link dd p{ line-height:25px;}
.footer_t .quick-nav{width:300px; padding-right:30px}
.footer_t .quick-nav li{ width:50%; float:left; line-height:25px;}
.footer_t .focusus{ width:330px}
.footer_b{ text-align:center; background-color:#0089c7; height:58px; color:#fff; line-height:30px;}
.focusus dd .focusimg{ /*float:left;*/ width:100px;margin-top:16px ;}
.focusus dd p{/*width:100px; float:left; margin-top:20px ;*/ margin-left:28px;line-height:26px; font-size:12px; text-align:left;}
.ml20{ margin-left:20px;}