@charset "utf-8";
/* CSS Document */

body{ font:12px/1.5 "Microsoft Yahei",arial,simsun,sans-serif; color:#000; margin:0 auto; padding:0; min-width:1200px; overflow-x:hidden; background:#fff;}

/*链接整体设置*/
a{ text-decoration:none; color:#000;}
a:hover{ color:#f8b61c;}
a:active{ color:#000;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
a:focus{ -moz-outline-style:none;}
input:focus{outline:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,h1,h2,h3,h4,h5,h6,p,em,i,font,span,dl,dt,dd,form,textarea,input,select{ margin:0; padding:0; font-size:12px; font-style:normal; font-family:"Microsoft Yahei";}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{ font-weight:500;}
img{ border:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
@font-face{ font-family:myFont;src:url('../images/impact.ttf'); /* IE9+ */}

.wrap{ width:100%; position:relative;}
.w{ width:1200px; margin:0 auto;}

.htopc{ background:#fff;}
.htop{ width:1200px; margin:0 auto; height:50px; padding-top:1px;}
.htop h1{ display:inline-block;}
.htop em{ float:right; background:url(../images/tell.png) left center no-repeat; display:inline-block; height:40px; padding-left:48px; line-height:20px; margin-top:2px; font-size:14px;}
.htop b{ display:inline-block; font-size:18px;}

.bannerbg{ background:url(../images/bg.jpg) center top no-repeat; height:770px;}
.bannerbg .w{ position:relative;}
.bannerbg .w a{ display:inline-block; color:#fff; font-weight:bold; font-size:24px; border:2px solid #fff; padding:0 46px; line-height:46px; background:linear-gradient(to right,#e82821,#ffcb00); border-radius:1000px; position:absolute; top:545px; left:635px;}
.bannerbg .w a:hover{ background:linear-gradient(to right,#d6140d,#efbf06);}

.titc{ line-height:50px; text-align:center; background:url(../images/line.png) bottom center no-repeat; padding:5px 0 25px 0;}
.titc em{ display:inline-block; padding-left:160px; background:url(../images/t1.png) left bottom no-repeat;}
.titc span{ display:inline-block; padding-right:160px; background:url(../images/t2.png) right bottom no-repeat; font-size:40px; font-weight:bold;}
.titc font{ color:#e82821; font-size:40px;}
.combut{ text-align:center;}
.combut a{ display:inline-block; padding:0 20px; line-height:41px; font-size:20px; color:#e82821; border:2px solid #e82821; border-radius:1000px; font-weight:bold;}
.combut a:hover{ border:2px solid #c41711; color:#c41711;}

.con1_bg .w{ overflow:hidden; width:1210px; padding:15px 0 25px 0;}
.con1_bg ul{ width:1250px; overflow:hidden; padding:80px 0 50px 5px;}
.con1_bg ul li{ float:left; width:220px; border-radius:10px; height:240px; margin-right:25px; position:relative; padding:65px 0 0 0; box-sizing:border-box; box-shadow:0 3px 7px rgba(113,61,0,.35);}
.con1_bg ul li em{ display:block; width:96px; height:96px; background:#e82821; border-radius:50%; text-align:center; color:#fff; font-size:24px; line-height:40px; padding-top:9px; box-sizing:border-box; position:absolute; left:50%; margin-left:-48px; top:-48px; box-shadow:0 3px 7px rgba(113,61,0,.35);}
.con1_bg ul li em img{ display:block; margin:0 auto;}
.con1_bg ul li h4{ text-align:center; font-size:24px; color:#e82821; line-height:31px; font-weight:bold; margin-bottom:6px; text-transform:uppercase;}
.con1_bg ul li p{ font-size:16px; line-height:29px; color:#3e3e3e; padding:0 18px 0 22px;}

.con2_bg{ background:#f2f2f2; padding:15px 0 70px 0;}
.con2_bg .w{ overflow:hidden; width:1250px;}
.con2_bg .w ul{ overflow:hidden; width:1250px; padding-top:50px;}
.con2_bg .w ul li{ border-bottom:8px solid #649c6f; height:352px; background:#c2d5c5; width:386px; float:left; margin-right:21px;}
.con2_bg .w ul li h3{ font-size:30px; font-weight:bold; color:#fff; background:#649c6f; line-height:62px; height:62px; text-align:center;}
.con2_bg .w ul li img{ display:block; width:348px; margin:19px auto 12px auto; border-radius:8px;}
.con2_bg .w ul li p{ font-size:18px; line-height:32px; padding:0 10px 0 19px;}
.con2_bg .w ul li.li2{ border-bottom:8px solid #ee7850; background:#f1c8bb;}
.con2_bg .w ul li.li2 h3{ background:#ee7850;}
.con2_bg .w ul li.li3{ border-bottom:8px solid #2a96b2; background:#aed3dc;}
.con2_bg .w ul li.li3 h3{ background:#2a96b2;}

.step{ margin:60px 0 45px 0;}

.con3_bg{ background:url(../images/bg0.jpg) 0 0 repeat; padding-bottom:20px;}
.con3_bg .w{ overflow:hidden;}
.con3_bg ul{ width:1250px; overflow:hidden; padding:5px 0 35px 0;}
.con3_bg ul li{ float:left; width:370px; border-radius:10px; background:#fff; height:262px; margin:30px 45px 0 0; overflow:hidden;}
.con3_bg ul li h4{ text-align:center; font-size:24px; font-weight:bold; line-height:72px; height:72px; position:relative; background:#70c8d0; color:#fff; margin-bottom:20px;}
.con3_bg ul li h4 i{ width:42px; line-height:42px; height:42px; color:#fff; background:#95e8ef; border-radius:50%; position:absolute; left:30px; top:50%; margin-top:-21px; font-size:30px; font-weight:bold; text-transform:uppercase;}
.con3_bg ul li p{ padding:0 15px 0 38px; font-size:16px; line-height:30px; color:#666; position:relative;}
.con3_bg ul li p:before{ content:""; display:block; position:absolute; left:18px; top:9.5px; width:11px; height:11px; background:url(../images/point.png) #70c8d0 left center no-repeat; background-size:100%;}
.con3_bg ul li.li2{ height:232px;}
.con3_bg ul li.li2 h4,.con3_bg ul li.li2 p:before{ background-color:#e82821;}
.con3_bg ul li.li2 h4 i{ background:#ff736e;}
.con3_bg ul li.li3{ height:292px;}
.con3_bg ul li.li3 h4,.con3_bg ul li.li3 p:before{ background-color:#ffcb00;}
.con3_bg ul li.li3 h4 i{ background:#cba200;}

.con4_bg{ padding:10px 0 20px 0;}
.con4_bg ul{ overflow:hidden; padding:35px 0 45px 0;}
.con4_bg ul li{ border-radius:15px; text-align:center; width:323px; border:1px solid #e7e7e7; margin:0 25px; box-shadow:0 3px 8px #e7e7e7; float:left; padding-bottom:30px;}
.con4_bg ul li h4{ font-size:30px; color:#5ab0b5; line-height:48px; padding:20px 0; font-weight:bold;}
.con4_bg ul li img{ margin:0 auto 18px auto; width:277px; height:152px; display:block;}
.con4_bg ul li p{ font-size:22px; line-height:36px; color:#656565;}
.con4_bg ul li a{ display:block; border-radius:1000px; background:linear-gradient(to right,#e82821,#ffcb00); width:210px; margin:22px auto 0 auto; line-height:50px; height:50px; font-size:22px; color:#fff;}
.con4_bg ul li a:hover{ background:linear-gradient(to right,#d6140d,#efbf06);}

.con5_bg{ padding-bottom:70px; background:#f2f2f2;}
.con5_bg .titc font{ margin-right:0;}
.con5_bg .imgs{ margin:40px auto 0 auto; display:block; max-width:100%;}

.foot{ background:#333; padding:20px 0 70px 0; overflow:hidden;}
.foot dl{ width:1200px; margin:0 auto; overflow:hidden;}
.foot dl dt{ width:785px; float:left; text-align:center; padding-top:35px;}
.foot dl dt p{ color:#fff; line-height:32px;}
.foot dl dd{ border-left:1px solid #565656; width:405px; height:120px; float:right; text-align:center;}
.foot dl dd span{ display:block; color:#fff; padding-top:8px; line-height:20px;}

/* 距底部  */
#demo_b{ text-align:center; position:fixed; background:#3a3c49; height:38px; padding:11px 0; font-size:18px; left:0; width:100%; bottom:0px;}
#demo_b a{ font-size:18px; display:inline-block; background:url(../images/20141028_155.jpg) 0px 0px repeat-x; color:#fff; height:38px; line-height:35px; padding:0px 15px; border-radius:3px; margin:0 5px;}
#demo_b a span{ font-size:18px; color:#f00;}
#demo_b a.demo_03{ background:url(../images/20141028_159.jpg) 0px 0px repeat-x;}
#demo_b a.demo_04{ background:url(../images/20141028_161.jpg) 0px 0px repeat-x;}
#demo_b a.demo_05{ background:url(../images/20141028_163.jpg) 0px 0px repeat-x;}