/*****vieye*****/
@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 1.4rem;
	font-family:"微软雅黑";
}
a {
	color: inherit;
	text-decoration: none;
}
img {
	max-width: 100%;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.main {
	padding-left: 60px;
	padding-right: 60px;
	overflow: hidden;
	
}
body{
	max-width: 1920px !important;
	margin: auto auto !important;
}


*.nomargin{
	margin-right:0px;
	}

.clearfix{
	clear:both;
	}
.clearfix::before,.clearfix::after{
	content: '';
	display: block;

	clear:both;
}

.ab_active{
	color:#fff;
	background:url(../img/content/ab_title_bg.png) no-repeat center center;
	}
.space_tb1-5{
	padding-top:15px;
	padding-bottom:15px;
	}
.space_tb1{
	padding-top:10px;
	padding-bottom:10px;
	}
.space_tb2{
	padding-top:20px;
	padding-bottom:20px;
	}	
.space_tb3{
	padding-top:30px;
	padding-bottom:30px;
	}	
.space_tb4{
	padding-top:40px;
	padding-bottom:40px;
	}	
.space_tb5{
	padding-top:50px;
	padding-bottom:50px;
	}

.ta_c{
	text-align:center;
	}

.ta_l{
	text-align:left;
	}

.ta_r{
	text-align:right;
	}
	
.btn{
	cursor:pointer;
	}
.ov_hd{
	overflow:hidden;
	}

.m_color{
	color:#005bac;
	}
.mh_color a:hover{
	color:#005bac;
	}	
.m_bg{
	background:#005bac;
	}

.m_bc{
	background:#005bac;
	color:#fff;
	}
.bd_c{
	border:1px solid #ccc;
	overflow:hidden;
	}		

.para_p{
	line-height:24px;
	font-size:12px;
	}

.hide{
	display: none;
}
.wh1200{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.container1{
	padding-left:6%;
	padding-right:6%; 
}

.change1{
	transition: all 0.5s;
}
.owl-carousel .owl-item img{
	display: inline !important;
	width: auto !important;
}
.main-top{

	position: relative;

}

.main-top.container1{
	padding-left: 4%;
	padding-right: 4%;
}

.main-top .logo{
	width: 171px;
	height: 37px;
	margin-right: 10px;
	margin-top: 30px;
	float: left;

}
.main-top .main-nav{
	
}
.main-top .main-nav  li{
	margin-left: 1.5%;
	
	
	float: left;
	
}
.main-nav .chat1{
padding:30px 5px;	

}
.main-nav .chat1 a{
	line-height: 38px;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	
	height: 38px;
	overflow:hidden;
}

.main-nav .s1{
	display: block;
	padding:0 3px;
	transition: all 0.3s;
}
.main-nav .s2{
	display: block;
	padding:0 3px;
	color: #005bac;
	line-height: 22px;
	font-weight: bold;
	border-bottom: 3px solid #005bac;
	transition: all 0.3s;

}



.main-nav  li:hover .s1,.main-nav  li a.on .s1{
	transform: translateY(-38px); 
	transition: all 0.3s;
}

.main-nav li:hover .s2,.main-nav  li a.on .s2{
	transform: translateY(-28px); 
	transition: all 0.3s;

}

.main-nav  .chat2{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;

}




.main-top .main-hotline-search{
	font-size: 14px;
	line-height: 38px;
	margin-top: 27px;
}
.main-hotline-search .hide-lg{
	float: left;
}

.main-top .hotline{
	font-size: 16px;
	color: #005bac;

}
.main-top .search{
	display: inline-block;
	margin-left: 15px;
	height: 38px;
	padding-top: 12px;
	
	
}



.second-nav{
	position: absolute;
	left: 10%;
	width: 80%;
	top: 100%;
	z-index: 100;
}
.second-nav{
	background: #f4f4f4;
}

.second-nav .about-nav{
	padding: 5%;	
}

.about-nav .fl{
	width: 45%;
	padding: 5px;
	border:1px solid #f4f4f4;
}
.about-nav .fl:hover{
	border-color: #ddd;
}
.about-nav .fr{
	width: 52%;
}
.about-nav .fr:hover{

}
.about-nav  h5{
	
	font-size: 2.8rem;
	
	line-height: 2em;
	margin-bottom:2%;
}
.about-nav p{		
	line-height: 2rem;
	color: #999;
	
}


.jianjie img{
	float: right;
	max-width: 60%;
}
.jianjie h5{
	text-align: right;
}
.jianjie  p{
	text-align: right;
}




.jianjie .t1{
	width: 35%;
	float: left;

}
.zizhi{
	padding: 5px;
	border:1px solid #f4f4f4;
}
.zizhi:hover{
	border-color: #ddd;
}
.zizhi img{
	float: left;
	max-width: 52%;

}

.zizhi .t1{
	margin-left: 56%;
}

.about-nav .wenhua{
	
	
	margin-top: 4%;
	padding: 5px;
	border:1px solid #f4f4f4;

}
.about-nav .wenhua:hover{
	border-color: #ddd;
}
.wenhua img{
	float: left;
	max-width: 52%;

}
.wenhua .t1{
	margin-left: 56%;
	
}

.second-nav .product-nav{
	padding: 3%;
}

.product-nav .fl{
	width: 50%;
}
.product-nav .fr{
	width: 47%;
}
.product-nav h5{
	font-size: 2.8rem;
	line-height: 2em;
	margin-bottom: 5px;

}
.product-nav .youshi img{

}
.youshi .t1{
	background: #fff;
	padding: 5%;
	text-align: center;

}
.youshi .t1 a{
	display: inline-block;
	padding: 5%;
	margin:0 2%;
	border:1px solid #ccc;
	background: #f4f4f4;
	border-radius: 5px;
	font-size: 1.8rem;
	color: #666;
	margin-bottom: 5px;
}

.product-nav .xuanxing{
	margin-bottom: 15%;
}

.xuanxing .ipt{
	background: url(../img/public/search-icon2.png) no-repeat 5px center;
	height: 38px;
	border:1px solid #ccc;
	padding-left: 45px;
	width: 80%;


}
.xuanxing .ips{
	width: 15%;
	height: 38px;
	background: #005bac;
	color:#fff;
	font-weight: 1.6rem;
	border:0;
}

.chanpin h5{
	border-bottom: 1px solid #ccc;
}


.chanpin img{
	width: 40%;
	float:left;
	display: none;
}

.chanpin img.on{
	display: block;
}

.chanpin .prolist{
	margin-left: 50%;
	margin-top:8%;
}
.chanpin .prolist a{
	display: block;
	line-height: 2em;
	font-size: 1.6rem;
	margin-bottom: 10%;

}
.chanpin .prolist a:hover{
	color: #005bac;
}

.second-nav .getcase-nav{
	padding: 3%;
	position: relative;

}
.getcase-nav dl dd{
	width: 49%;
	float: left;
	margin-bottom: 2%;
	
min-height: 200px;
position: relative;
}

.getcase-nav img{
	width: 100%;
}


.getcase-nav .ov_hd{
	width: 60%;
}

.getcase-nav h4{
	font-size: 2rem;
	line-height: 1.6em;
	margin-bottom: 5px;
}

.getcase-nav p{
	color: #666;
}

.getcase-nav .t1{
	width: 36%;	
	display: inline-block;
	line-height: 1.6em;
	
}
.getcase-nav .item1{
	float: left;
}
.getcase-nav .item1 .ov_hd{
	float: right;

}
.getcase-nav .item1 .t1{
	float: left;
	text-align: right;
	
}

.getcase-nav .item2 {
	float: right;
}
.getcase-nav .item2 .ov_hd{
	float: left;

}
.getcase-nav .item2 .t1{
	float: right;
	
}

.getcase-nav .more{
	width: 150px;
	height: 150px;	
	border-radius: 75px;
	line-height:150px;
	text-align: center;
	display: block;
	position: absolute;
	right: -83.33px;
    bottom:-80.33px;
	font-size:2.4rem;	
	color: #005bac;
	z-index: 1
	
}
.getcase-nav .more span{
	width: 150px;
	height: 150px;	
	border-radius: 75px;
	display: block;
	background: #fff;
	box-shadow: 0 0 5px #666;
}
.getcase-nav .more i{

}

.getcase-nav .more:hover span{
	transform:rotateY(180deg);
	background: #005bac;
	color: #fff;

}
.getcase-nav .more:hover i{
	display: inline-block;
transform:rotateY(180deg);


}


.getcase-nav .more img{
	width: auto;
}

.second-nav  .solve-nav{
	padding: 3%;
}

.solve-nav a{
	padding: 0 1%;

}
.solve-nav img{
	width: 100%;
}
.solve-nav .ov_hd{
	position: relative;

}
.solve-nav p{
	position: absolute;
	left: 0;
	bottom:0;
	background: rgba(0,0,0,0.8);
	color: #fff;
	text-align: center;
	padding: 15px 5px;
	width: 100%;
	line-height: 1.6em;

}


.second-nav .news-nav{
	padding:3% 5% 5%;

}

.news-nav h5{
	font-size: 2.4rem;
	line-height: 2em;
	margin-bottom: 10px;
}
.news-nav .fl{
	width: 50%;
	padding: 0 1%;
}
.news-nav .fr{
	width: 50%;
	padding: 0 1%;
}


.second-nav .service-nav{
	padding: 3% 5% 5%;
}
.service-nav h5{
	font-size: 2.4rem;
	line-height: 2em;
	margin-bottom: 10px;
}
.service-nav .lianxi p{
	font-size: 1.6rem;
	color: #666;
	line-height: 2em;
	margin-bottom: 1%;

}

.service-nav .lianxi{
	padding:0 1%;
}
.service-nav .xiazai{
	padding:0 1%;
}
.service-nav .shouhou{
	padding:0 1%;
}


.dropbtn{
	height: 37px;
	padding-top: 5px;
	display: inline-block;
	margin-left:25px;
	display: none;
}
.dropbtn span{
	display: block;
	width: 30px;
	height: 2px;
	background: #005bac;
	margin:5px 0;
}



body{
	overflow-x: hidden;
}
.pages{
	transition:all 0.3s;

}

.toactive{
	transform: translateX(250px);
	transition:all 0.3s;
}
.toactive .bgs{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background:rgba(255,255,255,0.7);
	z-index: 1000;

}
.dropmenu{
	position: fixed;
	left: 0;
	top: 0;
	width: 250px;
	height: 100%;
	overflow: auto;
	background: #fff;
	text-align: center;
	transform: translateX(-250px);
	transition:all 0.3s;
	padding:30px 10px;
	
	
	z-index: 1;
}
.dropmenu .on dt a{
	background: #005bac;
	color: #fff;

}

.dropmenu .t1{
	font-size: 2.4rem;
	line-height: 1.2em;
	border-bottom: 3px solid #005bac;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.dropmenu .t1 span{
	font-size: 3.6rem;
	font-weight: bold;
	color: #005bac;
	margin-bottom: 15px;
	display: block;
}

.dropmenu a{
	display: block;
	padding: 10px;
	border:1px solid #ccc;
	margin-bottom: 10px;

}
.dropmenu a:hover{
	background: #005bac;
	color: #fff;
}
.dropmenu .melist{
	padding-bottom: 15px;
	border-bottom: 3px solid #005bac;

}

.showdropmenu{
	box-shadow: 5px 0 30px #a6c8e6;
	transition:all 0.3s;
}

.search-product-form{
	position: absolute;
	top:100%;
	width: 100%;
	z-index: 100;
	
	color: #fff;
	text-align: center;
	padding: 15px;
}
.search-product-form input{
	height: 45px;
	line-height: 45px;
	border:1px solid #ccc;
	width: 65%;
	padding: 0 10px;
}
.search-product-form button{
	height: 45px;
	background: #005bac;
	border:1px solid #005bac;
	color: #fff;
	font-size: 1.8rem;
	border:0;
	width: 100px;
	vertical-align: middle;
}

.owl_slide_list1 .owl-dots{
	position: absolute;
	bottom:20px;
	width: 100%;
	text-align: center;

}
.owl_slide_list1 .owl-dot{
	width:5%;
	min-width: 30px;
	height: 5px;
	background: #fff;
	margin:0 10px;
	display: inline-block;

}
.owl_slide_list1 .owl-dots .active{
	background:#005bac;
}
.i_banner li{
	height: 600px;
	overflow: hidden;
}
.bn-intro{
	color: #fff;
	position: relative;
	top: 40%;
	transform: translateY(-50%);
}
.bn-intro .t1{
	font-size: 42px;
	margin-bottom: 3%;
	transform: scale(3,3) translateY(-50px);
	opacity: 0;
	line-height: 1.2;
}
.bn-intro .t1 span{
	font-size: 72px;
}
.bn-intro .t2{
	font-size: 18px;
	font-family: yahei-light;
	margin-bottom: 4%;
	transform: translateY(50px);
	opacity: 0;
	line-height: 1.6;
}
.bn-intro .a_link{
	padding: 10px 45px;
	background: #005bac;
	display: inline-block;
	font-size: 18px;
	border-radius: 100px;
	opacity: 0;
}
.active .bn-intro .t1{
	transform: scale(1,1) translateY(0);
	opacity: 1;
	transition: all 0.5s;
	transition-delay: 1s;
}
.active .bn-intro .t2{
	transform: translateY(0);
	opacity: 1;
	transition: all 0.5s;
	transition-delay: 1.5s;
}
.active .bn-intro .a_link{
	opacity: 1;
	transition: all 0.5s;
	transition-delay: 2s;
}

.bn-getcases{
	margin-top: 3%;
}
.bn-getcaselist .it{
	padding: 10px;
	
}
.bn-getcaselist .it a{
	color: #fff;
	background: rgba(255,255,255,0.15);
	display: block;
	height: 190px;
	text-align: center;
	padding:10px;
}
.bn-getcaselist .it a img{
	padding-top: 5px;
}
.bn-getcaselist .it a:hover{
	background: rgba(255,255,255,0.3);
}
.bn-getcaselist .it a p{
	margin-top: 15px;
	font-size: 18px;
	line-height: 1.6;
}
.bn-getcases .more{
	padding: 10px;
	height: 420px;
}
.bn-getcases .more a{
	display: block;
	height: 100%;
	position: relative;
	background: rgba(255,255,255,0.15);
	color: #fff;
	font-size: 36px;
	line-height: 1.2;
	text-align: center;
}
.bn-getcases .more a:hover{
	background: rgba(255,255,255,0.3);
}
.bn-getcases .more a span{
	
	
	display: block;
	height:90px;
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	margin:auto;
}
.bn-getext{
	font-size: 32px;
	line-height: 1.4;
	color: #fff;
	padding: 10px;
}
.bn-hor{
	float: left;
	margin-top: 10%;
}
.bn-hor{
	width: 45%;
}
.bn-hor p{
	font-size: 20px;
	padding: 20px;
	color: #fff;
	background: rgb(255,255,255,0.15);
	margin-top: 30px;
	max-width: 860px;
	line-height: 1.8;
}
.bn-gelist2{
	background: rgb(255,255,255,0.15);
	float: right;
	position: relative;
	padding: 3%;
	width: 364px;
	margin-top: 3%;
}
.bn-gelist2 .desc{
	padding: 15px;
	height: 425px;
	overflow-x: hidden;
	overflow-y: auto;
	transform: rotateY(180deg);
}
.bn-gelist2 .gt{
	line-height: 1.8;
	font-size: 16px;
}
.bn-gelist2 a{
	color: #fff;
	display: block;
	height: 29px;
	overflow: hidden;
	transform: rotateY(180deg);
}
.bn-gelist2 a:hover{
	opacity: 0.8;
}
.bn-gelist2 .srobar{

}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.bn-gelist2 .desc::-webkit-scrollbar
{
    width: 8px;
 
    background: url(../img/index/srobar-bg.png) repeat-y top center;
    
}
 
/*定义滚动条轨道 内阴影+圆角*/
.bn-gelist2 .desc::-webkit-scrollbar-track
{
 	
    border-radius: 10px;
    
}
 
/*定义滑块 内阴影+圆角*/
.bn-gelist2 .desc::-webkit-scrollbar-thumb
{	width: 10px;
    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #005bac;
}
.i_product{}
.i_product .protit{
	text-align: center;
	margin-top: 3%;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 1.5%;
}
.protit .t1{
	
	font-size: 42px;
	font-weight: bold;
	color: #005bac;
}
.protit .t2{
	display: inline-block;
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom: 5px solid #000;
	margin:25px 0;
	font-weight: bold;
	line-height: 24px;
}

.protit .t3{
	font-size: 16px;
	color: #777;
	line-height: 30px;
}
.prolist ul{
	margin-left: -4px;
	margin-right: -4px;
}
.prolist ul li{
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 8px;
	height: 295px;
	
}

.prolist .pic{
	text-align: center;

}

.prolist .pic img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);

}

 .prolist .owl-item img{
 	width: auto;
 }
  .prolist .owl-carousel .owl-item img{
  	width: auto;
  }


.prolist .prodesc{
	position: relative;
	background: #f0f0f0;
	height: 100%;
}

.prodesc .cover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(16,96,168,0.7);
	color: #fff;
	text-align: center;
	padding: 20px;
	opacity: 0;
	transition: all 0.3s;
	overflow: hidden;
}

.prodesc:hover .cover{
	opacity: 1;
	transition: all 0.3s;
}

.prodesc .bd{
	width: 90%;
	height: 90%;
	left: 5%;
	top: 5%;
	border:1px solid #fff;
	position: absolute;
	border-radius: 0px;
	transform: translateY(-100%);
	transition: all 0.3s; 
}
.prodesc:hover .bd{
	transform: translateY(0);
	transition: all 0.6s; 
}

.prodesc .t1{
	width: 90%;
	height: 90%;
	left: 5%;
	top: 5%;
	position: absolute;
	
}	

.prodesc h3{
	font-size: 30px;
	
	line-height: 1.2;
	margin-top:10%;
	margin-bottom: 6%;
	text-shadow: 5px 5px 5px #333;
}
.prodesc p{
	font-size: 16px;
	line-height: 1.6;
}

.prodesc .more{
	position: absolute;
	bottom:25px;
	width: 100%;
	text-align: center;
	
}
.prodesc .more a{
	width: 145px;
	padding: 10px;
	font-size: 16px;
	border:1px solid #fff;
	display: inline-block;
} 
.prodesc .more a:hover{
	background: #fff;
	color: #005bac;
}


.i_select .seltit{
	text-align: center;
	font-weight: bold;
	font-size: 42px;
	color: #005dac;
	line-height: 30px;
	margin:4% 0;
}

.selcontent .selrole{
	background: #003767;
	width: 300px;
	height: 600px;
	text-align: center;
	color: #fff;
	transition: all 0.3s;

}

.selrole .it1{
	background: #005bac;
}

.selrole .it2{
	background: #0156a1;
}

.selrole .it3{
	background: #014c8e;
}

.selrole .it4{
	background: #013f76;
}

.selrole .item{
	height: 150px;
	padding-top: 12%;
	cursor: pointer;
}

.selrole .item p{
	margin-top: 15px;
}

.selrole .pic{
	width: 79px;
	height: 62px;
	text-align: center;
	display: inline-block;
	background:url(../img/index/box1-2_icon.png) no-repeat center center;
}

.selrole .it1 .pic{
	background:url(../img/index/box1-2_icon.png) no-repeat center center;
}

.selrole .it2 .pic{
	background:url(../img/index/box2-2_icon.png) no-repeat center center;
}

.selrole .it3 .pic{
	background:url(../img/index/box3-2_icon.png) no-repeat center center;
}
.selrole .it4 .pic{
	background:url(../img/index/box4-2_icon.png) no-repeat center center;
}
.selrole .active{
	color: #fff;
	box-shadow: 0 3px 6px #000;
	transform: scale(1.05,1.05);
	transition: all 0.3s;
	z-index: 5;
}
.selrole .it1.active .pic{
	background-image: url(../img/index/box1-2_icon.png);
}
.selrole .it2.active .pic{
	background-image: url(../img/index/box2-2_icon.png);
}
.selrole .it3.active .pic{
	background-image: url(../img/index/box3-2_icon.png);
}
.selrole .it4.active .pic{
	background-image: url(../img/index/box4-2_icon.png);
}




.selcontent .selpro{
	margin-left: 320px;
	height: 600px;
	color: #fff;
	background: url(../img/index/pic1.jpg) no-repeat right center;
	position: relative;
}

.selpro .item{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 15px 2.5%;
	visibility: hidden;
	opacity: 0;
    transition: all 1s;
}

.selpro .show{
	visibility: visible;
	opacity: 1;
	transition: all 1s;
}

.selpro h4{
	margin-top: 1%;
	font-size: 30px;
	display: inline-block;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;

}
.selpro .aalist{
	overflow: hidden;
	margin-bottom: 10px;
}
.selpro .aalist li{
	padding: 10px 5%;
	font-size: 16px;
	background: #465e7c;
	display: inline-block;
	margin-right: 1%;
	margin-bottom: 5px;
}
.selpro .aalist li.on,.selpro .aalist li:hover{
	background: #fff;
	color: #465e7c;
	cursor: pointer;
}
.selpro .gaishu li{
	display: none;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	max-width:65%;
	background-color:rgba(255,255,255,.05);
	min-height: 200px;
}

.selpro .gaishu li.showgs{
	display: block;
}

.selpro .gaishu{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;

}
.selpro .gaishu b,.selpro .gaishu strong{
	font-weight: bold;
	/*color: #fff;*/
}

.selpro .xiangxi{
	font-size: 14px;
	color: #bac9d6;
	line-height: 24px;
	margin-top: 2%;
	max-width: 889px;

}

.selpro .more a{
	width: 160px;
	height: 36px;
	border:1px solid #bac9d6;
	text-align: center;
	line-height: 36px;
	display: block;
	margin-top: 15px;
}
.selpro .more a:hover{
	background: #fff;
	color: #005bac;
	border:0;
}

.selpro .selprolist{
	margin-top: 15px;
	overflow: hidden;
}
.selpro .selprolist img{
	max-height:120px;
	margin-right:10px;
}

.selpro .selprolist h6{
	font-size: 18px;
	padding-bottom: 15px;
}
.selpro .selprolist a{
	
	padding-right: 3%;
	

	margin-bottom:10px;
	text-align: center;
	width: 18%;
	


}
.selpro .selprolist a img{
	border-radius: 5px;

}

.i_solve{
	margin-top: 5%;
	margin-bottom: 7%;
 	height: 703px;
 	background: url(../img/index/solve_bg.jpg) no-repeat center center;
}
.i_solve .solvetit{
	color: #fff;
	max-width: 1190px;
	margin-left: auto;
	margin-right: auto;
	padding: 35px 0 30px;
}
.i_solve .solvetit p{
	font-size: 18px;
	line-height: 2;
	margin-top: 20px;
}
.solvedesc .solve-cate{
	background: rgba(2,76,144, 0.3);
	height: 500px;
	max-width: 678px;
	width: 35%;
	float: left;
}
.solve-cate ul li{
	text-align:right;
	font-size: 24px;
	
	color: #fff;
	padding: 10px 10px;
	cursor: pointer;

}
.solve-cate .icon{
	vertical-align: middle;
	display: inline-block;
	margin-left: 25px;
	margin-right: 35px;
	overflow: hidden;
	height: 47px;
}
.solve-cate img{
	display: block;
	transition: all 0.3s; 
	
}

.solve-cate .active{
	background: #b4c5d9;
}
.solve-cate .active img{
	transform: translateY(-100%);
	transition: all 0.3s; 
}

.solve-cate .more{
	float: right;
	color: #fff;
	font-size: 16px;
	margin-right: 15%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.solve-cate .more span{
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

.solve-cate .more span img{
	display: inline-block;
}

.solve-info{
	width: 56%;
	margin-left: 30px;
	border:1px solid #fff;
	border-radius: 8px;
	height: 500px;
	position: relative;
	text-align: center;
	float: left;
}
.solve-info  ul li{
	visibility:hidden;
	opacity:0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.5s;

}
.solve-info  .show{
	visibility:visible;
	opacity:1;
	transition: all 0.5s;
}

.solve-info .solvename{
	font-size: 30px;
	line-height: 1.6;
	color: #fff;
	margin-top: 5%;
	margin-bottom: 5%;
	text-align: center;
}
.solve-info .solvepic{
	max-width: 90%;
}
.solve-info .more{
	color: #fff;
	font-size: 16px;
    position:absolute;
    bottom:15px;
    right: 40px;

}
.solve-info .more:hover{
	color: #005bac;
}


.i-getcase{
	background:url(../img/index/case_bg.jpg) no-repeat center center;
	position: relative;
	padding-bottom: 1%;

}

.i-getcase .getcase-cate{
	width: 200px;
	float: left;

}



.getcase-cate .t1{
	background:url(../img/index/case_top_bg.png) no-repeat center bottom;
	text-align: center;
	font-size: 3.6rem;
	padding-bottom: 30px;
}

.getcase-cate .case-citem{
	margin:25px 0;
	padding:5.5% 0;
	line-height: 26px;
	font-size: 1.8rem;
	cursor: pointer;
	text-align: center;

}

.getcase-cate .case-citem.on,.getcase-cate .case-citem:hover{
	color: #005bac;
	text-shadow: 2px 2px 1px #ccc;
}

.getcase-cate .case-citem span{
	
	margin-right: 15px;
	

}

.i-getcase  .getcase-detail{
	width: 500px;
	height: 300px;
	position: absolute;
	left: 30%;
	top: 100px;
	background:rgba(255,255,255,0.5);
	border:1px solid #eee;
	
	padding: 2%;
	opacity: 0;
	transform: translate(-80px,-30px);

	transition:all 1.5s;
	


}

.i-getcase .getcase-detail.show{
	opacity: 1;
	transform: translate(0);
	box-shadow: -5px 5px 10px #7cb7f2;
	z-index: 15;
	transition:all 1.5s;
}
.i-getcase  .getcase-detail:hover{
	color: #005bac;

}


.i-getcase  .getcase-detail h4{
	font-size: 2.6rem;
	line-height: 1.6;
	color: #005bac;
	padding: 10px;
}

.i-getcase  .getcase-detail h4 img{
	margin-right: 15px;
	width: 30%;
}

.i-getcase  .getcase-detail  p{
	font-size: 1.6rem;
	margin-top: 5%;
	line-height: 30px;
	margin-bottom: 10px;
}

.i-getcase  .getcase-detail  a{
	display: inline-block;
	padding: 5px 0;
	border-bottom: 3px solid #005bac;
}



.i-getcase .getcase-pic{
	width: 60%;
}


.i-advantages{
	background: #14293b;
	color: #fff;
	padding: 1px 0;

}

.i-advantages .adtit{
	font-size: 4rem;
	text-align: center;
	padding:4% 0;
	margin-bottom: 25px;
	margin-top: 20px;

}

.i-advantages .aditem{
	height: 120px;
	margin-bottom: 5%;
	color: #f5f5f6;

}


.i-advantages .aditem span{
	float: left;
	margin-right: 15px;
	display: inline-block;
	min-width: 82px;
}
.aditem .t1{
	max-width: 260px;
	margin-left: 97px;
	padding-right: 15px;
}
.aditem .t1 h5{
	font-size: 2.4rem;

}
.aditem .t1 p{
	font-size: 1.4rem;
	line-height: 30px;
	margin-top: 8px;
}
.i-about-news{
	margin-top: 30px;
	margin-bottom: 45px;

}

.i-about-news .ab-ne-tit{
	padding: 30px 0;
	background: #ececec;
	text-align: center;
	font-size: 40px;
}



.i-about{
	
	padding-right:3.7%;
}

.i-about .desc{
	background: #ececec;
	padding: 25px 5%;
	line-height: 2;
	color: #777777;
	height: 290px;
	position: relative;
}
.i-about .desc p{
	height: 145px;
	overflow: hidden;
}

.i-about .more{
	width: 150px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border:1px solid #005bac;
	color: #005bac;
	float: right;
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: center;
}
.i-about .more:hover{
	background: #005bac;
	color: #fff;
}
.i-about .pic{
	padding-bottom: 60%;
	position: relative;
	overflow: hidden;
}
.i-about .pic img{
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom:0;
	margin:auto;
}

.i-news{
	padding-left:3.7%;	
}
.i-news .i-ne-desc{
	background: #ececec;
	padding: 25px 5%;
	height: 290px;
	position: relative;
}

.i-ne-desc .date{
	float: left;
	color: #005bac;
	text-align: center;
}
.i-ne-desc .t1{
	font-size: 36px;
	display: block;
}
.i-ne-desc .t2{
	font-size: 24px;
	display: block;
	margin-top: 15px;
}

.i-ne-desc .desc{
	margin-left: 110px;

}

.i-ne-desc h3{
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 15px;
}

.i-ne-desc p{
	color: #666;
	line-height: 2;
	height: 90px;
	overflow: hidden;
}

.i-ne-desc .more{
	width: 150px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border:1px solid #005bac;
	color: #005bac;
	float: right;
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: center;
}

.i-ne-desc .more:hover{
background: #005bac;
color: #f7f7f7;
}
.i-news .pic{
	padding-bottom: 60%;
	position: relative;
	overflow: hidden;
}
.i-news .pic img{
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom:0;
	margin:auto;
}

.i-brands{
	padding: 10px;
	background: #f0f0f1;
}
.i-brands .s1{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #005bac;
	padding-top: 3%;
	width: 180px;
	float: left;
}
.i-brands .hezuo{
	margin-left: 180px;
}
.i-brands img{

}
.i-brands .hezuo li a{
	display: block;
}
.main-foot{
	background: #000;
	color: #fff;
}
.main-foot .fo-tit{
	font-size: 16px;
	margin-bottom: 20px;
}
.fo-t{
	padding-top: 40px;
	padding-bottom: 40px;
}

.fo-t ul li{
	line-height: 2;
	color: #bcbcbc;
}
.fo-t ul li a{
	display: block;
}
.fo-t ul li a:hover{
	color: #fff;
}

.fo-t-1,.fo-t-2,.fo-t-3,.fo-t-4,.fo-t-5,.fo-t-6,.fo-t-7{
	float: left;
	margin-bottom: 20px;
}
.fo-t-8{
	float: right;
}

.fo-navs{
	float: left;
}
.fo-t-1{
	margin-right: 3%;
}

.fo-t-2{
	margin-right: 3%;
}
.fo-t-3{
	margin-right: 4%;
}
.fo-t-4{
	margin-right: 4%;
}
.fo-t-5{
	margin-right: 4%;
}
.fo-t-6{
	margin-right: 4%;
}

.fo-t-8{
	width: 16%;
	text-align: center;
	margin-bottom: 20px;
}
.fo-t-8 p{
	font-size: 18px;
	line-height: 2;
	margin-top: 10px;
	margin-bottom: 10px;
}
.fo-t-8 .links{
	margin-top: 20px;
}

.main-foot .copyright{
	line-height: 1.6;
	padding: 15px 0;
	text-align: center;
	background: #363636;
	color: #ccc
}

.in-banner{
	position: relative;
}
.in-banner img{
	min-height: 250px;
	min-width: 768px;
}
.in-content{
	padding-bottom: 30px;
}
.in-tit{
	position: absolute;
	top: 20%;
	color: #fff;
	padding-right: 15px;

}
.in-tit .tit_tc1{
	font-size: 3.6rem;
	margin-bottom: 10px;
	font-weight: bold;
	border-bottom: 5px solid #fff;
	padding-bottom: 15px;
	max-width: 370px;

}
.in-tit .tit_tc2{
	font-size: 1.6rem;
	line-height: 2em;
	padding-top: 2%;
}

.in-tit .prosubtit{
	border-bottom: 5px solid #fff;
	padding-bottom: 15px;
	max-width: 370px;
}

.in-ab-1{
	padding-top: 30px;
	padding-bottom:30px;
}
.in-ab-1 .t1{
	font-size: 4.8rem;
	font-weight: bold;
	margin:15px 0;
	color: #005bac;

}
.in-ab-1 .t2{
	font-size: 3.4rem;
	font-weight: bold;
	margin-bottom: 30px;

}
.in-ab-1 .t3{
	color: #555555;
	font-weight: 1.8rem;
	line-height: 2em;
}

.in-ab-1 .t3 p{
	text-indent: 2em;
	margin-bottom: 3%;
}
.in-ab-2 {
	position:relative;
	color: #005bac;
	font-size: 2.4rem;
	margin-bottom: 30px;
}
.huoqufangan{
	line-height:60px;
	width:50%;
	background-color:#005bac;
	color:#FFF;
	text-align:center;
	margin:auto;
	font-size:18px;
	}

.in-ab-2 .shownumber{
	position: absolute;
	left: 6%;
	top: 5%;
	width: 88%;
	

}


.in-ab-2 span{
	font-size: 6rem;
	margin-bottom: 10px;
	display: block;

}


/*.in-ab-2 .s1{
	width: 22%;
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	text-align:center;

}
.in-ab-2 .s2{
	width: 22%;
	position: absolute;
	left: 26%;
	height: 100%;
	top: 0;
	text-align:center;
}
.in-ab-2 .s3{
	width: 22%;
	position: absolute;
	left: 52%;
	height: 100%;
	top: 0;
	text-align:center;
}
.in-ab-2 .s4{
	width: 22%;
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
	text-align:center;
}
*/
.in-ab-2 .s1 {
	text-align: center;
	padding:0 2%;
	margin:3% 0;
	

}

.in-ab-2 .s1 p{
	border:1px solid #005bac;
	padding:21% 0;
} 

.in-ab-2 .s1 p:hover{
	border:1px solid #81b2dd;
	color: #81b2dd;
	box-shadow: 0 5px 20px #005bac;
	
	transform: translateY(-15px);

}

.i-ab-3{
	margin-bottom: 3%;

}
.i-ab-3 .t1{
	font-size: 3.4rem;
	font-weight: bold;
	margin:20px 0;
	padding: 2% 0;

}

.ab-caselist ul li{
	line-height: 3em;
	font-size: 1.6rem;


}
.i-ab-4 {
	background:#ececec url(../img/content/in-ab-pic2.jpg) no-repeat center top;
	padding-bottom: 8%;
}

.i-ab-4 li{
	text-align: center;
	display: inline-block;
	
	padding-top:8%;
	margin-bottom: 25px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.2em;
}
.i-ab-4 p{
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
}
.i-ab-4  img{
	margin-top: 15%;
	
	}

.ab-honorlist{
	margin-left: -15px;
	margin-right: -15px;
}
.i-ab-4 a{
	padding: 10px 18px;
	background: #005bac;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
}

.in-news .in-netit{
	font-size: 36px;
	position: relative;
	margin-bottom: 25px;
	margin-top: 25px;
	color: #005bac;
}
.in-news .in-netit:after{
	content: '';
	display: block;
	position: absolute;
	left: 180px;
	right: 0;
	top: 50%;
	border-top: 1px solid #ccc;
}
.in-news .gs{
	color: #666;
	line-height: 2;
}
.in-news .gs p{
	padding-right: 20px;
	padding-left: 20px;
	font-size: 18px;
}

.in-newslist{
	margin-top: 30px;
	margin-bottom: 50px;
}
.in-newslist ul{
	margin-left: -5px;
	margin-right: -5px;
}
.in-newslist ul li{
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
}
.in-newslist .ta_c{
	position: relative;
	padding-bottom: 58%;
	overflow: hidden;
}
.in-newslist .ta_c img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom:0;
	margin:auto;
}
.in-newslist h3{
	font-size: 16px;
	line-height: 1.8;
	margin-top: 10px;
	height: 60px;
	overflow: hidden;
}
.in-newslist .date{
	color: #999;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.in-newslist p{
	line-height: 2;
	color: #666;
	height: 115px;
	overflow: hidden;
}

.in-news-detail{
	padding-top: 2.5%;
	padding-bottom: 5%;


}
.in-news-detail .newstit{
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2em;
	margin-top: 20px;
}
.in-news-detail .dateinfo{
	text-align: center;
	margin:20px 0;
	color: #999;
	line-height: 2em;

}

.in-news-detail .dateinfo span{
	padding:0 10px;
}

.in-news-detail .news{
	font-size: 1.6rem;
	line-height: 2em;
}
.in-news-detail .news strong,.in-news-detail .news b{
	font-weight:bold;
	}
.in-news-detail .news h2{
	font-size:2.4rem;
	font-weight:bold;
	}
.in-news-detail .news h3{
	font-size:1.8rem;
	font-weight:bold
	}
.in-culture{
	text-align: center;
	font-size: 1.8rem;
	line-height: 2em;
	color: #666;
	padding: 50px 0;
}
.in-culture strong{
	font-size: 3rem;
	line-height: 2em;
	font-weight: bold;
	color: #005bac;
	margin-bottom: 20px;
	display: block;
}
.in-culture p{
	margin-bottom: 3%;
}

.in-honor{
	padding-bottom: 8%;

}
.in-honor .in-hoite{
	margin-top: 3%;
}
.in-honor .in-hoite ul{
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 20px;
}
.in-honor .in-hoite ul li{
	padding: 0 15px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 2.4em;
	min-height:400px;
}
.in-honor .in-hoite ul li img{

}
.in-honor .in-hoite h5{
	font-size: 2.4rem;
	line-height: 2em;
	border-bottom: 1px solid #ccc; 
}
.in-honor .in-hoite h5 a{
	font-size: 1.6rem;
	color: #999;
	padding-bottom: 10px;
	float: right;
	
}
.in-honor .in-hoite ul li p{
	height: 70px;
	overflow: hidden;
	line-height: 1.6;
}
.in-co-1{
	background: #f7f7f7;
	padding-top: 1px;
}
.in-co-1 .hotline{
	font-size: 3rem;
	line-height: 2em;
	font-weight: bold;
	text-align: center;
	margin:3% 0;
	padding: 15px 0;
}
.in-co-1 .contact-ways{
	padding-top: 25px;
	border-top: 1px solid #ccc;
	border-bottom:1px solid #ccc;

}	

.contact-ways .item{
	margin:3% 0;
	overflow: hidden;
}

.contact-ways .item.nomargin{
	margin-right: 0;
}
.contact-ways img{
	float: left;
	width: 40px;

}
.contact-ways .t1{
	
	margin-left: 55px;
}
.contact-ways span{
	display: block;
}
.contact-ways .tc1{
	font-weight: bold;
	color: #666;

}
.contact-ways .tc2{
	color: #666;
	line-height: 1.6em;
}

.in-co-2{
	padding:3% 0;
	text-align: center;
	background: #f7f7f7;
}

.in-co-2 span{
	padding:0 5%;
	display: inline-block;
	margin-bottom: 25px;
}

.in-co-3{
	text-align: center;
}
.in-co-3 .maps-tit{
	font-size: 3rem;
	line-height: 2em;
	text-align: center;
	margin:3% 0;
	font-weight: bold;
}
.in-co-3 .maps{
	text-align: center;
	display: inline-block;
	overflow-y:hidden;
	overflow-x:auto;
	max-width: 100%;
}

.in-downloadlist{
	padding-top:2%;
	margin-top:25px;
	margin-bottom:25px;
	padding-bottom:5%;
	}
.in-downloadlist ul li{
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #ccc;

	}	
.in-downloadlist ul li:last-child{
	border-bottom:1px solid #ccc;
	}
.in-downloadlist h5{
	padding-top: 10px;
	line-height: 1.6;
}
.in-downloadlist p{
	margin-bottom:0;
	}		
.in-downloadlist .a1{
	text-align:center;
	border:1px solid #216da6;
	padding:10px 20px;
	color:#216da6;
	margin-left:15px;
	border-radius:5px;
	display:inline-block;
	
	}	
	
.in-downloadlist .a1:hover{
	background:#216da6;
	color:#fff;
	
	}	
.in-downloadlist i{
	margin-right:10px;
	}

.in-service{
	

}
.in-ser-1{
	padding: 15px 0;
	text-align: center;
}
.in-ser-1 h5{
	font-size: 3rem;
	margin:20px 0;
	font-weight: bold;
}
.in-ser-1 p{
	font-size: 1.6rem;
	line-height: 2em;
	color: #666;
}

.in-ser-1 .ser-contact{
	margin:30px 0;
	color: #666;
}

.in-ser-1 .ser-contact span{
	display: inline-block;
	margin:0 15px;
	font-size: 1.6rem;
	line-height: 27px;
	margin-bottom: 15px;

}
.in-ser-1 .ser-contact i{
	float: left;
	margin-right: 15px;
	display: inline-block;
	height: 27px;
	vertical-align: middle;	
}


.in-ser-2{
	margin-bottom: 5%;
}
.in-ser-2 label{
	font-weight:normal;
	margin-bottom:15px;
	color:#666;
	width:100%;
	display: block;

	
	
	
	}	
.in-ser-2 i{
	color:#f00;
	display:inline-block;
	width:15px;
	
	
	}	
.in-ser-2 span{
	display:inline-block;
	width:100px;
	text-align:left;
	line-height:35px;
	display:table-cell;
	
	}
.in-ser-2 input,.in-ser-2 select{
	width:100%;
	height:35px;
	line-height:35px;
	display:inline-block;
	border:1px solid #ccc;
	padding-left: 5px;
	
	}

.in-ser-2 select{
	
	color: #666;
}

.in-ser-2 textarea{
	width:100%;
    display:table-cell;
	height:120px;
	border:1px solid #ccc;
	padding:5px;
	}			
	
.in-ser-2 .ta-r{
	float:right;
	}	

.in-ser-2 .t2{
	width:100%;
	}	
.in-ser-2 button{
	width:30%;
	min-width: 150px
	margin-right:auto;
	margin-right:auto;
	display:inline-block;
	border:1px solid #005bac;
	background: #005bac;
	padding: 10px 0;
	color: #fff;
	font-size: 1.8rem;
	
	}	
.in-ser-2 button:hover{
	background: #005666;
}	
.in-ser-2 .tp1{
	width: 150px;
	margin-right: 5px;

	float: left;
}

.in_tit1{
	position: absolute;
	left: 0;
	bottom:10%;
}
.in_tit1 dl dt{
	width: 220px;
	height: 35px;
	line-height: 35px;
	padding-left: 40px;
	background:#fff url(../img/content/in_tit1_icon1.png) no-repeat 14px center;

}
.in_tit1 .dtc1{
	width: 50px;
	height: 35px;
	text-align:center;
	display: inline-block;
	background: #005bac;
	color: #ccc;
}
.in_tit1 .dtc2{
	width: 130px;
	height: 35px;
	padding-right: 45px;
	display: inline-block;
	background: #005bac url(../img/content/in_tit1_icon2.png) no-repeat 100px center;
	color: #fff;

}

.in-product {
	background: #e3e3e3;
	padding-top:1px;
	padding-bottom:4%;
}

.in-product .in-pro-tit{
	padding-top:3%;
	text-align: center;
	padding-bottom: 1.5%;
}

.in-product .in-pro-tit h5{
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.6em;
}

.in-product .in-pro-tit p{
	line-height: 2em;
	color: #666;
}

.in-product .in-pro-cate{
	font-size: 1.6rem;
	line-height: 2em;
	text-align: center;
	margin-bottom: 4%;
}

.in-product .in-pro-list{

}

.in-pro-list ul li{
	margin-bottom: 3%;
}

.in-pro-list .t1{
	padding-right: 5%;
	padding-top: 10px;
	margin-bottom: 25px;
}

.in-pro-list .t1 h3{
	font-size: 1.8rem;
	line-height: 1.6em;
	margin-bottom: 10px;
	font-weight: bold;
	color: #333;
	display: inline-block;
}
.in-pro-list .t1 p{
	color: #999;
	line-height: 2em;
	margin-bottom: 10px;
	overflow: hidden;	
}
.in-pro-list .t1 p a{
	display: block;
	margin-right: 5px;
	margin-bottom: 8px;
	white-space: nowrap;
	transition: all 0.5s;
}
.in-pro-list .t1 p a:hover{
	padding:5px 10px;
	background: #fff;
	color: #005bac;
	transition: all 0.5s;
}
.in-pro-list .more{
	color: #005bac;
}
.in-pro-list .left-c{
	width: 55%;
	float: left;	
}
.in-pro-list .right-c{
	width: 45%;
	float: left;
	padding: 0 10px;
}
.in-pro-list .right-c a{
	padding: 0 2%;
	margin-bottom: 3%;
}
.in-pro-list .pic2{
	position: relative;
	overflow: hidden;
	padding-bottom: 100%;
	background: #fff;
}
.in-pro-list .right-c a img{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.in-pro-list .pic{
	
}
.in-pro-list .pic img{	
	max-width: 98.666%;
}
.in-product-category{
	padding-top:3%;
	padding-bottom: 6%;
	background: #e3e3e3;
}
.in-product-category .pro-cate-tit {
	border-bottom: 3px solid #005bac;
	padding-bottom: 10px;
}
.in-product-category .pro-cate-tit h3{
	font-size: 3rem;
	line-height: 2em;
}
.in-product-category .pro-cate-tit p{
	color: #999;
	line-height: 2em;
}
.in-product-category .in-pro-cate-list{

}
.in-pro-cate-list {
	margin-left: -10px;
	margin-right: -10px;
}
.in-pro-cate-list .ov_hd{
	position: relative;
	padding-bottom: 100%;
	background: #ffff;
}
.in-pro-cate-list a{
	padding: 0 10px;
	margin-top: 25px;
	
	text-align: center;
}

.in-pro-cate-list h3{
	line-height: 2em;
	padding: 10px 0;
	background: #fff;

}
.in-pro-cate-list a img{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.in_product_detail{
	padding-top:3%;
	padding-bottom:3%;
	}

.in_product_detail .top{
	}	
	
.in_product_detail .top .left{
	text-align:center;
	padding-right:45px;
	padding:0 10%;

	}	
.in_product_detail .top .left img{

}	
		
.in_product_detail .top .right h2{
	font-size:30px;
	padding:25px 0;
	line-height:48px;
	}
.in_product_detail .top .right .p1{
	font-size:16px;
	line-height:36px;
	color:#333;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	}				
.in_product_detail .top .right .p1 span{
	display:block;
	}
	
.in_product_detail .top .right .p1 a{
	}	
	
.in_product_detail .top .right .p2{
	font-size:16px;
	line-height:32px;
	color:#333;
	border-bottom:1px solid #ccc;
	padding:10px 0;
	color:#666;
	}
.in_product_detail .top .right .p2 a{
	padding-right:15px;
	padding-left:15px;
	border-right:1px solid #333;
	display: inline-block;
	text-align: center;
	}
.in_product_detail .top .right .p2 a img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}	
.in_product_detail .top .right .p2 a:first-child{
	padding-left:0;
	}			
.in_product_detail .top .right .p2 a:last-child{
	border-right:0;
	
	}
.in_product_detail .top .right .p2 .a1{
	position:relative;
	}	
.in_product_detail .top .right .p2 .a1 img{
	opacity:0;
	position:absolute;
	right:0;
	bottom:0;
	max-width:none;
	width:0;
	height:0;
	transition:all 1s;
	}	
.in_product_detail .top .right .p2 .a1:hover img{
	opacity:1;
	width:180px;
	height:180px;
	transition:all 1s;
	}	
	
	
.in_product_detail .top .right .p3{
	font-size:14px;
	line-height:32px;
	padding:15px 0;
	color:#999;
	}
.in_product_detail .top .right .p4{
	margin-top: 25px;

}
.in_product_detail .top .right .p4 ul{
	padding-left: 50px;
	padding-right: 50px;
}	
.in_product_detail .top .right .p4 ul li{
	margin-bottom: 15px;
}
.in_product_detail .top .right .p4 .bd_c:hover{
	border-color: #005bac;

}

.in_product_detail .top .right .p4 p{
	font-size: 16px;
	line-height: 2;
	margin-bottom: 10px;
	color: #666;
}
.in_product_detail .top .right .p4 h4{
	color: #666;
	line-height: 1.8;
	padding:5px;
	text-align: center;
}
.in_product_detail .top .right .p4 .owl-prev{
	position: absolute;
	left: 0;
	top: 36%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background: url(../img/content/prev.png) no-repeat center center;
}
.in_product_detail .top .right .p4 .owl-next{
	position: absolute;
	right: 0;
	top: 36%;
	width: 50px;
	height: 50px;
	transform: translateY(-50%);
	background: url(../img/content/next.png) no-repeat center center;
}

.in-pro-de-info{
	margin-top: 3%;
}
.in-pro-de-menu{
	background: #d9d9d9;
}	
.in-pro-de-menu ul li{
	padding:20px;
	font-size: 1.6rem;
	text-align: center;
	cursor: pointer;
}



.in-pro-de-menu ul li:hover,.in-pro-de-menu ul li.on{
	background: #005bac;
	color: #fff;
}

.in-pro-de-details{
	padding-top:25px;
	padding-bottom: 50px;
	color: #333;

	line-height: 2em;

}
.in-pro-de-details > ul > li{
	display: none;
}
.in-pro-de-details > ul > li.show{
	display: block;
}
.in-pro-de-details table{
	width: 100%;
	border-left: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-color:#ccc !important;
}
.in-pro-de-details table td{
	/*border:1px solid #ccc;*/
	padding: 10px !important;
	min-width:6em;
	
	border-right: 1px solid #ccc !important;
	border-top: 1px solid #ccc !important;
	border-color:#ccc !important;
}
.in-pro-de-details .details{
	padding: 25px 0
}

.in-pro-de-droptit{
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	background: #005bac;
	color: #fff;
	border-bottom: 1px solid #428fd4;
	display: none;

}



.in-pro-de-droptit span{
	margin-top: 20px;
}

.in-pro-de-droptit.on span{
	transform: rotate(180deg);

}

.slide_table{
	width: 100%;
	overflow-y:hidden;
	overflow-x:auto;
}
.in-advantages a{
	display: block;
}
.in-advantages .adv-menu{
	padding:30px 0;
	text-align: center;
	font-size: 1.6rem;

}

.in-advantages .adv-menu a{
	
	text-align: center;
	padding: 0 5%;
	display: inline-block;
	border-right: 1px solid #ccc;

}


.adv-menu.fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;

	background: rgba(0,0,0,0.7);
	color: #fff;
	padding:15px 0;


}
.adv-menu.fixed a{
	border-color: #fff;
	padding:0;
	width: 24%;


}


.no-border{
	border:0 !important;
	border:0;
}


.in-solve{
	padding-top: 3%;
	padding-bottom: 3%;

}
.in-solve h4{
	font-size: 1.8rem;
	line-height: 2em;
}

.in-solve .solve-tit{
	background: #eaeaea;
	padding: 15px;
}
.in-solve  ul{
	margin:0 -15px;
}
.in-solve  ul li{
	padding: 0 15px;
	margin-bottom: 25px;
	
}
.in-solve  ul li img{
	width:100%;
	}

.in-getcase {
	padding-bottom: 3%;

}
.in-getcase .in-gc-cate{
	padding: 5% 0;
	margin-left: -25px;
	margin-right: -25px;

}
.in-getcase .in-gc-cate a{
	padding:0 25px;
	margin-bottom: 15px;
}



.in-getcase .in-gc-cate a span{
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #f0f0f1;
	display: block;
}
.in-getcase .in-gc-cate a span:hover,.in-getcase .in-gc-cate a span.on{
	background: #005bac;
	color: #fff;
}

.in-gc-list{
	margin:0 -15px;

}
.in-gc-list li{
	padding: 0 15px;
	margin-bottom: 25px;
	overflow: hidden;
	
}
.in-gc-list a{
	display: block;
	position: relative;
	overflow: hidden;
}
.in-gc-list img{
	width: 100%;
	position: absolute;

}
.in-gc-list .ov_hd{
	padding-bottom: 70%;
}
.in-gc-list h4{
	position: absolute;
	bottom: 0;
	background:rgba(3,76,148,0.8);
	width: 100%;
	color: #fff;
	padding: 15px;
	z-index: 10;
}
.in-getcase-de{
	margin-top: 50px;
	margin-bottom: 50px;
}
.in-getcase-de{
	margin-left: -15px;
	margin-right: -15px;
}
.in-getcase-de .box{
	padding-left: 15px;
	padding-right: 15px;
}
.in-getcase-de .bd_c{
max-width: 590px;
padding: 5px;
margin:auto;
}
.in-getcase-de .bigpic{
	text-align: center;

overflow: hidden;
position: relative;
padding-bottom: 75%;


}
.in-getcase-de .bigpic img{
	position: absolute;
	left: 0;
	top: 0;
}
.in-getcase-de .smallpic{
	margin-top: 25px;
	padding-left: 45px;
	padding-right: 45px;
}
.in-getcase-de .smallpic li{
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
.in-getcase-de .smallpic a{
	position: relative;
	overflow: hidden;
	padding-bottom: 70%;
	display: block;
}
.in-getcase-de .smallpic a img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.in-getcase-de .owl-prev{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background: url(../img/content/prev.png) no-repeat center center;
	background-size: content;
}
.in-getcase-de .owl-next{
	position: absolute;
	right: 0;
	top: 50%;
	width: 30px;
	height: 30px;
	transform: translateY(-50%);
	background: url(../img/content/next.png) no-repeat center center;
	background-size: content;
}
.in-getcase-de h3{
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.in-getcase-de .gs{
	font-size: 14px;
	line-height: 2; 
	color: #666;
	margin-bottom: 15px;
}
.in-getcase-de .desc{
	border-top: 1px solid #ccc;
}
.in-getcase-de .desc p{
	font-size: 16px;
	line-height: 2;
	color: #666;
	margin-top: 25px;
	margin-bottom: 20px;
}
.in-getcase-de .pdf{
}
.in-getcase-de .pdf a{
	display: inline-block;
	float: left;
	text-align: center;
	margin-right: 10px;
}
.in-getcase-de .pdf h4{
	color: #e92121;
	margin-top: 15px;
}
.in-selectpro {
	padding-top: 3%;
	padding-bottom: 3%;
}

.in-selectpro .selpro{
	
	height: 600px;
	color: #fff;
	background:#003767 url(../img/index/pic1.jpg) no-repeat right center;
	padding: 15px 2.5%;
}


.in-selectpro  ul li{
	margin-bottom: 3%;
}

.selpro h4{  
 font-size: 24px;
    margin-top: 3%;
   } 
.in-se-de-tit{
	margin:5% 0; 

}
.in-selectpro-detail{
	padding-bottom: 6%;
}

.in-se-de-tit h4{
	font-size: 3rem;
	margin-bottom: 20px;
}
.in-se-de-tit p{
	font-size: 1.6rem;
	color:#666;
}

.in-se-de-info .peizhi-f{
	font-size: 4.8rem;
	text-align: center;
	float: left;
	width: 15%;
	

}
.in-se-de-info .peizhi-f span{
	display: inline-block;

	padding: 10px 0;
	border-bottom: 5px solid #000;
}

.in-se-de-info .peizhi-info{
	float: left;
	border:1px solid #999;
	color: #999;
	width:70%;
	padding: 25px;
}




.in-product-mainnav{
	position:absolute;
	top:100%;
	left: 25%;
	height: 0;
	box-shadow: 0;
	overflow:hidden;
	background: #fff;	
	text-align: center;



}

.in-product-mainnav.show{
	position: absolute;
	top:95%;
	left: 0;
	height: auto;
	box-shadow: 0 0 10px #999;
	width: 100%;

	overflow-y: auto;
	padding-top: 15px;


}
.in-product-mainnav a{
	
	padding: 10px;
	display: inline-block;
}	
.in-product-mainnav a:hover{
	background: #005bac;
	color: #fff;
}

.in-product-mainnav .close{
	border-top: 1px solid #ccc;
	padding: 10px 0;
	display: block;
	text-align: center;
	margin-top: 15px;

}
.in-product-mainnav .close:hover{
	
	color: #005bac;
}
.in-sollist{
	padding-top: 50px;
	padding-bottom: 50px;
}
.in-sollist li{
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;

}
.in-sollist h4{
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 1.4;
	border-left: 5px solid #005bac;
	padding-left: 20px;
}
.in-sollist dl{
	background: #f4f4f4;
	margin-bottom: 25px;
	padding:15px;
	cursor: n-resize;
}
.in-sollist dl dt{
	font-size: 14px;
	color: #333;
	line-height: 1.8;
}
.in-sollist dl dt span{
	font-size: 14px;
	float: right;
	color: #999;
}
.in-sollist dl dd{
	line-height: 2;
	color: #666;
	margin-top: 15px;
	display: none;
}
.in-sollist .desc{
	padding:10px;
	background: #fff;
}
.in-zhichi{
	padding-top: 50px;
	padding-bottom: 50px;
}
.in-zhichi ul{
	margin-left: -10px;
	margin-right: -10px;
}
.in-zhichi ul li{
	background: #f8f8f8;
	padding-left: 10px;
	padding-right: 10px;
}
.in-zhichi h3{
	font-size: 18px;
	line-height: 1.8;
	padding:10px;
	text-align: center;
	border-top: 3px solid #005bac;
	color: #005bac;
	font-weight: bold;
}
.in-zhichi .links{
	background: #eee;
	padding-top: 15px;
	padding-bottom: 5px;
	border-bottom: 3px solid #005bac;
}
.in-zhichi .links a{
	display: block;
	color: #666;
	line-height: 2;
	padding:5px 0;
	text-align: center;
	background: #fff;
	margin-bottom: 10px;
}
.in-zhichi .links a:hover{
	background: #005bac;
	color: #fff;
}

.gd_zm_bg p{
	line-height: 1.4;
}
.pagelist {
	display: inline-block;
    font-size: 12px;
    list-style: outside none none;
    padding: 10px 0;
    white-space: nowrap;
}

.pagelist li {
    border: 1px solid #999;
    display: inline;
	line-height: 40px;
    font-size: 14px;
    border: #ccc solid 1px;
    padding: 4px 9px;
    margin: 0 3px;
}

.pagelist li img {
    border: 0 none;
    vertical-align: middle;
}

.pagelist li.current {
   background: #5e5e5e;
    color: #FFF;
    border: #5e5e5e solid 1px;
}

.pagelist li a {
    text-decoration: none;
}

.pagelist li a:hover {
    border: medium none;
    color: #999;
    text-decoration: none;
}

.pagelist li a.nolink {
    color: #ccc;
    cursor: default;
}

.pagelist li a.nolink:hover {
    background: transparent none repeat scroll 0 0;
    padding: 3px 6px 4px;
}

.pagelist1{
	text-align:center;
	}

#zoomiocontainer img{
	max-width: none;
}