@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-size: 12px;
	color: #333333;
	font-family: "微软雅黑"
}
* {
	padding: 0px;
	margin: 0px;
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	list-style: none;
	font-weight: normal;
}
input, select {
	font: 100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;
}
button {
	overflow: visible
}
img {
	border: none;
}
a {
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	outline: none;
}
li {
	list-style: none;
}
input, select, button {
	font: 12px Verdana, Arial, Tahoma;
	vertical-align: middle;
}
.clear {
	clear: both;
}
.lf {
	float: left;
}
.rt {
	float: right;
}
.m {
	width: 1200px;
	margin: 0px auto;
}
.m1 {
	width: 1000px;
	margin: 0px auto;
}

.mm {
	margin-top: 60px;

}
/*头部*/
.head{ width:100%; height:111px; background-color:#fff; position: fixed; top:0; z-index:100000}
.menu {font-family: "微软雅黑"; width:600px; float:right}
.menu ul li {float:left; position:relative; margin-right:18px;}
.menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; height:111px; color:#666; width:102px;   font-size:16px;display: flex;align-items: center;justify-content: space-around;flex-direction: column;}
.menu ul li  span{ font-size:12px; margin-top:-70px;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#fff; background:url(t1.jpg) top center no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; top:111px; left:0; width:102px;}
.menu ul li:hover ul li a {display:block; background:#fff;font-size:16px;font-weight:normal;height:35px;line-height:35px;color:#666;}
.menu ul li:hover ul li a:hover {background:#e4e4e4; color:#666;font-size:16px;font-weight:normal;}
.head p{ float:right; line-height:22px; font-size:14px; color:#666;  margin-left:35px;height:111px;display: flex;align-items: center;justify-content: space-around;flex-direction: column;}



/*zuopin*/
.zuopin ul li{ width:289px; height:647px; float:left; border-right:#e0e0e0 solid 1px; padding:117px 55px 0 55px;text-align:center;}
.zuopin ul li:hover{  border:none; background:url(x2.jpg) top center no-repeat;width:289px; height:647px;padding:117px 55px 0 55px;}
.zuopin ul li span{  font-size:23px;   border-bottom:#CCC solid 1px; padding-bottom:8px;}
.zuopin ul li:hover span{ color:#fff}
.zuopin ul li p{ font-size:20px; line-height:40px; color:#626262; text-align:left; letter-spacing:1px; margin-top:27px;}
.zuopin ul li:hover p{ color:#fff}
.zuopin ul li font{ width:86px; height:38px; border-radius: 2em; background-color:#c62728; text-align:center; color:#fff; line-height:38px; display:block; margin:auto; margin-top:35px;}
.zuopin ul li:hover font{  background-color:#c46cbe; }
.zp1 { width: 144px;height: 163px;margin: 0 auto ; margin-bottom:43px; transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s; -o-transition: all .5s;}
.b1 { background: url(a1.png) no-repeat top center;}
.zuopin ul li:hover .b1{background: url(a1.png) no-repeat bottom center;}
.b2 { background: url(a2.png) no-repeat top center;}
.zuopin ul li:hover .b2{background: url(a2.png) no-repeat bottom center;}
.b3 { background: url(a3.png) no-repeat top center;}
.zuopin ul li:hover .b3{background: url(a3.png) no-repeat bottom center;}

/*关于杰境*/
.about{ width:100%; padding:105px 0; background-color:#efefef; text-align:center}
.about h1{ font-size:23px; padding-bottom:10px; background:url(x1.jpg) bottom center no-repeat;}
.about p{font-size:20px; line-height:40px; color:#626262;  letter-spacing:1px; margin-top:32px; padding:0 60px;}
.about a{ width:86px; height:38px; border-radius: 2em; background-color:#c62728; text-align:center; color:#fff; line-height:40px; display:block; margin:auto; margin-top:35px;}
.about a:hover{ width:86px; height:38px; border-radius: 2em; background-color:#c46cbe; text-align:center; color:#fff; line-height:40px; display:block; margin:auto; margin-top:35px;}


/*作品展示*/
.zs{ margin-top:35px; text-align:center}
.zs h1{ font-size:23px; padding-bottom:10px; background:url(x1.jpg) bottom center no-repeat; margin-top:35px; text-align:center}
.zs ul li{ width:360px; margin:35px 20px 0 20px; float:left; border-bottom:#CCC solid 1px; padding-bottom:15px; }
.zs ul li:hover{ width:360px;margin:35px 20px 0 20px; float:left; border-bottom:#c62728 solid 1px}
.zs ul li p{font-size:18px; line-height:40px; color:#2b2a2f; text-align:left;  letter-spacing:1px; margin-top:20px; padding:0 15px;}
.zs  font a{ width:86px; height:38px; border-radius: 2em; background-color:#c62728; text-align:center; color:#fff; line-height:40px; display:block; margin:auto; margin-top:35px;}
.zs font:hover a{ width:86px; height:38px; border-radius: 2em; background-color:#c46cbe; text-align:center; color:#fff; line-height:40px; display:block; margin:auto; margin-top:35px;}


/*foot*/
.foot{ width:100%; background-color:#222; padding:50px 0; text-align:center}
.foot ul{ float:left; margin-left:50px; margin-top:5px;}
.foot ul li{ width:195px; height:103px; text-align:center; float:left; border-left:#c3c3c3 solid 1px;}
.foot ul li h1 a{ font-size:18px; color:#c3c3c3; }
.foot ul li h1 a:hover{ font-size:18px; color:#c62728;}
.foot ul li p{ margin-top:5px;}
.foot ul li p a { line-height:25px; font-size:13px;color:#c3c3c3; }
.foot ul li p a:hover { line-height:25px; font-size:13px;color:#c62728;}
.foot1{ width:380px; float:right; text-align:left }
.foot1 h1 a{ font-size:18px; color:#c3c3c3; }
.foot1 p{ line-height:25px; font-size:13px;color:#c3c3c3; margin-top:5px; }
.foot h2 { color:#c3c3c3; margin-top:30px; line-height:24px; }


/*关于杰境*/
/*企业介绍*/
.qiye{ text-align:center; margin-top:0px;}
.qiye h1{ font-size:30px; font-weight:bold; color:#3e3e3e;}
.qiye h1 span{color:#e9454d;}
.qiye h2{  color:#3e3e3e; margin-top:5px; margin-bottom:40px;}
.qiye p{  color:#3e3e3e; margin-top:5px; text-align: left; line-height:24px; font-size:14px; text-indent:2em}

/*我们的优势*/
.youshi{ width:100%; padding:0px 0 55px 0; background-color:#f5f5f5; margin-top:60px; text-align:center}
.youshi h1{ font-size:30px; font-weight:bold; color:#3e3e3e;}
.youshi h1 span{color:#e9454d;}
.youshi h2{  color:#3e3e3e; margin-top:5px; margin-bottom:40px;}
.youshi ul li{ width:300px;  float:left;}
.youshi1{ width:260px; height:230px; background-color:#e9454d; color:#fff; padding:70px 20px 0 20px; text-align:left; float:left}
.youshi1 h3{ font-size:18px; font-weight:bold}.
.youshi1 p{ font-size:14px; line-height:24px; margin-top:10px;}



/*解决方案*/
.sanwei{ width:100%; padding:50px 0; background-color:#f5f5f5;}
.sw1{ width:580px; }
.sw1 h1{ font-size:24px; font-weight:bold; color:#e9454d;}
.sw1 h2{color:#e9454d; margin-top:5px;}
.sw1 p{color:#3e3e3e; margin-top:10px; text-align: left; line-height:25px; font-size:14px; text-indent:2em}
.sw1 ul{ width:620px; float:left; overflow:hidden; margin-top:20px;}
.sw1 ul li{ width:124px; float:left; margin-right:27px; margin-top:10px;}
.sw1 ul li a{ width:124px; height:34px; border:#CCC solid 1px; text-align:center; line-height:34px; display:block; font-size:14px;color:#3e3e3e;}
.sw1 ul li:hover a{ width:124px; height:34px; border:#e9454d solid 1px; background-color:#e9454d; text-align:center; line-height:34px; display:block; font-size:14px;color:#fff;}


/*样片展示*/
.mulu{ text-align:center}
.mulu ul{ width:454px; margin:auto; margin-top:65px;}
.mulu ul li{ width:150px; text-align:center; height:45px; border-right:#CCC solid 2px; display: flex;align-items: center;justify-content: space-around;flex-direction: column; float: left}
.mulu ul li a{ font-size:15px; color:#4c4c4c; }
.mulu ul li a span{ font-size:12px; }
.mulu ul li:hover a{ color:#ff283c; }
.mulu h1{ font-size:30px; font-weight:bold; color:#ff283c; padding-bottom:10px; background:url(x3.jpg) bottom center no-repeat; margin-top:40px;}
.mulu h1 a{ font-size:30px; font-weight:bold; color:#333;}
.mulu h1 span{ font-size:28px; font-weight: normal; color:#ff283c; padding-left:5px;}
.mulu1{ width:100%;  background-color:#efefef; text-align:center; padding:30px 0;}
.mulu1 a{ font-size:15px; height:19px; color:#4c4c4c; padding:0 10px; border-right:#5d5d5d solid 1px;}
.mulu1 a:hover{ color:#ff283c;}
.mulu2 ul{ width:1250px; float:left; overflow:hidden; margin-top:15px;}
.mulu2 ul li{ width:390px; float:left; margin-top:25px; margin-right:15px;}
.photo a{display:block; position:relative; width:390px; }
.photo span{width:390px; height:234px; display:none; position:absolute; bottom:0; left:0; color:#ffffff;  text-align:center; cursor:hand; }
.photo a:hover span{display:block;}
.mulu2 ul li h1{ font-size:18px; color:#666; font-weight:bold; margin-top:15px; padding-left:10px}
.mulu2 ul li p{ padding-left:10px; color:#666; margin-top:10px;}
.mulu3{ width:450px; margin:auto; margin-top:110px; margin-bottom:100px;}
.mulu3 a{ width:40px; height:40px; line-height:40px; background-color:#2ca0c2; text-align:center; margin:0 5px; display:block;border-radius: 100%; float:left; color:#fff; font-size:15px;}
.mulu3 a:hover{background-color:#ff283c; }
.mulu3  font a{ width:90px;height:40px; line-height:40px; background-color:#2ca0c2; text-align:center; margin:0 5px; display:block;border-radius: 2em; float:left; color:#fff; font-size:15px; }


.shipin iframe{ width:100%; height:725px}