@font-face {
  font-family: 'iconfont';  /* project id 277999 */
  src: url('http://at.alicdn.com/t/font_ejrizw3d3877gb9.eot');
  src: url('http://at.alicdn.com/t/font_ejrizw3d3877gb9.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_ejrizw3d3877gb9.woff') format('woff'),
  url('http://at.alicdn.com/t/font_ejrizw3d3877gb9.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_ejrizw3d3877gb9.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 32px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
*{
  margin: 0;
  padding: 0;
}
ul li{
  list-style: none;
}
a{
  color: #666666;
  text-decoration: none;
}
.flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.topNav{
  width: 100%;
  min-width: 1200px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ededed;
  overflow: hidden;
}
.topNavBox{
  width: 1200px;
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.topNavLeft{
  float: left;
  width:320px;
  line-height: 30px;
  text-align: left;
}
.topNavLeft p{
  font-size: 12px;
  color: #666;
}
.topNavLeft p span{
  background-color: #00a0e1;
  margin-right: 3px;
  padding: 2px 5px;
  color: #fff;
  font-size: 12px;
}
.topNavRight{
  float: right;
  width:680px;
  text-align: right;
  line-height: 30px;
  color: #666666;
}
.topNavRight a{
  font-size: 12px;
}
.topNavRight a:hover{
  color: #e60202;
}
.header{
  background-color: #fff;
  width: 100%;
  height: 120px;
  overflow: hidden;
  min-width: 1200px;
}
.headerBox{
  width: 1200px;
  margin: 0 auto;
  height: 120px;
  overflow: hidden;
}
.headerLogo{
  float: left;
  width: 336px;
}
.headerLogo a{
  display: block;
  line-height: 120px;
}
.headerLogo a img{
  vertical-align: middle;
}
.headerRight{
  width: 290px;
  float: right;
  overflow: hidden;
}
.headerRightTel{
  height: 120px;
  float: left;
  width: 60px;
}
.headerRightTel .telImg{
  width:56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid #139bf1;
  text-align: center;
  line-height: 56px;
  margin: 32px 14px 32px 0;
}
.headerRightTel .telImg i{
  color: #139bf1;
  font-size: 25px;
}
.headerRightFonts{
  float: right;
  width: 220px;
} 
.headerRightFonts p:nth-child(1){
  font-size: 28px;
  color: #f01332;
  line-height: 35px;
  margin-top: 30px;
}
.headerRightFonts p:nth-child(2){
  font-size: 14px;
  color: #888;
  white-space: nowrap;
}
.wp {
  width: 1200px;
  margin: 0 auto;
}
.ind-nav{overflow: hidden;height: 45px;line-height: 45px;background-color: #139bf1;min-width: 1200px;}
.ind-nav li{float: left;width: 8.333%;text-align: center;}
.ind-nav li a{display: block;font-size: 16px;color: #fff;}
.ind-nav li a:hover,
.ind-nav li.on a{background-color:#f01332;transition: .3s;}
.videoBanner{
  width: 100%;
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
  height: 400px;
  background-color: pink;
  overflow: hidden;
}
.bannerBox{
  position: relative;
}
.bannerFonts{
  width:700px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 140px;
  margin-left: -350px;
  text-align: center;
}
.bannerFonts h2{
  font-size:80px;
  color: #fff;
  font-weight: bolder;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 10;
}
.bannerFonts h2::after{
  content: 'SPECIALTY SETTING';
  position: absolute;
  width: 1000px;
  height: 100px;
  left: 50%;
  top: -50px;
  z-index: -1;
  margin-left: -500px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: bold;
}
.zyNav{
  width: 100%;
}
.zyNavList{
  width: 1200px;
  margin: 0 auto;
  height: 70px;
  overflow: hidden;
}
.zyNavList ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.zyNavList ul li{
  width: 300px;
  height: 70px;
  text-align: center;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  overflow: hidden;
  cursor: pointer;
  transition: .3s;
}
.zyNavList ul li:last-child{
  border-right: none;
}
.zyNavList ul li span{
  display: block;
  float: left;
  text-align: center;
  transition: .3s;
}
.zyNavList ul li span:nth-child(1){
  color: #0054ff;
  margin-right: 10px;
  line-height: 65px;
  margin-left: 65px;
}
.zyNavList ul li span:nth-child(2){
  font-size: 26px;
  line-height: 70px;
}
.zyNavList ul li:nth-child(1) span:nth-child(1){
  font-size: 28px;
}
.zyNavList ul li:nth-child(2) span:nth-child(1){
  font-size: 40px;
}
.zyNavList ul li:nth-child(3) span:nth-child(1){
  font-size: 38px;
}
.zyNavList ul li:nth-child(4) span:nth-child(1){
  font-size: 35px;
}
.zyNavList ul li:hover{
  background-color: #0054ff;
  transition: .3s;
}
.zyNavList ul li:hover span{
  color: #fff;
  transition: .3s;
}
.zyList{
  width: 1200px;
  margin: 0 auto;
}
.comTitl{
  text-align: center;
}
.comTitl h2{
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  margin: 30px 0;
  color: #000000;
  position: relative;
  z-index: 10;
}
.comTitl h2::after{
  content: '';
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 10px;
  background-color: #7fa9ff;
  z-index: -1;
}
.zyList ul li{
  width: 590px;
  background-color: #fff;
  cursor: pointer;
  transition: .3s;
  margin-bottom: 20px;
}
.zyList ul li .zyListImg{
  width: 590px;
  height: 300px;
  position: relative;
}
.zyList ul li .zyListImg span{
  position: absolute;
  display: block;
  width: 260px;
  height: 55px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  left: 0;
  bottom: 20px;
  background: linear-gradient(to right,#ff4f28,#ff9b19);
  color: #fff;
  line-height: 55px;
  font-size: 24px;
  text-align: center;
}
.zyList ul li h4{
  text-align: center;
  font-size: 26px;
  margin: 15px 0 10px;
  font-weight: bold;
}
.zyList ul li p{
  text-align: center;
  color: #ff0000;
  font-size: 22px;
}
.zyList ul li .zyListBtn{
  width: 530px;
  height:50px;
  margin: 15px auto 30px;
}
.zyList ul li .zyListBtn a{
  display: block;
  width: 255px;
  line-height: 50px;
  text-align: center;
  box-sizing: border-box;
  border: 2px solid #0054ff;
  float: left;
  font-size: 22px;
}
.zyList ul li .zyListBtn a:nth-child(1){
  margin-right: 20px;
  color: #0054ff;
}
.zyList ul li .zyListBtn a:nth-child(2){
  background: #0054ff;
  color: #fff;
}
.zyList ul li:hover{
  transition: .3s;
  box-shadow: 0px 0px 15px #c0c0c0;
}
.ggt{
  max-width: 1200px;
  margin: 10px auto 0;
}
.zyListThree ul li{
  width:388px;
}
.zyListThree ul li .zyListImg{
  width: 388px;
  height: 260px;
}
.zyListThree ul li .zyListBtn{
  width: 350px;
  margin-bottom: 15px;
}
.zyListThree ul li .zyListBtn a{
  width:165px;
  line-height: 40px;
}
.hgScroll{
  width: 1200px;
  height: 270px;
  margin: 0 auto;
  overflow: hidden;
}
.hgScroll ul li{
  background-color: #fff;
  margin-bottom: 20px;
  margin-right:12px;
}
.hgScroll ul li .hgScrollImg{
  width: 288px;
  height: 200px;
}
.hgScroll ul li p{
  text-align: center;
  font-size: 22px;
  line-height: 50px;
  color: #000000;
  transition: .3s;
}
.hgScroll ul li:hover{
  transition: .3s;
  box-shadow: 0px 0px 15px #c0c0c0;
}
.footer{
  margin-bottom:100px;
}
.footer .wp{overflow: hidden;}

.fd-ul1{overflow: hidden;}

.fd-ul1 li{float: left;width: 310px;padding: 33px 0;}

.fd-ul1 li .items{display: block;margin-right: 20px;}

.fd-ul1 .last .items{margin: 0;}

.fd-ul1 .last{width: 270px;}

.fd-ul1 .iconfont{color: #128bec;font-size: 32px;}
.fd-ul1 li .items:hover .img {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}


.fd-ul1 li .img{float: left;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;border:1px solid #128bec;text-align: center;margin-right: 13px;-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.fd-ul1 li .items:hover .img{border-color: #ee3441;}
.fd-ul1 li .img img{vertical-align: middle;}
.fd-ul1 li .txt{overflow: hidden;}
.fd-ul1 li .txt h4{

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	font-weight: normal;

	margin-top: 3px;

}

.fd-ul1 li .txt h4{display: block;font-size: 18px;color: #333;line-height: 31px;}

.fd-ul1 li .items:hover h4,.fd-ul1 li .items:hover .img i{color: #ee3441;}

.fd-ul1 li .txt p{font-size: 14px;color: #666;white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

font-weight: normal;}

.fd-con{background-color: #444546;overflow: hidden;}

.fd-dl{float: left;width: 20%;}

.fd-dl dt{background-image: url(../images/dt-x.png);background-repeat: no-repeat;background-position: left bottom;

margin-bottom: 20px;}

.fd-dl dt em{display: inline-block;font-size: 16px;color: #fff;background: url(../images/dt-x2.png) no-repeat left bottom;line-height: 38px;}
.fd-dl dd li{margin-bottom: 10px;}
.fd-dl dd a{font-size: 12px;color: #bdbdbd;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.fd-dl-box{overflow: hidden;background: url(../images/fd-dl-box.png) repeat-x left bottom;padding-bottom: 13px;padding-top: 28px;}

.fd-dl dd a:hover{color: #128bec;}

.fd-dl .last{background-repeat: repeat-x;}

.fd-dl dd .img{float: left;margin-right: 12px;}

.fd-dl dd .share{overflow: hidden;}

.fd-dl dd .share a{display: block;height: 33px;line-height: 33px;border:1px solid #656769;text-align: center;margin-bottom: 12px;}

.fd-dl dd .share span{color: #fff;padding-left: 5px;vertical-align: middle;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}
.fd-dl dd .share .qq span {padding-left: 9px;}
.fd-dl dd .share a:hover span{color: #128bec;}

.fd-dl dd .share a:hover .iconfont{color: #128bec;}

.fd-dl dd .img img{width: 129px;height: 129px;}

.fd-dl .iconfont {font-size: 18px;vertical-align: middle;color: #fff;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.fd-ul2{float: left;}

.fd-ul2 li{float: left;}

.fd-ul2 li a{display: block;padding: 0 8px;font-size: 12px;color: #bdbdbd;background: url(../images/fd-bot1.png) no-repeat right center;}

.fd-ul2 li a:hover{color: #128bec;}

.fd-ul2 li .first{padding-left: 0;}

.fd-ul2 li .last{background: none;}

.fd-bot{padding: 12px 0 10px;}

.fd-bot p{float: right;font-size: 12px;color: #bdbdbd;}
.fd-bot p a{color: #bdbdbd;}