/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333; min-width: 1200px;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0; outline: none;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333; outline:none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer; outline:none;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #00a0e9;border-radius: 2px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
em{background-position: center center; background-size: cover; background-repeat: no-repeat;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*常用定位*/
.top50{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.left50{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.topleft50{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
/*网页限定宽度*/
.w1200{max-width: 1200px; width: 96%; margin: 0 auto;}
#page{ background: #fff;}

/*header*/
.header{ height: 100px;}
.header .w1200{ height: 100%;}
.header .logo{ position: relative; display: inline-block;}

.nav-box{ position: relative; z-index: 13; margin-left: 30px;}
.nav-box .nav > li{position: relative;float: left; height: 100px;}
.nav-box .nav > li > a{position: relative;display: block;padding: 0 26px;font-size: 16px;color: #111111; height: 100%; text-align: center; transition: 0.3s;}
.nav-box .nav > li > a p{ line-height: 26px; transition: 0.3s;}
.nav-box .nav > li > a p.cn{ padding-top: 36px;}
.nav-box .nav > li > a p.en{ font-size: 12px; text-transform: uppercase; color: #999;}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100px;width: 100%;background-color: rgba(0,134,200,.7);transform: translateX(-50%);}
.nav-box .nav-2nd > li{}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center; font-size: 16px; transition: 0.3s; -weblit-transition: 0.3s; color: #fff; transition: 0.3s; font-size: 14px;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s; -weblit-transition: 0.3s;}
.nav-box .nav > li:hover > a{ background: #0086c8;}
.nav-box .nav > li:hover > a p{ color: #fff;}
.nav-box .nav-2nd > li > a:hover{background: #0086c8;}
.nav-box .nav > li.on > a{background: #0086c8;}
.nav-box .nav > li.on > a p{color: #fff;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}

.header .searchIcon{position: relative; width: 28px; height: 28px; cursor: pointer;}
.header .searchIcon img{ width: 100%; cursor: pointer;}
/*搜索弹窗*/
.searchTan{ display: none; border-radius: 8px; overflow: hidden;}
.searchTan form{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 50px; margin: auto; }
.searchTan form .text-input{ display: block; width: 100%; height: 100%; padding: 0 50px 0 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 16px; border-radius: 40px;}
.searchTan form .sub-btn{position: absolute; right: 0; top: 0; width: 52px; height: 52px; background: url(../mages/searchIcon.png)no-repeat center; background-size: 28px 28px; border: none;  border-radius: 50%; font-size: 26px; color: #666;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -10px;top: -10px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 30px;text-align: center;line-height: 26px;font-weight: bold; color: #c4c4c4; font-weight: bold;}

/*手机导航*/
.menu-btn{display: none; position: relative; float: right; width: 24px;height: 24px;font-size: 0; margin-left: 24px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s;}
.menu-btn span{display: block;width: 100%;height: 3px;background-color: #666;transition: 0.5s ease-out;}
.menu-btn span:nth-child(2){margin: 7px 0;}

/*banner*/
.banner{ position: relative; overflow: hidden;}
.banner em{ display: block; height: calc(100vh - 380px);}

/*快速导航*/
.partBox{ overflow: hidden;}
.partBox .item{position: relative; float: left; width: 25%; height: 230px; background: #f5f5f5; text-align: center;}
.partBox .item i{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0; background-size: cover; background-position: center;}
.partBox .item i::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.partBox .item .text{position: relative; z-index: 1;}
.partBox .item:nth-child(2n){ background: #fff;}
.partBox .item img{ padding-top: 60px; transition: 0.3s; -webkit-transition: 0.3s;}
.partBox .item p{ font-size: 18px; font-weight: bold; margin-top: 6px; transition: 0.3s; -webkit-transition: 0.3s;}
.partBox .item:hover i{opacity: 1;}
.partBox .item:hover img{ filter: brightness(0) invert(1);}
.partBox .item:hover p{ color: #fff;}

/*footer*/
.footer{ text-align: center; height: 50px; line-height: 50px; background: #002140; color: rgba(255,255,255,0.6);}
.footer a{color: rgba(255,255,255,0.6); transition: 0.3s; -webkit-transition: 0.3s;}
.footer a:hover{ color: rgba(255,255,255,1);}

/*内页公用*/
.nBan em{display: block;height: 230px;}
.nNav{ background: #f5f5f5; text-align: center; font-size: 0; height: 50px; line-height: 50px;}
.nNav a{ font-size: 16px; display: inline-block; padding: 0 30px; transition: 0.3s; -webkit-transition: 0.3s;}
.nNav a.on{ background: #0168b3; color: #fff;}
.nNav a:hover{ background: #0168b3; color: #fff;}
.nCON{ margin-top: 22px; min-height: calc(100vh - 452px);}
.newList ul li a{ display: block; overflow: hidden; height: 60px; line-height: 60px; border-bottom: 1px #ddd dashed;}
.newList ul li a p{ float: left; width: calc(100% - 150px); font-size: 16px; color: #333;}
.newList ul li a i{ float: right; color: #888;}
.newList ul li a:hover p{ color: #0168b3; text-indent: 0.5em;}

/*分页*/
.page{padding: 50px 0;font-size: 0;text-align: center;}
.page > *{display: inline-block;padding: 0 14px;margin: 0 5px;height: 36px;background-color: #fff;border: 1px solid #e6e6e6;font-size: 15px;line-height: 36px;color: #333;}
.page > *.on,.page > *:hover{background-color: #0168b3;border-color: #0168b3;color: #fff; transition: 0.3s;}

/*图片列表*/
.picList ul{ overflow: hidden; padding-top: 30px;}
.picList ul li{float: left; width: 31%; margin-right: 3.5%; margin-bottom: 32px;}
.picList ul li a{position: relative; display: block; overflow: hidden;}
.picList ul li a em{ display: block; padding-bottom: 73.2%;}
.picList ul li:nth-child(3n){ margin-right: 0;}
.picList ul li a p{ position: absolute; bottom: 0; left: 0; height: 44px; line-height: 44px; text-align: center; padding: 0 10px; box-sizing: border-box; background: rgba(0,0,0,0.5); width: 100%; font-size: 16px; color: #fff;}

.aboutBox{ margin-bottom: 40px;}
.aboutBox .word{ font-size: 16px; line-height: 32px; color: #444; min-height: 450px;}
.aboutBox .word .wordTitle{ text-align: center; border-bottom: 1px #eee solid; padding-bottom: 20px; margin-bottom: 30px; padding-top: 20px;}
.aboutBox .word .wordTitle h3{font-size: 22px; padding: 0 20px; margin-bottom: 6px;}
.aboutBox .word .wordTitle h4{font-size: 14px; font-weight: normal; color: #888;}
.aboutBox .word .wordTitle h4 span{ padding: 0 10px;}

.inpageUrl{ margin-top: 30px; padding-top: 20px; border-top: 1px #eee solid;}
.inpageUrl p{ height: 40px; line-height: 40px; font-size: 16px;}
.inpageUrl p a{ color: #666;}
.inpageUrl p a:hover{ color: #0168b3;}

.map iframe{width: 100%; height: 402px; border: 1px #ddd solid; box-sizing: border-box;}
.contact{ padding-bottom: 30px;}

 @media screen and (max-width: 1366px){
	.banner em{ height: auto; padding-bottom: 40.45%;} 
 }

/* 
@media screen and (max-width: 1200px){
	.menu-btn{ display: block;}
	.nav-box{ display: none;}
}

@media screen and (max-width: 1023px){
	.banner em{ height: auto; padding-bottom: 50%;}
	.partBox .item{ width: 50%;}
	.partBox .item:nth-child(3){background: #fff;}
	.partBox .item:nth-child(4){background: #f5f5f5;}
	
}

@media screen and (max-width: 767px){
	.header{ height: 60px;}
	.header .logo img{max-height: 40px;}
	.partBox .item p{ font-size:16px;}
	.footer{ height: auto; padding: 10px 20px; line-height: 30px; box-sizing: border-box; font-size: 13px;}
	
	.nBan em{ height: 120px;}
	.nNav{ height: auto; line-height: 38px;}
	.nNav a{ font-size: 14px; padding: 0 10px;}
	.aboutBox{ margin-bottom: 20px;}
	.aboutBox .word{ font-size: 14px; line-height: 28px;}
	.aboutBox .word .wordTitle{ padding-top: 0; margin-bottom: 14px; padding-bottom: 10px;}
	.aboutBox .word .wordTitle h3{ font-size: 18px;}
	.aboutBox .word .wordTitle h4{ font-size: 13px;}
	.aboutBox .word .wordTitle h4 span{ padding: 0 4px;}
	
	
	.newList ul li a{ height: 42px; line-height: 42px;}
	.newList ul li a p{ font-size: 14px; width: calc(100% - 80px);}
	.newList ul li a i{ font-size: 12px;}
	.page{ padding: 20px 0;}
	.page a{ display: none; font-size: 14px;}
	.page .btn{ display: inline-block;}
	
	
	.picList ul li{ width: 48%; margin-right: 0;}
	.picList ul li:nth-child(2n){ float: right;}
	.picList ul li a p{ height: 36px; line-height: 36px; font-size: 14px;}
	.picList ul{ padding-top: 0;}
	.inpageUrl p{ font-size: 14px;}
	.map iframe{ height: 302px;}
	
	
} */