﻿.ig-tool .s1,
.ig-tool .s4 { display: none; }

.market-view { width:100%; height:700px; overflow:hidden; position:relative; background:url(./1.png) center top no-repeat; overflow:hidden; }
.market-view .imgs { position: relative; overflow: hidden; padding: 0 0 50px 0; background: #fff; }
.market-view .imgs img { position: relative; left: 50%; margin: 0 0 0 -960px; width: 1920px; }
.market-view .word { width:600px; height:auto; position:absolute; left:50%; margin-left:-600px; top:100px; }
.market-view .word h2 { height:110px; line-height:110px; font-size:65px; color:#FFF; margin-bottom:10px; /*-webkit-animation:flyInUp 1s ease forwards; -moz-animation:flyInUp 1s ease forwards; -ms-animation:flyInUp 1s ease forwards; animation:flyInUp 1s ease forwards; */}
.market-view .word p { line-height:50px; font-size:25px; color:#FFF; /*opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 1s ease forwards 0.2s; -moz-animation:flyInUp 1s ease forwards 0.2s; -ms-animation:flyInUp 1s ease forwards 0.2s; animation:flyInUp 1s ease forwards 0.2s;*/ }
.market-view .word span { color:#f6ff00; }
.market-view .word .online { width:150px; height:40px; line-height:40px; text-align:center; border:2px solid #fff; position:relative; top:30px; display:block; border-radius:40px; font-size:20px; color:#FFF; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 1s ease forwards 0.4s; -moz-animation:flyInUp 1s ease forwards 0.4s; -ms-animation:flyInUp 1s ease forwards 0.4s; animation:flyInUp 1s ease forwards 0.4s; }
.market-view .word .online:hover { background:#fff; color:#e24a4a; box-shadow:0 0 0 3px rgba(255,255,255,0.5); }
.market-view .img { width:660px; position:absolute; left:50%; top:100px; }
.market-view .img .pc { position:absolute; left:0; top:0; z-index:1; /*opacity:0; opacity:1\9\0; -webkit-animation:flyInRight 1s ease forwards 0.2s; -moz-animation:flyInRight 1s ease forwards 0.2s; -ms-animation:flyInRight 1s ease forwards 0.2s; animation:flyInRight 1s ease forwards 0.2s;*/ }
.market-view .img .mc { position:absolute; right:0; top:145px; z-index:2; /*opacity:0; opacity:1\9\0; -webkit-animation:flyInRight 1.2s ease forwards 0.2s; -moz-animation:flyInRight 1.2s ease forwards 0.2s; -ms-animation:flyInRight 1.2s ease forwards 0.2s; animation:flyInRight 1.2s ease forwards 0.2s;*/ }
.market-view .foot { position:absolute; top:540px; left:0; width:100%; text-align:center; }
.market-view .foot p { font-size:40px; line-height:45px; color:#555; /*opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 1.2s ease forwards 0.2s; -moz-animation:flyInUp 1.2s ease forwards 0.2s; -ms-animation:flyInUp 1.2s ease forwards 0.2s; animation:flyInUp 1.2s ease forwards 0.2s; */ }
.market-view .foot .online { display:inline-block; width:300px; height:40px; line-height:40px; background:#e14848; border:2px solid #fff; color:#FFF; padding:0 20px; border-radius:34px; position:relative; top:20px; font-size:22px; /*opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 1.2s ease forwards 0.5s; -moz-animation:flyInUp 1.2s ease forwards 0.5s; -ms-animation:flyInUp 1.2s ease forwards 0.5s; animation:flyInUp 1.2s ease forwards 0.5s;*/ }
.market-view .foot .online:hover { border-color:#e14848; background:#FFF; color:#e14848; }

.website-market .img { display:block; width:100%; /*opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 1.2s ease forwards 0.7s; -moz-animation:flyInUp 1.2s ease forwards 0.7s; -ms-animation:flyInUp 1.2s ease forwards 0.7s; animation:flyInUp 1.2s ease forwards 0.7s;*/ }
.website-market .zhenduan { width:100%; height:auto; padding: 20px 0; background:url(./4.png) left center no-repeat #0074d1; background-size: cover; position:relative; color:#FFF; overflow:hidden; }
.website-market .zhenduan h2 { font-size:35px; line-height:50px; margin-left:30px; }
.website-market .zhenduan p { font-size:18px; line-height:30px; padding:0 0 0 30px; margin-left:30px; background:url(./ico-tel.png) left center no-repeat; }
.website-market .zhenduan a { position:absolute; right:35px; top:15px; width:180px; height:50px; line-height:50px; text-align:center; background:#d82b1d; color:#FFF; font-size:20px; border-radius:5px; }
.website-market .zhenduan a.link2 { top: 75px; }
.website-market .zhenduan a:hover { background:#c11204; }
.website-market .zhenduan span { color:#f6ff00; }
.website-market .zhenduan strong { color:#f6ff00; font-weight:400; font-size:25px; }

.website-reason { padding-top:80px; }
.website-reason .head { height:60px; line-height:60px; font-size:40px; text-align:center; color:#555; margin-bottom:20px; }
.website-reason .reason { width:100%; text-align:center; padding:10px 0 40px; overflow:hidden; }
.website-reason .reason li { display:inline-block; margin:0 30px; width:160px; *zoom:1; *display:inline; }
.website-reason .reason h3 { width:160px; height:160px; line-height:160px; text-align:center; background:url(./circle_160.png) center center no-repeat #e14848; border-radius:50%; color:#FFF; font-size:30px; font-weight:400; transition: all .5s ease; }
.website-reason .reason h3:hover { box-shadow:0 0 0 10px rgba(255,255,255,0.5) inset; }
.website-reason .reason p { height:50px; line-height:50px; text-align:center; font-size:15px; }

.website-reason .factor { width:100%; text-align:center; padding:80px 0 40px; background:url(./5.png) 150px top no-repeat; }
.website-reason .factor li { display:inline-block; width:330px; margin:0 30px; text-align:left; *zoom:1; *display:inline; }
.website-reason .factor h3 { height:35px; line-height:30px; color:#e14848; font-size:24px; font-weight:400; }
.website-reason .factor p { height:44px; line-height:22px; font-size:15px; color:#666; }

.website-pk { width:100%; background:#f4f4f4; }
.website-pk .head { height:70px; line-height:70px; font-size:40px; text-align:center; padding-top:60px; }
.website-pk .head strong { color:#db1508; }
.website-pk .head b { font-weight:400; color:#333; }
.website-pk .head span { color:#0080ca; font-family:"Microsoft Yi Baiti"; font-size:57px; padding:0 20px; }
.website-pk .main { padding:30px 0; }

.website-case { position:relative; top:-60px; padding-bottom:100px; margin-bottom:60px; overflow:hidden; display: none; }
.website-case .head { height:60px; line-height:60px; font-size:40px; text-align:center; color:#666; margin-bottom:40px; }
.website-case .main { width:100%; padding-bottom:30px; }
.website-case .main li { float:left; width:200px; height:60px; margin-bottom:30px; background:#FFF; }
.website-case .main img { display:block; width:100%; height:60px; }
.website-case .main li:hover { box-shadow:0 0 1px 1px rgba(0,0,0,0.2); position:relative; z-index:2; }
.website-case .list { width:100%; padding-bottom:30px; }
.website-case .list li.item { float:left; width:222px; margin-left:20px; }
.website-case .list li:first-child { margin-left:0; }
.website-case .list a { display:block; width:220px; border:1px solid #d1d1d1; }
.website-case .list i { display:block; width:212px; height:378px; border:4px solid #fff; overflow:hidden; }
.website-case .list a:hover { border-color:#047bcf; }
.website-case .list li.item:hover { color:#047bcf; }
.website-case .list img { display:block; width:212px; }
.website-case .list span { display:block; height:40px; line-height:40px; overflow:hidden; text-align:center; }
.website-case .foot { width:100%; height:35px; }
.website-case .foot a { display:block; width:240px; height:35px; line-height:35px; background:#e14848; color:#fff; border-radius:35px; margin:0 auto; font-size:18px; text-align:center; }
.website-case .foot a:hover { background:#af0000; }

.ig-form-container { background: #fff !important; }

.tg-form { padding: 0 0 30px; background: #f5f5f5; text-align: center; }
.tg-form .head { margin: 0 0 30px; padding: 30px 0 0; }
.tg-form .head h2 { line-height: 60px; font-size: 35px; color: #d82b1d;  }
.tg-form .head h2::before,
.tg-form .head h2::after { content: ''; width: 20px; height: 20px; background: #d82b1d; border-radius: 50%; display: inline-block; vertical-align: middle; margin: 0 20px; }
.tg-form .form { display: block; position: relative; overflow: hidden; padding: 0 100px; }
.tg-form .rows { float: left; width: 350px; position: relative; margin: 0 0 20px 50px; }
.tg-form .rows2 { clear: both; }
.tg-form .label { position: absolute; left: 0; top: 13px; width: 90px; height: 24px; border-right: 1px solid #ddd; text-align: center; }
.tg-form .label span { display: block; text-align: right; font-size: 18px; color: #999; }
.tg-form .txt { padding: 0 0 0 100px; border: 1px solid #aaa; border-radius: 5px; }
.tg-form .txt input { display: block; width: 100%; height: 50px; background: none; border: 0; padding: 0; margin: 0; outline:none; font-size: 16px; }
.tg-form .submit input { width: 200px; height: 50px; border: 0; border-radius: 5px; background: #0f6cd9; color: #fff; font-size: 18px; cursor:pointer; outline:none; transition: all .5s ease; }
.tg-form .submit input:hover { background: #0256b9; }

.tg-form .tel { height: 50px; line-height: 50px; }
.tg-form .tel img { vertical-align: middle; width: 35px; height: 35px; margin: 0 10px 0 0; }
.tg-form .tel span { vertical-align: middle; font-size: 24px; color: #0f6cd9; font-weight: bold; }
.tg-form .bottom img { display: block; width: 100%; }

.topic-fixform { height: 0px; }
.topic-fixform .pointer { position: fixed; left: 0; bottom: 100px; z-index: 1001; padding: 30px 20px 30px 30px; height: 30px; background: url(x1.png) right center no-repeat; cursor: pointer; display: none; }
.topic-fixform .pointer span { display: block; line-height: 30px; padding: 0 30px 0 0; font-size: 24px; font-weight: bold; background: url(x2.png) right center no-repeat; color: #fff; }
.topic-fixform .inner {display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; background: url(x0.jpg) center center no-repeat #eb1122 ; height: 60px; padding: 10px 0 20px; }
.topic-fixform .head { float: left; color: #fff; padding: 7px 0 0; }
.topic-fixform .head h2,
.topic-fixform .head h3 { line-height: 30px; font-size: 24px; }
.topic-fixform .form { float: left; margin: 0 0 0 50px; }
.topic-fixform .rows { float: left; margin: 0 0 0 40px; }
.topic-fixform .label { line-height: 30px; color: #fff; }
.topic-fixform .txt input { width: 220px; height: 30px; line-height: 30px; padding: 0 10px; background: #fff; border: 0; border-radius: 3px; }
.topic-fixform .submit { padding: 30px 0 0; }
.topic-fixform .submit input { height: 30px; background: #ff7400; border: 0; color: #fff; padding: 0 20px; border-radius: 3px; cursor: pointer; }
.topic-fixform .submit input:hover { box-shadow: 0 0 100px rgba(0,0,0,.05) inset; }
.topic-fixform .close { position: absolute; top: -10px; right: 0; padding: 10px; }
.topic-fixform .close a { display: block; width: 30px; height: 30px; background: url(x3.png) center center no-repeat; transition: all .2s ease; }
.topic-fixform .close a:hover { transform: rotate(90deg); }

/****banner****/
.main_banner {
  width: 100%;
  overflow: hidden;
  height:768px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.main_banner #next,
.main_banner #prev {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  margin-left: -698px;
  background-position: 0 0;
  z-index: 10;
  top: 50%;
  margin-top: -24px;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.main_banner #next {
  margin-left: 650px;
  background-position: -113px 0;
}
.main_banner #next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.main_banner #prev:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.main_banner .banner {
  width: 1920px;
  height: 768px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  overflow: hidden;
}
.main_banner .banner img {
  width: 1920px;
  height: 768px;
  overflow: hidden;
}
.main_banner .banner_fmenu {
  position: absolute;
  width: 100%;
  left: 0;
  bottom:205px;
  height: 14px;
  z-index: 3000;
  text-align: center;
}
.main_banner #banner_fmenu A {
  margin: 0 5px;
  width: 30px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  cursor: pointer;
  font-size: 0;
  font-weight: bold;
  overflow: hidden;
  display: inline-block;
  background: #3c3d41;
  border-radius: 10px;
  
  transition: ease-in-out .2s;
  border:2px solid #fff;
}
.main_banner #banner_fmenu A.activeSlide {
  background: #09cc8c;
 
  background:#e14848;
}
.main_banner #banner_fmenu A:focus {
  OUTLINE-STYLE: none;
  OUTLINE-COLOR: invert;
  OUTLINE-WIDTH: medium;
}


/**********************
 * 表单数据
 * 2020.02.07
 *********************/
.topic-formdata {
  position: relative;
  background: #f4f4f4;
  padding: 0 0 20px 0;
}
.topic-formdata .inner {
  margin: 0 0 0 500px;
}
.topic-formdata .head {
  position: relative;
}
.topic-formdata .head h2 {
  line-height: 40px;
  font-size: 20px;
}
.topic-formdata .data {
  position: relative;
  height: 60px;
  overflow: hidden;
}
.topic-formdata .list {
  position: relative;
}
.topic-formdata .item {
  position: relative;
  line-height: 30px;
  font-size: 16px;
}
.topic-formdata .item span {
  padding: 0 20px 0 0;
}