﻿.wrap{ background: #fff;}
.w1024{ width: 1024px;margin: 20px auto;font-family: "微软雅黑";}
/* 导航背景 */
.nav{width: 100%;height: 80px;background-color: #fff;border-bottom: 1px solid #e8e8e8;
box-shadow: 0px 2px 4px #e8e8e8;
-moz-box-shadow: 0px 2px 4px #e8e8e8;
-webkit-box-shadow: 0px 2px 4px #e8e8e8;
box-shadow: 0px 2px 4px #e8e8e8;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e8e8e8')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e8e8e8');}

/*导航*/
.header{width:1024px;height: 80px;margin:0 auto;}
.logo img{ display: block; float: left;width:290px;padding-top: 16px;}
.header ul{font-size: 14px;float: right;}
.header li{display:inline;}
.header li a{color:#787878;line-height: 80px;padding-left:30px;}
.header li a:hover{color: #2d8d46;}

/*其他内页*/
.sidebar{display: inline-block;width: 400px;float: left;}
.sidebar img{width: 380px;}
.sidebar img:first-child{margin-bottom: 20px;}
.contentr{display: inline-block;width: 600px;float: right;line-height: 26px;font-size: 14px;color: #787878;}

/* banner */
.banner{width: 100%;height: 340px;background: #fff;position: relative;}
.bannerBox{width: 360px;height: 282px;background: #fff;position: absolute;top: 14px;left: 50%;margin-left: 130px;z-index: 100;}
.bannerBox img{display: block;margin: 0 auto;padding-top: 20px;}
.bannerBox p{color: #787878;font-size: 12px;margin: 0 auto;text-align: center;line-height: 20px;padding: 20px 13px 0;font-family: "微软雅黑";}

/* 按钮 */
.bannerBox a,.chuangkou a{ cursor: pointer; display:block;text-align: center;color: #fff;width: 230px;height: 38px;line-height: 38px;font-size: 14px;margin:14px auto 0;border-radius: 4px;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
background: -ms-linear-gradient(top, #4ad35e, #39bc4c); /* IE 10 */
background:-moz-linear-gradient(top,#4ad35e,#39bc4c);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#4ad35e), to(#39bc4c));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4ad35e), to(#39bc4c)); /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #4ad35e, #39bc4c);  /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #4ad35e, #39bc4c); /*Opera 11.10+*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #4ad35e, endColorstr = #39bc4c); }
.bannerBox a:hover,.chuangkou a:hover{background: #41c755;color: #e2f4e4;}

/* 标签 */
.submenubox{width: 100%;height: 210px;background: #f0f7f1;margin-bottom: 40px;}
.submenu{width: 1024px;height: 140px;margin:0 auto;padding: 35px 0px;}
.submenu img{border: none;}
.submenu a{display:block; float: left; margin-left: 15px;width: 240px;height: 140px;}
.submenu a:first-child{margin-left: 0px;}
.submenu a:hover{box-shadow: 1px 1px 3px #c5d0c6;-moz-box-shadow: 1px 1px 3px #c5d0c6;}

/* footer */
.footerbox{background-color: #2c3e50;text-align: center;padding: 30px 0;font-family: "微软雅黑";}
.footerbox p{color: #fff;font-size: 14px;line-height: 24px;}


/* 详情页面-正文 */
.intro-part1{width: 1024px;background-color: #fff;margin:0 auto;padding-bottom: 80px;}
.intro-part1 p{padding: 30px 50px 50px 50px;font-size: 12px;color: #505050;line-height: 22px;}

/*轮播图*/
.example2{margin: 20px auto;}
.example2 ol{position:relative;width: 80px;height: 20px;top:-50px;left:452px;}
.example2 ol li{float:left;width: 10px;height: 10px;margin: 10px;background: #fff;display:inline;border-radius: 10px;-moz-border-radius:10px;}
.example2 ol li.seleted{background: #fff;list-style-type:disc;opacity:0.6;}

.luara-left{position:relative;padding:0;overflow: hidden;}
.luara-left ul{position: relative;padding: inherit;margin: 0;}
.luara-left ul li{float: left;padding: inherit;margin: inherit;list-style: none;}
.luara-left ul li img{width: inherit;height: inherit;border: none;}

/*联系我们*/
.content-headr content-img{display: inline-block;width: 900px;margin-bottom: 20px;}
.content span{display: inline-block;font-size: 16px;color: #000;margin-bottom: 10px;}
.content-img img{margin-top: 30px;}
.content-headr h1{float: left;font-size: 24px;color: #000;}
.content-headr img{width: 120px;float: right;}
.content{width: 900px;margin: 0 auto;padding-top: 20px;}
.content p{clear: both;line-height: 26px;font-size: 14px;color: #787878;}
.content p:last-child{margin-top: 60px;}
.summary{text-align: right;}

/*弹窗*/
.TC {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;background: url(/Sites/Uploaded/UserUpLoad/20170420/20170420110648.png);}
.close {cursor: pointer;background: url(/Sites/Uploaded/UserUpLoad/20170420/20170420110658.gif) no-repeat center;width: 20px;height: 20px;position: absolute;right: 0;top: 0;}
.TC .chuangkou {margin: 0 auto;width: 400px;}
.TC .chuangkou .count{ width: 400px; height: 200px; background: #fff; position: relative;}
.TC .chuangkou .count p{line-height: 40px;text-align: center;font-size: 20px;font-family: "微软雅黑";padding-top: 20px;}
.TC .chuangkou .mt{height: 200px;}

@media only screen and (max-width:768px){
	.w1024 {width: 100%;}
	.nav{margin-top: 62px; height: auto;}
	.header .logo,.luara-left{ display: none; }
	.header {width: 100%;height: auto;}
	.header ul{float: none;}
	.header li {display: block;width: 20%;float: left;text-align: center;}
 .header li a {line-height: 50px;padding-left: 0;}
 .banner{ height: auto; }
 .bannerBox {width: 100%;margin: 20px 0;height: auto;background:#cbfde2;position: initial;margin-left: 0; padding-bottom: 14px;}
 .submenubox{ height: auto; }
 .submenu,.submenu{width: 100%; height: auto;}
 .submenu{padding:10px 20px;box-sizing: border-box;}
 .submenu a{ margin: 10px 0; width: 50%; }
 .submenu img{ display:block; margin: 0 auto; }

 .sidebar{ display: none; }
 .contentr {width: 100%;float: none;}
}
@media only screen and (max-width:580px){
	.submenu a{ width: 100%; }
	.header li{ width: 33.33%; }
	.TC .chuangkou,.TC .chuangkou .count{ width: 300px;}
} 