@charset "utf-8";

/*@import "resetcommon.css";*/

/*index.css start*/

/* CSS Document */

/*common*/

.mb10 {

  margin-bottom: 10px;

}

.ml10 {

  margin-left: 10px;

}

.bg {

  background: #FFF;

}

em,

i {

  font-style: normal;

}

.ban-prev,

.ban-next,

.case-link,

.pro-prev,

.pro-next,

.pro-link,

.pro-icon,

.ban-link {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

}

.ban-prev:hover,

.ban-next:hover,

.case-link:hover,

.pro-prev:hover,

.pro-next:hover,

.pro-link:hover,

.pro-icon:hover,

.ban-link:hover {

  opacity: 0.8;

}

.sidebar li {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

}

.sidebar li:hover {

  opacity: 0.7;

}

.quality dl i {

  transition: all 1s;

}

.quality dl:hover i {

  transform: rotate(180deg);

}

.case dl dd,

.case-title,

.proc-con dl i,

.proc-con dl em,

.honor dd i,

.honor dd,

.honor-next,

.honor-prev,

.news-nav li::after {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

}

.product li img,

.case dl img,

.news-img img,

.about-con li img {

  -webkit-transition: 1s;

  -moz-transition: 1s;

  transition: 1s;

}

.product li:hover img,

.case dl:hover img,

.news-img:hover img,

.about-con li:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

/*banner

.banner {

  width: 100%;

  height: 620px;

  z-index: 66;

  overflow: hidden;

}

.ban_list {

  height: 620px;

  z-index: 66;

  overflow: hidden;

}

.banner li {

  height: 620px;

  position: relative;

}

.banner li img {

  width: 1920px;

  height: 620px;

  position: absolute;

  top: 0;

  left: 50%;

  margin-left: -960px;

}

.ban-size {

  position: absolute;

  left: 0;

  bottom: 20px;

  width: 100%;

  height: 27px;

  text-align: center;

}

.ban-size span {

  display: inline-block;

  margin: 0 5px;

  cursor: pointer;

  width: 60px;

  height: 5px;

  background-color: #ffffff;

}

.ban-size span.on {

  background-color: #196fbf;

}*/

.title {

  text-align: center;

}

.title h2 {

  height: 46px;

  font-size: 36px;

  font-weight: bold;

  line-height: 46px;

  color: #196fbf;

  background-position: center center;

  background-repeat: no-repeat;

}

.title p {

  font-size: 36px;

  font-size: 20px;

  line-height: 36px;

  color: #333;

}

.title span {

  display: block;

  height: 36px;

  font-size: 18px;

  line-height: 36px;

  text-transform: uppercase;

  color: #989898;

}

/*search*/

.search {

  height: 80px;

  border: solid 1px #e8e8e8;

  margin:0;

}

.search p {

  height: 80px;

  font-size: 16px;

  line-height: 80px;

  color: #333;

}

.search p a {

  display: inline-block;

  color: #333;

  margin-right: 18px;

}

.sear-inp {

  float: right;

  width: 373px;

  height: 42px;

  background-color: #f2f2f2;

  border-radius: 2px;

  margin-top: 16px;

  overflow: hidden;

}

.sear-inp input {

  height: 42px;

  line-height: 42px;

  border: 0px;

  color: #897b79;

  outline: none;

  border: solid 1px #dedede;

}

.search .tint {

  float: left;

  width: 262px;

  padding-left: 15px;

  font-size: 14px;

  color: #bcbcbc;

  box-sizing: border-box;

  background: none;

  border-right: 0;

}

.search .bint {

  float: right;

  width: 38px;

  background: url(../Images/sea-icon1.png) no-repeat center center;

  width: 67px;

  background-color: #1368bc;

  border-radius: 2px;

  cursor: pointer;

}

/**/

.service {

  padding-top: 100px;

  height: 535px;

}

.service .title {

  margin-bottom: 60px;

}

.service .title h2 {

  font-size: 42px;

}

.serv-con {

  height: 278px;

}

.serv-con dl {

  float: left;

  width: 315px;

  height: 278px;

  border-right: 1px solid #e4e4e4;

  padding: 0 42px;

  position: relative;

}

.serv-con dl:last-child {

  border-right: 0;

}

.serv-con dl dt {

  width: 315px;

  height: 172px;

  overflow: hidden;

}

.serv-con dl dt img {

  width: 315px;

  height: 172px;

}

.serv-con dd {

  height: 106px;

  padding-left: 92px;

  position: relative;

}

.serv-con .serv-icon {

  width: 72px;

  height: 62px;

  position: absolute;

  top: 0;

  left: 0;

}

.serv-con .serv-title {

  height: 24px;

  font-size: 24px;

  line-height: 24px;

  color: #333;

  margin-bottom: 8px;

}

.serv-con .serv-desc {

  font-size: 16px;

  color: #666;

  line-height: 24px;

}

.serv-con .cur dd {

  width: 224px;

  height: 220px;

  background: rgba(255, 255, 255, 0.9);

  padding: 50px 38px 0;

  top: 125px;

  right: 50px;

}

.serv-con .cur dd .ser-name {

  margin-top: 0;

  color: #196fbf;

  border-bottom-color: #d9d9d9;

  text-align: left;

}

.serv-con .cur dd .ser-name::after {

  display: block;

}

.serv-con .cur dd .ser-name span {

  display: none;

}

.serv-con .cur dd .ser-desc {

  display: block;

}

/**/

.product {

  height: 1145px;

 	overflow: hidden;

}

.pro-list{ height: 890px !IMPORTANT; overflow: hidden;}

.product .title {

  padding-top: 45px;

  margin-bottom: 27px;

}

.product .title h2 {

  background-image: url(../Images/pro-title.png);

}

.pro-type {

  height: 48px;

  margin-bottom: 36px;

  text-align: center;

}

.pro-type li {

  float: left;

  margin-left: 14px;

  margin-right: 14px;

  width: 210px;

  height: 48px;

  background-color: #e2e2e2;

  border-radius: 24px;

  font-size: 18px;

  color: #656565;

  line-height: 49px;

}

.pro-type li a {

  color: #656565;

  display: block;

}

.pro-type li:last-child {

  margin-right: 0;

}

.pro-type li.on,

.pro-type li:hover {

  background-color: #196fbf;

}

.pro-type li.on a,

.pro-type li:hover a {

  color: #fff;

}

.pro-con li {

  width: 368px;

  float: left;

  margin-right: 25px;

  border: 1px solid #b7b7b7;

  padding: 5px;

  margin-bottom: 25px;

  position: relative;

}
.pro-con li::after{
  content: "";
  width: 100%;
  height: 1px;
  background-color: #b7b7b7;
  position: absolute;
  left: 0;
  bottom: 52px;
}

.pro-con li em,

.pro-con li img {

  display: block;

  width: 368px;

  height: 368px;

  overflow: hidden;

}

.pro-con li.no {

  margin-right: 0;

}

.pro-con li span {

  display: block;

  height: 52px;

  font-size: 16px;

  color: #666;

  text-align: center;

  line-height: 48px;

  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;

}

/*quality*/

.quality {

  height:515px;

  background-color: #f8f8f8;

}

.quality .title {

  padding-top: 93px;

  margin-bottom: 56px;

}

.quality .title h2 {

  background-image: url(../Images/quality-title.png);

}

.quality dl {

  width: 200px;

  float: left;

  line-height: 28px;

  text-align: center;

  color: #323232;

  margin-right: 50px;

}

.quality dl.no {

  margin-right: 0;

}

.quality dt {

  position: relative;

  width: 121px;

  height: 138px;

  margin: 0 auto 15px;

}

.quality dt i {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  width: 121px;

  height: 138px;

  background: url(../Images/quality-bg.png) no-repeat center center;

}

.quality img {

  position: relative;

  z-index: 22;

  width: 121px;

  height: 138px;

}

.qua-title {

  height: 28px;

  font-size: 21px;

  font-weight: bold;

}

.qua-desc {

  font-size: 17px;

}

/*case*/

.case {

  height: 852px;

  background: url(../Images/case-bg.jpg) no-repeat center top;

}

.case .title {

  padding-top: 85px;

  margin-bottom: 30px;

}

.case .title h2 {

  background-image: url(../Images/quality-title.png);

  color: #fff;

}

.case .title p {

  color: #fff;

}

.case dl {

  float: left;

  margin: 0 23px 22px 0;

  width: 282px;

  height: 282px;

  overflow: hidden;

  position: relative;

}

.case dl dt img{ display:block; width:282px; height:282px;}

.case dl.no {

  margin-right: 0;

}

.case dl:hover dd {

  height: 108px;

  background: rgba(7, 96, 181, 0.8);

}

.case dl:hover dd .case-title {

  padding-top: 8px;

  height: 44px;

}

.case dl dd {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 283px;

  height: 50px;

  background: rgba(0, 0, 0, 0.6);

  text-align: center;

}

.case-title {

  height: 50px;

  font-size: 16px;

  text-align: center;

  line-height: 50px;

}

.case-title a {

  display: block;

  color: #fff;

}

.case-link {

  margin: 0 auto;

  width: 142px;

  height: 38px;

  background-color: #ffffff;

  border-radius: 10px;

  font-size: 16px;

  line-height: 38px;

}

.case-link a {

  display: block;

  color: #196fbf;

}

/*process*/

.process {

  height: 635px;

}

.process .title {

  padding-top: 85px;

  margin-bottom: 30px;

}

.process .title h2 {

  background-image: url(../Images/process-title.png);

}

.proc-con {

  height: 366px;

  background: url(../Images/process-bg.png) no-repeat center center;

  text-align: center;

  line-height: 0;

}

.proc-con dl {

  height: 142px;

  width: 220px;

  display: inline-block;

  margin: 0 89px 80px;

  position: relative;

	float:left;

}

.proc-con dl.proc-dl1:hover em {

  bottom: -22px;

}

.proc-con dl.proc-dl1 i {

  top: -92px;

}

.proc-con dl.proc-dl1 em {

  bottom: 2px;

  background: url(../Images/process-icon8.png) no-repeat center center;

}

.proc-con dl.proc-dl2 i {

  top: 92px;

}

.proc-con dl.proc-dl2 em {

  top: 2px;

  background: url(../Images/process-icon7.png) no-repeat center center;

}

.proc-con dl.proc-dl2:hover:hover em {

  top: -22px;

}

.proc-con dl:hover dt img,.proc-con dl.cur dt img {

  margin-top: -90px;

}

.proc-con dl:hover dt i,.proc-con dl.cur dt i {

  top: 0;

}

.proc-con dl:hover dd,.proc-con dl.cur dd {

  color: #196fbf;

}

.proc-con dt {

  width: 90px;

  height: 90px;

  background-color: #ececec;

  border-radius: 50%;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  z-index: 88;

}

.proc-con dt img {

  width: 90px;

  height: 180px;

  position: relative;

  z-index: 22;

}

.proc-con dt i {

  display: block;

  width: 91px;

  height: 91px;

  /* background: #196fbf; */

  position: absolute;

  left: 0;

  z-index: 1;

}

.proc-con dd {

  height: 52px;

  font-size: 16px;

  font-weight: bold;

  line-height: 52px;

  color: #323232;

}

.proc-con dd em {

  display: block;

  width: 19px;

  height: 10px;

  position: absolute;

  z-index: 1;

  left: 50%;

  margin-left: -10px;

}

/**/

.about {

  height: 781px;

  background: url(../Images/about-bg.png) no-repeat center top;

}

.about .title {

  padding-top: 77px;

  margin-bottom: 15px;

}

.about .title h2 {

  background-image: url(../Images/about-title.png);

}

.about-link {

  width: 118px;

  height: 36px;

  background-color: #1368bc;

  border-radius: 18px;

  margin: 0 auto 41px;

  font-size: 16px;

  text-align: center;

  line-height: 36px;

}

.about-link a {

  display: block;

  color: #fff;

}

.about-con li {

  float: left;

  width: 328px;

  height: 205px;

  margin: 0 15px 9px 0;

  position: relative;

  overflow: hidden;

}

.about-con li span {

  display: block;

  width: 100%;

  height: 46px;

  font-size: 18px;

  line-height: 46px;

  color: #fff;

  text-align: center;

  position: absolute;

  bottom: 0;

  left: 0;

}

.about-con li em,

.about-con li img {

  width: 328px;

  height: 205px;

  overflow: hidden;

}

.about-con li.ab-clear {

  margin-right: 0;

}

.about-con li.about-li1 {

  width: 514px;

  height: 419px;

}

.about-con li.about-li1 em,

.about-con li.about-li1 img {

  width: 514px;

  height: 419px;

}

.about-con li.about-li1 span {

  height: 54px;

  line-height: 54px;

}

/**/

.honor {

  height: 650px;

}

.honor .title {

  padding-top: 82px;

  margin-bottom: 38px;

}

.honor .title h2 {

  background-image: url(../Images/honor-title.png);

}

.honor .honor-next,

.honor .honor-prev {

  position: absolute;

  top: 174px;

  width: 48px;

  height: 48px;

  cursor: pointer;

  z-index: 88;

  background-position: center center;

  background-repeat: no-repeat;

  background-color: #212121;

  border-radius: 50%;

  overflow: hidden;

}

.honor .honor-next:hover,

.honor .honor-prev:hover {

  background-color: #196fbf;

}

.honor .honor-next {

  right: -66px;

  background-image: url(../Images/next-icon1.png);

}

.honor .honor-prev {

  left: -66px;

  background-image: url(../Images/prev-icon1.png);

}

.honor .honor-slide2 {

  overflow: hidden;

}

.honor dl {

  width: 288px;

  height: 395px;

  background-color: #f2f2f2;

  border: 1px solid #dfdfdf;

  margin-right: 13px;

  position: relative;

  float: left;

}

.honor dl.no{ margin: 0;}

.honor dl:hover {

  box-shadow: 0px 3px 21px 0px rgba(51, 51, 51, 0.17);

}

.honor dl:hover dd {

  background: #005aab;

}

.honor dl:hover dd .honor-name::after {

  background: #fff;

}

.honor dl:hover dd a {

  color: #fff;

}

.honor dl:hover dd i {

  width: 54px;

}

.honor dl dt {

  width: 288px;

  height: 293px;

  overflow: hidden;

}

.honor dl img {

  width: 288px;

  height: 293px;

  display: block;

}

.honor dl dd {

  height: 102px;

}

.honor dl dd span {

  display: block;

  margin-left: 30px;

  width: 54px;

  height: 7px;

  border-radius: 4px;

  background: #196fbf;

  position: relative;

  overflow: hidden;

}

.honor dl dd i {

  width: 0;

  height: 7px;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  background: #fff;

}

.honor dl .honor-name {

  margin-bottom: 6px;

  height: 46px;

  font-size: 18px;

  line-height: 46px;

  padding-left: 29px;

  position: relative;

}

.honor dl .honor-name::after {

  content: "";

  width: 4px;

  height: 5px;

  background-color: #333333;

  position: absolute;

  left: 16px;

  top: 21px ;

}

.honor dl .honor-name a {

  display: block;

  color: #333333;

}

.news {

  height: 694px;

  overflow: hidden;

}

.news .title {

  padding-top: 50px;

  margin-bottom: 18px;

}

.news .title h2 {

  background-image: url(../Images/news-title.png);

}

.news-nav {

  height: 54px;

  border-bottom: 1px solid #d4d4d4;

  margin-bottom: 35px;

}

.news-nav .more {

  margin-top: 15px;

  float: right;

  width: 24px;

  height: 24px;

}

.news-nav li {

  float: left;

  height: 54px;

  font-size: 18px;

  font-weight: bold;

  line-height: 40px;

  color: #333;

  position: relative;

  margin-right: 45px;

}

.news-nav li a {

  color: #333;

}

.news-nav li::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -2px;

  width: 0;

  height: 3px;

  background-color: #1368bc;

}

.news-nav li.cur {

  color: #196fbf;

}

.news-nav li.cur a {

  color: #196fbf;

}

.news-nav li.cur::after {

  width: 35px;

}

.news-slid{height: 383px;

  overflow: hidden;}

.news-con {

  width: 720px;

  overflow: hidden;

}

.news-con dl {

  height: 240px;

}

.news-con dt {

  width: 321px;

  height: 213px;

  border: 2px solid #d4d4d4;

  overflow: hidden;

  float: left;

}

.news-con dt img {

  width: 321px;

  height: 213px;

}

.news-con dd {

  float: right;

  width: 360px;

}

.news-con .news-name {

  height: 46px;

  font-size: 18px;

  line-height: 46px;

  margin-bottom: 10px;

}

.news-con .news-name a {

  display: block;

  color: #196fbf;

}

.news-con .news-time {

  height: 24px;

  font-size: 14px;

  line-height: 24px;

  color: #9a9a9a;

}

.news-con .news-desc {

  height: 60px;

  font-size: 15px;

  line-height: 30px;

  color: #5d5d5d;

  margin-bottom: 14px;

}

.news-con .news-link {

  height: 20px;

  font-size: 16px;

  font-weight: bold;

  line-height: 20px;

}

.news-con .news-link a {

  color: #196fbf;

}

.news-slid li {

  height: 47px;

  border-bottom: 1px dashed #d4d4d4;

  font-size: 16px;

  line-height: 47px;

  color: #616470;

  padding-left: 17px;

  background: url(../Images/news-icon4.png) no-repeat left center;

}

.news-slid li a {

  color: #616470;

}

.news-slid li span {

  float: right;

  font-size: 15px;

  color: #616470;

}

.news-slid li:last-child {

  border-bottom: 0;

}

.faq {

  width: 404px;

}

.faq .news-nav li:after {

  width: 35px;

  background: #939393;

}

.faq dl {

  height: 138px;

}

.faq dt {

  float: left;

  width: 125px;

  height: 93px;

  overflow: hidden;

}

.faq dt img {

  width: 125px;

  height: 93px;

}

.faq dd {

  width: 258px;

  float: right;

}

.faq-q {

  height: 30px;

  font-size: 16px;

  line-height: 30px;

  color: #333333;

  padding-left: 38px;

  overflow: hidden;

  background: url(../Images/news-icon2.png) no-repeat left center;

}

.faq-q a {

  color: #333333;

}

.faq-a {

  height: 30px;

  font-size: 15px;

  line-height: 30px;

  color: #666;

  padding-left: 38px;

  overflow: hidden;

  background: url(../Images/news-icon3.png) no-repeat left center;

}

/**/

.link {

  height: 100px;

  font-size: 0;

  line-height: 0;

  color: #7c7c7d;

}

.link a {

  color: #666666;

  font-size: 16px;

  line-height: 64px;

  margin-right: 30px;

  vertical-align: middle;

}

.link span {

  display: inline-block;

  height: 64px;

  font-size: 16px;

  font-weight: bold;

  line-height: 64px;

  color: #333;

  vertical-align: middle;

  margin-right: 37px;

}

.link em {

  float: right;

}

.link em a {

  margin-right: 0;

  color: #196fbf;

}

/**/

/**/

/**/

.sidebar {

  position: fixed;

  right: 0;

  top: 50%;

  z-index: 99;

  margin-top: -108px;

  width: 77px;

}

.sidebar li {

  background-color: #005aab;

  width: 77px;

  height: 59px;

  border-bottom: 1px solid #fff;

  padding-top: 12px;

}

.sidebar li span {

  display: block;

  height: 24px;

  font-size: 14px;

  line-height: 24px;

  color: #fff;

  text-align: center;

}

.sidebar li img {

  display: block;

  width: 28px;

  height: 28px;

  margin: 0 auto 0;

}

.sidebar li.side-ser {

  height: 110px;

  padding-top: 0;

  line-height: 30ox;

  background-color: #c20000;

}

.sidebar li.side-ser::after,

.sidebar li.side-cons::after {

  display: none;

}

.sidebar li.side-ser a {

  display: block;

  padding-top: 20px;

  color: #fff;

}

.side-top {

  display: none;

  cursor: pointer;

  border-bottom: 0 ;

}

/**/

/**/

/**/

/**/

/**/

/**/

/**/



/******************************广告*********************************/

.banners{height: 620px;}

.fullSlide {width:100%;position:relative;height:620px;}

.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul {width:100% !important;}

.fullSlide .bd li {width:100% !important;height:620px;overflow:hidden;text-align:center;background-position:center top;background-repeat: no-repeat;background-size: 100% 100%;}

.fullSlide .bd li a {display:block;height:620px;}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}

.fullSlide .hd ul {text-align:center;}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}

.fullSlide .hd ul {text-align:center;}

.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:100px;height:8px;margin:1px;overflow:hidden;background:#fff;line-height:999px;margin:0 5px;}

.fullSlide .hd ul .on {background:#1B70C0;}

.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:45%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;

filter:alpha(opacity=50);opacity:0.5;display:none;width:35px; height:80px;}

.fullSlide .prev{background: #1B70C0 url(../Images/letf-an.png) no-repeat;}

.fullSlide .next{left:auto;right:5%;background:#1B70C0 url(../Images/right-an.png) no-repeat;}