﻿/* reset */
*{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none; color: #333; cursor: pointer;}
a img { display:block; border:none;}
input, textarea { outline:none;}
select,input{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
select { outline: medium none;}
textarea { resize: vertical;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 14px;overflow-x: hidden;}
body, button, input, select, textarea { font-family: Verdana, Arial, Helvetica, 'Microsoft YaHei', sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.clearfix { zoom:1;}
.ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.clear{clear: both;}
.cont{width: 1100px;margin: 0 auto;height: 650px;box-shadow: 0px 0px 9px 0px rgba(206, 206, 206, 0.5); background:#fff; overflow: hidden}
.wrapper {padding: 0;margin: 0;}
.tuo_1{width: 1100px;margin: 0 auto;}
.tuo_1 header{height: 130px; text-align: left;display: inline-block;vertical-align: middle;}
.tuo_1 header h1{font-size: 38px; font-weight: bold; color: #24b0b9; padding-top: 32px;}
.tuo_1 header h1{font-size: 38px; font-weight: bold; color: #24b0b9; padding-top: 32px;}
.tuo_1 header h1 span{color: #bc1a1a;}
.tuo_1 header p{font-size:18px; color: #b5b5b5; line-height: 36px;font-family: " Arial";}
.tuo_1 .deng_lu{display: inline-block;vertical-align: middle;height: 130px;line-height: 130px;float: right;}
.tuo_1 .deng_lu img{display: inline-block;width:31px;line-height: 130px;}
.tuo_1 .deng_lu a{display: inline-block;font-size: 22px;color: #cf1818;}


/* nav */
.nav {height: 52px; background-color: #24b0b9;}
.nav ul {width: 1100px; margin: auto;}
.nav ul li {float: left; width: 137px; }
.nav ul li:last-child {background:none;}
.nav ul li {display: block; width: 137px; height: 52px; line-height: 52px; text-align: center; font-size: 20px; color: #fff;}
.nav ul li:hover {background-color: #1c9097;color: white; cursor: pointer;}
.nav ul li.ok {background-color: #1c9097;color: white;}


.an_niu{width: 1100px;margin: 0 auto;}
.an_niu a{display: block;text-align: left;font-size: 18px;color: #333;line-height: 70px;font-weight: bolder;}
.an_niu a span{color: #24b0b9;}
.box {width: 960px; margin: auto;padding: 40px 0; display: none}
.box_contaner{ background: url("bj.jpg") no-repeat center 0; height:780px;}
/*step*/
.step{ margin:0 auto; display:block; height:60px;width: 975px;}
.step .shu_1{background: url("shu_1_2.png") no-repeat center;width: 325px;height: 52px;float: left;font-size: 20px;color: #fff;text-align: center;line-height: 52px;font-weight:bolder;}
.step .s_2{background: url("shu_2.png") no-repeat center;}
.step .s_3{background: url("shu_3.png") no-repeat center;}
.step .num{ position:relative; z-index:2; background:#fff;width:54px; height:30px;text-align:center; display:inline-block;}
.step .num em,.num i{width:30px; height:30px; display:inline-block; left:15px; top:2px;position:absolute;}
.step .num em{ background:#ffe0e1;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);z-index:2;}
.step .num i{  z-index:3; color:#fff; font-size: 18px; font-style:normal; font-weight:700; top:4px;}
.step .lbg-txt{ position:relative; color:#d01902; font-size:14px; line-height: 40px}
.step .on .lbg-txt{color:#d51719;}
.step .on .line_bg,.step .on .num em{ background:#d51719;}
.step .title{
    font-size:40px;
    color: #2ca06f;
    text-align: center;
    font-weight: bold;
}
.f-r5{ border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.info iframe{display: block;width: 700px;height: 445px;margin: 20px auto 0;}
.info {width: 700px; margin: 0 auto 0;}
.info ul li {overflow: hidden; margin-bottom: 25px;}
.info ul li:nth-child(4) {margin-bottom: 10px;} 
.info ul li label {display: block; float: left; width: 130px; padding-right: 10px; line-height: 50px; font-size: 24px; color: #333; text-align: right;}
.info ul li label i {color: #f30; line-height: 50px; font-size: 14px;}
.info ul li select {float: left; width: 450px; height: 50px; border: 1px solid #ccc; padding:0 10px;appearance:none;-moz-appearance:none;-webkit-appearance:none; background:url("tir.png") no-repeat scroll 400px center transparent; font-size: 18px;}
.info ul li select::-ms-expand { display: none; }
.info ul li input[type="text"] {float: left; width: 450px; height: 50px; border: 1px solid #ccc; padding:0 10px;font-size: 18px;}
.info ul li p {line-height: 60px;}
.info ul li p span {color: #1c9097;}
.info ul li em {display: inline-block;float: left; width: 26px; height: 55px; background: url("xz.png") no-repeat center center;}
.info ul li input[type="submit"] {float: left; width: 360px; height: 55px; border:none; border-radius: 5px; font-size: 24px; text-align: center; line-height: 55px;color: #fff;}
.info ul li input[type="submit"] {
    background: -webkit-linear-gradient(#1c9097 , #24b0b9); 
    background: -o-linear-gradient(#1c9097 , #24b0b9); 
    background: -moz-linear-gradient(#1c9097 , #24b0b9); 
    background: linear-gradient(#1c9097 , #24b0b9);
}
.footer{ background:#333333;}