@charset "utf-8";



/* Banner */
.banner { position:relative; width:100%; overflow:hidden; z-index:0; }
.banner .bd { zoom:1; }
.banner .bd img { width:100%!important;  }
.header {  }
/* 主体 */
.container { position:relative; z-index:8; margin-top: 25px; margin-bottom: 45px; }
/*.wrap { position:relative; width:1178px; min-height:460px; _height:460px; margin:0 auto; background:url(wrap.gif) repeat-y; padding-top:32px; }*/
.wrap .sidebar { float:left; width:198px; margin-top:0; margin-right:40px; }
.wrap .main { display:block; overflow:hidden; *zoom:1; padding:0;  margin-bottom:18px; width: 892px; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

/* 左侧栏目标题 */
.leftTitle { position:relative; padding:12px 0 12px 21px; background:#511d3f; color:#fff; border-radius:4px; }
.leftTitle i,.leftTitle s { display:block; }
.leftTitle i { font-size:20px; line-height:29px; font-weight:normal; font-style:normal; }
.leftTitle s { color:#a9a9a9; font:12px/18px arial; line-height:15px; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu { margin-bottom:40px; }
.menu dl{  }
.menu dl dt { border: 1px solid #1bac72; margin-bottom: 10px; }
.menu dl dt a { display:block;  color:#1bac72; font-size:20px; line-height:44px; text-align:center;  position: relative; left: 0px;
    -webkit-transition: padding-left .5s;
    -moz-transition: padding-left .5s;
    -ms-transition: padding-left .5s;
    -o-transition: padding-left .5s;
    transition: padding-left .5s;
}
.menu dl dt a:hover,.menu dl dt .current { color:#fff;  text-decoration:none; background: #1bac72; }
.menu dl dt:hover a { padding-left: 10px; }


.menu dl dd { padding:0 0 0 35px; background:url("sider_03.gif"/*tpa=http://www.xinantong.com/images/sider_03.gif*/) 23px 9px no-repeat; border-bottom:1px solid #eee; font-size:12px; line-height:24px; text-align:left;
    position: relative;
    -webkit-transition: padding-left .5s;
    -moz-transition: padding-left .5s;
    -ms-transition: padding-left .5s;
    -o-transition: padding-left .5s;
    transition: padding-left .5s;
}
.menu dl dd:hover { padding:0 0 0 40px; }
.menu dl dd:hover, .menu dl .current { color: #8c6002;  }
.menu dl dd:hover a, .menu dl .current a{ color:#8c6002; }

/* 左侧栏目图片 */
.m-ltp li { margin-bottom:10px; }
.m-ltp li img { vertical-align:top; }

/* 左侧联系我们 */
.m-ltc { margin-bottom:15px; border-right:0; }
.m-ltc .hd { padding-left:21px; background: #511d3f; font-size:20px; line-height:55px; color:#fff; border-radius:4px; }
.m-ltc .tel { padding:19px 0; border:1px solid #e8e8e8; border-top:0; font-size:12px; line-height:20px; color:#666;  padding-left:21px; }
.m-ltc .tel span{ display:block; font-size:26px; line-height:32px; font-weight:bold; color:#8c6002; }
.m-ltc .ft{ padding:10px 0 20px 0; line-height:32px; color:#666; text-align:center; border:1px solid #e8e8e8; border-top:0; }
.m-ltc .ft a{ display:block; width:92px; height:30px; background:#c42715; text-align:center; line-height:30px; color:#fff; margin:0 auto; }

/* 面包屑 */
.location { position:relative; height:55px; border-bottom:1px solid #e8e8e8;   }
.location h3 { float:left;  font-size:30px; color:#339966; font-weight:normal; }
.breadcrumbs { float:right; text-align:right; line-height:55px;}
.breadcrumbs span{ color:#666;  }
.breadcrumbs a { color:#666; display:inline-block; vertical-align:top; }
.breadcrumbs a:hover, .breadcrumbs .cur{ color:#8c6002; }
.breadcrumbs .u-home {  }

/* 内容模式 */
.article { padding:15px 15px 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#333333; font-size:20px; font-weight: normal;  }
.article .hd .titBar { color:#797979; font-size:12px; }
.article .hd .titBar span { margin: 0 3px; line-height: 23px; display: inline-block; }
.article .hd .titBar span.s1 { background: url("per.png"/*tpa=http://www.xinantong.com/images/per.png*/) left center no-repeat; padding-left: 20px; }
.article .hd .titBar span.s2 { background: url("ti.png"/*tpa=http://www.xinantong.com/images/ti.png*/) left center no-repeat; padding-left: 22px; }
.article .hd .titBar span.s3 { background: url("ey.png"/*tpa=http://www.xinantong.com/images/ey.png*/) left center no-repeat; padding-left: 23px; }
.article .hd .titBar span.s4 { background: url("sou.jpg"/*tpa=http://www.xinantong.com/images/sou.jpg*/) left center no-repeat; padding-left: 23px; }
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }

/* 头部新闻 */
.hotNews { margin-bottom:30px; overflow:hidden; }
.hotNews .pic { float:left; width:396px; height:278px; margin:25px 0 0 20px; overflow: hidden; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews .pic img:hover {
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.hotNews .n_inBox{ float:right; width:470px; position:relative; margin:18px 20px 0 0; }
.hotNews .n_inBox:hover, .hotNews .cur{ background:#8c6002; }
.hotNews .n_inBox .date{ width:82px; height:91px; text-align:center; position:absolute; left:0; top:0; }
.hotNews .n_inBox:hover .date, .hotNews .cur .date{ background:#8c6002; }
.hotNews .n_inBox .date b{ display:block; font-weight:normal; font-size:44px; line-height:48px; margin-top:9px; color:#333; }
.hotNews .n_inBox:hover .date b, .hotNews .cur .date b{ color:#fff; }
.hotNews .n_inBox .date span{ display:block; width:65px; height:20px; background:#8c6002; font-size:14px; line-height:20px; color:#fff; margin:0 auto; }
.hotNews .n_inBox dl{ margin-left:82px; padding:8px 6px; }
.hotNews .n_inBox dl dt{ font-size:16px; line-height:33px; }
.hotNews .n_inBox dl dt a{ display:block; color:#333;  }
.hotNews .n_inBox:hover dl dt a, .hotNews .cur dl dt a{ color:#ffea00; }
.hotNews .n_inBox dl dd{ font-size:14px; line-height:21px; color:#666;  }
.hotNews .n_inBox:hover dl dd, .hotNews .cur dl dd{ color:#fff; }
.news_list{ padding:5px 20px 56px 20px; }
.news_list dl{ margin:11px 0; position:relative; }
.news_list dl dt{ font-size:16px; line-height:30px; padding-left:18px; background:url("news_02.gif"/*tpa=http://www.xinantong.com/images/news_02.gif*/) 5px 12px no-repeat; }
.news_list dl dt a{ display:block; color:#8c6002; }
.news_list dl dd{ }
.news_list dl .i{ font-size:14px; line-height:26px; color:#333; padding-left:18px; width:660px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news_list dl .m{ display:inline-block; position:absolute; right:10px; top:34px; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding-bottom: 67px; border-bottom: 1px solid #ececec; margin-bottom: 28px; }
.list li { padding:18px 31px;   line-height:20px; clear:both; background: url("ico.png"/*tpa=http://www.xinantong.com/images/ico.png*/) 15px center no-repeat; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:5px; font-size: 16px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.pothoItem { margin:20px 20px 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:150px; overflow: hidden; margin-right:20px; padding:4px; border:1px solid #e7e7e7; }
.pothoItem .item .pic img { width:200px; height:150px; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d,.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }
.pothoItem .item img:hover {
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);

}
/* 图片列表 */
.piList { margin:20px 20px 0; }
.pic-item-list { margin:0  20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; width:100px; height:100px; margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; position: relative; }
.piList { padding:0 0 20px; overflow:hidden; }
.piList .pic-item-list {  margin:0; padding:0; }
.piList .hover0 {
    float: left;
    width:270px;
    margin: 0 23px 23px 0;
}
.piList .pic-item { position:relative; width:270px; height:182px;  padding:0; display:inline; overflow: hidden; }
.piList .hover0:nth-child(3n) { margin-right: 0; }
.piList .list-pic { display:block; width:270px; height:182px; margin-bottom:0; padding:0; border:0; line-height:148px;
    overflow: hidden; }
.piList .list-pic img { width:270px; height:182px; }
.piList .list-pic:hover img {
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}


.piList dl { padding:4px 5px; line-height:20px; margin-top: 182px; }
.piList dl dt { height:30px; font-size:12px; line-height:30px;     text-align: center; text-overflow:ellipsis;  }

.n_inBd{ margin:25px 0; }
.n_inBd ul{ margin-left:7px; }
.n_inBd ul li{ border:1px solid #e7e7e7; margin:0 15px 16px 0; float:left; width:212px; padding-top:5px; }
.n_inBd ul li:hover, .box_03 .inBox .inBd ul .cur{ border:1px solid #8c6002; }
.n_inBd ul li:nth-child(4n){ margin-right:7px; }
.n_inBd ul li a{ display:block; }
.n_inBd ul li a img{ margin:0 auto; display:block; }
.n_inBd ul li a dl{ padding:0 15px; }
.n_inBd ul li:hover a dl, .box_03 .inBox .inBd ul .cur a dl{ background:#8c6002; }
.n_inBd ul li a dl dt{ font-size:14px; line-height:30px; color:#333; border-bottom:1px solid #e7e7e7; position:relative; }
.n_inBd ul li:hover a dl dt{ color:#fff; border-bottom:1px solid #fff; }
.n_inBd ul li a dl dt .line{ width:15px; height:2px; background:#8c6002; position:absolute; left:0; bottom:-1px; z-index:9; }
.n_inBd ul li:hover a dl dt .line, .box_03 .inBox .inBd ul .cur a dl dt .line{ background:#ffea00; }
.n_inBd ul li a dl dd{ }
.n_inBd ul li a dl .i{ line-height:50px; color:#333; display:block; width:46px; height:50px; background:url("box03_4.gif"/*tpa=http://www.xinantong.com/images/box03_4.gif*/) right center no-repeat; text-transform:uppercase; }
.n_inBd ul li:hover a dl .i, .box_03 .inBox .inBd ul .cur a dl .i{ color:#fff; background:url("box03_5.gif"/*tpa=http://www.xinantong.com/images/box03_5.gif*/) right center no-repeat; }

/* 分页 */
.page {  line-height:24px; text-align:right; }
.page a { display:inline-block; margin:0 2px; padding:0 8px;  color:#333; vertical-align:top; }
.page a:hover,.page .current { color:#1bac72; }

/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url("ico_05.gif"/*tpa=http://www.xinantong.com/images/ico_05.gif*/) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:10px 8px; }
.hrTable .bg td { background:#eee; }
.hr { position:relative; padding:0 0 35px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#8c6002; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background:url("hr_down.gif"/*tpa=http://www.xinantong.com/images/hr_down.gif*/) no-repeat center; }
.hr h3 .on { background:url("hr_up.gif"/*tpa=http://www.xinantong.com/images/hr_up.gif*/) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#8c6002; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#8c6002; font-size:14px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }


/*预约*/
.form-panel1 { padding:0 0 30px; font-size:14px; color:#282827; }
.form-panel1 form { margin-top:65px;}
.form-panel1  ul li { margin-bottom:15px;}
.form-panel1 .xm { width:172px; height:26px; background:#fdf9f7;border:1px solid #dedddd;}
.form-panel1 .in-a { padding-left:287px;}
.form-panel1 .in-b { padding-left:260px;}
.form-panel1 .in-c { padding-left:258px;}
.form-panel1 .in-d { padding-left:286px;}
.form-panel1 .in-e { padding-left:258px;}
.form-panel1 .in-e em { display:block; width:70px; float:left;}
#textarea {display: block; width:478px; height:100px; background:#fdf9f7; border:1px solid #dedddd; float:left;}
.form-panel1 .yuyue { width:147px; height:34px; border:none; background:#d70010; text-align:center; line-height:34px; font-size:16px; color:#fff; cursor:pointer; border-radius:3px; margin-left:387px; margin-top:25px;}

.n_message{ margin-top: 20px; }
.n_message .map_01{ text-align:center; }
.n_message .map_01 img{ display:inline-block; }
.n_message .bd{ margin:48px 0; padding:0 50px; }
.n_message .bd .sd{ float:left; width:380px; }
.n_message .bd .sd .title{ font-size:16px; line-height:50px; color:#8c6002; }
.n_message .bd .sd .text_01{ font-size:14px; line-height:21px; color:#333; }
.n_message .bd .sd .text_02{ margin-top:38px; }
.n_message .bd .sd .text_02 p{ font-size:14px; line-height:22px; color:#333; }
.n_message .bd form{ float:right; width:384px; padding:0; border:0; background:none; }
.n_message .bd form input{ padding:0; border:0; background:none; }
.n_message .bd form label{ font-size:14px; line-height:30px; color:#333; margin-top:8px; display:block; }
.n_message .bd form .text{ width:372px; padding-left:10px; height:28px; line-height:28px; border:1px solid #999; border-radius:4px; }
.n_message .bd form .submit{ width:88px; height:28px; background:#8c6002; text-align:center; line-height:28px; color:#fff; margin-top:26px; cursor:pointer; }

/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }

.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }

.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #8c6002; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }

.hrPart { padding: 15px; }
.detail a { color: #8c6002; }

.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6);
}

.ih-item.square.effect4 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
    position: absolute;
    background: #333333;
    background: rgba(0, 0, 0, 0.6);
    height: 361px;
    width: 361px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.square.effect4 .mask1 {
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.ih-item.square.effect4 .mask2 {
    top: auto;
    bottom: 1px;
    left: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.ih-item.square.effect4 .info0 {
    position: absolute;
    background: #111111;
    height: 0;
    visibility: hidden;
    width: 270px;
    line-height: normal;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s;
}

.ih-item.square.effect4 .info0 h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: transparent;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s;
}

.ih-item.square.effect4 .info0 p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s;
}

.ih-item.square.effect4 a:hover .mask1 {
    -webkit-transform: rotate(56.5deg) translateX(1px);
    -moz-transform: rotate(56.5deg) translateX(1px);
    -ms-transform: rotate(56.5deg) translateX(1px);
    -o-transform: rotate(56.5deg) translateX(1px);
    transform: rotate(56.5deg) translateX(1px);
}

.ih-item.square.effect4 a:hover .mask2 {
    -webkit-transform: rotate(56.5deg) translateX(-1px);
    -moz-transform: rotate(56.5deg) translateX(-1px);
    -ms-transform: rotate(56.5deg) translateX(-1px);
    -o-transform: rotate(56.5deg) translateX(-1px);
    transform: rotate(56.5deg) translateX(-1px);
}

.ih-item.square.effect4 a:hover .info0 {
    /*width: 270px;
    height: 50px;*/
    visibility: visible;
    top: 0px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}

.ih-item.square.effect4 a:hover .info0 h3,
.ih-item.square.effect4 a:hover .info0 p {
    opacity: 1;
}


.contact h1 { font-size: 36px; font-weight: normal; color: #1bac72; text-align: center; background: url("link_02.png"/*tpa=http://www.xinantong.com/images/link_02.png*/) bottom center no-repeat; padding-bottom: 35px; }
.contentP { width: 600px; font-size: 14px; line-height: 23px; color: #000000; margin: 31px auto; }
.contentP p {  margin: 31px auto; }
.c2 { color: #666666; width: 630px; margin: 0 auto; font-size: 14px; }
.c2 div { color: #000000; font-size: 18px; }
.traffic { text-align: center; margin-top: 66px; }
.traffic ul { width: 706px; margin: 0 auto; }
.traffic li { float: left; width: 191px; margin: 0 22px; }
.traffic li div { text-align: left; color: #666666; }
.traffic li h2 { width: 104px; height: 104px; border: 1px solid #bfbfbf; line-height: 104px; border-radius: 15px; margin-left: 22px; }
.traffic li h2 img { vertical-align: middle; }
.traffic li  span { display: block; text-align: left;  font-size: 18px; color: #333; padding: 8px 0 8px 36px; }

.mapPart { border: 1px solid #d2d2d2; margin-top: 92px; }
.mapPart img {  }

.sms { margin-top: 36px; }
.leftSM { float: left; width: 588px;  }
.rightSM { float: right; width: 430px; margin-right: 40px; }
.leftSM h2 { background: url("kl.png"/*tpa=http://www.xinantong.com/images/kl.png*/) right center no-repeat; margin-bottom: 32px; }
.leftSM h2 span { display: inline-block; font-size: 30px; font-weight: normal; border-bottom: 4px solid #1bac72; }
.leftSM input { display: block; line-height: 50px; height: 50px; border-radius: 25px; width: 95%; border: 1px solid #e7e7e7; padding-left: 5%; font-size: 14px; margin-bottom: 20px; }
.leftSM textarea { width: 95%;border-radius: 25px; border: 1px solid #e7e7e7; font-size: 14px; height: 228px; padding: 10px 0 10px 5%; }
.leftSM .btn { height: 42px; width: 125px; background: #22b378; line-height: 43px; font-size: 16px; color: #ffffff; padding: 0; float: right; margin-top: 30px; cursor: pointer; }

.rightSM li { height:54px; line-height: 54px; border-bottom: 1px solid #cccccc; font-size: 18px; color: #1bac72; }
.rightSM li.c10 { font-size: 14px; background: url("c1.png"/*tpa=http://www.xinantong.com/images/c1.png*/) left center no-repeat; padding-left: 43px; }
.rightSM li.c20 { background: url("c2.png"/*tpa=http://www.xinantong.com/images/c2.png*/) left center no-repeat; padding-left: 43px; }
.rightSM li.c30 { background: url("c3.png"/*tpa=http://www.xinantong.com/images/c3.png*/) left center no-repeat; padding-left: 43px; }
.rightSM li.c40 { background: url("c4.png"/*tpa=http://www.xinantong.com/images/c4.png*/) left center no-repeat; padding-left: 43px; }

.passenger {  }
.passengerSlide { width: 492px; margin: 0 auto; }
.passengerSlide .hd {  height: 47px; margin-top: 28px; }
.passengerSlide .hd .prev, .passengerSlide .hd .next { position: absolute; z-index: 99; display: block; width: 25px; height: 47px; top: 235px; margin-left: 56px; }
.passengerSlide .hd .prev { background: url("prev.png"/*tpa=http://www.xinantong.com/images/prev.png*/) 0 center no-repeat; }
.passengerSlide .hd .next { background: url("prev.png"/*tpa=http://www.xinantong.com/images/prev.png*/) -25px center no-repeat; margin-left: 403px; }
.passengerSlide .hd .next:hover { background: url("prevHover.png"/*tpa=http://www.xinantong.com/images/prevHover.png*/) -25px center no-repeat; }
.passengerSlide .hd .prev:hover { background: url("prevHover.png"/*tpa=http://www.xinantong.com/images/prevHover.png*/) 0 center no-repeat; }
.passengerSlide .hd li { float: left; width: 61px; height: 51px; }
.passengerSlide .hd li.ps1 { background: url("contro.png"/*tpa=http://www.xinantong.com/images/contro.png*/) 0px 0 no-repeat; width: 52px; }
.passengerSlide .hd li.ps2 { background: url("contro.png"/*tpa=http://www.xinantong.com/images/contro.png*/) -53px 0 no-repeat; width: 52px; }
.passengerSlide .hd li.ps3 { background: url("contro.png"/*tpa=http://www.xinantong.com/images/contro.png*/) -104px 0 no-repeat; width: 71px; }
.passengerSlide .hd li.ps4 { background: url("contro.png"/*tpa=http://www.xinantong.com/images/contro.png*/) -174px 0 no-repeat; width: 63px; }
.passengerSlide .hd li.ps5 { background: url("contro.png"/*tpa=http://www.xinantong.com/images/contro.png*/) -238px 0 no-repeat; width: 60px; }
.passengerSlide .hd li.ps6 { background: url("contro.png"/*tpa=http://www.xinantong.com/images/contro.png*/) -297px 0 no-repeat; width: 60px;  margin-right: 10px; }
.passengerSlide .hd li.ps7 { background: url("contro.png"/*tpa=http://www.xinantong.com/images/contro.png*/) -368px 0 no-repeat; width: 60px; }
.passengerSlide .hd li.ps8 { background: url("contro.png"/*tpa=http://www.xinantong.com/images/contro.png*/) -428px 0 no-repeat; width: 55px; }

.passengerSlide .hd .ps1.on { background: url("controlH.png"/*tpa=http://www.xinantong.com/images/controlH.png*/) 0px 0 no-repeat; width: 52px; }
.passengerSlide .hd .ps2.on { background: url("controlH.png"/*tpa=http://www.xinantong.com/images/controlH.png*/) -53px 0 no-repeat; width: 52px; }
.passengerSlide .hd .ps3.on { background: url("controlH.png"/*tpa=http://www.xinantong.com/images/controlH.png*/) -104px 0 no-repeat; width: 71px; }
.passengerSlide .hd .ps4.on { background: url("controlH.png"/*tpa=http://www.xinantong.com/images/controlH.png*/) -174px 0 no-repeat; width: 63px; }
.passengerSlide .hd .ps5.on { background: url("controlH.png"/*tpa=http://www.xinantong.com/images/controlH.png*/) -238px 0 no-repeat; width: 60px; }
.passengerSlide .hd .ps6.on { background: url("controlH.png"/*tpa=http://www.xinantong.com/images/controlH.png*/) -297px 0 no-repeat; width: 60px;  margin-right: 10px; }
.passengerSlide .hd .ps7.on { background: url("controlH.png"/*tpa=http://www.xinantong.com/images/controlH.png*/) -368px 0 no-repeat; width: 60px; }
.passengerSlide .hd .ps8.on { background: url("controlH.png"/*tpa=http://www.xinantong.com/images/controlH.png*/) -428px 0 no-repeat; width: 55px; }
.passengerSlide .bd li h2 {  text-align: center;  }
.passengerSlide .bd li h3 { text-align: center; font-size: 36px; color: #1bac72; font-weight: normal; margin: 10px 0 10px;  }
.passengerSlide .bd li p { width: 400px; margin: 0 auto; font-size: 16px; color: #999999; }

.app { background: #f7f7f7; margin-top: 51px; padding: 86px 0 88px; }
.app h2 { font-size: 30px; color: #1bac72; line-height: 30px; text-align: center; font-weight: normal; }
.app h2 img { vertical-align: middle; margin-right: 11px; }
.pa { text-align: center; font-size: 18px; color: #999999; margin: 60px 0 35px;  }
.pa em { color: #1bac72; }
.app ul { text-align: center; }
.app ul li { display: inline-block; *display: inline; zoom: 1; margin: 0 7px; padding-bottom: 67px; width: 209px; }
.app ul li.app1 { background: url("iso.png"/*tpa=http://www.xinantong.com/images/iso.png*/) bottom center no-repeat;  }
.app ul li.app2 { background: url("and.png"/*tpa=http://www.xinantong.com/images/and.png*/) bottom center no-repeat; }
.register { padding: 64px 0 82px; }
.register h2 { text-align: center; }
.register .pa { margin-top: 30px; }
.register ul { padding-top: 72px; }
.register ul li { float: left; padding: 0 35px; width: 183px; }
.register ul li h2 { height: 282px; line-height: 282px; }
.register ul li h2 img { vertical-align: middle; }
.register ul li b { display: block; text-align: center; padding: 16px 0 5px; font-size: 18px; color: #000000; }
.register ul li.ap1 { text-align: center; }
.register ul li p { font-size: 14px; line-height: 22px; }
.book { background: #f7f7f7; padding: 45px 0 40px; }
.book h2 { font-size: 30px; color: #1bac72; line-height: 30px; text-align: center; font-weight: normal; }
.book h2 img { vertical-align: middle; margin-right: 11px; }
.book ul { text-align: center; margin: 77px auto 0; width: 784px; }
.book li { float: left; width: 156px; padding: 0 20px; min-height: 322px; }
.book li p { text-align: left; }
.book li h3 { width: 131px; background: #ffffff; height: 131px; border-radius: 50%; border: 1px solid #d7d7d7;  margin: 0 auto 38px; }
.book li h3 img { vertical-align: middle; padding: 3px; }
.book li b { display: block; font-size: 24px; color: #1bac72; font-weight: normal; }
.book li div { color: #999999; font-size: 14px; margin-top: 10px; min-height: 150px; text-align: left; }
.lost h2 { text-align: center; }

.leftLP { float: left; width: 579px; }

.leftLP h3 { background: url("kl.png"/*tpa=http://www.xinantong.com/images/kl.png*/) right 42px no-repeat; margin-bottom: 32px; }
.leftLP h3 span { display: inline-block; font-size: 30px; font-weight: normal; border-bottom: 4px solid #1bac72; }
.leftLP input { display: block; line-height: 50px; height: 50px; border-radius: 25px; width: 95%; border: 1px solid #e7e7e7; padding-left: 5%; font-size: 14px; margin-bottom: 20px; }
.leftLP textarea { width: 95%;border-radius: 25px; border: 1px solid #e7e7e7; font-size: 14px; height: 160px; padding: 10px 0 10px 5%; }
.leftLP .btn { height: 46px; width: 195px; background: #22b378; line-height: 47px; font-size: 16px; color: #ffffff; padding: 0; float: right; margin-top: 30px; cursor: pointer; }
.leftLP h3 em { display: inline-block; width: 369px; font-weight: normal; padding-left: 89px; color: #999999; }
.time .start { float: left; width: 250px; }
.time .end { float: right; width: 250px; }
.rightLP { float: right; width: 402px; margin-right: 94px; margin-top: 22px; }
.rightLP h3 { background: url("kl.png"/*tpa=http://www.xinantong.com/images/kl.png*/) left bottom no-repeat; margin-bottom: 32px; padding-bottom: 8px; font-size: 30px; font-weight: normal; }
.rightLP em { display: inline-block; width: 20px; height: 20px; background: #22b378; border-radius: 50%; text-align: center; line-height: 20px; margin-right: 5px; color: #ffffff; }
.rightLP b { color: #22b378; font-weight: bold; }
.rightLP p { font-size: 14px; color: #999; line-height: 25px; }

.aboutA h2 { background: url("line.png"/*tpa=http://www.xinantong.com/images/line.png*/) bottom center no-repeat; padding-bottom: 15px; }
.aboutA h2 span, .aboutA h2 em { display: block; text-align: center; font-weight: normal; }
.aboutA h2 span { font-size: 36px; color: #1bac72; }
.aboutA h2 em { font-size: 14px; text-transform: uppercase; color: #9d9d9d; padding: 5px 0; }
.contentAA { width: 663px; margin: 35px auto 94px; font-size: 14px; color: #3b3b3b; line-height: 25px; }
.titleAB { background: url("bg.jpg"/*tpa=http://www.xinantong.com/images/bg.jpg*/) top center no-repeat; width: 100%; height: 351px; }
.titleAB h2 { font-size: 36px; color: #ffffff; text-align: center; padding-top: 105px; padding-bottom: 35px; line-height: 36px; }
.titleAB p { font-size: 24px; color: #ffffff; text-align: center; padding-bottom: 45px; line-height: 24px; }
.titleAB span { display: block;  text-align: center; }
.aboutB .wrap { text-align: center!important; padding-top: 40px; }
.aboutC { margin-top: 180px; }
.titleAC { background: url("nk.jpg"/*tpa=http://www.xinantong.com/images/nk.jpg*/) top center no-repeat; width: 100%; height: 351px; }
.aboutC .wrap { margin: 100px auto 0; }
.aboutC li { float: left; width: 286px; margin-right: 150px; }
.aboutC .tempWrap { width: 723px!important; margin: 0 auto; }
.aboutC .bd .prev, .aboutC .bd .next { position: absolute; z-index: 99; display: block; width: 25px; height: 47px; margin-top: 166px;  }
.aboutC .bd .prev { background: url("prev.png"/*tpa=http://www.xinantong.com/images/prev.png*/) 0 center no-repeat; margin-left: 134px; }
.aboutC .bd .next { background: url("prev.png"/*tpa=http://www.xinantong.com/images/prev.png*/) -25px center no-repeat; margin-left: 978px; }
.aboutC .bd .next:hover { background: url("prevHover.png"/*tpa=http://www.xinantong.com/images/prevHover.png*/) -25px center no-repeat; }
.aboutC .bd .prev:hover { background: url("prevHover.png"/*tpa=http://www.xinantong.com/images/prevHover.png*/) 0 center no-repeat; }
.sys { margin-top: 26px; }
.sys ul { width: 1018px; margin: 0 auto; }
.sys li { float: left; width: 437px; height: 238px; line-height: 238px; text-align: center; overflow: hidden; border: 1px solid #ececec; margin: 0 35px 37px; }
.sys li img { vertical-align: middle;  }
.sysB { background: #f7f7f7; padding: 35px 0 100px; }
.contentSS { width: 663px; margin: 35px auto 94px; font-size: 14px; color: #3b3b3b; line-height: 25px;  }
.sysB ul { width: 1011px; margin: 0 auto; }
.sysB li { float: left; width: 257px; margin: 0 40px; }
.sysB li span { display: block; color: #1bac72; font-size: 18px; text-align: center; line-height: 18px; padding: 11px 0; }
.sysB li .contentLi { font-size: 14px; color: #666666; line-height: 23px; }
.sysC { padding: 35px 0 100px; }
.sysC ul { margin-top: 105px; }
.sysC li { float: left; width: 170px; margin: 0 9px; }
.sysC li b { position: absolute; width: 148px; height: 148px; border-radius: 50%; border: 1px solid #dedede; margin-left: 16px; z-index: 0; }
.sysC li h1 { width: 170px; height: 148px; line-height: 148px; text-align: center; overflow: hidden; position: relative; z-index: 9; }
.sysC li h1 img { vertical-align: middle;  }
.sysC li span { display: block; text-align: center; font-size: 18px; color: #000000; margin-top: 40px; margin-bottom: 12px; }
.sysC li .donLi { color: #999999; }

.driver .hd { margin: 20px auto 75px; width: 1080px; height: 77px; }
.driver .hd ul { text-align: center; }
.driver .hd li { float: left; width: 150px; text-align: left; height: 77px; background: #f7f7f7;  margin: 0 2px; cursor: pointer; }
.driver .hd li em { display: block; float: left; height: 77px; width: 57px; text-align: center; line-height: 77px; }
.driver .hd li.on { background: #1bac72; }
.driver .hd li.on i { background: url("ae.png"/*tpa=http://www.xinantong.com/images/ae.png*/) bottom center no-repeat; }
.driver .hd li.on span { color: #ffffff; }
.driver .hd li.dr1 em { width: 37px;  }
.driver .hd li.dr1 span,.driver .hd li.dr2 span,.driver .hd li.dr3 span,.driver .hd li.dr5 span { padding: 17px 0; }
.driver .hd li.dr4 span, .driver .hd li.dr6 span, .driver .hd li.dr7 span { line-height: 77px; }
.driver .hd li.dr6 span { margin-left: 10px; }
.driver .hd li.dr6 em { width: 67px; }
.driver .hd li em img { vertical-align: middle; }
.driver .hd li span { display: block; float: left; font-size: 14px; color: #999999; }

.slideDriver .bd0 { width: 800px; margin: 0 auto; text-align: center;  line-height: 345px; }
.slideDriver .bd0 img { vertical-align: middle; }
.slideDriver .bd0 .prev0, .slideDriver .bd0 .next0 { position: absolute; z-index: 99; display: block; width: 25px; height: 47px; margin-top: 111px;  }
.slideDriver .bd0 .prev0 { background: url("prev.png"/*tpa=http://www.xinantong.com/images/prev.png*/) 0 center no-repeat; margin-left: -162px; }
.slideDriver .bd0 .next0 { background: url("prev.png"/*tpa=http://www.xinantong.com/images/prev.png*/) -25px center no-repeat; margin-left: 942px; }
.slideDriver .bd0 .next0:hover { background: url("prevHover.png"/*tpa=http://www.xinantong.com/images/prevHover.png*/) -25px center no-repeat; }
.slideDriver .bd0 .prev0:hover { background: url("prevHover.png"/*tpa=http://www.xinantong.com/images/prevHover.png*/) 0 center no-repeat; }
.word { color: #ff6600; text-align: center; padding: 68px 0; }

.process { background: #f7f7f7; padding: 44px 0 49px; }
.repair { padding: 42px 0 58px; }
.jobHunter { padding: 45px 0 66px; }
.jobHunter h2 { background: url("line.png"/*tpa=http://www.xinantong.com/images/line.png*/) bottom center no-repeat; padding-bottom: 15px; }
.jobHunter h2 span, .jobHunter h2 em { display: block; text-align: center; font-weight: normal; }
.jobHunter h2 span { font-size: 36px; color: #1bac72; }

.jobHunter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 90%; border: 1px solid #1bac72; margin-top: 67px; padding-left: 2%; line-height: 46px; font-size: 16px; color: #666666; margin-left: 5%;
    background: url("asd.jpg"/*tpa=http://www.xinantong.com/images/asd.jpg*/) 980px center no-repeat;
    height: 46px;
}
.jHContent { width: 90%;  margin-left: 5%; margin-top: 31px; }
.vote { margin: 40px 0 0 236px; display: block; }


