@charset "utf-8";
/* CSS Document */
/* 格式化 */
body,div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{ margin: 0; padding: 0; }
body{ color:#000; font-family:"微软雅黑"}
body, button, input, select, textarea { font: 12px 微软雅黑,tahoma,arial; margin:0;}
input, select, textarea { background:#fff;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:12px;}
i,em,th {font-style:normal;font-weight:normal}
ul,li{ list-style: none; }
a { text-decoration: none; }
a:hover { }
input { border: 0 none; }
img{ border:none;}
table { border-collapse: collapse; border-spacing: 0; }
table td{word-wrap:break-word;word-break:break-all;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear { clear:both;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*全局样式*/
.biao{ border-bottom: 1px solid #e8e8e8;}
.biao_til{ width: 1200px; margin: 0 auto;}
.biao .left_til{ float: left; color: #7c7c7c; font-family: "宋体"; line-height: 30px;}
.biao .right_til{ float: right;}
.biao .right_til div{ vertical-align: top; display: inline-block; font-size: 12px; font-family: "宋体"; line-height: 30px; padding: 0 0 0 20px; margin: 0 5px;}
.biao .right_til div a{ color: #7c7c7c;}
.biao .right_til div a:hover{ color: #d7000f;}

.top{ width:1200px; height:115px; margin:0 auto;}
.top .logo{ float:left;}
.top .logo img{  margin-top: 23px;}
.top .tel{ float:right;  margin: 42px 200px 0 0;}
.heard{ background: url("top_nav.jpg")/*tpa=http://www.jinxianghuanyu.com/images/top_nav.jpg*/ center center; background-size: cover;}
.heard .topnav{ width:1200px;  margin:0 auto;}
.heard .nav {background: url("li_bg.jpg")/*tpa=http://www.jinxianghuanyu.com/images/li_bg.jpg*/ left center no-repeat;}
.heard .nav ul li{ float:left; line-height:50px; width:12.5%; text-align:center; position: relative;}
.heard .nav ul li a{ color:#353535; font-size:16px; color:#fff; display: block; width: 100%; background: url("li_bg.jpg")/*tpa=http://www.jinxianghuanyu.com/images/li_bg.jpg*/ right center no-repeat;}
.heard .nav ul li:hover{ background:#f76720; }
.heard .nav .ul2{ display:none; width:100%; position:absolute; top:50px; left:0; background: #27479a;  z-index:999; }
.heard .nav .ul2 .li2{ position:relative;}
.heard .nav .ul2 .li2 a{ color:#fff; line-height:40px; background:none;}
.heard .nav .ul2 .li2 a:hover{ background:#f76720; color: #fff;}

.heard .nav ul li.acitve{background:#f76720;}

/*banner*/
.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:500px;}
  .lubo_box{ position: relative; width: 100%; height:500px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:500px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 450px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #f76720 !important;}

  /*按钮*/
  .lubo_btn{ position: absolute; width: 100%; top: 140px;}
  .left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left;}
  .right_btn{ float: right;}
  
  
/*t-1*/
.title{ margin:20px auto 40px; background: url("biao_bg.png")/*tpa=http://www.jinxianghuanyu.com/images/biao_bg.png*/ center top no-repeat}
.title h3{ font-size:30px; color:#d7000f; text-align:center; font-weight: bold;}
.title h3 img{vertical-align:middle}
.title h6{  font-size:20px; color:#848484; text-align:center; line-height: 42px;}
/*.title:after{ content: ''; position: absolute; left: 50%; bottom: -20px; margin-left: -10px; width: 20px; height: 10px; background: url(../images/jiao.png) center center no-repeat;}*/
.title .jian{background: url("jiao.png")/*tpa=http://www.jinxianghuanyu.com/images/jiao.png*/ center center no-repeat;width: 20px; height: 10px; margin:0 auto}

/*t-2*/
.title2{ margin:20px auto 40px; background: url("biao_bg.png")/*tpa=http://www.jinxianghuanyu.com/images/biao_bg.png*/ center top no-repeat; }
.title2 h3{ font-size:30px; color:#fff; text-align:center; font-weight: bold;}
.title2 h3 img{vertical-align:middle}
.title2 h6{  font-size:20px; color:#fff; text-align:center; line-height: 42px;}
/*.title2:after{ content: ''; position: absolute; left: 50%; bottom: -20px; margin-left: -10px; width: 20px; height: 10px; background: url(../images/jiao2.png) center center no-repeat;}*/
.title2 .jian{width: 20px; height: 10px; background: url("jiao2.png")/*tpa=http://www.jinxianghuanyu.com/images/jiao2.png*/ center center no-repeat; margin:0 auto}

/*t-1*/
.title3{ background: url("mbx_bg.png")/*tpa=http://www.jinxianghuanyu.com/images/mbx_bg.png*/ left bottom no-repeat;}
.title3 h3{ float: left; font-size: 16px; color: #27479a; font-weight: bold; line-height: 53px;}
.title3 h6{ float: right; color: #333; font-size: 14px; line-height: 53px;}


/*lunbo*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*.grabbing{cursor:url(../img/grabbing.png) 8 8,move}*/
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{}

/*case*/
.fuw{ padding: 30px 0;}
.case_box{ width: 1200px; margin: 20px auto 30px;}
.picture24{ position:relative; margin:60px -10px 0;}
.picture24  #owl-demo .item{ margin:0 10px;transition:all 0.3s;}
.picture24  #owl-demo .item .imgbox{ padding:1px; border:1px solid #e5e5e5;}
.picture24  #owl-demo .item .imgbox span{ display: block; width: 100%; height: 100%;  overflow:hidden; position: relative;}
.picture24  #owl-demo .item .imgbox img{ display: block; width: 100%;}
.picture24  #owl-demo .item .imgbox .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: -100%; background: url("bg.png")/*tpa=http://www.jinxianghuanyu.com/images/bg.png*/ center center; background-size: cover; transition: all .3s;}
.picture24  #owl-demo .item .imgbox .bg .bg_til{ position: absolute; left: 0; top: 50%; margin-top: -20px; width: 100%; }
.picture24  #owl-demo .item .imgbox .bg .bg_til h4{ font-size: 16px; color: #fff; line-height: 20px; text-align: center;}
.picture24  #owl-demo .item .imgbox .bg .bg_til h5{ font-size: 14px; color: #fff; text-align: center; line-height: 20px;}
.picture24  #owl-demo .item h3{ text-align:center; font-size:16px; color:#333; line-height:50px; }
.picture24  #owl-demo .item li:hover .imgbox .bg{ top: 0;}
.picture24  .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:16px;height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture24  .owl-theme .owl-controls .owl-buttons div.owl-prev{ display: none;}
.picture24  .owl-theme .owl-controls .owl-buttons div.owl-next{ display: none;}
.picture24  .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.picture24 .owl-theme .owl-controls .owl-page{ display:none;}

/*pic*/
.pic{ padding: 30px 0; background: #ececec;}
.picbox{ width: 1200px; margin: 40px auto 20px;}
.picture .left_nav{ float: left; width: 285px; background: #fff;}
.picture .left_nav ul li{ border-bottom: 1px solid #dcdcdc; padding: 0 0 0 15px;}
/*.picture .left_nav ul li span{ display: block; width: 20px; height: 20px; border: 1px solid #27479a; text-align: center; line-height: 20px; font-size: 16px; color: #27479a; position: absolute; left: 15px; top: 50%; margin-top: -10px;}*/
.picture .left_nav ul li span{ float:left; display: block; width: 20px; height: 20px; border: 1px solid #27479a; text-align: center; line-height: 20px; font-size: 16px; color: #27479a; margin:15px 20px 0 0}
.picture .left_nav ul li a{ font-size: 16px; color: #333333; height:50px; line-height: 50px;display:block}
.picture .left_nav ul li:hover{ background: #27479a;}
.picture .left_nav ul li:hover span{ border: 1px solid #fff; color: #fff;}
.picture .left_nav ul li:hover a{ color: #fff;}
.picture .left_nav ul li.active{ background: #27479a;}
.picture .left_nav ul li.active span{ border: 1px solid #fff; color: #fff;}
.picture .left_nav ul li.active a{ color: #fff;}
.picture .picture-1{ width: 285px; margin: 0 20px; float: left;}
.picture .picture-1 .imgs2{ overflow: hidden;}
.picture .picture-1 .imgs2 span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.picture .picture-1 .pic_til{ background: #cacaca; padding: 6px;}
.picture .picture-1 .pic_til h3{ font-size: 16px; color: #000000; font-weight: bold; text-align: center; line-height: 30px;}
.picture .picture-1 .pic_til .pic_ti{ font-size: 14px; line-height: 25px; height: 50px; color: #333; overflow: hidden; margin-top: 12px;}
.picture .picture-1:hover .imgs2 span{ transform: scale(1.1);}

.picture .picture-2{ float: left; width: 590px; overflow: hidden;}
.picture .picture-2 ul { margin: 0 -10px;}
.picture .picture-2 ul li{ width: 285px; margin: 0 10px 18px; float: left;}
.picture .picture-2 ul li .imgs3{ overflow: hidden; position: relative;}
.picture .picture-2 ul li .imgs3 span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.picture .picture-2 ul li .imgs3 h3{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; font-size: 16px; color: #000; font-weight: bold; line-height: 39px; background: #cacaca; transition: all .3s;}
.picture .picture-2 ul li:hover .imgs3 span{ transform: scale(1.1);}
.picture .picture-2 ul li:hover h3{ background: #27479a; color: #fff;}

.about_box{ width: 1200px; margin: 40px auto;}
.about_til { margin-top: 90px;}
.about_til h3{ font-size: 20px; color: #333333; font-weight: bold; text-align: center;}
.about_til .about_ti{ font-size: 14px; color: #333; line-height: 28px; text-align: center; overflow: hidden; margin-top: 50px;}
.about_til .about_ti img{ max-width: 100%; margin-top:30px; }

/*news*/
.news{ padding: 20px 0; background: #27479a;}
.news_box{ width: 1200px; margin: 0 auto;}
.news_ture{ margin-top: 60px;}
.news_ture ul{ margin: 0 -15px;}
.news_ture ul li{ width: 380px; margin: 0 15px; background: #fff; float: left; margin-bottom: 20px;}
.news_ture ul li .til{ padding: 0 70px 0 10px; position: relative; min-height: 50px;}
.news_ture ul li .til h3{ font-size: 16px; font-weight: bold; color: #333; line-height: 50px;}
.news_ture ul li .til a{ font-size: 12px; color: #333; line-height: 50px; position: absolute; top: 0; right: 10px; padding: 0 30px 0 0;}
.news_ture ul li .til a:after{ content: '→'; width: 20px; height: 20px; border: 1px solid #a6a6a6; border-radius: 50%; position: absolute; right: 0; top: 13px; text-align: center; line-height: 20px;}
.news_ture ul li .til a:hover{ color: #27479a;}
.news_ture ul li .til a:hover:after{ border: 1px solid #27479a; background: #27479a; color: #fff;}
.news_ture ul li .imgbox{ height: 173px; overflow: hidden;}
.news_ture ul li .imgbox img{ max-width: 100%;}
.news_ture ul li .news_list{ padding: 20px 10px 10px;}
.news_ture ul li .news_list .news_li{ padding: 0 40px 0 0; position: relative; min-height: 20px; margin-bottom: 15px;}
.news_ture ul li .news_list .news_li h3{ font-size: 14px; line-height: 20px; color: #333;}
.news_ture ul li .news_list .news_li h6{ font-size: 14px; color: #333; line-height: 20px; position: absolute; right: 5px; top: 0;}
.news_ture ul li .news_list .news_li:hover h3{ color: #27479a;}
.news_ture ul li .news_list .news_li:hover h6{ color: #27479a;}

.fuwu{ width: 1200px; margin:40px auto;}
.fuwu ul li{ float: left; width: 240px;  padding: 26px 0 0 0; transition: all .3s; margin: 0 30px;}
.fuwu ul li .imgbox{ width: 172px; height: 172px; border-radius: 50%; border: 1px solid #bebebe; margin: 0 auto;}
.fuwu ul li h3{ font-size: 16px; color: #333; line-height: 63px; text-align: center; font-weight: bold; border-bottom: 1px solid #fff;}
.fuwu ul li .more{ font-size: 14px; color: #333; line-height: 42px; text-align: center; border-top:1px solid #d4d4d4; padding: 0 30px 0 0; position: relative; opacity: 0; transition: all .3s;}
.fuwu ul li .more:after{content: '→'; width: 20px; height: 20px; border: 1px solid #a6a6a6; border-radius: 50%; position: absolute; left: 50%; top: 10px; text-align: center; line-height: 20px;}
.fuwu ul li:hover{ background-color:#ededed; background-image: url("jiao3.png")/*tpa=http://www.jinxianghuanyu.com/images/jiao3.png*/; background-position: top; background-repeat: no-repeat;}
.fuwu ul li:hover .more{ opacity: 1;}

.contact{ border-top: 1px solid #d8d8d8; padding: 50px 0;}
.contactbox{ width:1200px; margin: 0 auto;}
.contactbox ul li{ width: 200px; float: left;}
.contactbox ul li h3{ font-size: 16px; color: #27479a; font-weight: bold;}
.contactbox ul li .a_box{ margin-top: 10px;}
.contactbox ul li a{ font-size: 14px; color: #898989; line-height: 25px; display: block;}
.contactbox ul li a:hover{ color: #27479a;}
.contactbox ul li .ewm_box{ width: 81px; height:81px; padding: 15px; background: url("ewm_bg.png")/*tpa=http://www.jinxianghuanyu.com/images/ewm_bg.png*/ center center no-repeat; margin: 0 auto;}
.contactbox ul li h6{ font-size: 14px; color: #333; line-height: 33px; text-align: center;}

.footer{ padding:25px 0; background: #1c1c1c;}
.footerbox{ width:1200px; margin:0 auto;}
.footerbox .zhi{ color:#fff; font-size: 14px; line-height: 24px; text-align: center;}
.footerbox .zhi a{ color:#fff; font-size:14px;}

.neibiao{ padding:15px; background:url("mbx_bg.png")/*tpa=http://www.jinxianghuanyu.com/images/mbx_bg.png*/ center bottom no-repeat;}
.neibiao .title4{ width:1130px; margin:0 auto;}
.neibiao .title4 h3{ font-size:30px; color:#ff6600; font-weight:bold;}
.neibiao .title4 h3 span{ font-size:18px; color:#999; text-transform:uppercase; padding:0 0 0 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.conter{ width:1200px; margin:0 auto; padding:30px 0;}
.conter .leftnav{ float:left; width:285px;}
.subnav ol{ height: 78px;  background:#27479a; position: relative; padding: 0 0 0 88px; margin-bottom: 6px;}
.subnav ol h3{font-size:30px; color:#fff; line-height: 50px; }
.subnav ol span{ display: block; font-size:14px; text-transform: uppercase; color: #fff;}
.subnav ol h6{ font-size: 64px; color: #fff; line-height: 78px; position: absolute; top: 0; left: 40px;}
.subnav ul{  margin-bottom: 10px;}
.subnav ul li{ border-bottom: 1px solid #dcdcdc; padding: 0 0 0 50px; position: relative; background: #f2f2f2;}
.subnav ul li span{ display: block; width: 20px; height: 20px; border: 1px solid #27479a; text-align: center; line-height: 20px; font-size: 16px; color: #27479a; position: absolute; left: 15px; top: 50%; margin-top: -10px;}
.subnav  ul li a{ font-size: 16px; color: #333333; line-height: 50px; width: 100%; display:block}
.subnav  ul li:hover{ background: #27479a;}
.subnav  ul li:hover span{ border: 1px solid #fff; color: #fff;}
.subnav  ul li:hover a{ color: #fff;}
.subnav  ul li.active{ background: #27479a;}
.subnav  ul li.active span{ border: 1px solid #fff; color: #fff;}
.subnav  ul li.active a{ color: #fff;}
.subnav .di{ background: #f2f2f2;}
.subnav .di .lx_box{ padding: 5px 0;}
.subnav .di .lx_box img{ margin: 0 auto; display: block;}
.subnav .di .ditil{ color: #333; line-height: 25px; font-size: 14px; padding: 0 5px;}

.conter .rightinfo{ float:right; width:895px;}
.nei_pic{ overflow: hidden; margin-top: 30px;}
.nei_pic ul{ margin:0 -10px;}
.nei_pic ul li{ float: left; width: 285px; margin: 0 10px 20px;}
.nei_pic ul li .imgs4{ border: 1px solid #e0e0e0;}
.nei_pic ul li .imgs4 span{ display: block; width: 100%; height: 100%;}
.nei_pic ul li h3{ font-size: 14px; color: #000; line-height: 39px; background: #cacaca; transition: all .3s; text-align: center; transition:all .3s;}
.nei_pic ul li:hover h3{ background: #3660ce; color: #fff;}


/*nei_news*/
.nei_news{ margin: 20px 0 0 0;}
.nei_news ul li{ padding: 0 90px 0 0; min-height: 52px; position: relative; border-bottom: 1px dashed #ccc;}
.nei_news ul li h3{ font-size: 14px; color: #333; line-height: 52px;}
.nei_news ul li h6{ font-size: 14px; color: #333; line-height: 52px; position: absolute; top: 0; right: 0;}
.nei_news ul li:hover h3{ color: #27479a;}
.nei_news ul li:hover h6{ color: #27479a;}

/*nei_about*/
.nei_about{ margin-top: 30px;}
.nei_about .text03{ font-size: 14px; color: #333; line-height: 30px;}

/*picture07*/
.pic_show{ margin: 30px 0 0 0;}
.pic_show h3{ font-size: 18px; color: #27479a; font-weight: bold; text-align: center; line-height: 40px;}
.pic_show h6{ font-size: 12px; color: #666; line-height: 40px; text-align: center;}
.picture07{ margin-bottom:20px;}
.picture07 img{ display:block; max-width:100%; margin: 0 auto;}
.text05{ font-size:14px; line-height:24px; color:#333; margin:20px 0;}

/*contact*/
.contact02{ margin: 30px 0 0 0;}
.contact02 .ditu{ margin-top:20px;}
.contact02 .lianx{ font-size:14px; color:#333; line-height:30px;}