﻿@charset "utf-8";
 @font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/webfont_rpl9x5wda7.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_rpl9x5wda7.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_rpl9x5wda7.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_rpl9x5wda7.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_rpl9x5wda7.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
    }
 .web-font {
    font-family: "webfont" !important;
    /*font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    }

body { font-family: "webfont" !important;   font-size:14px; color:#666; }


.iheader {background: #fff; width:100%; height:100px;box-shadow: 0 0 10px rgba(0,0,0,.15); position: fixed; top:0; z-index: 999;}
.iheader .logo {height:100%;}
.iheader .logo a {position: relative;  display: block;}
.iheader .logo a img { height:60px;margin-top:20px;}
.iheader .nav { height:80px; padding-top:20px; margin-right:-22px;}
.iheader .nav .navitem { cursor: pointer; position: relative;float: left; height:100%; text-align: center;  transition: all .36s ease;}
.iheader .nav .navitem:hover .subnav {opacity: 1; visibility: visible;}
.iheader .nav .navitem>a { display: block;  border-bottom: 3px solid transparent;  overflow: hidden; color:#333;  padding:0 19px; text-align: center; line-height:60px; font-size:16px; }
.iheader .nav .navitem .subnav { position: absolute; top: calc(100% - 3px); left: 0; z-index:99; opacity: 0; visibility: hidden; width: 100%;  border-top:3px solid #0054aa; background:#fff; box-shadow: 0 5px 20px 5px rgba(0,0,0,.05); transition: all .36s ease;}
.iheader .nav .navitem .subnavpro {/*width:160px!important;*/ text-align: left; }
.iheader .nav .navitem .subnavhr {/*width:140px!important;*/  text-align: left; }
.iheader .nav .navitem .subnav li {cursor: pointer;width: 100%}
.iheader .nav .navitem .subnav li a {  padding: 10px 20px; line-height: 20px; display: block; font-size: 13px; color: #666;  transition: all .36s ease;}
.iheader .nav .navitem .subnav li a:hover {color: #fff; background-color: #0054aa;}
.iheader .nav>li>a span { display: inline-block; position: relative; transition: all ease-out .3s;}
.iheader .nav>li>a:before { content: ''; position: absolute;bottom: 0;left: 20px; width: 0; height: 3px; background-color: #0054aa; transition: all .3s ease-out 0s;}
.iheader .nav>li>a span:after { content: attr(data-title); position: absolute;  color: #0054aa; font-weight: bold; left: 0; transform: translateY(100%); width: 107%;}
.iheader .nav>li a.active span, .iheader .nav>li:hover a span { transform: translateY(-100%);}
.iheader .nav>li a.active:before, .iheader .nav>li:hover a:before { width: calc(100% - 40px);}


.ibanner .slidebox { position:relative; }
.ibanner .slidebox .bd ul li {width:100%; height:800px; }
.ibanner .slidebox .hd { position:absolute; bottom:40px; z-index: 9; width:100%; }
.ibanner .slidebox .hd ul { text-align: center; }
.ibanner .slidebox .hd ul li { width:12px; height: 12px; margin:0 6px; display: inline-block; cursor: pointer; background:#fff; }
.ibanner .slidebox .hd ul li.on {background:#0054aa;}

.itit { color:#0054aa; padding-bottom: 40px; float:left; width:20%;}
.itit span { color:#f9bf13;}
.inav ul { float:right; }
.inav ul li {float:left; margin-left:20px; }
.inav ul li a { padding:0 32px; height: 40px; display: inline-block; background:#eee; text-align: center; line-height: 40px; color:#666; box-sizing: border-box;}
.inav ul li a:hover , .inav ul li a.on { background:#0054aa;  border-left: 4px solid #f9bf13; color:#fff; padding:0 32px 0 28px ; }
.iabo .txt { width:680px;}
.iabo .txt .cont p { margin-bottom: 10px;}
.iabo .txt .imore { width:160px; height:40px; line-height: 40px; background:#0054aa; display: inline-block; text-align: center; border-left: 4px solid #f9bf13; color:#fff; margin-top:30px; box-sizing: border-box;}
.iabo .video { width:460px; height:360px; overflow: hidden; position: relative;}
.iabo .video .vbox {width:420px; position: absolute; top:20px; left:20px; z-index: 9;}
.iabo .video .vico { width:420px; height:320px; text-align: center; line-height: 320px; position: absolute; top:20px; left:20px; z-index: 99; background:rgba(0,0,0,0.15); }
.iabo .video .vico span { font-size:48px; color:#fff;}
.iabo .video .vbox1 {width:260px; height: 260px; position: absolute; left:0; top:0; z-index: 1; background: #0054aa; }
.iabo .video .vbox2 {width:260px; height: 260px; position: absolute; right:0; bottom:0; z-index: 1; background: #f9bf13; }
#myvideo {width:100%; height:320px;}
.iabo .desc {width:100%; height: 160px; overflow: hidden; background: url(../img/iabobg.jpg) center top no-repeat; margin-top:80px;}
.iabo .desc ul { text-align:center; padding-top:45px;}
.iabo .desc ul li { display: inline-block; padding:0 50px; border-left:1px solid #ccc;  text-align: center; }
.iabo .desc ul li:first-child { border:none;}
.iabo .desc ul li h1 {margin-bottom: 6px;color:#333; font-size: 30px;}
.iabo .desc ul li em { font-style:normal; font-size: 14px;  color:#666; font-weight: normal; padding-left: 10px; }

.inews { padding-bottom:100px;}
.inews .list {padding-top:20px;}
.inews .list .pic {width:500px; }
.inews .list .pic .pica { width:100%; height:250px; display: block; overflow: hidden;}
.inews .list .pic .pica img {transition: all .36s ease;}
.inews .list .pic:hover img {transform: scale(1.08);}
.inews .list .pic .desc {width:100%; height: 146px;  background:#eee; }
.inews .list .pic .desc .date  { width:100px; height: 146px; text-align: center; font-family: Arial; font-weight: bold; border-bottom:4px solid #0054aa;  }
.inews .list .pic .desc .date h1 {font-size:42px; color:#0054aa; margin-top: 20px; }
.inews .list .pic .desc .date p {font-size:16px; }
.inews .list .pic .desc .cont { width:340px; height: 146px; padding: 0 30px; border-bottom:4px solid #f9bf13;}
.inews .list .pic .desc .cont h1 { font-size:16px; font-weight: normal; color:#333; line-height: 320%;  border-bottom:1px solid #ccc; margin: 10px 0;}
.inews .list .pic .desc .cont a:hover h1 {color:#0054aa;}
.inews .list .pic .desc .cont p {line-height:180%; color:#999;}
.inews .list .txt {width:660px; }
.inews .list .txt ul { width:100%;}
.inews .list .txt ul li {  line-height: 54px; border-bottom:1px solid #ddd;}
.inews .list .txt ul li h1 {font-size:15px; font-weight: normal; color:#666;}
.inews .list .txt ul li h1 span { float:left; width:86%; }
.inews .list .txt ul li:first-child { border:none; margin-bottom: 20px;}
.inews .list .txt ul li:first-child h1 {font-size:16px; margin-bottom: 16px; line-height: 160%;padding-bottom: 16px; border-bottom:1px solid #ddd;  }
.inews .list .txt ul li p {  line-height: 180%; color:#999; }
.inews .list .txt ul li h1 em { float:right; width:12%; text-align: right;  font-style:normal; font-family: Arial; color:#999; font-size: 14px; }
.inews .list .txt ul li a:hover h1 { color:#0054aa;} 

.ipro { width:100%;  background: url(../img/iprobg.jpg) center top no-repeat; }
.ipro .main { background:#fff; margin-bottom: 40px;}
.ipro .main .mfl { float:left; width:120px; min-height: 400px; background:url(../img/iprot1.jpg) center bottom no-repeat #0054aa; text-align: center;}
.ipro .main .mfl span { writing-mode: vertical-rl; letter-spacing: 4px; padding-top:40px; font-size: 24px; font-weight: bold; color:#fff;}
.ipro .main .mfr { float:left; width:1080px;overflow: hidden;  }
.ipro .other { background:#fff;}
.ipro .other .ofl { float:left; width:120px; min-height: 400px; background:url(../img/iprot2.jpg) center bottom no-repeat #f9bf13; text-align: center;}
.ipro .other .ofl span { writing-mode: vertical-rl; letter-spacing: 4px; padding-top:40px; font-size: 24px; font-weight: bold; color:#fff;}
.ipro .other .ofr { float:left; width:1000px; margin-left:40px; padding-top: 40px;  }
.ipro .swiper-slide { position: relative; padding-bottom: 80px; }
.ipro .swiper-slide .img {width:100%; overflow: hidden;}
.ipro .swiper-slide .img img {width:100%;transition: all .36s ease;/*height: 248.27px;*/}
.ipro .swiper-slide:hover .img img {transform: scale(1.08);}
.ipro .swiper-slide .txt { background:#eee; width:calc(100% - 40px); padding:0 20px; min-height: 80px;  position: absolute; z-index: 9; bottom:0; transition: all .36s ease;}
.ipro .swiper-slide .hover { padding-bottom:20px; }
.ipro .swiper-slide .txt h1 { font-weight:normal; font-size:16px; color:#333; margin: 16px 0 8px 0;  }
.ipro .swiper-slide .txt p {  color:#999; line-height: 160%; }
.ipro .swiper-container { padding-bottom: 50px;}
.ipro .spnav {bottom:0!important;}
.ipro .spnav .swiper-pagination-bullet {border: 1px solid #fff;  width: 10px;height: 10px; margin:0 6px!important; background:#fff; opacity: 1;  border-radius:0!important;}
.ipro .spnav .swiper-pagination-bullet-active { background:#0054aa; border: 1px solid #0054aa;}
.ipro .spss .ss { width:480px; margin: 40px 0; margin-left:40px;}
.ipro .ss .img {width:100%; height: 240px!important; overflow: hidden;}
.ipro .sp-pn { position: absolute; top: 73px;  z-index: 10;  cursor: pointer; width:40px; height: 40px;  background: rgba(0,0,0,0.6); text-align: center;  transition: all .36s ease; }
.ipro .sp-prev {left: 0; }
.ipro .sp-next {right: 0;}
.ipro .sp-pn i {display:inline-block; line-height:40px; font-size: 24px; color:#fff; }
.ipro .sp-pn2 { position: absolute; top: 110px;  z-index: 10;  cursor: pointer; width:40px; height: 40px;  background: rgba(0,0,0,0.6); text-align: center;  transition: all .36s ease; }
.ipro .sp-pn2 i {display:inline-block; line-height:40px; font-size: 24px; color:#fff; }
.ipro .sp-prev2 {left: 0px; }
.ipro .sp-next2 {right: 0px;}

.itech .list { padding-top:20px;}
.itech .list ul {width:1240px;}
.itech .list ul li { float:left; width:calc(33.3% - 40px); margin-right: 40px; position: relative; overflow: hidden;}
.itech .list ul li:last-child { margin-right:0; }
.itech .list ul li .img {width:100%; }
.itech .list ul li .img img {width:100%;}
.itech .list ul li .txt { position:absolute; bottom:0; background: rgba(0,84,170,0.9); color:#fff; padding:0 40px; height:60px; transition: all .36s ease;width: 293px;}
.itech .list ul li .txt h1 {font-weight:normal; font-size: 16px; margin:20px 0;  transition: all .36s ease;}
.itech .list ul li .txt em {width:40px; height: 2px; display: inline-block; background: #f9bf13; margin-bottom: 16px;}
.itech .list ul li .txt span { font-family: Arial; position: absolute; bottom:-40px; opacity: 0; transition: all .36s ease; }
.itech .list ul li .txt span i {margin-left:10px; font-size: 16px; }
.itech .list ul li:hover .txt { height:100%; }
.itech .list ul li:hover .txt h1 { margin-top: 36px;}
.itech .list ul li:hover .txt span { opacity: 1; bottom:40px; }

.iinv {width:100%;  background: url(../img/iinvbg.jpg) center top no-repeat; padding-bottom: 60px!important;}
.iinv .list {padding-top: 20px;}
.iinv .list ul {width:1240px;}
.iinv .list ul li { float:left; width:calc(33.3% - 40px); margin-right: 40px; position: relative; overflow: hidden; height: 100px; background:#fff; margin-bottom: 40px;   transition: all .36s ease;}
.iinv .list ul li:nth-child(3n) { margin-right:0; }
.iinv .list ul li a { width:100%; display: inline-block; }
.iinv .list ul li i {font-size:50px; color:#0054aa; margin:0 30px; line-height: 100px;}
.iinv .list ul li h1 { font-weight:normal; font-size: 16px; color:#333; margin: 24px 0 4px 0;}
.iinv .list ul li p { color:#999;}
.iinv .list ul li em { font-style:normal; font-size: 24px; color: #999; margin:48px 30px 0 0; }
.iinv .list ul li:hover {transform: translateY(-10px);  box-shadow: 0 0 20px rgba(0,0,0,.15); }

.ijoin {width:100%; height: 140px;  background: url(../img/ijoinbg.jpg) center top no-repeat; }
.ijoin h1 {color:#fff; padding-top: 40px;}
.ijoin h1 span { color: #f9bf13;  }
.ijoin a { display: inline-block; color:#fff; margin-top: 10px; }

.ilink { padding-bottom: 60px!important;}
.ilink .list {padding-top: 20px;}
.ilink .list ul {width:1230px;}
.ilink .list ul li { float:left; width:calc(20% - 30px); margin-right: 30px; position: relative; overflow: hidden; margin-bottom: 30px; border:1px solid #ddd;   transition: all .36s ease;}
.ilink .list ul li:nth-child(5n) { margin-right:0; }
.ilink .list ul li a {width:100%; display: block; text-align: center; }
.ilink .list ul li img {  max-width: 100%; max-height: 80px;  line-height: 80px; vertical-align: middle;}
.ilink .list ul li:hover  { box-shadow: 0 0 20px rgba(0,0,0,.15);  }

.ifooter  {background:#fff;}
.ifooter .info { padding: 60px 0 40px 0;}
.ifooter .fline {width:100%;  height:4px;}
.ifooter .fline span {width:50%; height:4px; display: block; line-height: 100%; float: left; }
.ifooter .fline span:first-child { background:#0054aa;}
.ifooter .fline span:last-child { background:#f9bf13;}
.ifooter .fbox1 ul { float:left; padding-right: 38px; }
.ifooter .fbox1 ul li {line-height:200%;}
.ifooter .fbox1 ul li h1 { color:#333; font-weight: normal; font-size: 16px; margin-bottom: 10px;}
.ifooter .fbox1 ul li a {color:#999; font-size:13px;}
.ifooter .fbox1 ul li a:hover {color:#666;}
.ifooter .fbox2 {width:120px; text-align: center; color:#999; font-size:13px;}
.ifooter .fbox2 img {width:100%; border:1px solid #ddd; margin-bottom: 6px;}
.ifooter .fbox3 h2 { font-family:'Times New Roman'; font-style: italic; font-weight: bold; color:#0054aa; font-size: 30px; margin-bottom: 10px;}
.ifooter .fbox3 p { font-size:13px;}
.ifooter .fcopyright {width:100%; background: #eee;  }
.ifooter .fcopyright p { height:50px; line-height: 50px; font-size: 13px; color:#999; }
.ifooter .fcopyright p a {color:#999; }
.ifooter .fcopyright p a:hover {color:#666; }

.cbanner {width:100%; height:480px; }
.cbanner .txt { text-align:center; padding-top: 200px; }
.cbanner .txt h1 { font-size: 28px; color:#fff; line-height:180%; }
.cbanner .txt span { width:56px; height: 4px; display: inline-block; background:#f9bf13; }
.cabout { background:url(../img/cabout.jpg) center top no-repeat; }
.cabout .txt h1 { color:#0054aa;}

.cnav {width:100%; background: #eee;}
.cnav ul li {  float:left;  }
.cnav ul li a {display:inline-block; color:#666; padding:0 21px; height:60px;  line-height: 60px;  font-size: 15px; border-left:1px solid #ddd;  box-sizing: border-box;}
.cnav ul li:last-child a {border-right:1px solid #ddd;}
.cnav ul li a:hover , .cnav ul li a.on {background:#0054aa; color:#fff; border-bottom:4px solid #f9bf13;   }

.cinfo { padding:80px 0;}
.cabo p { margin-bottom: 10px;}

.ccrm h1 {color:#333; font-size: 20px; padding: 40px 0; line-height: 100%;}
.ccrm p { margin-bottom: 10px;}
.ccrm .ccp { position: relative; padding-top: 40px; }
.ccrm .ccp img { position:absolute; left:0; top:0; z-index: 9;width: 280px;height: 360px; }
.ccrm .ccp .txt { background: #eee;  padding:0 50px 30px 320px; }
.ccrm .ccp p { padding-left:10px;}
.ccrm .k-yinhao { font-size:20px; color:#999; position:absolute; left:320px; top:140px; z-index: 9; }
.ccrm .cct { position: relative; padding-top: 60px; }
.ccrm .cct h1 {padding:30px 0;  }
.ccrm .cct ul {  border-top:2px solid #ddd;  border-bottom:2px solid #ddd;  padding:20px 0; }
.ccrm .cct ul li { width:33.3%;  text-align: left; float:left; line-height: 240%; }

.ccul {  background: #eee;}
.ccul ul { width:580px; padding:40px 0 40px 40px;}
.ccul ul li { padding:15px 0; border-bottom: 1px solid #ddd; }
.ccul ul li:after { content: ""; display: block; height: 0; clear: both; zoom: 1; }
.ccul ul li:last-child {border:none;}
.ccul ul li em { float:left; font-style:normal; font-weight: bold; color:#333; font-size: 18px; width:160px; }
.ccul ul li span {float:left; width:420px; line-height: 200%; }
.ccul .pic {width:460px;}
.ccul .pic img {width:100%;}

.cdev  {  position: relative;}
.cdev .gallery-top { width: 100%;}
.cdev .gallery-top .swiper-slide .sinfo {width:80%; margin: 0 auto; padding: 40px 0 80px 0; overflow: hidden;}
.cdev .gallery-top .swiper-slide .sinfo .date { float:left; width:180px; border-right: 1px solid #ddd; padding-right: 40px; margin-left: 60px; }
.cdev .gallery-top .swiper-slide .sinfo .date span {  font-family:'Times New Roman';color:#999; text-transform: uppercase;  }
.cdev .gallery-top .swiper-slide .sinfo .date h2 { font-family:'Times New Roman'; font-weight: bold;  color:#0054aa;  font-size: 60px; text-align: center; }
.cdev .gallery-top .swiper-slide .sinfo .list { float:left; width:580px; padding:10px 0 0 50px; }
.cdev .gallery-top .swiper-slide .sinfo .list p { line-height:240%; }
.cdev .gallery-thumbs { box-sizing: border-box; overflow: visible; overflow-x: hidden; }
.cdev .gallery-thumbs .swiper-slide {height: 100%; text-align: center; }
.cdev .gallery-thumbs .snav {  padding-top:75px; background: url(../img/ico-snav.png) top center no-repeat; position: relative;cursor: pointer; font-size: 30px; font-family:'Times New Roman';  font-style:italic;  color:#666;}
.cdev .gallery-thumbs .snav p.line {width:100%; height: 12px; background: url(../img/cdevline.png) top center no-repeat; position: absolute; top:44px;}
.cdev .gallery-thumbs .swiper-slide-active .snav { background: url(../img/ico-snavh.png) top center no-repeat; font-size: 30px; font-family:'Times New Roman'; font-weight: bold;  font-style:italic; color:#0054aa;}
.cdev .swiper-button-white { width:40px; height: 40px; }
.cdev .swiper-button-prev { background: url(../img/ico-sinfo.png) 0 0 no-repeat; }
.cdev .swiper-button-next { background: url(../img/ico-sinfo.png) -40px 0 no-repeat; }
.cdev .swiper-button-prev:hover {background: url(../img/ico-sinfo.png) 0 -40px no-repeat;}
.cdev .swiper-button-next:hover {background: url(../img/ico-sinfo.png) -40px -40px no-repeat;}
.cdev .pinfo {width:100%; background:#eee; margin-top: 80px; padding: 80px 0 50px 0; }
.cdev .gallery-bot { width:1200px; margin: 0 auto;}
.cdev .gallery-bot .plist ul li { background:#fff; width:580px; float:left; margin-right:40px; margin-bottom: 30px;height: 180px; }
.cdev .gallery-bot .plist ul li:nth-child(2n) { margin-right: 0;}
.cdev .gallery-bot .plist ul li img { max-width:200px; float:left;    height: 180px; }
.cdev .gallery-bot .plist ul li p { float:left; /*width:320px;*/ padding:20px 0 0 30px; width:340px}

.cvideo ul li { width:560px; margin-right: 80px; float:left; margin-bottom: 40px;}
.cvideo ul li:nth-child(2n) { margin-right:0;}
.cvideo ul li h1 { font-size:18px; color: #333; padding-left:16px; border-left:4px solid #0054aa; margin-bottom: 20px;}

.ckh { background:url(../img/ckh.jpg) center top no-repeat; }
.cnewslist .newstitem { width: 100%; padding-bottom:30px; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 30px; position: relative;}
.cnewslist .newstitem a.newscontent {height:100%; display: block;}
.cnewslist .newstitem .newsimg { display: block; width: 240px; height: 150px; overflow: hidden;}
.cnewslist .newstitem .newsimg img {width:100%;  transition: all 0.36s ease;}
.cnewslist .newstitem:hover .newsimg img {transform: scale(1.08);}
.cnewslist .newstitem .newsbody {  width: 740px; position:relative; padding-left:40px;  transition: 0.36s ease;}
.cnewslist .newstitem:hover .newsbody { padding-left:50px;}
.cnewslist .newstitem .newsbody p.title {font-size:16px; color:#333; }
.cnewslist .newstitem:hover .newsbody p.title { color:#0054aa;}
.cnewslist .newstitem .newsbody p.description { width: 100%; color: #999; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis;}
.cnewslist .newstitem .newsbody p.date {color: #999; margin:5px 0; font-family: Arial; font-size: 15px;}
.cnewslist .newstitem:last-child {  margin-bottom: 0;}
.cnewslist .newstitem .details {position: absolute; bottom: 60px; right: 0;  width: 120px; height: 40px; line-height: 40px;  border-radius: 40px;  background: #eee; text-align: center;   transition: 0.36s ease;}
.cnewslist .newstitem .details span { padding-left:20px; transition: 0.36s ease; color:#666; }
.cnewslist .newstitem:hover .details span { padding-left:0; color:#fff; }
.cnewslist .newstitem .details i {  font-size: 18px; line-height: 36px; vertical-align: -1px;  position: relative;  opacity: 0;  left: -20px; padding-left: 10px; transition: 0.36s ease;}
.cnewslist .newstitem:hover .details i { left: 0;opacity: 1; }
.cnewslist .newstitem:hover .details { background:none;}
.cnewslist .newstitem .details::after {content: ''; z-index: -1; position: absolute; height: 100%;  width: 0; left: 0;  top: 0;opacity: 0; background: #0054aa;  border-radius: 40px;  transition: all .36s ease;}
.cnewslist .newstitem:hover .details::after {  opacity: 1; width: 100%; color:#fff; }

.cnewdetail-info .tit-info {margin-bottom:40px;}
.cnewdetail-info .tit-info h1 { font-size:24px;   color: #333; padding-bottom:20px;  }
.cnewdetail-info .tit-info .info {padding-bottom:12px; border-bottom:1px solid #ddd; color:#888;}
.cnewdetail-info .tit-info .info span { margin-right:40px;}
.cnewdetail-info .tit-info .info span em { font-family:Arial;}
.cnewdetail-info hr { height: 1px;  background: #ddd;  border: none; }
.cnewdetail-info .pn-nav { margin-top:60px; }
.cnewdetail-info .pn-nav a { width:520px; height:60px; line-height: 60px; padding:0 30px 0 30px; background:#eee; color:#666;}
.cnewdetail-info .pn-nav a:hover { background:#0054aa; color:#fff; border-left:4px solid #f9bf13; padding:0 30px 0 26px;}

.cbase { margin-top:60px; }
.cbase:first-child {margin-top:0;}
.cbase .top { background:url(../img/cbaimg1.png) top left no-repeat #eee; padding:40px 40px 20px; }
.cbase .top .fl { width:420px; }
.cbase .top .fl h1 { line-height: 100%; margin-bottom: 20px;}
.cbase .top .fl h1 span {font-size:20px; color:#333; display:inline-block; padding-bottom: 16px;  border-bottom: 4px solid #ddd;}
.cbase .top .fl p { margin-bottom:10px;}
.cbase .top .fr ul li { float:left; width:50%;  }
.cbase .top .fr ul li span { width:100%; display: inline-block; line-height:50px; text-align:center;}
.cbase .bot  h1 { height:20px; line-height:20px; background:#eee; margin: 40px 0 0; position: relative;}
.cbase .bot  h1 span {  font-size:18px; display:inline-block; color:#333; padding:0 20px; background:#fff; border-left:4px solid #0054aa; position: absolute; left:0; top:0; }
.cbase .bot ul li { float:left; width:calc(25% - 30px); margin-right: 40px; position: relative; margin-top: 40px;}
.cbase .bot ul li:nth-child(4n) {margin-right:0;}
.cbase .bot ul li img {max-width:100%;}
.cbase .bot ul li h2 {font-size:14px; font-weight: normal; width:100%; line-height: 40px; color:#fff; text-align: center; position: absolute; bottom:0; background:rgba(0,84,170,0.9); opacity: 0.8;}

.cqa ul li {width:calc(25% - 30px); float:left; margin-right: 40px; margin-top:40px;}
.cqa ul li:nth-child(4n) { margin-right:0;}
.cqa ul li img {width:100%; box-sizing: border-box; border:1px solid #ddd; }
.cqa ul li h2 { width:100%; background: #eee; line-height: 40px; text-align: center; font-size:14px;  font-weight: normal; margin-top: 20px; }

.ctech { background:url(../img/ctech.jpg) center top no-repeat; }
.slideTxtBox{ width:100%; position: relative;}
.slideTxtBox .dd {width:160px; height: 160px; border-radius: 100%; border:40px solid #fff; background:#f9bf13; position: absolute; top:100px; left:480px; text-align: center;z-index: 99;  }
.slideTxtBox .dd h1 { color:#fff; margin: 62px 0 30px 0; font-size: 24px;}
.slideTxtBox .dd p { text-align:center;  }
.slideTxtBox .dd i { color:#fff; font-size:18px;}
.slideTxtBox .hd ul li { float:left; width:580px; height: 200px; overflow: hidden; margin-right: 40px; background:#eee; margin-bottom: 40px; cursor: pointer; transition: all .36s ease;}
.slideTxtBox .hd ul li:nth-child(2n) { margin-right:0;}
.slideTxtBox .hd ul li .img {width:260px; float:left;}
.slideTxtBox .hd ul li .img img {max-width:100%;}
.slideTxtBox .hd ul li .txt { float:left; padding:0px 0 0 40px; width:180px; }
.slideTxtBox .hd ul li .txt h1 { color:#333; font-size: 16px; margin: 16px 0;}
.slideTxtBox .hd ul li .txt p { line-height: 180%;  }
.slideTxtBox .hd ul li:nth-child(2n) .img {float:right;}
.slideTxtBox .hd ul li:nth-child(2n) .txt {padding:0px 0 0 100px;  }
.slideTxtBox .hd ul li.on { background:#0054aa; }
.slideTxtBox .hd ul li.on .txt h1 {color:#fff; }
.slideTxtBox .hd ul li.on .txt p { color:rgba(255,255,255,0.5); }
.slideTxtBox .hd ul li:hover { background:#0054aa; }
.slideTxtBox .hd ul li:hover .txt h1 { color:#fff;}
.slideTxtBox .hd ul li:hover .txt p { color:rgba(255,255,255,0.5);  }
.slideTxtBox .bd { margin-top: 20px; position: relative;}
.slideTxtBox .bd .info { padding:40px;  zoom:1; border:4px solid #ddd; }
.slideTxtBox .line {position:absolute; top:0; display: block!important;}
.slideTxtBox .line span {float:left; height:4px; display: inline-block; }
.slideTxtBox .line span:first-child {width:260px; background: #0054aa; }
.slideTxtBox .line span:last-child {width:940px; background: #f9bf13; }
.slideTxtBox .bd .info h1 { font-size:18px; color:#333; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 30px;}
.slideTxtBox .bd .info ul li { float:left; width:calc(33.3% - 30px); margin-right: 40px; position: relative; margin-top: 40px;}
.slideTxtBox .bd .info ul li:nth-child(3n) {margin-right:0;}
.slideTxtBox .bd .info ul li img {max-width:100%;}
.slideTxtBox .bd .info ul li h2 {font-size:14px; font-weight: normal; width:100%; line-height: 40px; color:#fff; text-align: center; position: absolute; bottom:0; background:rgba(0,84,170,0.9);opacity: 0.8; }

.ceq  ul {margin-top:-40px;}
.ceq  ul li { float:left; width:calc(25% - 30px); margin-right: 40px;  margin-top: 40px;}
.ceq  ul li:nth-child(4n) {margin-right:0;}
.ceq  ul li img {max-width:100%;}
.ceq  ul li h2 {font-size:14px; font-weight: normal; width:100%; line-height: 40px;  text-align: center;  background:#eee; }

.cinvest { background:url(../img/cinvest.jpg) center top no-repeat; }
.cper .cmenu ul li {float:left; margin-right:20px; }
.cper .cmenu ul li a { padding:0 60px; height: 46px; display: inline-block; background:#eee; text-align: center; line-height: 46px; color:#666; box-sizing: border-box; font-size: 15px;}
.cper .cmenu ul li a:hover , .cper .cmenu ul li a.on { background:#0054aa; border-left: 4px solid #f9bf13; color:#fff; padding:0 60px 0 56px ; }
.cper .list ul { padding-top:10px;}
.cper .list ul li { margin-top:30px; background: url(../img/cbaimg1.png) top left no-repeat #eee; padding:26px 40px; }
.cper .list ul li h1 {color:#333; margin-bottom: 10px; }
.cper .list ul li h1 span { font-size: 24px; }
.cper .list ul li h1 em {padding-left:20px; font-size:16px;  font-style: normal;  font-weight: normal;}
.cper .list ul li h2 { font-weight: normal; font-size: 14px; }
.cper .list ul li i { display:inline-block; width:60px; height: 2px; background:#ccc; margin:20px 0 15px 0;  }

.cnot  {margin-top:-20px;}
.cnot ul li { width:calc(100% - 60px);  height: 60px; line-height: 60px; padding:0 30px; background:#eee; margin-top:20px; transition: all .36s ease;}
.cnot ul li  a { color:#666; font-size:15px;  line-height: 60px;}
.cnot ul li .fl a .date { padding-right:20px; font-family: Arial; }
.cnot ul li .fl a .title { color:#333;}
.cnot ul li .fr i {font-size:24px; color:#999; padding-right: 20px; line-height: 60px;}
.cnot ul li .fr a {color:#666;}
.cnot ul li:hover { background:url(../img/cinvico.jpg) left top no-repeat #ddd;}
.cnot ul li .fr a:hover { color:#0054aa;}

.cnl  {margin-top:-30px;}
.cnl ul li { background:#eee; padding:20px 30px; }
.cnl .newstitem { margin-top:30px;  transition: all 0.3s ease-out 0s;}
.cnl .newstitem a.newscontent {  display: block;  position: relative; }
.cnl .news-wrapper {height: 100%; z-index: 1; position:relative;transition: all 0.25s ease 0s;}
.cnl .newstitem .news-wrapper::before { content: "";  display: inline-block; height: auto; vertical-align: middle; border-top: 2px solid #ccc;  width: 0px;   position: absolute;  left: -26px;  top: 16px;  z-index: 3; opacity: 0;  transition: all 0.3s ease-out 0s;}
.cnl .newstitem:hover .news-wrapper::before { opacity: 1; width: 36px;}
.cnl .newsbody .date {  position: absolute; top:4px;  right: 0; font-family: Arial; font-size:15px;   transition: all 0.4s ease 0s;}
.cnl .newsbody .title {  font-size: 16px; color: #333; margin-bottom: 10px;   transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.cnl .newsbody .description {   line-height:180%;  color: #999;  top: 108px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cnl .newstitem:hover .newsbody .title , .cnl  .newstitem:hover .newsbody .description { padding-left: 20px;}
.cnl .newstitem:hover { background:url(../img/cinvico2.jpg) left top no-repeat #eee;}

.citel { padding:60px; background:url(../img/citel.jpg) right top no-repeat #eee;}
.citel p.t { color:#0054aa; }
.citel p.t i {font-size:28px; padding-right:16px; }
.citel p.t span { font-family: 'Times New Roman';  font-weight: bold; font-style: italic;  font-size:30px;}
.citel em {width:60px; height:2px; background:#f9bf13; display: inline-block; margin:20px 0;}

.csto { margin-top:-40px;}
.csto h1 { background:#eee; border-left:4px solid #0054aa; padding-left:30px; height:50px; line-height: 50px; font-size:18px; color:#333; margin:40px 0;}

.cpcatebg { background:url(../img/cprobg.jpg) center top no-repeat; background-attachment: fixed;}
.cpcate  { margin-top:-40px;}
.cpcate h3, .cpcate h4 { line-height: 60px; height:60px; font-size:20px; color:#fff; padding-left: 20px; margin-top: 40px;}
.cpcate h3 {background:url(../img/cprotit1.jpg) right top no-repeat #0054aa; }
.cpcate h4 {background:url(../img/cprotit2.jpg) right top no-repeat #0054aa; }
.cpcate .main ul li { position: relative; width:580px; margin-right:40px; padding-bottom: 80px; margin-top: 40px; float:left;}
.cpcate .main ul li:nth-child(2n) {margin-right:0;}
.cpcate .main ul li .img {width:100%; height: 300px; overflow: hidden;}
.cpcate .main ul li .img img {width:100%;transition: all .36s ease;}
.cpcate .main ul li:hover .img img {transform: scale(1.08);}
.cpcate .main ul li .txt { background:#fff; width:calc(100% - 40px); padding:0 20px; min-height: 80px;  position: absolute; z-index: 9; bottom:0; transition: all .36s ease;}
.cpcate .main ul li .hover { padding-bottom:20px; }
.cpcate .main ul li .txt h1 { font-weight:normal; font-size:16px; color:#333; margin: 16px 0 8px 0;  }
.cpcate .main ul li .txt p {  color:#999; line-height: 160%; }
.cpcate .other ul li { position: relative; width:calc(33.3% - 30px); margin-right:40px; padding-bottom: 80px; margin-top: 40px; float:left;}
.cpcate .other ul li:nth-child(3n) {margin-right:0;}
.cpcate .other ul li .img {width:100%;  overflow: hidden;}
.cpcate .other ul li .img img {width:100%;transition: all .36s ease;height: 190px;}
.cpcate .other ul li:hover .img img {transform: scale(1.08);}
.cpcate .other ul li .txt { background:#fff; width:calc(100% - 40px); padding:0 20px; min-height: 80px;  position: absolute; z-index: 9; bottom:0; transition: all .36s ease;}
.cpcate .other ul li .hover { padding-bottom:20px; }
.cpcate .other ul li .txt h1 { font-weight:normal; font-size:16px; color:#333; margin: 16px 0 8px 0;  }
.cpcate .other ul li .txt p {  color:#999; line-height: 160%; }

.cplistbg { background:#eee;}
.cpro { background:url(../img/cpro.jpg) center top no-repeat; }
.cpnav {width:100%; background: #fff;}
.cpnav ul li {  float:left;  }
.cpnav ul li a {display:inline-block; color:#666; padding:0 24px; height:60px;  line-height: 60px;  font-size: 15px; border-left:1px solid #ddd; background:#fff;  box-sizing: border-box;}
.cpnav ul li:last-child a {border-right:1px solid #ddd;}
.cpnav ul li a:hover , .cpnav ul li a.on {background:#0054aa; color:#fff; border-bottom:4px solid #f9bf13; }
.cpnav ul li:nth-child(1) a , .cpnav ul li:nth-child(2) a { margin-top:-10px; height:70px;  line-height: 70px; }
.cprolist { margin-top:-40px;}
.cprolist ul li { position: relative; width:calc(33.3% - 30px); margin-right:40px; padding-bottom: 80px; margin-top: 40px; float:left;}
.cprolist ul li:nth-child(3n) {margin-right:0;}
.cprolist ul li .img {width:100%;  overflow: hidden;}
.cprolist ul li .img img {width:100%;transition: all .36s ease;height: 260px;}
.cprolist ul li:hover .img img {transform: scale(1.08);}
.cprolist ul li .txt { background:#fff; width:calc(100% - 40px); padding:0 20px; min-height: 80px;  position: absolute; z-index: 9; bottom:0;  transition: all .36s ease;}
.cprolist ul li .hover { padding-bottom:20px; }
.cprolist ul li .txt h1 { font-weight:normal; font-size:15px; color:#333; margin: 16px 0 8px 0;  }
.cprolist ul li .txt p {  color:#999; line-height: 160%; }
.cprolist ul li .cate1 {border-top:4px solid #f9bf13; }
.cprolist ul li .cate2 {border-top:4px solid #0054aa; }

.cpdnav {width:100%; background: #eee;}
.cpdnav ul li {  float:left;  }
.cpdnav ul li a {display:inline-block; color:#666; padding:0 24px; height:60px;  line-height: 60px;  font-size: 15px; border-left:1px solid #ddd; background:#eee;  box-sizing: border-box;}
.cpdnav ul li:last-child a {border-right:1px solid #ddd;}
.cpdnav ul li a:hover , .cpdnav ul li a.on {background:#0054aa; color:#fff; border-bottom:4px solid #f9bf13; }
.cprode .cpdinfo .pic { width:500px; position:relative; }
.cprode .cpdinfo .pic img { /*width:100%;*/ box-shadow:10px 10px 0 0 #eee; width: 500px;
    height: 350px;  }
.cprode .cpdinfo .pic .bg {width:100%; background:#eee; position: absolute; z-index: -1; left:10px; top:10px;}
.cprode .cpdinfo .txt { width:640px;}
.cprode .cpdinfo .txt h1 { font-size:24px; color:#333; border-bottom:4px solid #0054aa; padding-bottom: 20px; margin-bottom: 40px; }
.cprode .cpdinfo .txt h1 span {  /*border-bottom:4px solid #f9bf13;*/   padding-bottom: 20px;}
.cprode .cpdinfo .txt ul li { background:#eee; font-size: 15px; line-height: 50px; margin-bottom: 20px; padding:0 20px; }
.cprode .cpdinfo .txt ul li span { font-weight:bold; color:#333; }
.cprode .cpdesc { margin-top:60px;}
.cprode .cpdesc .stbox .hd { height:50px; background:#ddd;}
.cprode .cpdesc .stbox .hd ul li {float:left; }
.cprode .cpdesc .stbox .hd ul li a { padding:0 50px; height: 50px; display: inline-block; text-align: center; line-height: 50px;  box-sizing: border-box; font-size: 15px;  color:#333;}
.cprode .cpdesc .stbox .hd ul li a:hover , .cprode .cpdesc .stbox .hd ul li.on a { background:#0054aa; border-left: 4px solid #f9bf13; color:#fff; padding:0 50px 0 46px ;}
.cprode .cpdesc .stbox .bd .info { padding:40px; background: #eee;  }
.cprode .cpdesc .stbox .bd .info td{ border: 1px solid #DDD;/*width:300px;*//*height: 63px;*/  }
.cprode .cpdesc .stbox .bd .info th{ border: 1px solid #DDD;/*width:300px;*//*height: 63px;*/  }
.cprode .cpdesc .stbox .bd .info table{ margin:0 auto;}

.chr { background:url(../img/chr.jpg) center top no-repeat; }
.chrinfo {width:100%; height:160px; background:url(../img/chrinfobg.jpg) left top no-repeat; border:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.chrinfo .tit { width:120px; margin:36px 0 0 60px; }
.chrinfo .tit h1 { font-size:20px; color:#333; margin-bottom: 20px;}
.chrinfo .tit a { width:100%; line-height: 40px; display: inline-block; background: #0054aa; color: #fff; text-align: center; }
.chrcont  {width:680px; margin:36px 0 0 140px;}
.chrcont p {width:50%; float:left; }
.chrqrcode {width:170px; height: 140px; background: #eee; padding:20px 0 0 30px; }
.chrqrcode img { width:120px;  }
.chrqrcode span {  writing-mode: vertical-rl; letter-spacing: 4px; padding:0 0 16px 10px; font-size: 15px;}
.chrlist .chrbox .info { padding:40px; background:#eee; border:1px solid #ddd; margin-top: -1px; }
.chrlist .chrbox .info h2 { font-size:16px; color:#0054aa; margin-bottom: 10px;}
.chrlist .chrbox .info hr {width:100%; height: 1px; background:#ccc; margin:20px 0; border:none;}
.chrlist .chrbox .piclist li { position: relative; width: calc(25% - 2px);  margin-top: 40px; float:left; padding: 15px 0; text-align: center; cursor: pointer; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;margin-top: unset;}
.chrlist .chrbox .piclist li:nth-child(4n) {margin-right:0;}
.chrlist .chrbox .piclist li .img {width:calc(100% - 30px);  overflow: hidden; margin:0 auto;}
.chrlist .chrbox .piclist li .img img {width:100%; transition: all .36s ease;}
.chrlist .chrbox .piclist li:hover .img img {transform: scale(1.08);}
.chrlist .chrbox .piclist li .txt { background:rgba(0,84,170,0.6); width:calc(100% - 30px);  height: 40px;   position: absolute; z-index: 9; bottom:35px; left:15px; transition: all .36s ease;}
.chrlist .chrbox .piclist li .hover { padding-bottom:20px; }
.chrlist .chrbox .piclist li .txt h1 { font-weight:normal; font-size: 14px;  line-height: 40px; color:#fff; }
.chrlist .chrbox .piclist li.on { background:#eee; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.chrlist .chrbox .picleft { position:relative;}
.chrlist .chrbox .hd2 a { position:absolute; z-index: 9; width:40px; height: 40px; background: rgba(0,0,0,0.6); color:#fff; font-size: 20px; line-height: 40px; text-align: center; top:140px;}
.chrlist .chrbox .hd2 a.prev2 { left:0;}
.chrlist .chrbox .hd2 a.next2 { right:0;}

.ccontact { background:url(../img/ccontact.jpg) center top no-repeat; }
.ccont { position:relative;}
.ccont .ctxt { width:360px; height:440px; padding:60px 0 0 40px; background: rgba(0,0,0,0.6); color:#fff; position: absolute; z-index: 9; top:0; left:0;}
.ccont .ctxt p.t i {font-size:28px; padding-right:16px; }
.ccont .ctxt p.t span { font-family: 'Times New Roman';  font-weight: bold; font-style: italic;  font-size:30px;}
.ccont .ctxt em {width:60px; height:2px; background:#f9bf13; display: inline-block; margin:25px 0;}
.ccont .ctxt p.img img { width:120px; margin-top:30px;}



/*科恒产业发展页面*/
.chr { background:url(../img/chr.jpg) center top no-repeat; }
.chrinfo {width:100%; height:160px; background:url(../img/chrinfobg.jpg) left top no-repeat; border:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.chrinfo .tit { width:120px; margin:36px 0 0 60px; }
.chrinfo .tit h1 { font-size:20px; color:#333; margin-bottom: 20px;}
.chrinfo .tit a { width:100%; line-height: 40px; display: inline-block; background: #0054aa; color: #fff; text-align: center; }
.chrcont  {width:680px; margin:36px 0 0 140px;}
.chrcont p {width:50%; float:left; }
.chrqrcode {width:170px; height: 140px; background: #eee; padding:20px 0 0 30px; }
.chrqrcode img { width:120px;  }
.chrqrcode span {  writing-mode: vertical-rl; letter-spacing: 4px; padding:0 0 16px 10px; font-size: 15px;}
.chrlist .chrbox .info { padding:40px; background:#eeeeee; border:1px solid #ddd; margin-top: -1px; }
.chrlist .chrbox .info h2 { font-size:16px; color:#0054aa; margin-bottom: 10px;}
.chrlist .chrbox .info hr {width:100%; height: 1px; background:#ccc; margin:20px 0; border:none;}
.chrlist .chrbox .piclist li { position: relative; width: calc(25% - 2px);  /*margin-top: 40px;*/ float:left; padding: 15px 0; text-align: center; cursor: pointer; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.chrlist .chrbox .piclist li:nth-child(4n) {margin-right:0;}
.chrlist .chrbox .piclist li .img {width:calc(100% - 30px);  overflow: hidden; margin:0 auto;}
.chrlist .chrbox .piclist li .img img {width:100%; transition: all .36s ease;}
.chrlist .chrbox .piclist li:hover .img img {transform: scale(1.08);}
.chrlist .chrbox .piclist li .txt { background:#0054AA; width:calc(100% - 30px);  height: 40px;   position: absolute; z-index: 9; bottom:35px; left:15px; transition: all .36s ease;}
.chrlist .chrbox .piclist li .hover { padding-bottom:20px; }
.chrlist .chrbox .piclist li .txt h1 { font-weight:normal; font-size: 14px;  line-height: 40px; color:#fff; }
.chrlist .chrbox .piclist li.on { background:#eee; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.chrlist .chrbox .picleft { position:relative;}
.chrlist .chrbox .hd2 a { position:absolute; z-index: 9; width:40px; height: 40px; background: rgba(0,0,0,0.6); color:#fff; font-size: 20px; line-height: 40px; text-align: center; top:140px;}
.chrlist .chrbox .hd2 a.prev2 { left:0;}
.chrlist .chrbox .hd2 a.next2 { right:0;}

.ccontact { background:url(../img/ccontact.jpg) center top no-repeat; }
.ccont { position:relative;}
.ccont .ctxt { width:360px; height:440px; padding:60px 0 0 40px; background: rgba(0,0,0,0.6); color:#fff; position: absolute; z-index: 9; top:0; left:0;}
.ccont .ctxt p.t i {font-size:28px; padding-right:16px; }
.ccont .ctxt p.t span { font-family: 'Times New Roman';  font-weight: bold; font-style: italic;  font-size:30px;}
.ccont .ctxt em {width:60px; height:2px; background:#f9bf13; display: inline-block; margin:25px 0;}
.ccont .ctxt p.img img { width:120px; margin-top:30px;}


.ind { background:#fff;}
.ind .h40 {width:100%; height:40px; background:#fff;}
.ind .top { background:url(../img/topbg.jpg) 40px bottom no-repeat; }
.ind .top h1 span { font-size:22px; color:#fff; width:220px; height:60px; background:#0054aa; display:inline-block; line-height: 60px; text-align: center; margin-bottom: 40px;}
.ind .top .cont { width:calc(100% - 80px); margin:0 auto; border:2px dashed #ddd;  box-sizing: border-box; background:url(../img/indline.png) center repeat-y; }
.ind .top .cont ul.wai li {float:left; width:50%; background:url(../img/indline2.png) left 72px  no-repeat; }
.ind .top .cont ul.wai li .bg { width: 120px; height: 144px; background:url(../img/indbg2.png) no-repeat; text-align: center; position:relative; margin-left:70px; }
.ind .top .cont ul.wai li .bg img {max-width: 80px; margin-top:32px; }
.ind .top .cont ul.wai li .bg .txt {position:absolute; left:150px; top:20px; width:270px; background:#eee; border-radius: 4px; text-align: left; padding:20px; }
.ind .top .cont ul.wai li:first-child {width:100%; background:none; }
.ind .top .cont ul.wai li:first-child .bg { width: 160px; height: 192px; background:url(../img/indbg1.png) no-repeat; margin:0 auto; }
.ind .top .cont ul.wai li:first-child .bg img {max-width: 100px; margin-top:46px; }
.ind .top .cont ul.wai li:first-child .bg .txt {left:190px;}
.ind .top .cont ul.wai li .bg .txt h1 { font-size:15px; color:#333;  }
.ind .top .cont ul.wai li .bg .txt h2 {font-weight:normal; color:#0054aa; font-size:13px; padding:10px 0 5px 0;}
.ind .top .cont ul.wai li .bg .txt p {font-size:13px; line-height: 180%; }
.ind .top .cont ul.wai li:nth-child(2n) { background:url(../img/indline2.png)  right 72px no-repeat; }
.ind .top .cont ul.wai li:nth-child(2n) .bg { margin-left:370px; }
.ind .top .cont ul.wai li:nth-child(2n) .bg .txt {left:-340px; top:20px; }
.ind .top .cont ul.nei {padding:92px 0 0 30px; margin-left:130px; border-left:2px solid #ddd; margin-bottom:40px;  width:370px !IMPORTANT; }
.ind .top .cont ul.nei li {width:100%; margin-bottom:20px;}
.ind .top .cont ul.nei li h1 { color:#333; font-size:14px; font-weight: bold; margin-bottom: 5px;}
.ind .top .cont ul.nei li p { font-size:13px; color:#888; line-height: 180%;}
.ind .tbmbg {width:100%; height:90px; background: url(../img/tbmbg.jpg) center top no-repeat; }
.ind .bottom { background:url(../img/indline.png) center repeat-y;  }
.ind .bottom h1 span { font-size:22px; color:#fff; width:220px; height:60px; background:#f9bf13; display:inline-block; line-height: 60px; text-align: center; margin-bottom: 40px;}
.ind .bottom .cont { width:calc(100% - 80px); margin:0 auto;  }
.ind .bottom .cont .left { width:calc(50% - 40px); float:left;}
.ind .bottom .cont .right { width:calc(50% - 40px); float:right;}
.ind .bottom .cont .bor {  margin:0 auto;  border:2px dashed #ddd;  box-sizing: border-box; padding:30px;  position: relative; margin-top:40px;padding-bottom: 110px;  }
.ind .bottom .cont .bor h3 {font-size:20px; color:#333; margin-bottom:25px;}
.ind .bottom .cont .bor ul.wai li {float:left; width:100%; margin-bottom:30px; }
.ind .bottom .cont .bor ul.wai li:last-child {margin-bottom:0;}
.ind .bottom .cont .bor ul.wai li .bg { width: 120px; height: 144px; background:url(../img/indbg2.png) no-repeat; text-align: center; position:relative;  }
.ind .bottom .cont .bor ul.wai li .bg img {max-width: 80px; margin-top:32px; }
.ind .bottom .cont .bor ul.wai li .bg .txt {position:absolute; left:150px; top:20px; width:270px; background:#eee; border-radius: 4px; text-align: left; padding:20px; }
.ind .bottom .cont .bor ul.wai li .bg .txt h1 { font-size:15px; color:#333;  }
.ind .bottom .cont .bor ul.wai li .bg .txt h2 {font-weight:normal; color:#0054aa; font-size:13px; padding:10px 0 5px 0;}
.ind .bottom .cont .bor ul.wai li .bg .txt p {font-size:13px; line-height: 180%; }
.ind .bottom .cont .line { width:40px; height: 2px; border-top:2px dashed #ddd; position: absolute; right:-40px;  top:40px; }
.ind .bottom .cont .right .line {  left:-40px; }
.ind .bottom .cont ul.nei {padding:30px 0 0 20px; margin-left:60px; border-left:2px solid #ddd; margin-bottom:40px;  }
.ind .bottom .cont ul.nei .info {float:left; width:280px;}
.ind .bottom .cont ul.nei li {width:100%; margin-bottom:20px;}
.ind .bottom .cont ul.nei li h1 { font-weight: bold;color:#333; font-size:14px;  margin-bottom: 5px;}
.ind .bottom .cont ul.nei li p { font-size:13px; color:#888; line-height: 180%;}
.ind .bottom .cont ul.nei .pic {float:left; width:70px;  margin-right:20px;}
.ind .bottom .cont ul.nei li img {max-width: 100%;}
.ind .bottom .cont .bor ul.nopic li {width:calc(50% - 15px); float:left; height:60px; line-height: 60px; background:#eee; border-radius: 4px;width:100%} 
.ind .bottom .cont .bor ul.nopic li:nth-child(2n) { /*margin-left:30px;*/}
.ind .bottom .cont .bor ul.nopic li span {color:#333; font-size:15px; font-weight: bold; padding:0 20px; display: inline-block;}









