/**/
html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/**/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/**/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/**/

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/**/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/**/

textarea {
    resize: vertical;
}

/**/

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/**/

/**/
html, body {height: 100%;}
.wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%; /*IE6不识别min-height*/
    position: relative;
}
.head{float:left;position:fixed;width:100%;border-bottom:0px solid #ccc;text-align:center;z-index:999; background:#FFFFFF;box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

.foot {
    width: 100%;
    /*height: 360px;*/ /* 这个值需要修改，值和.main 的padding-bottom一致 */
    clear: both;
}

/*居中容器*/
.samewidth {
    margin:0 auto;
    width: 1200px;
}
.clearfix {*zoom: 1;}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?vptwtz');
	src:url('../fonts/icomoon.eot?vptwtz#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?vptwtz') format('truetype'),
		url('../fonts/icomoon.woff?vptwtz') format('woff'),
		url('../fonts/icomoon.svg?vptwtz#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.shanshuiyun-icon{position:relative;display:inline-block;font-family:'icomoon';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:normal;line-height:1}
.info-icon:before{content:"\e60d"; color:#009AD9;font-size:28px;}
.phone-icon:before{content:"\e845"; color:#009AD9;font-size:16px;}
/*头部*/
.head_top{line-height:80px;}
.logo {margin:0;width:160px}
.logo img{height:45px; border:0;}
.pc_nav{height:80px; line-height:40px; font-size:16px;}
.pc_nav ul{position:relative;}
.pc_nav a{color:#333; min-width:60px; line-height:77px; display:block; padding:0 5px; /*min-width:50px;*/border-bottom:3px solid #fff;}
.pc_nav .firstlevel>li{position:relative;float:left; text-align:center; display:block; margin-left:30px;}
.pc_nav .firstlevel>li:first-child{ margin-left:0;}
.pc_nav li a:hover{border-bottom:3px solid #0099D9;}
.pc_nav li{line-height:77px;}
.pc_nav li span{line-height:77px; color:#0099D9;font-size:18px;}
.pc_nav li i{float:left;position:relative; padding:3px;border-radius:50px;border: 1px solid #0099D9; margin:25px 10px 0 0;}
.pc_nav li.on a{border-bottom:3px solid #0099D9;}
.pc_nav li.on a:hover{border-bottom:3px solid #0099D9;}
.menu{display:none; overflow:hidden;}
/**更多导航-2**/
.NMore_1002{background-color:#666666; box-shadow:-2px 0 8px #333;display:none;}
.NMore_1002 a{color:#fff;}
.NMore_1002 li{border-top:0px solid #cccccc; border-bottom:0px solid #333333;}
.NMore_1002{width:100px; height:100%; overflow-y:auto; position:fixed; z-index:1001; right:-100%; top:0px; padding:0; transition:all 0.5s ease-in; background-color:#fff!important;}
.NMore_1002[state='open']{right:0px;}
.NMore_1002 ul{padding-bottom:35px;}
.NMore_1002 ul li{border-width:0px 0px 1px; border-style:solid; border-color:#efefef; text-align:center;}
.NMore_1002 li:first-child{border-top:none;}
/*.NMore_1002 li:last-child{border-bottom:none;}*/
.NMore_1002 li a{color:#000; font-size:14px; position:relative;display:block; padding:15px 0px 15px 0px;}
.NMore_1002 li a img{ position:absolute; left:15px; top:50%; margin-top:-9px;}/*添加图片居中*/
.NMore_1002 li a:hover{color:#000!important;}
.NMore_1002 li a:active{background-color:#f0f0f0;}
/*.NMore_1002 li a:after{content:""; position:absolute;background-color:#5B5D5E; height:1px; width:2px; box-shadow:-1px 1px 0 #5B5D5E, -2px 2px 0 #5B5D5E, -3px 3px 0 #5B5D5E, -4px 4px 0 #5B5D5E, -5px 5px 0 #5B5D5E, -1px -1px 0 #5B5D5E, -2px -2px 0 #5B5D5E, -3px -3px 0 #5B5D5E, -4px -4px 0 #5B5D5E, -5px -5px 0 #5B5D5E; left:15px; top:50%;}*/
.NMore_1002 .hover_icon a:after{ display:none;}
.NMore_1002 .hover_icon span{ margin-left:0px;}
.NMore_1002 .jiao{display:none;}
.Nzz{position:fixed;left:0px;top:0px; width:100%; height:100%;z-index:98; display:none; background-color:rgba(0,0,0,0.5);}

.shanshuiyun-guanggao{padding:80px 0 0 0;}
/* side */
.side{position:fixed;width:50px;height:275px;right:0;top:250px;z-index:100;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom: 2px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#000022;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox{width: 175px;}
.side ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#0099D9;}
.side ul li img{float:right;}

.side2{
	position: fixed;
	width: 40px;
	right: 10px;
	z-index: 100;
	top: 480px;
	height: 80px;
}
.side2 ul li{
	width: 40px;
	height: 40px;
}
.side2 ul li a{
	display: block;
	background-color: #0099D9;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
}
.side2 ul li a img{
	vertical-align: middle;
	display: inline-block;
}
.side2 ul li a:hover{
	background-color: #000022;
}
.side2 ul li .weixin{
	position: absolute;
	left: -154px;
	bottom: 0;
	display: none;
}
.side2 ul li .weixin em{
	background: url(../images/arr3.png) no-repeat;
	width: 5px;
	height: 17px;
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: 3px;
}
.side2 ul li .weixin img{
	display: block;
}
/*buju*/
.section-fw{
	width: 100%;	
	margin: 0 auto;
}
.section-yy{
	width: 100%;	
	margin: 0 auto;
}
.section-product{
	width: 100%;
	background: url(../images/bg5.png) center top no-repeat;
	overflow: hidden;	
	margin: 0 auto;
}
.section-contact{
	width: 100%;
	background: url(../images/bg-contact.jpg) center top no-repeat;
	/*background:#F4F4F4;*/
	overflow: hidden;
	padding: 0 0 70px 0;
}
.section-contact-in{
	width: 100%;
	overflow: hidden;
	padding: 0 0 70px 0;
}
.section-team{
	width: 100%;	
	margin: 0 auto;
	background:#16182C;
}
.neirong-i{width:100%;max-width:1200px;margin: 0 auto;}
.neirong-juti{
    width: 100%;
	background: url(../images/bg1.jpg) center top no-repeat;
	overflow: hidden;	
	margin: 0 auto;
}
/*内容*/
.title-i{
	text-align: center;
	padding:50px 0;
	line-height: 36px;
	overflow: hidden;
}
.title-i h3{
	font-size: 30px;
	color: #002;
	line-height: 48px;
}
.title-i h4{font-size:30px;color:#fff;line-height: 48px;}
.title-i h5{
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}
.title-i h5 span{
	color: #0099D9;
}
.title-i h6{
	font-size: 30px;
	color: #fff;
}
/*专业一体化产品服务*/
.ul-fw-i{width:100%;max-width:1200px;margin:0 auto;}
.ul-fw-i ul{float:left; padding:50px 0;}
.ul-fw-i li{
	float: left;
	width: 33.3333333%;
	text-align: center;
	padding-bottom:0px;
	overflow: hidden;
}
.ul-fw-i li .paiban{
    margin:10px 40px;
	position: relative;
}
.ul-fw-i li a{
color:#fff;
	/*display:block;
	text-shadow:0 1px 2px #333;*/
}
.ul-fw-i li a:hover{color:#fff;/*text-shadow:0 0 1px #ccc;*/}
.ul-fw-i li a span{
	width:320px;
	display: inline-block;
	padding:25px 0 20px 0;
	/*background:#fff;
	background-color:rgba(0,153,217, 0.5);*/
	background-color:transparent;
	border:0;
	border-radius:20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ul-fw-i li a:hover span{
	width:320px;
	display: inline-block;
	padding:25px 0 20px 0;
	background:#0099D9;
	border-radius:20px;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
	background-color:rgba(0,153,217, 0.5);
	box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);
}
.ul-fw-i li a span.pic1:before{content:"\e971"; color:#fff;font-size:50px;}
.ul-fw-i li  a:hover span.pic1:before{content:"\e971"; color:#fff;font-size:50px;}
.ul-fw-i li a span.pic2:before{content:"\ea1c"; color:#fff;font-size:50px;}
.ul-fw-i li  a:hover span.pic2:before{content:"\ea1c"; color:#fff;font-size:50px;}
.ul-fw-i li a span.pic3:before{content:"\ea0f"; color:#fff;font-size:50px;}
.ul-fw-i li  a:hover span.pic3:before{content:"\ea0f"; color:#fff;font-size:50px;}
.ul-fw-i li a span.pic4:before{content:"\e83a"; color:#fff;font-size:50px;}
.ul-fw-i li  a:hover span.pic4:before{content:"\e83a"; color:#fff;font-size:50px;}
.ul-fw-i li a span.pic5:before{content:"\e839"; color:#fff;font-size:50px;}
.ul-fw-i li  a:hover span.pic5:before{content:"\e839"; color:#fff;font-size:50px;}
/*.ul-fw-i li a span.pic5:before{content:"\e9b2"; color:#fff;font-size:50px;}
.ul-fw-i li  a:hover span.pic5:before{content:"\e9b2"; color:#fff;font-size:50px;}*/
.ul-fw-i li a span.pic6:before{content:"\e9ff"; color:#fff;font-size:50px;}
.ul-fw-i li  a:hover span.pic6:before{content:"\e9ff"; color:#fff;font-size:50px;}
.ul-fw-i li span h3{font-size:22px; line-height:30px;margin:20px 0 0 0; padding:0 10px;}
.ul-fw-i li span p{text-align:center;line-height: 24px;font-size: 14px;}
/*应用推荐*/
.neirong-yy-juti{
    width: 100%;
	background: url(../images/bg1.jp) center top no-repeat;
	overflow: hidden;	
	margin: 0 auto;
}
.ul-yingyong-i{width:100%;max-width:1200px;margin:0 auto;}
.ul-yingyong-i ul{float:left;width:100%;padding:0 0 50px 0;}
.ul-yingyong-i li{
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom:0px;
	overflow: hidden;
}
.ul-yingyong-i li .paiban{
    margin:10px 100px;
	position: relative;
}
.ul-yingyong-i li a{
color:#666;
	/*display:block;
	text-shadow:0 1px 2px #333;*/
}
.ul-yingyong-i li a:hover{color:#666;/*text-shadow:0 0 1px #ccc;*/}
.ul-yingyong-i li a span{
	width:100%;
	display: inline-block;
	padding:0;
	/*background:#fff;
	
	background-color:transparent;*/
	background-color:rgba(242,242,242, 0.5);
	border:0;
	border-radius:0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	box-shadow:0 3px 5px rgba(0,0,0,0.1);
}
.ul-yingyong-i li a:hover span{
	width:100%;
	display: inline-block;
	padding:0;
	background:#0099D9;
	border-radius:0px;
	/*-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);*/
	background-color:rgba(238,238,238, 0.5);
	-webkit-transform:translateY(-7px);
	transform:translateY(-7px);
	box-shadow:0 3px 5px rgba(0,0,0,0.1);
	/*box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);*/
}
.ul-yingyong-i li img{width:100%;border:0;}
.ul-yingyong-i li span i{float:left;width:40%;height:140px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);}
/* .ul-yingyong-i li span i img {

    width: 100%;
    height: auto;
    transform: translateY(-70%); 
}
*/
.ul-yingyong-i li span i2{float:right;width:40%;height:140px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);}
/*.ul-yingyong-i li a span.pic1:before{float:left;content:"\e971"; color:#333;font-size:50px;}
.ul-yingyong-i li  a:hover span.pic1:before{float:left;content:"\e971"; color:#333;font-size:50px;}*/
.ul-yingyong-i li span i3{float:left;width:60%}
.ul-yingyong-i li span i3 h3{text-align:left;font-size:20px;line-height:30px;margin:20px 0 0 0; padding:0 30px;}
.ul-yingyong-i li span i3 p{text-align:left;line-height: 24px;padding:0 30px;font-size: 14px;}
/*
.ul-fw-i li h3{font-size: 18px;color: #000;margin-bottom:5px;}
.ul-fw-i li em{
	width: 25px;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin-bottom: 30px;
}
.ul-fw-i li p{text-align:center;line-height: 24px;font-size: 14px;}
/*上海企启产品
.ul-product-i li{
	float: left;
	width: 33.3333333%;
	text-align: center;
	padding-bottom: 70px;
	overflow: hidden;
}
.ul-product-i li .paiban{
	padding: 0 40px;
	position: relative;
}
.ul-product-i li a{
	display: block;
	color:#fff;
}
.ul-product-i li a:hover{color:#34C3FF;text-shadow:0 0px 1px #000;}
.ul-product-i li a span{
	width: 134px;
	height: 134px;
	display: inline-block;
	margin-bottom: 55px;
	background:#EBECF0;
	border-radius:20px;
}
.ul-product-i li a:hover span{
	width: 134px;
	height: 134px;
	display: inline-block;
	margin-bottom: 55px;
	background:#0099D9;
	border-radius:20px;
}
.ul-product-i li a span.pic4:before{content:"\e8bb"; color:#333;font-size:50px; line-height:134px;}
.ul-product-i li  a:hover span.pic4:before{content:"\e8bb"; color:#fff;font-size:50px; line-height:134px;}
.ul-product-i li a span.pic5:before{content:"\e857"; color:#333;font-size:50px; line-height:134px;}
.ul-product-i li  a:hover span.pic5:before{content:"\e857"; color:#fff;font-size:50px; line-height:134px;}
.ul-product-i li a span.pic6:before{content:"\e8c7"; color:#333;font-size:50px; line-height:134px;}
.ul-product-i li  a:hover span.pic6:before{content:"\e8c7"; color:#fff;font-size:50px; line-height:134px;}
.ul-product-i li h3{font-size: 18px;color:#fff;margin-bottom: 18px;}
.ul-product-i li em{
	width: 25px;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin-bottom: 30px;
}
.ul-product-i li p{text-align:center;line-height: 24px;font-size: 14px;}*/
/*成功案例*/
.ul-case-i li{
	float:left; position:relative;
	width: 50%;
	/*text-align: center;*/
	color:#333;
	overflow: hidden;
}
.ul-case-i li .paiban{float:left; position:relative;margin:0 40px 70px 40px;height:150px;overflow: hidden;}
.ul-case-i li a{
	display: block;
}
.ul-case-i li a:hover{text-decoration: underline;color:#0099D9;}
.ul-case-i li span{float:left; position:relative;display: inline-block;margin:0 0 10px 0;width:30%;height:120px;}
.ul-case-i li span img{width:80%;}
.ul-case-i li a span{float:left; position:relative;display: inline-block;margin:0 0 10px 0;width:30%;height:120px;}
.ul-case-i li a span img{width:80%;}
.ul-case-i li h3{float:left; position:relative;font-size: 18px;margin-bottom:10px;width:70%;}
.ul-case-i li em{
	width: 25px;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin-bottom: 30px;
}
.ul-case-i li p{float:left; position:relative;text-align:left;line-height: 24px;font-size: 14px;width:70%;}
/*我们的团队*/
.ul-team-i li{
	float:left; position:relative;
	width: 100%;
	/*text-align: center;*/
	color:#999;
	margin-bottom:40px;
	overflow: hidden;
}
.ul-team-i li .paiban{margin:auto;width:90%;}
.ul-team-i li h3{float:left; position:relative;font-size: 18px;margin-bottom:10px;width:100%;color:#fff;}
.ul-team-i li p{float:left; position:relative;text-align:left;line-height: 24px;font-size:14px;width:100%;}
.jiaru-more{float:left; position:relative;margin:15px 0 0 0;}
.jiaru-more a{
	display: inline-block;
	width: 100px;
	height: 30px;
	border: 0px solid #333;
	border-radius: 5px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #0099D9;
	text-transform: uppercase;
}
.jiaru-more span:before{content:"\e876"; margin:0 5px 0 0;}
.jiaru-more a:hover{border: 0px solid #fff;background-color: #0099D9;color: #fff;}

/*更多案例*/
.case-more{text-align: center; margin:0 0 70px 0;}
.case-more a{
	display: inline-block;
	width: 178px;
	height: 48px;
	border: 1px solid #333;
	border-radius: 5px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
}
.case-more a:hover{border: 1px solid #fff;background-color: #0099D9;color: #fff;}
/*联系我们*/
.ul-contact-i{float:left;width:36%;text-align:left;overflow: hidden;}
.ul-contact-i .contact-l{padding: 0 40px;position: relative;}
.ul-contact-i .contact-l li{float:left;position:relative;margin:0 0 10px 0;display:block;width:100%;} 
.ul-contact-i .contact-l li a{color:#333;}
.ul-contact-i .contact-l li a:hover{color:#0099D9;/*text-shadow:0 0 1px #ccc;*/}
.ul-contact-i .contact-l li span{float:left;position:relative;margin:0 0 0 25px;color:#333;font-size:14px;line-height:40px;display:block;font-family:'Microsoft YaHei', Verdana, Arial, sans-serif;}
.ul-contact-i .contact-l li span h1{font-size:14px;line-height:22px;}
.pic7:before{content:"\e84b"; color:#0099D9;font-size:26px;float:left;position:relative;line-height:40px;}
.pic8:before{content:"\e844"; color:#0099D9;font-size:26px;float:left;position:relative;line-height:40px;}
.pic9:before{content:"\ea07"; color:#0099D9;font-size:26px;float:left;position:relative;line-height:40px;}
.ul-contact-i .contact-2 li{float:left;position:relative;margin:0 0 10px 0;display:block;width:100%} 

.ul-contact-i2{float: left;width:64%;text-align:left;overflow: hidden;}
.ul-contact-i2 .contact-2{padding: 0 40px;position: relative;}
.ul-contact-i2 .contact-2 li{float:left;position:relative;margin:0 0 10px 0;display:block;width:100%;} 
.input1{float:left;line-height:25px;color:#333;font-size:14px;border-radius:5px;border:1px solid #6EB9D9;width:48%;height:25px;text-indent:10px;}
.input2{float:right;line-height:25px;color:#333;font-size:14px;border-radius:5px;border:1px solid #6EB9D9;width:48%;height:25px;text-indent:10px;}
.input3{line-height:25px;color:#333;font-size:14px;border-radius:5px;border:1px solid #6EB9D9;width:100%;height:60px;}
.input4{line-height:30px;color:#fff;font-size:14px;border-radius:5px;border:0px solid #007BAF;width:100%;background:#6EB9D9}
.input1-in{float:left;line-height:25px;color:#333;font-size:14px;border-radius:5px;border:1px solid #0099D9;width:48%;height:25px;}
.input2-in{float:right;line-height:25px;color:#333;font-size:14px;border-radius:5px;border:1px solid #0099D9;width:48%;height:25px;}
.input3-in{line-height:25px;color:#333;font-size:14px;border-radius:5px;border:1px solid #0099D9;width:100%;height:60px;}
/*我们是谁*/
.ul-about-i{width:90%;text-align:left;overflow:hidden; margin:auto auto 50px auto;}
.ul-about-i p{text-align:left;line-height:28px;font-size:14px;display:block; margin:0 0 15px 0;}
/*上海企启团队*/
.ul-team-i2 li{
	float: left;
	width: 33.3333333%;
	text-align: center;
	overflow: hidden;
}
.ul-team-i2 li .paiban{
	padding: 0 40px;
	position: relative;
}
.ul-team-i2 li span{
	width: 134px;
	height: 134px;
	display: inline-block;
	margin-bottom:15px;
	border: 1px solid #EBECF0;
	border-radius:20px;
}
.ul-team-i2 li span img{width:114px;height:114px;margin:10px}
.ul-team-i2 li h3{font-size: 18px;color: #000;margin-bottom: 18px;margin-bottom: 40px;}
.ul-team-i2 li p{line-height: 24px;font-size: 14px;text-align:left; height:192px;overflow: hidden;}
/*成功案例更多*/
.ul-case-in{width:90%;margin:auto}
.ul-case-in-i li{
	float:left; position:relative;
	width: 100%;
	/*text-align: center;*/
	color:#333;
	overflow: hidden;
}
.ul-case-in-i li .paiban{float:left; position:relative;margin:0 0 70px 0;width:100%;}
.ul-case-in-i li span{float:left; position:relative;display: inline-block;margin:0 0 10px 0;width:20%;}
.ul-case-in-i li span img{width:80%;max-width:160px;}
.ul-case-in-i li h3{float:left; position:relative;font-size: 18px;margin-bottom:10px;width:80%;}
.ul-case-in-i li p{float:left; position:relative;text-align:left;line-height: 24px;font-size: 14px;width:80%;}
/*底部*/
.shanshuiyun-copy{width:100%;height: 40px;line-height: 40px;color: #a3a3a9;background-color: #000022;border-top:0px solid #007BAF;}
.web-bottom{width:100%;max-width:1200px;margin: 0 auto;}
.web-bottom p{padding:0 0 0 40px}
.web-bottom p a{color:#fff}
.web-bottom p a:hover{color:#ccc}
.web-bottom p span{color:#FFFFFF}
/*分页*/
.more-pages{float:left;position:relative;width:100%;}
.pages{
	text-align: center;
	margin:5px auto 88px auto;
}
.pages a{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #edecec;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
	font-family: Arial;
	font-size: 18px;
	color: #666;
	margin: 0 4px;
}
.pages a:hover,.pages .page-on{background-color: #0099D9;color: #fff;}
/*底部2*/
footer{max-width:100%;position:fixed;/*float:left;position: relative;*/height:42px;left:0;right:0;bottom:0;margin:auto;z-index:1000;background:#fff;width:100%;border-top:1px solid #f0f0f0; padding:4px 0 0 0;display:none}
footer nav{height:42px;width:100%;display:-webkit-box;display:-moz-box;display:box;-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify; }
footer nav > a{position:relative;display:block;text-align:center;font-family:'icomoon';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:normal;line-height:12px;width:25%;font-size:12px; color:#999;}
footer nav > a[data-icon="jiaru"]:before{content:"\e876";font-size:20px; line-height:25px;color:#333;}
footer nav > a[data-icon="phone"]:before{content:"\e845";font-size:20px; line-height:25px;color:#333;}
footer nav > a[data-icon="map"]:before{content:"\e84e";font-size:20px; line-height:25px;color:#333;}
#banner-in{position:relative;background-position:center 0;background-repeat:no-repeat;height:300px;box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
/*底部栏目*/
.footer-lm{width:100%;padding:70px 0 70px 0; border-top:0px solid #D9D9D9; background:#F4F4F4;}
.footer-juzhong{margin:0 auto;width:100%;max-width:1200px;}
.footer-map{border-right:0px solid #D9D9D9; padding:0 40px;}
.footer-map dl{float:left;width:20%;}
.footer-map dl i{float:left;}
.footer-map dl i img{height:40px; border:0; padding:0 10px 0 0;}
.footer-map dl .zi-right{float:left;}
.footer-map dt{padding-bottom:4px; font-weight:bold; font-size:16px;}
.footer-map dt span{font-weight:normal;font-size:17px;}
.footer-map dd{line-height:28px;color:#666;}
.footer-map dl a{color:#666;}
.footer-map dt a{color:#555;}
.footer-map dl a:hover{color:#0099D9;}
.footer-contact{float:left; color:#666; line-height:28px;}
.footer-contact p{display:block; margin-bottom:10px;}
.footer-code{position:relative; float:right;}
.footer-code .code-trigger{position:absolute; top:0; right:-30px; width:20px; border-left:1px solid #D9D9D9;}
.footer-code .code-trigger li{width:12px; padding:5px; text-align:center; margin-bottom:5px; word-wrap:break-word; word-break:break-all; color:#666; background:#FFF; cursor:pointer;}
.footer-code .code-trigger li:last-child{margin-bottom:0;}
.footer-code .code-trigger li.current{width:13px; padding:4px; margin-left:-1px; border:1px solid #D9D9D9; border-left:none; color:#555; background:#EEE;}
.footer-code .code-panel{position:relative; width:100px; height:100px; padding:10px; background:#FFF;}
.footer-code .code-panel li{position:absolute; width:100px; height:100px; overflow:hidden;}
.footer-code .code-panel li:first-child{z-index:10;}
@media only screen and (min-width: 992px) and (max-width:1199px) {
/*导航*/
.samewidth{width:auto; padding:0 20px; height:auto;}
.pc_nav li span{display:none;}
.pc_nav li i{display:none;}
.head_top{line-height:80px; width:auto;position:relative;}
.logo {margin:0;width:160px;}
.logo img{height:45px; border:0;}
.pc_nav a{font-weight:normal;}
#owl .item .ban-txt h1{display: block;font-size:22px;color:#fff;line-height:36px;font-weight: normal;text-shadow:0 1px 1px #000;}
.ban-txt h3{display: block;font-size:22px;color:#fff;line-height:36px;font-weight: normal;text-shadow:0 1px 1px #000;}
.ul-fw-i li a span{width:180px;}
.ul-fw-i li a:hover span{width:180px;}
}
@media (max-width:991px) {
/*导航*/
.samewidth{width:auto; padding:0 10px; height:auto;}
.menu{display:block;margin:8px 0 0 0;}
.pc_nav{display:none;}
.footer-lm{display:none;}
.NMore_1002{display:block;}
.head_top{line-height:0; width:auto;position:relative;}
.logo {margin:8px 0;width:160px;text-align:left;}
.logo img{height:30px; border:0;}
.shanshuiyun-guanggao{padding:45px 0 0 0;}
#owl .item .ban-txt{
	width:50rem;
	position: absolute;
	left: 50%;
	margin-left: -25rem;
	top: 50%;
	height: 15rem;
	margin-top: -5rem;
	text-align: center;
}
#owl .item .ban-txt h1{font-size:18px;font-weight: normal;color:#fff;line-height:30px;text-shadow:0 1px 1px #000;}
#owl .item .ban-txt h2{font-size:45px;line-height:80px;font-weight: normal;margin:15px auto auto auto; padding:6px 0;border-top:1px solid #BDCDD4;border-bottom:0px solid #34C3FF;width:500px;text-shadow:0 1px 1px #000;}
.side,.side2{display: none;}
.title-i{padding:40px 0;}
.ul-contact-i{width:50%;}
.ul-contact-i2{width:50%;}
.ul-fw-i li a span{width:180px;}
.ul-fw-i li a:hover span{width:180px;}

/**/
.ul-yingyong-i li .paiban{
    margin:10px 10px;
	position: relative;
}
}
@media (max-width: 768px) {
.head{float:left;position:fixed;width:100%;border-bottom:1px solid #ccc;text-align:center;z-index:999; background:#FFFFFF;box-shadow: 0px 0px 0px rgba(0, 0, 0, .3);-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
#owl .item .ban-txt{
	width:40rem;
	position: absolute;
	left: 50%;
	margin-left: -20rem;
	top: 50%;
	height: 10rem;
	margin-top: -3.5rem;
	text-align: center;
}
#owl .item .ban-txt h1{font-size:16px;font-weight: normal;color:#fff;line-height:24px;text-shadow:0 1px 1px #000;}
#owl .item .ban-txt h2{font-size:32px;line-height:50px;font-weight: normal;margin:10px auto auto auto; padding:5px 0;border-top:1px solid #BDCDD4;border-bottom:0px solid #34C3FF;width:350px;text-shadow:0 1px 1px #000;}
.side,.side2{display: none;}
.title-i{padding:30px 0;}
.section-product{background:#16182C;}
/**/
.title-i{
	text-align: center;
	padding:20px 0;
	line-height: 36px;
	overflow: hidden;
}
.neirong-juti{
    width: 100%;
	background: url(../images/bg1b.jpg) center top no-repeat;
	overflow: hidden;	
	margin: 0 auto;
}
.ul-fw-i ul{float:left; padding:10px 0;}
.ul-fw-i li{width:100%;}
.ul-fw-i li .paiban{
    margin:10px 10px;
	position: relative;
}
.ul-fw-i li a{
color:#333;
	/*display:block;
	text-shadow:0 1px 2px #333;*/
}
.ul-fw-i li a:hover{color:#0099D9;/*text-shadow:0 0 1px #ccc;*/}
.ul-fw-i li a span{
	width:100%;
	display: inline-block;
	padding:25px 0 20px 0;
	/*background:#fff;
	background-color:transparent;
	*/
	background-color:rgba(255,255,255, 0.5);
	border:0;
	border-radius:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
}
.ul-fw-i li a:hover span{
	width:100%;
	display: inline-block;
	padding:25px 0 20px 0;
	background:#0099D9;
	border-radius:0;
	/*-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
	box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);*/
	box-shadow:0 3px 5px rgba(0,0,0,0.1);
	background-color:rgba(255,255,255, 0.5);
	-webkit-transform:translateY(-7px);
	transform:translateY(-7px);/*box-shadow:0 3px 5px rgba(0,0,0,0.1)*/
}
.ul-fw-i li a span.pic1:before{content:"\e971"; color:#333;font-size:50px;}
.ul-fw-i li  a:hover span.pic1:before{content:"\e971"; color:#0099D9;font-size:50px;}
.ul-fw-i li a span.pic2:before{content:"\ea1c"; color:#333;font-size:50px;}
.ul-fw-i li  a:hover span.pic2:before{content:"\ea1c"; color:#0099D9;font-size:50px;}
.ul-fw-i li a span.pic3:before{content:"\ea0f"; color:#333;font-size:50px;}
.ul-fw-i li  a:hover span.pic3:before{content:"\ea0f"; color:#0099D9;font-size:50px;}
.ul-fw-i li a span.pic4:before{content:"\e83a"; color:#333;font-size:50px;}
.ul-fw-i li  a:hover span.pic4:before{content:"\e83a"; color:#0099D9;font-size:50px;}
.ul-fw-i li a span.pic5:before{content:"\e839"; color:#333;font-size:50px;}
.ul-fw-i li  a:hover span.pic5:before{content:"\e839"; color:#0099D9;font-size:50px;}
.ul-fw-i li a span.pic6:before{content:"\e9ff"; color:#333;font-size:50px;}
.ul-fw-i li  a:hover span.pic6:before{content:"\e9ff"; color:#0099D9;font-size:50px;}
/**/

.ul-yingyong-i ul{float:left;width:100%;padding:0 0 0 0;}
.ul-yingyong-i li .paiban{
    margin:10px 10px;
	position: relative;
}
.ul-yingyong-i li span i{float:left;width:100%}
.ul-yingyong-i li span i2{float:left;width:100%}
.ul-yingyong-i li span i3{float:left;width:100%}
.ul-yingyong-i li span i3 h3{text-align:left;font-size:18px;line-height:30px;margin:10px 0 0 0; padding:0 10px;}
.ul-yingyong-i li span i3 p{text-align:left;line-height: 24px;padding:0 10px 10px 10px;font-size: 14px;}
/**/
.ul-product-i li{width: 100%;}
.ul-case-i li{width: 100%;}
.ul-contact-i{width:100%;}
.ul-contact-i2{width:100%;margin:10px 0 0 0;}
.ul-team-i2 li{width: 100%;padding-bottom: 60px;}
.ul-team-i2 li p{height:72px;}
.shanshuiyun-copy{display:none;}
footer{display:block;}
#banner-in{display:none;}
.section-contact-in{padding: 30px 0 30px 0;}
.input1-in{width:100%;}
.input2-in{float:left;position:relative;width:100%; margin:10px 0 0 0;}
.input3-in{width:100%;height:100px;}
.ul-about-i{ margin:auto auto 10px auto;}
.section-team{background:#fff;}
.title-i h6{color: #002;}
.ul-team-i li{color:#333;}
.ul-team-i li h3{color:#000;}
.ul-case-in-i li span{width:30%;}
.ul-case-in-i li h3{width:70%;}
.ul-case-in-i li p{width:70%;}
}
@media (max-width: 480px) {
#owl .item .ban-txt{
	width:24rem;
	position: absolute;
	left: 50%;
	margin-left: -12rem;
	top: 50%;
	height: 10rem;
	margin-top: -2.4rem;
	text-align: center;
}
#owl .item .ban-txt h1{font-size:14px;font-weight: normal;color:#fff;line-height:16px;}
#owl .item .ban-txt h2{font-size:24px;line-height:40px;font-weight: normal;color:#fff;margin:auto auto auto auto; padding:0;border-top:0px solid #fff;border-bottom:0px solid #fff;}
.section-contact-in{padding: 20px 0 30px 0;}
.input1-in{width:100%;}
.input2-in{float:left;position:relative;width:100%; margin:10px 0 0 0;}
.input3-in{width:100%;height:80px;}
}