body{
	color:#666;
	font-size:14px;
	font-family:"Adobe 黑体";
}
input,button,select,textarea{outline:none}
body th td{ color:#333; font-size:14px;}
a:link{color:#333; font-size:14px; text-decoration:none;}
a:visited{color:#333; font-size:14px; text-decoration:none;}
a:hover{color:#0086c9; font-size:14px; text-decoration:none;}
a:active{color:#333; font-size:14px;text-decoration:none;}
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,ul,dd,li,p,th{margin:0px; padding:0px; list-style:none; border:0px;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{ border:0;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both; height:0px; overflow:hidden;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

.main {
	margin: 30px auto;
	width: 1100px;
	overflow: hidden;
}
.main p b {
	padding-right: 14px;
	font-weight: normal;
}
.grWidth{width:1200px; margin:0 auto;}
.m30 {
	margin: 30px auto;
}

/* header */

.topbar{height:30px;line-height:30px;background: #f7f7f7;border-bottom:1px solid #ccc;}
.topbar em{font-style:normal;margin:0 8px;}
.topRight,.phone {padding-right: 20px;}
.topRight .t2{position:relative;z-index:3;}
.topRight .t2 span{position:absolute;top:25px;left:-25px;display:none;border-radius:5px;width:100px;background:#fff;padding:5px;border:1px solid #ccc;}
.topRight .t2 span img{width:100px;height:100px;}
.topRight .t2 span:before,.topRight .top_wx span:after{ content: "";position: absolute;top:-16px;right:45px;width: 0px; height: 0px;border: 8px solid transparent;border-bottom-color:#ccc;}
.topRight a:hover{text-decoration:underline;}
.header {
	margin:0 auto;
	width: 100%;
	height: 125px;
	overflow:hidden;
	/*padding-top: 20px; */
}
.header h1{ float:left;padding-top: 15px;}
.header h2{ float:left; margin-top: 30px; margin-left:10px; padding-left:15px; border-left:1px dotted #0977ec; height: 85px;}
.header h2 li{font-size:26px; color:#000; line-height:40px;}
.header h2 p{ font-weight:600; font-size:20px; line-height:36px;}
.headPhone{background:url(../images/top_phone.png) no-repeat;padding-left:55px;height: 60px;margin-top:50px;margin-right: 5px;}
.headPhone span {padding-left: 48px;}
.headPhone b {font-size:25px;padding-top: 5px;display:block;color:#0086c9;font-family:Arial;}


.nav {height: 50px;line-height: 50px;background:#0086c9;}
.navMain li {float:left;width: 150px;height:50px;text-align: center;position:relative;z-index:20;}
.navMain li a {display:block;height:50px;line-height:48px; color:#fff;font-size:18px;}
.navMain li a:hover,.navMain li.current{color:#fff; background:#50b8e5;}
.nav li .nav_sub{ position: absolute;top:50px; width:150px; background:#0086c9; display:none;left:0;}
.nav li .nav_sub li{height: 30px;line-height: 30px;padding:0;width:150px;font-size:14px;}
.nav li .nav_sub li a{height:30px;line-height: 30px; font-size:14px;display:block;padding:0;text-align:center;width:150px;background:none;border:none;border-bottom:1px solid #eee;}
.nav li .nav_sub li a:hover{background:#50b8e5;color:#fff; font-size:14px;}
.nav li .nav_sub li:last-child a{border-bottom:none;}


/* banner */
.banner{ width:100%; position:relative; height:550px; overflow:hidden;}
.banner .bd{ width:100%; height:550px; margin:0 auto; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-500px;}
.banner_ctr a{ display:block;width:50px;height:95px; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1090px; background-position: -50px 0px;}
.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px;height:20px;overflow:hidden;}
.banner .hd li {
	background:#0086c9;
	z-index:2;
	cursor:pointer;
	margin-right:5px;
	display:inline-block;
	width:12px;
	height:12px;
	border-radius: 50%;
	*display:inline;
	zoom:1;
	border:2px solid #fff;
}
.banner .hd li:hover,.banner .hd .on {
	background:#50b8e5;
	width: 30px;
	border-radius: 20px;
	border: 2px solid #fff;
}


/*about*/

.usbox_bj{ width:100%; background-color:#D7EAFF; padding-top:20px; padding-bottom:50px;}
.usbox{ width:1200px; height:276px; margin:15px auto -10px auto;}
.us_tu{ width:320px; height:276px; float:left}
.us_text{ width:550px; height:276px; float:left; margin-left:30px; line-height:23px;}
.us_rongyu{ width:260px; height:276px; float:right;}
.us_title{/*border-left:#0086c9 2px solid;*/margin-top: 20px;}
.us_title h1, .us_rongyu h1{ font-size:28px; margin-left:10px; color:#575757; font-weight:normal; margin:5px;}
.us_title span{ font-size:28px; color:#0086c9;/* margin-left:10px;*/    font-weight: bold; font-family:abel;}
.us_text p{ margin-top:18px; font-size:14px;}
.expand{  margin-top:40px;}
.expand a{width:104px; height:25px;  background-color:#0086c9; display:block; color:#fff; text-align:center; padding-top:5px;}
.ry_tu_box{ width:260px; overflow:hidden; height:220px; position:relative; margin-top:18px; border:#f8f8f8 2px solid;}
.rongyu_tu{ height:228px; overflow:hidden;}
.rongyubox{ width:190px; height:130px; padding-bottom:52px; padding-left:35px; padding-right:35px; padding-top:42px;}

.rongyu_title{ width:194px; text-align:center; padding-top:10px;}
.rongyu_title a:hover{ color:#0086c9;}
.jiantou{ position:absolute; top:50%; margin-top:-6px; left:10px;}
.jiantou1{ position:absolute; top:50%; margin-top:-6px; right:10px;}


/*products*/
.App .App-inner h2 {text-align: center;font-size: 30px;color: #d0b79d;font-family: "微软雅黑";background: url("../images/custom_title_bg1.html") no-repeat center 0;padding-top: 3px;}
.App .App-inner h2 a {color:#2e0c03;text-decoration:none;margin-top:30px; display: block;}
.App .App-inner h2 span {color:#b9010a;}
.App .App-inner h2 em {display: block; font-size: 19px; color: #2e0c03; font-family: sans-serif; text-transform: uppercase; letter-spacing: 7px; font-weight: normal; margin-top:35px;}
.contact{width:1200px;margin:0 auto;}
.floor1 .f1_con{width:1200px;margin:0 auto;padding:20px 0;}
.title{font-size: 24px;padding: 0;margin: 0 0 25px 0;color: #000;text-align: center;}
.desc{font-size: 14px;color: #999;display: block;margin-top: 10px;text-align: center;}
.floor1 .f1_con>h2{color: #000;}
.floor1 .f1_con>h5{color: #999;}
.floor1 .f1_con .btn-bar{height: 42px;/*margin-top: 35px;*/margin-bottom: 15px;text-align: center;margin-left:-17px;}
.floor1 .f1_con .btn-bar>a{background-color:rgba(50, 5, 1, 0.75);color: #fff;width:168px;height: 40px;line-height: 40px;display: inline-block;font-size: 15px;}
.floor1 .f1_con .btn-bar>a:hover{background:#f98b86;color:#fff; }
.floor1 .f1_con .btn-bar>a.active{background:#0086c9;color:#fff; }
.floor1 .f1_con .btn-bar>a.active:hover{background:#50b8e5;color:#fff; }
.floor1 .f1_con .display{margin-right: -15px;margin-left: -15px;}
.floor1 .f1_con .display>ul>li{width: 277px;float: left;position: relative;height:226px;margin: 15px;}
.floor1 .f1_con .display>ul>li>a{display: block;}
.floor1 .f1_con .display>ul>li>a>img{width: 280px;height:210px;}
.floor1 .f1_con .display>ul>li>.pro_desc{position: absolute;width: 320px;height: 196px;top: 0px;left: 0px;display: none;background:#dd726e;background-color: rgba(247,90,83,0.70);padding: 30px;color: #FFF;text-align: left;}
.floor1 .f1_con .display>ul>li>.pro_desc>.name{font-size: 18px;font-weight: bold; margin: 20px 0 8px 0;text-align:center;}
.floor1 .f1_con .display>ul>li>.pro_desc>span{display: block;text-align: center;line-height: 60px;}
.floor1 .f1_con .display>ul>li>.pro_desc>p{margin: 0;line-height: 28px;font-size: 14px;}
.floor1 .f1_con .display>ul>li>.pro_desc>a{display: block;width:120px;text-align:center;margin:20px auto;padding:7px 0;background:#fff;background-color: rgba(255,255,255,0.70);color: #d43831;text-decoration: none;font-size:13px;border-radius: 5px;}
.floor1 .f1_con .display>ul>li:hover .pro_desc{display: block;}
.floor1 .f1_con>.more{text-align: center;}
.floor1 .f1_con .display li:hover img {
    transform: scale(1.05, 1.05);
    transition-duration: 300ms;
}

#top_cp {
    width: 1200px;
    margin: 0 auto;
}
.product_top{font-size:30px; color:#0086c9; text-align: center; font-weight:bold; margin-top:16px; line-height: 30px;}
.product_top span{color:#ffcc00;}
.product_top font{font-size:14px; color:#333; font-weight:normal;}


/*case*/

.marqueeleft{height:290px;width:1200px;overflow:hidden;margin:20px auto 0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:300px;height:280px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:300px;height:250px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}



/*news*/
.news{overflow:hidden;}
.news_l,.news_c {
	width: 390px;
}
.news_c {
	margin: 0 20px;
}
.nes_t{ width: 390px; border-bottom: 1px dashed #D8D8D8; padding-bottom: 10px;}
.nes_t .bt{ display: inline-block; vertical-align: middle; margin-left: 10px;}
.nes_t li{ font-size: 24px; color: #0086c9; font-weight: normal;line-height: 20px;display: inline-block; vertical-align: middle;}
.nes_t p{ font-size: 16px; color: #0086c9;font-weight: normal; text-transform: uppercase;display: inline-block; vertical-align: top;margin-top: 2px;}
.nes_t span {float: right;padding: 8px 10px 0 0;}
.nes_t span a{ font-size: 14px; color: #999;}
.news_r .nes_t{ width: 380px; border-bottom: 1px dashed #D8D8D8; padding-bottom: 10px;}
.nes_c {
	margin: 20px auto 20px;
	width: 390px;
	height: 150px;
	position: relative;
	overflow: hidden;
}
.nes_c li {
	width: 382px;
	float: left;
	height: 140px;
	padding: 3px;
	border: 1px solid #0086c9;
	overflow: hidden;
}
.nes_c li img {
	width: 382px;
	height: 140px;
}
.nes_c li:hover img{transform: scale(1.3, 1.3); transition-duration: 300ms;}
.nes_c p {
    position: absolute;
	width: 100%;
	top: 224px;
	text-align: center;
    height: 35px;
    line-height: 35px;
    background-color: rgba(0,0,0,0.6);
    transition: all 0.5s;
}
.nes_c p a { color: #fff;}
.nes_b li{ float:left; height:30px;width:100%;overflow:hidden; margin-right:48px;}
.nes_b li a{ font-size:14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block; background:url(../images/news_li.jpg) no-repeat left center ; padding-left:10px;}
.nes_b li a:hover{ color: #50b8e5;}
.nes_b li span{ float:right; color:#999;}


.news_r {
	width: 380px;
}
.faqMain { padding:20px;padding-bottom:0;height:420px;overflow:hidden;}
.faqMain li {border-bottom:1px dashed #bebebe;padding-bottom:35px;margin-bottom:12px;}
.faqMain li h3{ height:25px;line-height: 25px; font-size:14px;background:url(../images/q.png) no-repeat left 5px; padding-left:25px; font-weight:normal; width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.faqMain li h3 a{ color:#333;}
.faqMain li h3 a:hover{ color:#50b8e5;}
.faqMain li p{background:url(../images/a.png) no-repeat left 5px; padding-left:25px;line-height: 20px;}
.faqMain li:last-child{border-bottom:none;}




/*footer*/

.foot_nav{ background:#0086c9;}
.foot_nav .pa{ padding:17px 0; text-align:center;}
.foot_nav a{ padding:0 35px; color:#fff; font:bold 14px/20px "微软雅黑";}
.foot_title{ width:100%;font:bold 22px/50px "微软雅黑"; color:#0086c9;}
.foot_title span{ font:normal 16px/50px "微软雅黑"; color:#d2d2d2;}
.foottop{background:#333; overflow:hidden;}
.foottop .foottopbox{width:1200px; margin:0 auto; padding:20px 0 0px 0; overflow:hidden;color:#d2d2d2;}
.footdh{ width:600px; height:130px; float:left;margin-top: 20px;margin-bottom: 30px;}
.footdh{ width:600px; height:130px; float:left;margin-top: 20px;margin-bottom: 30px;}
.footdh ul li{ width:120px; float:left; padding-right:30px; line-height:30px;}
.footdh ul li a{color:#d2d2d2;font-size: 14px;}
.footlx{width:500px;float:left;line-height:30px;border-left:1px dashed #999;padding-left:80px;margin-top: 20px;margin-bottom: 30px;}
.footlx .lxr{font-size: 14px;}
.foot{width:100%; height:auto; clear:both; background:#202020;}
.foot .foot_box{ width:1200px; margin:0 auto; padding:15px 0; overflow:hidden;color:#d2d2d2;}
.foot_box a{color:#d2d2d2;}
.foot_box .footba{ /*width:700px;*/ float:left;font-size: 14px}
.foot_box .footzc{ width:140px; float:left; text-align:right;font-size: 14px}