/*产品展示*/
dl,dd,h1,h2{margin:0;padding:0;font-weight:normal;}
.index_three{width:90%; margin:auto; overflow:hidden;margin-bottom: 2%;margin-top:1%;} 
.index_three dl{overflow:hidden; width:100%;}
.index_three dl dd{width:32%;float: left;background: #daebfc;padding: 3% 2% 3% 2%;margin-right:2%; margin-bottom:2%; position:relative;}
.index_three dl dd a{position:absolute; width:100%; height:100%; top:0; left:0;}
.index_three dl dd:nth-child(3n){margin-right:0;}
.index_three dl dd h1{width:47%; float:left;overflow: hidden;}
.index_three dl dd h1 img{/*width: 100%;*/-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.index_three dl dd:hover h1 img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.index_three dl dd:hover h2 b{color:#085188;}
.index_three dl dd:hover h2 e{color:#085188;}
.index_three dl dd:hover h2 g{color:#085188;border: 1px solid #085188;}
.index_three dl dd h2{float: right;width: 51%;text-align: right;}
.index_three dl dd h2 b{color: #000;font-size: 1.2em;display: block;}
.index_three dl dd h2 e{color: #000;font-size: 0.65em;display: block;margin-top: 8%;}
.index_three dl dd h2 g{display: block;border: 1px solid #928f8f;width: 50%;color: #928f8f;font-size: 0.6em;float: right;padding: 3%;text-align: center;margin-top: 18%;}
.index_three p{text-align: center;border: 1px solid #C2C2C2;line-height: 3em;width:36%;margin: auto;}
.index_three p a{color:#000;}	
.index_three p a:hover{color:#1472E2; }

@media only screen and (max-width:640px){
.index_three{width:100%; margin:auto; overflow:hidden;margin-bottom: 2%;margin-top: 2%;} 
.index_three dl{overflow:hidden; width:100%;}
.index_three dl dd{width: 50%;overflow:hidden;float: left;background: #daebfc;padding: 4% 0% 4% 0%;margin-right:0%;margin-bottom:2%;position:relative;}
.index_three dl dd a{position:absolute; width:100%; height:100%; top:0; left:0;}
.index_three dl dd h1{width:100%; overflow: hidden;}
.index_three dl dd h2{width:100%;text-align: center;}
.index_three dl dd:hover h2 b{color:#085188;}
.index_three dl dd h2 e{color: #000;font-size: 0.65em;display: block;margin-top: 8%;width: 90%;margin-left: 5%;text-align: left;}
.index_three dl dd h2 g{display: block;border: 1px solid #928f8f;width: 50%;color: #928f8f;font-size: 0.6em;padding: 3%;text-align: center;margin:0 auto;float:none}
.index_three dl dd h2 b{color: #000;font-size: 1.1em;display: block;font-weight:normal;}
.index_three p{text-align: center;border: 1px solid #C2C2C2;line-height: 1em;width:60%;margin: auto; margin-top:3%;}
}

/*核心优势*/
.index_two{width: 100%;overflow: hidden;padding-top:1.6%;padding-bottom: 1%;margin-top: 20px;background:#1783f0; background-size: 100% 100%;}
.index_two_n{ width:90%; margin:auto; text-align:center;}
.index_two_n h1{color: #fff;font-size: 2em;}
.index_two_n h2{width: 8%;border-bottom: 1px solid #fff;margin: auto;margin-top: 1%;}
.index_two_n h3{color: #fff;margin-top: 2%;font-size: 1.15em;}
.index_two_n dl{overflow: hidden;margin-top: 1.2%;}
.index_two_n dl dd{    width: 8%;float: left;margin-right:10.4%;}
.index_two_n dl dd h4{ position:relative;cursor: pointer;overflow: hidden;width:6.2em;height:6.2em;display: inline-block;vertical-align: top;border-radius: 50%; }
.index_two_n dl dd h4 img{width: 60%; margin-top: 15px;  margin-left: -20px; }

.index_two_n dl dd p{ margin-top: 10%; color: #fff;font-size: 1.3em;}   
.index_two_n dl dd h4:hover{}   
.index_two_n dl dd:hover p{ color:#085188;}   
.index_two_n dl dd h4 #two-2{ display:none;}
.index_two_n dl dd:hover h4 #two-2{ display:block;}   
.index_two_n dl dd:hover h4 #two-1{ display:none;} 
.index_two_n dl dd:nth-child(6n){margin-right:0;}  



/*应用行业*/
.index_four{ width:90%; margin:auto; overflow:hidden;margin-bottom: 2%;/*margin-top:5%;*/}
.index_four_left{width: 48%;float: left;margin-right: 2%;}
.index_four_left dl{ width:100%; overflow:hidden;position: relative;}
.index_four_left dl dd{width:100%;float: left;overflow: hidden;position: relative;height: 18em;display: block;    margin-bottom: 4.5%;}
.index_four_left dl dd a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index_four_left dl dd img{position: absolute;width: 100%;height: 100%;display: block;width: 100%;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.index_four_left dl dd h1{font-size: 1.1em;color: #fff;margin: auto;text-align: center;webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;padding-top: 25%;}
.index_four_left dl dd h2{position: absolute;border: 1px solid #fff;padding: 3.5%;text-align: center;line-height:0em;color: #fff;margin: auto;left: 35%;margin-top:16%;font-weight:bold;}
.index_four_left dl dd h1 {position: absolute;left: 00%;top: 0%;color: #fff;width: 100%;opacity: 0;background: rgba(4, 79, 135, 0.84);height: 100%;}   
.index_four_left dl dd:hover h1{left: 0%;opacity: 1;}
   
.index_four_right{width:50%;float: left;}
.index_four_right dl{ width:100%; overflow:hidden;position: relative;}
.index_four_right dl dd{width:48%;float: left;overflow: hidden;position: relative;height: 18em;display: block;margin-right: 4%;margin-bottom: 4%;}
.index_four_right dl dd a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index_four_right dl dd img{position: absolute;width: 100%;height: 100%;display: block;width: 100%;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.index_four_right dl dd h1{font-size: 1.1em;color: #fff;margin: auto;text-align: center;webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;padding-top:58%;}
.index_four_right dl dd h2{position: absolute;border: 1px solid rgba(255, 255, 255, 0.82); width:56%;text-align: center;line-height:2.2em;color: #fff;margin: auto;left: 22%;margin-top: 31%;font-weight:bold;}
.index_four_right dl dd h1 {position: absolute;left: 00%;top: -20%;color: #fff;width: 100%;opacity: 0;background: rgba(8, 81, 136, 0.77);height: 100%;}   
.index_four_right dl dd:hover h1{left: 0%;opacity: 1;}
.index_four_right dl dd:nth-child(2n){margin-right:0;}

.index_four_gd{width: 100%;overflow: hidden;}
.index_four_gd p{text-align: center;border: 1px solid #C2C2C2;line-height: 3em;width:36%;margin: auto;}
.index_four_gd p a{ color:#000;}
.index_four_gd p a:hover{ color:#1472E2; }	

@media only screen and (max-width:640px){
.index_four{width:90%;margin:auto;overflow:hidden;margin-bottom: 2%;margin-top: 5%;}
.index_four_left{width: 100%;float: left;margin-right: 2%;}
.index_four_left dl{ width:100%; overflow:hidden;position: relative;}
.index_four_left dl dd{width:100%;float: left;overflow: hidden;position: relative;height: 18em;display: block; margin-bottom: 4.5%;}
.index_four_left dl dd a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index_four_left dl dd img{position: absolute;width: 100%;height: 100%;display: block;width: 100%;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.index_four_right{width: 100%;float: left;}
.index_four_right dl{ width:100%; overflow:hidden;position: relative;}
.index_four_right dl dd{width: 100%;float: left;overflow: hidden;position: relative;height: 18em;display: block;margin-right: 4%;margin-bottom: 4%;}
.index_four_gd p{text-align: center;border: 1px solid #C2C2C2;line-height: 2.5em;width: 80%;margin: auto;}
.index_four_left dl dd h2{position: absolute;border: 1px solid #1b0101;padding: 4.5%;text-align: center;line-height:0em;color: #f10303;margin: auto;left: 35%;margin-top:205px;}
.index_four_right dl dd h2{position: absolute;border: 1px solid rgba(255, 255, 255, 0.82);width:56%;text-align: center;line-height:2.2em;color: #fff;margin: auto;left: 22%;margin-top: 190px;}
.index_three dl dd:nth-child(3n){margin-right:0;}
.index_three dl dd:nth-child(odd){border-right:2px solid #daebfc;}
img.am-center { width: 80%;}
.index_two_n dl dd{width: 6%;float: left;margin-right:10.4%;}
.index_two_n dl dd p{margin-top: 10%;color: #fff;font-size: 1.3em;margin-left: 100%;}
.index_four_right dl dd h1 {position: absolute;left: 00%;top: -60%;color: #fff;width: 100%;opacity: 0;background: rgba(8, 81, 136, 0.77);height: 100%;} 
}