html{height:100%;border:none;}
body{height:100%;min-width: 1200px;border:none;padding:0;margin:0;text-align:left;font-size:14px;color:#666;font-family:Arial, "microsoft yahei";background:#FFF;}
body {
	margin-left:20px;
}
div,ul,li,img,dl,dd,dt,p{padding:0;margin:0;border:none;}
ul,dl{list-style-type:none;}
h1,h2,h3,h4,h5{margin:0;padding: 0;font-weight: normal;}
a{color:#666;text-decoration:none;}
a:hover{color:#0d77e5;text-decoration:none;}
.clear{clear:both;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.container{width:1200px;margin: 0 auto;}
.main{width:1200px;margin: 0 auto;}
.header{height: 160px;}
.top{width:1200px; margin:0 auto;height:40px;line-height: 40px; background: #f4f3f3; font-size: 14px;}
.top a{padding: 5px;}
.foot { width:1200px; margin:0 auto; color:#9f9e9e}
.foot a{ margin-right:10px; color:#9f9e9e}
#logo{height:114px;width: 100%;}
#logo .logo{}
#logo .logo img{margin-top: 20px;}
#logo .company{ padding-left: 15px; border-left: 1px solid #c4c4c4; height:80px; margin-top: 30px; padding-top: 5px; }
#logo .company h2{font-size: 32px;color: #0d77e5;font-weight: bold;}
#logo .company h3{font-size: 18px;margin-top: 5px;}
#logo .company h3 span{color: #69c248;}
#logo .tel{background: url(../images/tel.jpg) no-repeat left 50px;height: 100px;width: 240px;padding-top: 40px;}
#logo .tel span{font-size: 16px;padding-left: 50px;}
#logo .tel span i{font-family: impact;font-size: 30px;font-style: normal;display: block;padding-left:50px;}
#logo .tel p{font-size: 16px;padding-left: 5px;margin-top: -15px;}

.dian{ width:100%; height:20px; border-bottom:1 solid #000 ; line-height:20px;margin-top:20px}

.banner{ width:1200px;height: auto;overflow:hidden; margin:0 auto; text-align:center}


.search{width:1200px; margin:0 auto; padding-left:10px;height: 70px;background: #edeeef;}
.search .fl{line-height: 70px;}
.search .fl a{margin-left: 15px;}
.search .fl span{color:#666;}
.search .fr{width:284px;height: 70px;}
.search .fr input{width: 193px;height: 33px;border: 1px solid #eee;margin-top: 15px;padding-left: 3px; border-radius: 15px 0 0 15px; padding-left: 15px;}
.search .fr img{width:53px;height: 35px;border: none;position: relative;left: -3px;top:12px;}

.sec-title{ text-align: center; padding:5px 0; }
.sec-title span{ font-size: 30px; height: 50px; position: relative; padding-bottom: 10px; font-weight: bold; }
.sec-title span:after{ width: 30px; height: 2px; content:''; background: #007bdf; position: absolute; bottom: 0; left: 42%;  }
.sec-title p{ font-size: 14px; margin-top: 20px; }

/*.index-pro{ padding: 30px 0 30px; height: auto; overflow: hidden;}*/
.index-pro .fl{ width: 300px; }
.index-pro .fr{ width: 860px; }
.index-pro .fl .title{ height:55px; width: 270px; background:#122A88; color: #FFF; padding:10px 0 0 30px;   }
.index-pro .fl .title span{ display: block;font-size: 25px; font-weight: bold; }
/*.index-pro .fl ul li{ font-size: 16px;line-height: 58px; }
.index-pro .fl ul li span{ padding-left: 58px; }
.index-pro .fl ul li a{ display: block; background: url(../images/menu01.jpg) no-repeat; height: 58px; width: 100%; }
.index-pro .fl ul li a:hover{ display: block; background: url(../images/menu01-h.jpg) no-repeat;height: 58px; width: 100%; }*/



.index-pro .contact{ width: 300px; height: 140px; background: url(../images/tels.jpg) no-repeat #e3e3e3; margin-top: 30px;}
.index-pro .contact p{ margin-left: 160px;font-size: 16px; padding-top: 20px;  color: #666666; }
.index-pro .contact span{color:#122a88; font-size: 24px; padding-left: 120px; margin-top: 10px; display: block;}
.index-pro .contact .more{ margin-left: 125px; margin-top: 10px; text-align: center; }
.index-pro .contact .more a{ color: #122a88; border: 1px solid #122a88; width: 120px; height: 30px; line-height: 30px; display: block; }
.index-pro .contact .more a:hover{ background: #122a88; color: #FFF; }
.index-pro .fr .title{line-height: 45px; border-bottom: 1px solid #e1e1e1; margin-bottom:5px}
.index-pro .fr .title span{ font-size: 24px; color: #122A88; border-bottom: 3px solid #122A88; padding-bottom: 10px; font-weight: bold; }
.index-pro .fr .title p{ display: inline-block; float: right; }
.index-pro .fr ul li{ float: left; display: inline-block; margin-right:30px; text-align: center; border: 1px solid #c1c1c1; margin-bottom:5px}
.index-pro .fr ul li:nth-child(3n){margin-right:0}
.index-pro .fr ul li .img{width: 260px; height: 198px;  overflow: hidden; margin-top:3px}
.index-pro .fr ul li .img img{ width: 240px; height: 190px;padding:3px;transition: 0.5s; }
.index-pro .fr ul li .img img:hover{ transform:scale(1.2)  }

.pro-pro .contact{ width: 300px; height: 140px; background: url(../images/tels.jpg) no-repeat #e3e3e3; margin-top: 30px;}
.pro-pro .contact p{ margin-left: 160px;font-size: 16px; padding-top: 20px;  color: #666666; }
.pro-pro .contact span{color:#183f8e; font-size: 24px; padding-left: 120px; margin-top: 10px; display: block;}
.pro-pro .contact .more{ margin-left: 125px; margin-top: 10px; text-align: center; }
.pro-pro .contact .more a{ color: #183f8e; border: 1px solid #183f8e; width: 120px; height: 30px; line-height: 30px; display: block; }
.pro-pro .contact .more a:hover{ background: #183f8e; color: #FFF; }

.pro-pro .fl{ width: 300px; }
.pro-pro .fr{ width: 860px; }
.pro-pro .fl .title{ height:55px; width: 270px; background: #122a88; color: #FFF; padding:10px 0 0 30px;   }
.pro-pro .fl .title span{ display: block;font-size: 25px; font-weight: bold; }

.pro-pro .fr{ width: 860px; }
.pro-pro .fr .title{line-height: 45px; border-bottom: 1px solid #e1e1e1; margin-bottom:5px}
.pro-pro .fr .title span{ font-size: 24px; color: #122a88; border-bottom: 3px solid #122a88; padding-bottom: 10px; font-weight: bold; }
.pro-pro .fr .title p{ display: inline-block; float: right; }
.pro-pro .fr ul li{display: inline-block; margin-right: 27px; text-align: center; border: 1px solid #c1c1c1; margin-bottom:5px}

.pro-pro .fr ul li p { width:100%;text-align:center;height:35px; line-height:35px;max-width:250px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-pro .fr ul li p a{ padding-left:10px}

.pro-pro .fr ul li:nth-child(3n){margin-right:0}
.pro-pro .fr ul li .img{width: 260px; height: 198px;  overflow: hidden;  }
.pro-pro .fr ul li .img img{ width: 240px; height: 190px;padding: 3px;transition: 0.5s; }
.pro-pro .fr ul li .img img:hover{ transform:scale(1.2)  }



.con-pro .contact{ width: 300px; height: 140px; background: url(../images/tels.jpg) no-repeat #e3e3e3; margin-top: 30px;}
.con-pro .contact p{ margin-left: 160px;font-size: 16px; padding-top: 20px;  color: #666666; }
.con-pro .contact span{color:#183f8e; font-size: 24px; padding-left: 120px; margin-top: 10px; display: block;}
.con-pro .contact .more{ margin-left: 125px; margin-top: 10px; text-align: center; }
.con-pro .contact .more a{ color: #183f8e; border: 1px solid #183f8e; width: 120px; height: 30px; line-height: 30px; display: block; }
.con-pro .contact .more a:hover{ background: #183f8e; color: #FFF; }

.con-pro .fl{ width: 300px; }
.con-pro .fr{ width: 860px; }
.con-pro .fl .title{ height:55px; width: 270px; background: #122a88; color: #FFF; padding:10px 0 0 30px;   }
.con-pro .fl .title span{ display: block;font-size: 25px; font-weight: bold; }

.con-pro .fr{ width: 860px; }
.con-pro .fr .title{line-height: 45px; border-bottom: 1px solid #e1e1e1; margin-bottom:5px}
.con-pro .fr .title span{ font-size: 24px; color: #122a88; border-bottom: 3px solid #122a88; padding-bottom: 10px; font-weight: bold; }
.con-pro .fr .title p{ display: inline-block; float: right; }


.listpages{
	
}
.listpages ul{
	float:right;
	padding:12px 0px 12px 16px;
	padding-left:100px
}
.listpages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.listpages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.listpages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.listpages ul li.thisclass,
.listpages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.listpages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.listpages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

.titletop{ width:600px; margin:0 auto; text-align:center;font-size:14px}
.titletop small{ font-weight:bold; }	

.index-case{ height:auto; overflow: hidden; text-align: center; background: url(../images/casebg.jpg) no-repeat top center;   }
.index-case .prev{ display:block; position:absolute; top:60px; left:0px; width:50px; height:50px; background:url(../images/prev.png) no-repeat;   }
.index-case .next{ display:block; position:absolute; top:60px; right:0px; width:50px; height:50px; background:url(../images/next.png) no-repeat;   }
.index-case .content{ padding:0 80px;position:relative; }
.index-case ul{ overflow:hidden; zoom:1; width:910px; height:auto; }
.index-case ul li{ float:left;  width:240px;overflow:hidden; height:220px; margin-right:20px;}
.index-case ul li img{ width: 230px; height: 167px;padding: 3px; border: 1px solid #c1c1c1; }
.contenta ul li a p{ width:100%;text-align:center; float:left; height:30px; line-height:30px}
.contenta ul li a span{width:100px;text-align: center; border:#666 solid 1px; float:right; height:30px; line-height:30px}
.contentacon p{ line-height:32px;text-indent:24px;}
.contentab {line-height:32px;}
.contentab p{line-height:32px;text-indent:24px;}
.titbiaoti{ width:80%; margin:0 auto;font-size:18px; height:35px; line-height:35px; font-weight:bold; text-align:center}
.contentacon p img{ clear:both;max-width:400px;width:100%; margin:0 auto;text-align:center !important}
.adv{ background: url(../images/advbg.jpg) no-repeat top center; height: 180px; color: #FFF; }
.adv .fl{ padding-left: 100px; }
.adv .fr{ padding-right: 100px;  width: 310px; height: 130px; background: url(../images/tel01.png) no-repeat left; }
.adv .fl h2{ font-size: 40px; font-weight: bold; padding-top: 40px; }
.adv .fl p{ font-size: 20px; margin-top: 10px; }
.adv .fl p span{display: inline-block;  width: 22px; height: 20px; margin-left: 15px; background: url(../images/ico01.png) no-repeat left center; }
.adv .fr p{ font-size: 18px; margin-top:38px; padding-left: 60px;}
.adv .fr p span{ display: block; font-size: 30px; }
.adv .fr .more{ width: 133px; height: 34px; background: url(../images/btn1.png) no-repeat; text-align: center; margin-left: 60px; margin-top: 15px; }
.adv .fr .more a{ color: #FFF;  width: 133px; height: 34px; line-height: 34px; display: block; }

.ys{ width: 100%; height: auto; padding:1px 0; overflow: hidden; }
.ys .content-1,.ys .content-2{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden; }
.ys .content-1 .fl{ width: 700px; }
.ys .content-1 .fr{ width: 500px; }
.ys .content-2 .fl{ width: 480px; }
.ys .content-2 .fr{ width: 600px; }


.fra { float:right;}
.ys .content-2 .fra{ width: 600px; }



.ys h2{ color: #0256a4; overflow: hidden; padding-bottom: 18px; margin-bottom: 10px; margin-top: 25px; background: url(../images/ys-line.jpg) no-repeat bottom left; }
.ys h2 i{ float: left; }
.ys h2 span{ float:left; margin-left: 20px; color: #666666; }
.ys h2 span em{ display: block; font-style: normal;font-weight: bold; color: #007bdf; }
.ys .content-1 p,.ys .content-2 p{ font-size: 14px; color: #2d2d2d; line-height: 25px; background: url(../images/ys-ico.jpg) no-repeat left 6px; padding-left: 20px; }

.index-about { height: 439px; padding-top: 50px;color: #FFF;  overflow: hidden;background:url(../images/aboutbg.jpg) no-repeat top center; }
.index-about .fl{ width: 600px; }
.index-about .fr{ width: 600px; }
.index-about .fl img{ width: 491px; height: 357px; border: 12px solid #6bb0e7; }
.index-about .fr h2{ font-size: 30px;  letter-spacing: 1px;}
.index-about .fr h2 span{ display: block; font-size:40px;letter-spacing: 0px; font-weight: bold;  }
.index-about .fr p{ margin-top: 34px; line-height: 28px; padding-top: 10px; }
.index-about .more{ text-align: left; margin: 40px 0 25px; width: 100%; display: block; }
.index-about .more a{ width: 182px; height: 39px;display:inline-block; background: #FFF; text-align: center; line-height: 39px; font-size: 16px; }
.index-about .more a:hover{ color: #FFF;background: #0256a4; }

.index-news{ padding: 40px 0 20px; height: auto; overflow: hidden; }
.index-news .fl,.index-news .fr{ width: 585px;border: 1px solid #ececec; }
.index-news .fl .title,.index-news .fr .title{ border-bottom: 1px solid #ececec; height: 82px; }
.index-news .fl .title i,.index-news .fr .title i{float:left; display: inline-block; width: 86px; height: 82px; background: #007bdf; position: relative;}
.index-news .fl .title i img,.index-news .fr .title i img{ position: absolute; left:0; top:0;bottom: 0;right: 0; margin: auto; }
.index-news .fl .title span{ float:left; display: inline-block; width:90px; height: 72px; margin-left: 20px; font-size: 18px; padding-top: 20px; background: url(../images/en-1.jpg) no-repeat left 50px; }
.index-news .fr .title span{ float:left; display: inline-block; width:90px; height: 72px; margin-left: 20px; font-size: 18px; padding-top: 20px; background: url(../images/en-2.jpg) no-repeat left 50px; }
.index-news .fl .title em,.index-news .fr .title em{ float: right; margin-right: 20px; font-style: normal; line-height: 82px; }

.index-news .content{ padding:25px 35px; }
.index-news h3{ line-height: 43px; }
.index-news h3:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #ff6d00; position: relative; top:-3px; }
.index-news h3 span{ float: right; font-size: 14px; }
.index-news dl{ height: auto; overflow: hidden;}
.index-news dl dt{ float: left;width: 242px; }
.index-news dl dd{ float: right; width: 250px; }
.index-news dl dt img{ width: 240px; height: 158px; border: 1px solid #ececec; }
.index-news dl dd .date span{ display: block; font-size: 24px; color: #ff6d00; font-weight: bold; }
.index-news dl dd h4{ font-size: 16px; line-height: 40px; height: 40px; overflow: hidden; }


.links{padding-bottom: 20px;}
.links span{ font-weight: bold; font-size: 18px; }
.links a{margin-right: 15px;}

.footer{background: #333333;height: 220px;overflow: hidden;padding-top: 30px;}
.fnav dl{ float: left; display: inline; margin-right: 80px; }
.fnav dl dt{ position: relative; line-height: 50px; font-size: 16px; margin-bottom: 10px;  }
.fnav dl dt a{ color: #FFF; }
.fnav dl dt:after{ content: ''; width: 20px; height: 2px; background: #666666; position: absolute; left: 0; bottom: 0; }
.fnav dl dd{line-height: 25px; color: #999999;}
.fnav dl dd a{ color: #999999; }
.footer .ewm{ text-align: center; color: #FFF; }
.footer .ewm h3{ padding-bottom: 5px; }
.footer .ewm img{ width: 150px; height: 150px; }

.copyright{background: #333333;color: #999999;height: 50px;line-height: 30px;overflow: hidden; text-align: center;}

.kefu{position:fixed;right:-170px;top:50%;z-index:900;}
.kefu li a{text-decoration:none; color: #FFF;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:#0d77e5;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:#0d77e5;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}

.ban{ width: 100%; height: 300px; overflow: hidden; }
.ny{ height: auto; overflow: hidden; width: 100%; padding: 30px 0; }
.ny .fl{ width: 300px; }
.ny .fr{ width: 860px; }
.ny .fl .title{ height:70px; width: 270px; background: #007bdf; color: #FFF; padding: 20px 0 0 30px; text-transform: uppercase;   }
.ny .fl .title span{ display: block;font-size: 28px; font-weight: bold; }

.ny .contact{ width: 300px; height: 140px; background: url(../images/tels.jpg) no-repeat #e3e3e3; margin-top: 30px;}
.ny .contact p{ margin-left: 160px;font-size: 16px; padding-top: 20px;  color: #666666; }
.ny .contact span{color:#007bdf; font-size: 24px; padding-left: 120px; margin-top: 10px; display: block;}
.ny .contact .more{ margin-left: 125px; margin-top: 10px; text-align: center; }
.ny .contact .more a{ color: #007bdf; border: 1px solid #007bdf; width: 120px; height: 30px; line-height: 30px; display: block; }
.ny .contact .more a:hover{ background: #007bdf; color: #FFF; }
.ny .fr .title{line-height: 45px; border-bottom: 1px solid #e1e1e1;}
.ny .fr .title span{ font-size: 24px; color: #007bdf; border-bottom: 3px solid #007bdf; padding-bottom: 10px; }
.ny .fr .title p{ display: inline-block; float: right; }

.ny .fr .tit{line-height: 38px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.ny .fr .tit span{ font-size: 18px; color: #007bdf; border-bottom: 3px solid #007bdf; padding-bottom: 8px; }

.ny .fr .txt{ border: 1px solid #e1e1e1; background: #f4f4f4; margin-top: 20px; padding: 15px; }

.list-1 dl{ border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
.list-1 dl dt{ line-height: 35px; font-size: 16px; }
.list-1 dl dt:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #ff6d00; position: relative; top:-3px; }
.list-1 dl dt span{ float: right; font-size: 14px; }
.list-1 dl dt a{ font-weight: bold; }
.list-1 dl dd{ color: #999;line-height:28px}

.list-2{ height: auto; overflow: hidden; padding-bottom: 30px; }
.list-2 ul li{ float: left; display: inline-block; margin-right: 27px; text-align: center; margin-top: 20px; }
.list-2 ul li:nth-child(3n){margin-right:0}
.list-2 ul li img{ width: 260px; height: 190px;padding: 3px; border: 1px solid #c1c1c1; transition: 0.5s; }

.news{ padding:0px 0 0;  }
.news h1{ text-align: center;font-size: 24px;padding-top:30px; }
.news .date{ text-align: center; font-size: 14px; padding: 15px 0; }
.news .date span{ padding: 0 15px; }
.news .info{ padding: 10px 0 0; line-height: 25px; }

.tags{ border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; height:35px; line-height:35px; margin:30px 0}
.tags span{ font-weight: bold; }
.tags a{ margin-right: 15px; }

.page{line-height: 50px;}
.page span{ float: right; }

.xg-pro{ height: auto; overflow: hidden; margin-top: 5px; }
.xg-pro ul li{ float: left; display: inline-block; width: 200px; margin-right: 15px; text-align: center; }
.xg-pro ul li img{ width: 200px; height: 160px; }

.xg-news{ height: auto; overflow: hidden;margin-top: 15px; }
.xg-news ul li{ float: left; display: inline-block; width: 47%; margin-right: 3%;line-height:25px; }
.xg-news ul li:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #ff6d00; position: relative; top:-10px; }
.xg-news ul li a{ text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; width: 240px; display: inline-block; }
.xg-news ul li span{ float: right; }

.xg-area{ height: auto; overflow: hidden; margin-top: 0px; margin-bottom:15px; }
.xg-area ul li{ float: left; display: inline-block; margin-right: 25px; line-height:25px; }

.pro{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 30px; }
.pro .img{ float: left; display: inline-block; width: 480px; }
.pro .text{ float: right; display: inline-block; width: 350px; }

.pro .text h1{ font-size: 24px; padding-top: 20px; }
.pro .text .desc{ padding: 20px 0; height: 150px; font-size: 16px; line-height: 25px; }
.pro .text .btn{ width: 120px; height: 40px; background: #007bdf; color: #FFF; display: block; text-align: center;line-height: 40px; font-size: 18px; }

.pro-content .tits{border-bottom: 1px solid #e1e1e1; height: 40px; width: 100%; font-size: 18px; }
.pro-content .tits span{ background:#007bdf; color:#FFF; display: block;width: 120px; height: 40px; text-align: center; line-height: 40px; }
.pro-content .info{ padding: 20px 0; font-size:14px}
.pro-content .info p{margin-top:10px; font-size:14px}
.pro-content .info img{ max-width:90%; display:block; margin:0 auto}

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.pc-slide{width: 100%;margin: 0 auto; text-align: center;}
.view .swiper-slide .imgauto{width: 100%;height: 350px; position: relative;}
.view .swiper-slide .imgauto img{ max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0 }
.view .swiper-container{width: 100%;}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{width: 80%;margin: 0 10%;overflow: hidden;}
.preview .swiper-slide{width:22.5%;padding: 5px; }
.preview .swiper-slide .imgauto{width: 100%;height: 80px;line-height: 80px;border: 1px solid #ddd;text-align: center;cursor: pointer; position: relative; display: block;}
.preview .swiper-slide .imgauto img{display: inline-block;vertical-align: middle;max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0}
.preview .slide6{width: 82px;}
.preview img{padding: 1px;}
.preview .active-nav .imgauto{border: 1px solid #1f7fcb;}
.preview .arrow-left{background: url(../images/prev1.png) no-repeat left center;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.preview .arrow-right{background: url(../images/next1.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.clearfix {*zoom: 1;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}

#message{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;transform: scale(0);transition: .3s;}
.messagebg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1001;}
#message .m-content{margin-top: 10%;}
#message .m-content .m-message{background: #fff;width: 580px;background: #fff;padding: 50px;margin: 0 auto;position: relative;z-index: 1002;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.m-message{width: 100%;margin: 48px auto 0;}
.m-message label{margin-bottom: 15px;display: block;font-size: 14px;}
.m-message label em{display: block;float: right;color: red;height: 32px;line-height: 32px;}
.m-message label span{width: 70px;height: 34px;line-height: 34px;color: #2F2F2F;float: left;font-weight: bold;text-align: right;margin-right: 30px;display: inline-block;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width: 80%;overflow: hidden;height: 32px;line-height: 32px;border: #cccccc 1px solid;border-radius: 3px;padding:0 14px;box-sizing: border-box;color: #555;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea{height: 72px;line-height: 24px;padding:10px 14px;}
.m-message label.code{line-height: 34px;}
.m-message label.code input{width: 30%;float: left;margin-right: 30px;}
.m-message label.code .pic{display: inline-block;vertical-align: top;width: 80px;height: 32px;}
.m-message label.code img{display: block;width: 100%;height: 100%;}
.btn-1 input{width: 100px;height: 32px;line-height: 32px;background: #e8e8e8;border: none;color: #333;margin-right: 22px;cursor: pointer;transition: 0.3s;}
.btn-1{padding-left: 100px;}
.btn-1 input.focus{background: #1f7fcb;color: #fff;}
.btn-1 input.focus:hover{background: #444;}
.btn-1 input:hover{background: #ccc;}


 .pages{clear: both;margin:20px auto 20px auto;   overflow: hidden; text-align: center;font-size:14px; }
.pages ul li{display:inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.pages ul li:hover{background:#0d77e5;color:#fff;border: 1px solid #0d77e5}
.pages ul li:hover a{color:#fff;}
.pages ul li.thisclass{display: inline-block;border: 1px solid #0d77e5;padding:6px 15px;margin: 0 1px;background: #0d77e5;color: #fff;}
.pages ul li.thisclass a{color: #fff;}
.pages ul li a{display:block;color:#999}
.pages ul li a:hover{color: #fff;}



.wbfw{ float: left; width: 214px; height:300px; background: #f5f5f5; border: 1px solid #d3d5cd; margin: 20px 12px; text-align: center; transition: 0.3s;}
#wbfw_font{ text-align: center; color: #4e4e4e; font-size: 22px;}
#wbfw_tel{ width: 200px; background: url(../Images/fwtel.png) no-repeat left center; padding-left: 40px; color: #f39700; font-size: 30px; font-weight: bold; font-family: arial; margin:0 auto; height:80px; line-height:80px}


.dema{background:url(../img/line2.gif) repeat-x center bottom;padding:10px 0 0;color: #434343;line-height: 20px;font-size: 12px;height: 150px;font-family:"Microsoft Yahei";}
.dema div.hs{background:url(img/index/line1.gif) repeat-x center 86px;color: #434343;line-height: 20px;height: 168px;font-size: 40px;line-height: 68px;text-align: center;}
.dema div.hs b{color: #c90e1b;}
.dema div.hs p{display: block;font-weight: normal;font-size: 22px;line-height: 40px;}
.dema div.hs p span{background: #fff;padding: 0 14px;}
.dema_c{height:520px;overflow: hidden;}
.dema_c dl{width: 300px;height:438px;background: #f0f0f0;line-height: 26px;float: left;}
.dema_c dt,.dema_c dt img{width: 300px;height:259px;display: block;}
.dema_c dd{padding: 13px 23px 0;height: 165px;}
.dema_c dd span{font-size: 22px;font-weight: normal;height: 46px;line-height: 46px;text-align: center;}
.dema_c dd span a{color: #434343;}
.dema_c dl.dema_c1{width:600px;}
.dema_c dl.dema_c1 dt,.dema_c dl.dema_c1 dt img{width:600px;height: 357px;}
.dema_c dl.dema_c1 dd span{width:130px;float: left;}
.dema_c dl.dema_c1 dd p{width:402px;float: left;padding: 0 0 0 18px;line-height:21px;}
.dema_c dl.dema_c2{padding:178px 0 0;position: relative;height:259px;}
.dema_c dl.dema_c2 dd{position: absolute;left: 0;top: 0;}
.dema_c dl.cur{background: #29166f;color: #fff;}
.dema_c dl.cur span,.dema_c dl.cur span a{color: #fff;}

.tec_p{clear: both;font-size: 18px;text-align: center;line-height: 24px;}
.tec_p li{width: 55px;float: left;padding: 0 25px 0 70px;}
.tec_p li img{width: 55px;height: 55px;display: block;}
.tec_p li span{height:59px;display: block;padding: 5px 0 0;}
.tec_p li em{display: block;background:url(../img/icobg.gif) no-repeat center 0;color: #fff;line-height: 21px;font-family: Arial;font-size: 14px;font-style: normal;}



/*主页相册展示*/
.show{height: 310px;font-family:"Microsoft Yahei";}
.showtil{background:url(../images/line1.gif) repeat-x 0 bottom;font-size: 18px;height:1px;line-height:47px;margin-bottom: 1rem;}
.showtil li{float: left;padding: 0 15px 0 0;}
.showtil li a{display: inline-block;color: #333;}
.showtil li.cur a,.showtil li a:hover{font-weight: bold;border-bottom: solid 3px #f39700;}
.show_c .prev1,.show_c .next1{width: 18px;height: 33px;display: block;top: 77px;right: -31px;}
.show_c .prev1{left: -31px;}
.show_cl{width: 1200px;overflow: hidden;}
.show_cl ul{width: 1220px;overflow: hidden;}
.show_cl li{width:291px;float: left;text-align: center;padding: 0 12px 0 0;}
.show_cl li img{width:291px;height: 187px;display: block;}
.show_cl li span{display: block;line-height: 46px;font-size: 14px;}
.show_cl li span a{color: #363636;}

.fl { float:left;}
.fr { float:right;}

.pa{ position:absolute;}
.pr{ position:relative}
    #tc_yinyong{
        width:0%;
        height:100%;
        position:fixed;
        bottom:0;
        left:0;
        z-index:99999999;
        overflow: hidden;
    }
    .tc_yinyong_dian{
        position: fixed;
        left: 0;
        top: 80%;
        z-index: 999999;
        width:130px;
        height:77px;
        border-top-right-radius:0.96rem;
        border-bottom-right-radius: 0.96rem;
        overflow: hidden;
        cursor: pointer;
    }

/*=====================================
       底部样式
=======================================*/
.land_buttom{
    width: 1175px;
    margin: auto;
    position: relative;
    display: table;
}
.land_buttom_on{
    width: 1175px;
    margin: auto;
    height: 70px;
    color: #ebe9e9;
    border-bottom: 1px solid #ccc;
}
.land_buttom_on_yi{
    font-size: 26px;
    float: left;
    font-family: 方正小标宋简体;
    margin-top: 25px;
}
.land_buttom_on_yi_span{
    font-size: 18px;
    color: #cccccc;
    margin-left: 10px;
}
.land_buttom_on_er{
    float: right;
    margin-right: 80px;
}
.land_buttom_on_er_yi{
    font-size: 18px;
    color: #ccc;
    margin-left: 106px;
}
.land_buttom_on_er_er{
    font-size: 14px;
    color: #ccc;
    margin-top: 5px;
}
.land_buttom_to{
    width: 835px;
    float: left;
    margin-top: 10px;
}
.land_buttom_to_a{
    font-size: 30.6px;
    color: #ccc;
    font-family: "Century Gothic";
    font-style:italic;
    letter-spacing:2px;
}
.land_buttom_to_a span{
    margin-right: 15px;
}
.land_buttom_to_b{
    font-size: 30.6px;
    color: #ccc;
    font-family: "Century Gothic";
    font-style:italic;
    letter-spacing:2px;
}
.land_buttom_to_c{
    font-size: 14px;
    color: #ccc;
    margin-top: 20px;
}
.land_buttom_to_d{
    font-size: 12px;
    color: #ccc;
    margin-top: 10px;
}
.land_buttom_so{
    width: 108px;
    text-align: center;
    float: left;
}
.land_buttom_so_text{
    font-size: 15.48px;
    color: #ccc;
    margin-top: 10px;
}
.land_buttom_fo{
    margin-left: 40px;
}
.land_buttom_sover{
    width: 100%;
    height: 70px;
    background: rgba(0,0,0,0.6);
    position: absolute;
    bottom: 0px;
}
.land_buttom_youlian{
    width: 1175px;
    margin: auto;
    line-height: 70px;
    font-size: 12px;
    color: #8b8b8b;
}
.land_buttom_youlian span{
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.land_buttom_youlian a{
    color: #8b8b8b;
    margin-right: 15px;
}

        .video_yan{
            width: 956px;
            position: relative;
        }
        .video_yan_ying{
            width: 100%;
            height: 298px;
            background: rgba(0,0,0,0.6);
            position: absolute;
            top: 0px;
            z-index: 6;
        }
        .video_hou{
            display: none;
        }
        .video_yan_pal{
            width: 75px;
            height: 75px;
            border-radius: 75px;
            position: absolute;
            overflow: hidden;
            left: 440px;
            top: 111.5px;
            cursor:pointer;
            z-index: 9;
        }
		
		        .video_yan{
            width: 956px;
            position: relative;
        }
        .video_yan_ying{
            width: 100%;
            height: 298px;
            background: rgba(0,0,0,0.4);
            position: absolute;
            top: 0px;
            z-index: 6;
        }
        .video_hou{
            display: none;
        }
        .video_yan_pal{
            width: 75px;
            height: 75px;
            border-radius: 75px;
            position: absolute;
            overflow: hidden;
            left: 440px;
            top: 111.5px;
            cursor:pointer;
            z-index: 9;
        }
	
    .land_footer_gai{
        width: 100%;
        background-color: #2e2e2e;
        display: table;
		padding-top:20px
    }
	    .land_footer_gai2{
        width: 100%;
        background-color: #2e2e2e;
        display: table;
		padding-top:5px;padding-left:20px
    }
    .land_footer_gai_on{
       width: 1200px;
	   margin:0 auto;padding-left:20px
    }
    .land_footer_gai_on_a{
        width:200px;
        
    }
    .land_footer_gai_on_a_img{
        width:200px;
    }
    .land_footer_gai_on_a_img img{
        width: 100%;
        display: table;
    }
    .land_footer_gai_on_b{
        width:1200px;
        display: table;
    }
    .land_footer_gai_on_b_yi{
        width:400px;
        float: left;
    }
    .land_footer_gai_on_b_er{
        width:140px;
        float: left;
        border-right: 1px solid #9f9e9e;
        text-align: center;
    }
    .land_footer_gai_on_b_san{
        width:180px;
        float: left;
        border-right: 1px solid #9f9e9e;
        text-indent: 1rem;
    }
    .land_footer_gai_on_b_si{
        width:140px;
        float: left;
        border-right: 1px solid #9f9e9e;
        text-align: center;
    }
    .land_footer_gai_on_b_wu{
       width:150px;
        float: left;
    }
    .land_footer_gai_on_b_yi_title{
        font-size:18px;
        color: #9f9e9e;
        margin-bottom: 0.25rem;
    }
    .land_fo_li ul li{
        font-size:14px;
        color: #9f9e9e;
        line-height:30px;
        cursor: pointer;
        transition:1s;
    }
    .land_fo_li ul li:hover{
        color: #fff;
        transition:1s;
        text-decoration:underline;
    }
    .land_buttom_so img{
        width: 100%;
    }
    .land_buttom_so_text{
       font-size:14px;
    }
    .dibu_on{
        width: 100%;
        height: auto;
        position: relative;
    }
    .dibu_on img{
        display: table;
    }
    .dibu_on_s{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }



        .land_footer_gai_to{
            width: 100%;
            height: 0.7rem;
            line-height: 0.7rem;
            background-color: #272727;
            text-align: center;
            color: #bfc0c0;
            font-size: 0.14rem;padding-left:20px
        }

 @media (min-width: 1024px){
    html{font-size: 52.65px}
    } 
    @media (min-width: 1100px) {
    html{font-size: 60.98px;}
    } 
    @media (min-width: 1280px) {
    html{font-size: 65.98px;}
    } 

    @media (min-width: 1366px) {

    html{font-size: 70.46px;}
    }  

    @media (min-width: 1440px) {
    html{font-size: 74.32px;}
    } 

    @media (min-width: 1680px) {
    html{font-size: 86.82px;}
    } 
    @media (min-width: 1920px) {
    html{font-size: 99.32px;}
    }