@charset "utf-8";
/* 全局 */
.shuiyin{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;}
.sy_box{width:auto;height:100%;position:relative;display:flex;align-items:center;justify-content:center;}
.sy_pic{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:url(/shuiyin.png) no-repeat center/85%;opacity: .5;}

*{margin:0px;padding:0px;font-weight:normal;line-height:normal;font-family:inherit;font-size:inherit;font-style:normal;color:inherit;box-sizing:border-box;z-index:1;outline:none;text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;}
::-webkit-scrollbar{width:8px;height:8px;background-color:#F5F5F5;}
::-webkit-scrollbar-track{border-radius:10px;background-color:#E2E2E2;}
::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);background-color:#555;}

html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
body{overflow-x:hidden;overflow-y:auto;font-size:14px;font-family:"microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#333;}

ul, ol, li{list-style:none;}
img, iframe{border:0px;}
table{border-collapse:collapse;border-spacing:0;}

input,textarea{-webkit-user-select:text;background:none;border:0;}
:-moz-placeholder,
::-moz-placeholder,
input:-ms-input-placeholder,textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}

.fl{float:left;position:relative;}
.fr{float:right;position:relative;}

.w1200{width:100%;margin:0 auto;position:relative;max-width:1200px;height:100%;}
.clear{display:block;clear:both;font-size:0;height:0;}
.clearfix:after{content:" ";clear:both;visibility:hidden;display:block;font-size:0;height:0;}

@media screen and (max-width:1400px){body{font-size:13px;}}
@media screen and (max-width:1300px){body{font-size:12px;}}
@media screen and (max-width:1200px){body{font-size:11px;}}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*头部*/
.top,
.header,
.nav{width:100%;position:relative;z-index:100;}

.top{background:#762069;color:#fff;font-size:12px;padding: 0 85px;}
.top .box{display:block;width:50%;height:40px;overflow:hidden;opacity:.9;}
.top .fl{line-height:40px;}
.top .fr{text-align:right;}
.top .fr a{display:block;float:right;position:relative;margin-left:10px;padding-left:10px;height:40px;line-height:40px;opacity:.9;}
.top .fr a:after{content:'';width:1px;height:10px;background:#fff;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);opacity:.5;}
.top .fr a:last-child:after{display:none;}
.top .fr a:hover{opacity:1;}

.header{background:#fff;height:120px;overflow:hidden;padding: 0 85px;}
.header .fl{display:flex;align-items:center;height:100%;}
.header .fr{display:flex;align-items:center;justify-content:space-between;height:100%;}
.header .fr .txt{display:flex;height:100%;justify-content:center;flex-direction:column;margin-left:20px;}
.header .fr .txt p{font-size:16px;line-height:16px;color:#666;padding:7px 0 10px;}
.header .fr .txt h4{font-size:24px;font-weight:bold;color:#762069;display:inline-block;line-height:24px;}

.nav{height:60px;border-color:#d7d7d7;border-style:solid;border-width:1px 0;padding: 0 85px;}
.nav li{float:left;width: calc(100% / 8);display:block;position:relative;height:100%;}
.nav li:before{content:"";display:block;position:absolute;background:#ccc;top:50%;transform:translateY(-50%);left:0;width:1px;height:12px;}
.nav li:first-child:before{display:none;}
.nav li a{text-align:center;position:relative;color:#666;height:100%;display:flex;align-items:center;justify-content:center;transition:.5s ease;}
.nav li .a1{font-size:16px;}
.nav li.on .a1,
.nav li:hover .a1,
.nav li .box a:hover{color:#762069;}
.nav li .box{background:#fff;border-top:2px solid #762069;position:absolute;top:100%;left:0;width:100%;z-index:99;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .6s ease 0s;box-shadow:0 13px 42px 11px rgba(0, 0, 0, 0.05);}
.nav li:hover .box{opacity:1;visibility:visible;transform:translateY(0);}
.nav li .box a{color:#666;font-size:13px;height:44px;border-bottom:1px solid #eee;}
.nav li .box a:hover{padding-left:10px;background:rgba(0,0,0,.02);}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*底部*/
.lianxi{position:relative;width:100%;background:rgba(0,0,0,.01);padding: 30px 85px;}
.lianxi h1{line-height:1em;font-size:20px;margin-bottom:20px;}
.lianxi ul{width:100%; position:relative;}
.lianxi ul li{padding-right:20px; width:25%; float:left;}
.lianxi ul li:last-child{padding-left:0;}
.lianxi ul li h3{line-height:1em;font-size:16px;margin-bottom:10px;color:#762069;}
.lianxi ul li p{line-height:1.5em;opacity:.9;}

.footer{position:relative;width:100%;padding:30px 85px;background:rgba(0,0,0,.1);}
.footer a:hover{color:#762069;opacity:1;}

.footer .fl{padding-right:20px; width:25%;}
.footer .fl a{display:block; width:100%; line-height:1em; position:relative;}
.footer .fl .a1{font-size:20px;margin-bottom:20px;}
.footer .fl .a2{font-size:16px;margin-bottom:10px;}
.footer .fl .a3{line-height:1.5em;opacity:.8;}
.footer .fl .box{margin-bottom:20px;}

.footer .fr{width: 25%;display: flex;flex-direction: column;align-items: flex-start;}
.footer .fr:before{content:'';width:1px;height:100%;display:block;position:absolute;top:0;background:#000;opacity:.1;left:-60px;}
.footer .fr .img{width: auto;overflow: hidden;}
.footer .fr .img img{display:block; width:150px; height:auto;margin:0 auto;}
.footer .fr p{width: 150px;margin-top:10px;line-height:1em;text-align:center;}

.copyright{width:100%;position:relative;background:rgba(0,0,0,.95);padding:15px 85px;color:#ccc;}
.copyright p{line-height:2em;font-size:14px;}
.copyright a:hover{color:#fff;}
.copyright .zycp{width:100%;}
.copyright .zycp a{margin:0 5px;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*左侧浮动*/
.toolbar{position:fixed;top:50%;right:0;z-index:100;width:80px;transform:translateY(-50%);}
.toolbar li{width:80px;height:80px;margin-top:4px;color:#fff;font-size:14px;cursor:pointer;position:relative;}
.toolbar li:first-child{margin-top:0;}

.toolbar li .bg,
.toolbar li .box{background:#762069;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:5px;}

.toolbar li .bg{width:100%;height:100%;position:relative;z-index:10;overflow:hidden;}
.toolbar li .bg i{width:30px;height:30px;background-repeat:no-repeat;background-position:top center;background-size:25px;}
.toolbar li .bg span{line-height:20px;height:20px;overflow:hidden;}
.toolbar li.tel .bg i{background-image:url(../images/toolbar/2.png);}
.toolbar li.wxewm .bg i{background-image:url(../images/toolbar/3.png);}
.toolbar li#top .bg i{background-image:url(../images/toolbar/4.png);}
.toolbar li:hover .bg{background:#333;}

.toolbar li .box{transition:transform .5s ease;position:absolute;top:0;right:0;width:164px;height:80px;padding:10px;transform:translateX(100%);z-index:5;}
.toolbar li .box:after{content:'';display:block;width:0;height:0;border-style:solid;border-color:transparent transparent transparent #762069;border-width:10px;position:absolute;top:40px;right:0;z-index:6; transform:translate(100%, -50%);}
.toolbar li .box p{font-size:14px;}
.toolbar li .box h3{font-size:18px;font-weight:bold;}

.toolbar li.wxewm .box{height:164px;}
.toolbar li.wxewm .box img{height:100%;}
.toolbar li:hover .box{transform:translateX(-91px);}
/*------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1400px){
	.index-title .tit h3,
	.index-banner .fl h3,
	.nei-left h1{font-size:38px;}
	
	.index-title .tit p,
	.index-meau ul li,
	.nei-nav li a,
	.ny-list1 .item1 p{font-size:15px;}
	
	.index-h3 p,
	.nei-contact p{ font-size:14px;}
	
	.index-banner .fr .tel{font-size:24px;}
	
	.index-banner .fl p,
	.index-banner .fr .but{font-size:18px;}
	
	.index-about .main h1,
	.nei-contact h1{ font-size:22px;}
	
	.nei-contact h3,
	.pagenews li h3{ font-size:16px;}
	
	.pagenews li p{ font-size:13px;}
}
@media screen and (max-width:1300px){
	.index-title .tit h3,
	.index-banner .fl h3,
	.nei-left h1{font-size:34px;}
	
	.index-title .tit p,
	.index-meau ul li,
	.nei-nav li a,
	.ny-list1 .item1 p{font-size:14px;}
	
	.index-h3 p,
	.pagenews li p{ font-size:12px;}
	
	.index-banner .fr .tel{font-size:22px;}
	
	.index-about .main h1{ font-size:20px;}
	
	.index-about .main p{padding-top: 20px;margin-bottom: 20px;line-height:2em;}
}
@media screen and (max-width:1200px){
	.index-title .tit h3,
	.index-banner .fl h3,
	.nei-left h1{font-size:30px;}
	
	.index-title .tit p,
	.index-meau ul li,
	.nei-nav li a,
	.ny-list1 .item1 p{font-size:13px;}
	
	.index-banner .fr .tel{font-size:20px;}
	
	.index-about .main h1{ font-size:18px;}
}