/*
* name: ui.css
* version: v1.1.14
* update: 表格从1240px起进入响应模式
* date: 2017-05-23
*/
.fix:after{ content:""; clear:both; display:block;}
.fl{ float:left}
.fr{ float:right}
.ne-banner img{ width:100%; display:block;}
.ne-cd{ height:66px; line-height:66px; background:#fff;}
.ne-cd ul li{ float:left; font-size:18px; padding:0 43px; position:relative;}
.ne-cd ul li a:hover,.ne-cd ul li .on{ color:#21478b; font-weight:bold;}
.ne-cd ul li:after{ content:"|"; position:absolute; top:0; right:0; color:#dddddd; width:1px; height:12px;}
.ne-xi{ width:100%; background:#eef2f5; padding:100px 0 150px;}
.ab-ti p{ font-size:32px; color:#21478b; padding:32px 0;}
.ab-zi01{ width:567px;}
.ab-zi01 p{ font-size:16px; text-indent:30px; text-align:justify; padding-bottom:28px;}
.ne-nr{ padding-top:50px;}
.ban{ width:619px; position:relative; overflow:hidden; float:right }
.ban2{ width:583px; height:436px; position:relative; overflow:hidden; margin:0 auto;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:583px; height:436px; position: relative;}
.ban2 ul li img{ width: 100%; height: 100%; }
.ban2 ul li p{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); color: #fff; box-sizing: border-box; text-align: center; line-height: 48px; font-size: 16px;}
.prev{ float:left; cursor:pointer;}
.num{ height:79px;overflow:hidden; width:583px; position:relative;}
.min_pic{ width:583px; padding-top: 27px; margin:0 auto;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:110px; height:75px; position:relative; margin-right: 8px; float: left; background: #000;}
.num ul li img{ width: 100%; height: 100%; opacity: 0.5; }
.num ul li p{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.4); color: #fff; box-sizing: border-box; padding:5px 0; line-height: 1.6; text-align: center; }
.num ul li.on img{ opacity: 1; border:2px solid #0b5298; }
.prev1{ position:absolute; bottom:30px; left:0; width:16px; height:24px;z-index:9;cursor:pointer;}
.next1{ position:absolute; bottom:30px; right:0; width:16px; height:24px;z-index:9;cursor:pointer;}
.wh01{ margin:40px 0 80px 0; position:relative}
.wh01 img{ width:100%; display:block;}
.wh-zi{ position:absolute; color:#fff; top:50%; left:47px; transform:translateY(-50%)}
.wh-zi h1{ font-size:24px; padding-bottom:30px;}
.wh-zi p{ font-size:18px; line-height:2;}
.wh02 dl{ float:left; width:16.666%; text-align:center}
.wh02 dl dd h1{ font-size:20px; color:#1b407c;}
.wh02 dl dd p{ font-size:16px;}
.wh02 dl dt img{ transition-duration:.5s;}
.wh02 dl:hover dt img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}
  
@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
.zz-ti{ font-size:32px; font-weight:bold; text-align:center;}
.zyzz iframe {
    border: none;
    margin: 0;
    padding: 0 0 0 0;
    vertical-align: baseline;
}
.new01-img{ width:207px; height:123px; background:#000; overflow:hidden;}
.new01-img img{ display:block; transition-duration:.5s;}
.new01{ border-bottom:1px dashed #cccccc; padding-bottom:40px; margin-bottom:40px;}
.new01-zi{width: calc(100% - 207px);width: -webkit-calc(100% - 207px);padding-right:70px;box-sizing: border-box;}
.new01-zi dl dt{ background:#21478b; color:#fff; font-family:"Arial"; float:left; padding:12px;}
.new01-zi dl dt h1{ font-size:48px; font-weight:normal; line-height:40px; padding-bottom:5px;}
.new01-zi dl dd{ float:left; padding-left:40px; width:87%;}
.new01-zi dl dd h1{ font-weight:normal; font-size:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new01-zi dl dd p{ color:#999; background:url(../images/yj.png) no-repeat left center; padding-left:20px; margin:10px 0;}
.new01-zi dl dd span{ display:block; color:#777; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.new01:hover .new01-img img{ opacity:0.5; transform:scale(1.1,1.1)}

.page{line-height:30px;text-align:center;}
.page a{margin:0 3px;display:inline-block;padding:0 15px 0 15px;color:#777777; border:1px solid #cfcfcf; }
.page a:hover{background:#0e51a4; color: #fff; }
.page span.on{background:#0e51a4;border-color:#f7f7f7;  padding:6px 15px; color: #fff; }
.page a.on:hover{background:#0e51a4; }
.page a.on1{background:#ffffff;border:1px solid #f3f3f3;color:#535353;  padding:0 15px 0 15px;}
.page a.page_turn:hover{background:#135dbe;border-color:#3BA2E3;color:#FFF;box-shadow:1px 1px 3px #CCC;}
.page a[disabled]{  color: #777;cursor: not-allowed;background-color: #eef2f5;border-color: #ddd;}
.ne-mt dl{ padding-bottom:60px; padding-top:0;}
.ne-case dl{ width:49%; position:relative; float:left; margin-right:2%; margin-bottom:60px;}
.ne-case dl dt{ background:#000; overflow:hidden; position:relative; padding-bottom:66%;}
.ne-case dl dt img{ width:100%; height:100%; transition-duration:.5s; position: absolute;}
.ne-case dl dd{ position:absolute; bottom:0; color:#fff; line-height:50px; font-size:18px; width:100%; text-align:center }
.ne-case dl:nth-child(2n){ margin-right:0;}
.ne-case dl:hover dt img{ opacity:0.5; transform:scale(1.1,1.1)}
.pt1{height: 650px;
    background: url(../images/product_bg.jpg) center center no-repeat;
    padding-top: 200px;
    background-size: cover;}

.pro01{ width:24.8%;float: left;background-color: rgba(211,219,228,0.7); padding:45px 0 55px 0; transition-duration:.5s;border-right: 1px solid #9ca1a5;}
.pro01 dt h1{ font-size:24px; font-weight:normal; width:180px; margin:0 auto; text-align:center; padding-bottom:17px;}
.pro01 dt p{ text-align:center; min-height:118px;}
.pro01 dt p a{ display:block; font-size:16px;}
.pro01 dd{ background:#000; overflow:hidden}
.pro01 dd img{ width:100%; transition-duration:.5s;}
.pro01:hover{ background:#1b407c; color:#fff;}
.pro01:hover dt p a{ color:#fff; opacity:0.6;}
.pro01 dt p a:hover{ color:#fff; opacity:0.8;}
.pro01:hover dd img{ opacity:0.8; transform:scale(1.1,1.1)}
.pro01:nth-child(4){ border:none;}
.sk01{ width:48%; float:left; margin-bottom:25px;}
.sk01 p{ width:85px; text-align:right; float:left; font-size:18px; line-height:34px;}
.sk01 input{ width:84%; height:34px; line-height:34px;}
.sk01:nth-child(2n){ float:right;}
.sk01:nth-child(5){ width:100%;}
.sk01:nth-child(5) input{ width:92.5%; height:34px; line-height:34px;}
.sk01:nth-child(6) input{ width:40%;}
.tj{ text-align:center}
.tj a{ background:#1b407c; color:#fff; font-size:18px; padding:11px 180px; border-radius:10px;}
.Menubox{ height:72px;}
.Menubox li{ float:left; background:#ccced2; color:#21478b; font-size:20px; font-weight:bold; width:24.8%; height:72px; line-height:72px; text-align:center; margin-right:1px; cursor:pointer}
.Menubox li.hover{ color:#fff; background:#21478b}
.Contentbox{ padding-top:28px;}
.lx01{ position:relative;}
.map{ height:400px;}
.lx-wb{ position:absolute; background:rgba(33,71,139,0.7); color:#fff; z-index:2; padding:25px 15px; right:10px; top:50px; width: 32%;}
.lx-wb h1{ border-bottom:1px solid #7f95bb; font-size:20px; padding-bottom:15px; margin-bottom:15px;}

.lx-wb p{ line-height:1.8;}
.lx-wb p span{display: inline-block; width: 50%;}





@media only screen and (max-width: 760px){
    .lx-wb{ position:relative; top:0px; right: 0;}
	.ne-cd ul li{ font-size:16px; padding:0 10px}
	.ne-xi{ padding:30px 0;}
	.ab-ti h1 img{ width:30%;}
	.ne-cd{ height:auto; padding:10px 0; line-height:30px;}
	.ne-cd:after{ content:""; clear:both; display:block;}
	.ab-ti h1{ line-height:20px;}
	.ab-ti p{ font-size:16px; padding:10px 0;}
	.ab-zi01{ width:100%;}
	.ban{ height: 403px; width:100%; }
.ban2,.ban2 ul li{ width: 340px; height: 277px; }
.min_pic{ width: 340px; }
.num ul li{ width: 78px; height: 49px; }
.num ul li p{ display: none; }
.prev1,.next1{ bottom: 230px; padding:10px 0;}
.ne-xi .index_en{ font-size:24px;}
.ne-xi .index_cn{ font-size:20px;}
.wh01{ margin:20px 0;}
.wh-zi{ position:relative; left:0; transform:translateY(0%); color:#333; top:10px;}
.wh-zi h1{ font-size:18px; padding-bottom:10px;}
.wh-zi p{ font-size:14px;}
.wh02 dl{ width:50%;}
.wh02 dl dt img{ width:30%;}
.wh02 dl dd h1{ font-size:18px;}
.wh02 dl dd p{ font-size:14px; padding-bottom:10px;}
.ne-nr{ padding-top:20px;}
.new01-zi{ width:100%; padding-right:0; float:none;}
.new01-zi dl dt h1{ font-size:22px; text-align:center; line-height:20px;}
.new01-zi dl dt{ padding:5px;}
.new01-zi dl dd{ padding-left:10px; width:76%;}
.new01-zi dl dd h1{ font-size:16px; line-height:20px;}
.new01-zi dl dd p{ font-size:12px; margin:4px 0;}
.new01-zi dl dd span{-webkit-line-clamp: 1;line-clamp: 1; font-size:14px;}
.new01-img{ margin:20px auto 0; float:none;}
.new01{ padding-bottom:20px; margin-bottom:20px;}
.in-bd-list{ padding-top:20px;}
.pt1{ height:auto; padding:100px 0 50px 0;}
.pro01{ width:100%; padding:10px 0 0 0; margin-bottom:20px;}
.pro01 dt h1{ width:100%; font-size:18px;}
.pro01 dt p{ min-height:auto; padding-bottom:10px;}
.ne-case dl{ width:48%; margin-right:2%; margin-bottom:10px;}
.ne-case dl dd{ font-size:14px; line-height:40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ne-case dl:nth-child(3n){ margin-right:2%;}
.sk01{ width:100%; margin-bottom:10px;}
.sk01 p{ font-size:16px; width:70px;}
.sk01 input,.sk01:nth-child(5) input{ width:74%;}
.tj a{ padding:5px 30px; font-size:14px; margin-top:20px;}
.Menubox li{ font-size:16px; height:50px; line-height:50px; width:24.5%;}
	}