/*全局定义*/
body{background: #fff; font-size: 14px; color: #333; font-family: "Microsoft YaHei"; margin: 0; padding: 0;}
a{text-decoration: none; color: inherit;}
li{list-style: none;}
input{outline:medium; font-family: "Microsoft YaHei"}
button{font-family: "Microsoft YaHei";cursor: pointer;}
p{margin-bottom: 10px; margin-top: 0;}
h1,h2,h3,h4,h5,h6{margin-bottom: 10px; margin-top: 10px; font-weight: 500;}
ul{padding: 0; margin: 0;}
strong{font-weight: 500;}
em{font-style: normal;}
/*******/

/*公共类*/
.bor-t{border-top: 1px solid #ccc;}
.bor-r{border-right: 1px solid #ccc;}
.bor-b{border-bottom: 1px solid #ccc;}
.bor-l{border-left: 1px solid #ccc;}
.kuan{width: 1200px; margin: 0 auto; position: relative;}
.bor-b0{border-bottom: 0 !important;}
.bor-r0{border-right: 0 !important;}
.dis-n{display: none;}
.dis-b{display: block !important;}
.dis-bi{display: block !important;}
.mar-r0{margin-right: 0!important;}
.mar-b0{margin-bottom: 0!important;}
.mar-b30{margin-bottom: 30px!important;}
.pull-left{float: left;}
.pull-right{float: right;}
.width-100{width: 100%;  float: left;}
.chuizhi{display: table-cell; vertical-align: middle;}
.ziti-16{font-size: 16px !important;}
.bg-f5{background: #f5f5f5;}
.bg-fb{background: #fbfbf3;}
.bor-b{border-bottom: 1px solid #ccc !important;}
.bg{background:rgba(0, 0, 0, 0.3)!important;  background:#000;  position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; overflow: auto;}
.i{font-style: normal;}
.zhuse{color: #ee0000;}
.col-sm-4{width: 25%; float: left;}
/*******/

/*清除浮动代码*/
.clear:after{display:block; clear:both; content:""; visibility:hidden; height:0;}
.clear{zoom:1}
/*******/

/*私有类*/
.banner{width: 100%; float: left; position: relative;}
.header{color: #666; height: 40px; line-height: 40px; width: 100%; background: #eee;}
.head{float: left;}
.head span{margin-right: 45px;}
.head a{ position: relative; cursor: pointer;}
.a_weixin{position: absolute; z-index: 100; left: -35px; top: 29px; padding: 5px; background: #f5f5f5; display: none;}
.head a:hover{color: #ff003c;}
.head a:hover .a_weixin{display:block}
.header ul{float: right;padding: 0;}
.header ul li{float: left;}
.header ul li a{ margin-left: 25px;}
.nav{}
.logo{ width: 345px; float: left; margin-top: 30px;}
.logo h1{width: 293px; height: 55px; background: url("http://www.xiaohuantm.com/template/images/icon/logo.png") no-repeat; background-position: 100% 100%; text-indent: -9999px;}
.nav ul{float: left;}
.nav ul li{float: left;}
.nav ul li a{display: block; height: 100px; line-height: 90px; padding: 0 19px; color: #000; font-size: 16px;}
.nav ul li a:hover{border-bottom: 2px solid #ee0000; height: 98px; color: #ee0000;}
.nav ul li .active{border-bottom: 2px solid #ee0000; height: 98px; color: #ee0000;}
.hpone{float: right; margin-top: 35px;}
.hpone img{width: 137px; height: 24px;}
.list{width: 50%; float: left; background: #f3fffd; height: 155px;}
.list-2{width: 600px; float: right; text-align: center; margin-right: 10px;}
.list-1{width: 20%; float: left; margin-top: 35px;}
.list-img{width: 100%; display: table;  text-align: center; height: 40px;}
.list-1 p{font-size: 16px; margin-top: 10px;}
.list-1:hover p{color: #ff4a4a;}
.sou{width: 50%; float: left; background: #fff6f6;}
.sou h4{margin:20px 0 15px 30px; color: #666;}
.sou h4 i{color: #ff4a4a;}
.sou-b{margin-left: 30px;}
.sou-b input{width: 368px; height: 48px; line-height: 48px; border: 2px solid #ff4a4a; color: #999; font-size: 16px; padding: 0 15px; border-radius: 8px; margin-right: 10px; margin-top: -4px;}
.sou-b button{height: 48px; width: 160px; font-size: 18px; color: #fff; border: 0; border-radius: 6px; background: #ff4a4a;}
.sou p{margin:15px 0 15px 30px; width: 550px; }
.sou p i{color: #ff003c;}
.sou p b{color: #00baff; font-weight: 500;}
.nav-list{margin-top: 35px; margin-bottom: 25px; width: 100%; position: relative; border-bottom: 1px solid #ccc;}
.nav-list h2{text-align: center; font-size: 30px; margin-bottom: 20px;}
.nav-list span{position: absolute;  display: block; width: 100px; border-bottom: 1px solid #ed1515; bottom: -1px; left: 50%; margin-left: -50px;}
.luo{width: 33.3333333%; float: left;}
.luo-1{width: 325px; height: 125px; padding: 30px 25px 30px 0; border: 1px solid #ccc; margin-left: 28px; position: relative;}
.luo-img{width: 150px; float: left; text-align: center; display: table; height: 140px;}
.luo-w{float: left; width: 175px;}
.luo-1 h3{font-size: 30px; }
.luo-1 p{font-size: 18px; color: #999; height: 70px; line-height: 35px;  overflow: hidden;}
.luo-b{position: absolute; z-index: 99; height: 10px; width: 20px; bottom: -4px; left: 177px; display: none;}
.luo-1:hover{border: 1px solid #e67762;}
.luo-1:hover h3{color: #ff4a4a;}
.luo-1:hover .luo-b{display: block;}
.luo .active{border: 1px solid #e67762;}
.luo .active h3{color: #ff4a4a;}
.luo .active .luo-b{display: block;}
.tongd{margin-top: 35px; display: none;}


/*tur*/
.tur{background: #ffdce4; padding: 0 30px; margin-top: 40px;}
.tur p{color: #ff2659; font-size: 18px; line-height: 38px; margin-top: 10px;}
.tur-title{font-size: 36px; color: #ff2659; font-weight: 600; margin: 40px 0 30px;}
.cs ul{padding-left: 10px;}
.cs ul li{width: 100%; float: left; margin-bottom: 10px;}
.cs ul li img{width: 20px; margin-right: 20px; float: left; margin-top: 8px;}
.cs ul li i{font-style: normal; font-size: 18px; color: #666; line-height: 35px; float: left; width: 1140px;}
.tur_tj{ border-right: 0;  border-left: 0;}
.tur_tj ul{padding: 0 10px; float: left; width: 100%}
.tur_tj ul li{margin-bottom: 20px; color: #666; font-size: 18px;}
.tur_tj-img img{width: 249px; height: 178px; float: left; margin-right: 50px; margin-bottom: 5px;}
.tur_tj-img img:nth-child(4){margin-right: 0;}
.data-tur{width: 25%; text-align: center; float: left;}
.data-tur img{margin-bottom: 20px;}
.data-tur p{margin-bottom: 40px; font-size: 14px; color: #666;}
.tur-lc{margin-bottom: 30px;}
.tur-line{width: 100%; float: left; height: 6px; background: url("../images/tur/line.png")}
.tur-line-1{width: 100%; float: left; height: 6px; background: url("../images/tur/line.png");transform:rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg)}
.tur-lc{text-align: center;}
.tur-lc button{width:180px; height:60px; border-radius:4px; background:#ff2659; margin-top:20px; border:0; color:#fff; font-size:20px; cursor: pointer;}
@media screen and (max-width: 1200px){
    .sou-b input{width: 245px;}
    .sou-b button{width: 150px;}
    .list-2 { width: 490px;  }
}