﻿@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑"; color:#666;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.ovh{overflow: hidden;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

input, textarea{background:transparent; padding:0px; font-size:12px; color:#666; outline:none; border:0px;font-family: Arial, "微软雅黑";}
em{font-style:normal;}

/*通用*/
input::-webkit-input-placeholder{font-family: Arial, "微软雅黑";color: #666;} 
input:-moz-placeholder{font-family: Arial, "微软雅黑";color: #666; } 
input::-moz-placeholder{font-family: Arial, "微软雅黑";color: #666; } 
input:-ms-input-placeholder{font-family: Arial, "微软雅黑";color: #666; }
input:focus {outline: none; } 
input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
input:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
input:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
textarea:focus {outline: none; } 
textarea:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
textarea:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
textarea:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
i{font-style: normal;}
/*图片放大*/
.imgChangeBigger{overflow: hidden;}
.imgChangeBigger img{transition: all .5s;}
.imgChangeBigger:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

/*图片透明*/
.imgChangeOpacity img:hover{opacity: .8;}

.line1_hidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line2_hidden{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.line3_hidden{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

/*按钮动画--start*/
.hover-shadow {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.hover-shadow:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

.wal{width: 1200px;margin:0 auto;}
.pc-show{display: block!important;}
.pc-hide{display: none!important;}

/*头部*/
.headDiv{position: absolute;width: 100%;height: 90px;z-index: 9;background: #040404;} 
.headDiv .logo{line-height: 90px; } 
.headDiv .lang{display: inline-block;padding-left: 20px;font-size: 14px;color: #fff;line-height: 90px;} 
.headDiv .lang:hover{color:#4c9ff1;} 
.headDiv .list{overflow: hidden; } 
.headDiv .list li{float: left; } 
.headDiv .list li a{font-size: 16px;color: #fff;display: block;line-height: 90px;padding:0 20px;} 
.headDiv .list li:hover a,.headDiv .list li.on a{background: #4c9ff1; } 
.headDiv .list li img{margin: 0 auto; display: none; } 
.headDiv .list li:hover img,.headDiv .list li.on img{display:block;}

.ind-headDiv{ border-bottom: 1px solid #8f9cb9;}
.about-headDiv{position: fixed;top: 0;}
.about-headDiv-bg1{border-bottom: 1px solid #e1eaf2;background: none;}
.about-headDiv-bg1 .list li a{color: #333;}
.about-headDiv-bg1 .lang{color: #9f9f9f;}
.about-headDiv-bg1 .list li:hover a{color:#fff;}

/*二级导航*/
.sNav{position: absolute; display: none; z-index: 99; top: 90px; width: 200px; padding-top: 20px; } 
.sNav .box{background: url(../images/white9.png); padding: 16px 0; height: 268px; } 
.sNav ul{} 
.sNav ul li{height: 45px; line-height: 45px; } 
.sNav ul li a{display: block; margin: 0 27px; color: #333; border-bottom: 1px dashed #b3b4b7; } 
.sNav ul li i{display: none; width: 8px; height: 8px; background: #fff; margin-right: 10px; } 
.sNav ul li:hover{background:#4c9ff1; }
.sNav ul li:hover a{color: #fff; border-bottom: 0; } 
.sNav ul li:hover i{display: inline-block; }

.about-sNav{position: fixed;top: 90px;}

.sNav3{width: 240px;}
.sNav3 .box {padding: 31px 0; height: auto; } 
.sNav3 .imgBox{background: #fff;position: absolute;left: 240px;top: 20px;padding-bottom: 19px;width: 454px;} 
.sNav3 .imgBox .img{width: 100%; } 
.sNav3 .imgBox .img img{width: 100%; } 
.sNav3 .imgBox .name{font-size: 24px;color: #333;margin: 16px 27px 9px;} 
.sNav3 .imgBox .txt{margin:0 27px; } 
.sNav3 .imgBox .ico{display: block;width: 100px;height: 27px;line-height: 27px;text-align: center;border:1px solid #666;border-radius: 20px;margin: 18px 0 0 27px;} 
.sNav3 .imgBox .ico:hover{color: #fff; background: #666; }

.side3Box{background: url(../images/white9.png); position: absolute; left: 240px; top: 51px; padding: 0 0 31px 0; display: none; } 
.side3Box .o{margin: 0 27px; border-bottom: 1px dashed #b3b4b7; height: 47px; line-height: 47px; } 
.side3Box .o a{display: block; color: #333!important; min-width: 200px; border-bottom: 0; margin: 0; } 
.side3Box .o i{display: none!important; background: none; } 
.side3Box .o:hover i{display: inline-block!important;} 
.side3Box .o:hover a{text-decoration: underline;color: #4c9ff1!important;}

/*三级导航*/
.sideBar3{padding-bottom: 10px; margin-bottom: 40px; } 
.sideBar3 .box{background: #ebeaea; } 
.sideBar3 ul{height: 60px;} 
.sideBar3 ul li{float: left;position: relative;} 
.sideBar3 ul li a{line-height: 60px;height: 60px;color: #333;padding: 0 28px;display: block;border-right: 1px solid #fff;} 
.sideBar3 ul li:first-child a{border-left: 1px solid #fff; } 
.sideBar3 ul li a img{position: absolute; bottom: -6px; left: 50%; margin-left: -3px; display: none; } 
.sideBar3 ul li.on a{background: #4c9ff1; color: #fff; } 
.sideBar3 ul li:hover a{background: #4c9ff1; color: #fff; } 
.sideBar3 ul li.on a img{display: block;} 
.sideBar3 ul li:hover a img{display: block;}
.sideBar3_sp ul li a{padding: 0 21px;}

/*底部*/
/*.bottom{height: 160px; background: #424242; } 
.bottom .top{overflow: hidden; } 
.bottom .logo{margin-top: 36px; } 
.bottom .list{overflow: hidden;margin-top: -63px;} 
.bottom .list li{float: left; margin-left: 53px; } 
.bottom .list li a{font-size: 16px;color: #ffffff;display: block;line-height: 35px;} 
.bottom .list li a:hover{color: #4c9ff1; text-decoration: underline; } 
.bottom .bot{overflow: hidden; } 
.bottom .t{font-size: 12px;color: #686868;margin-top: 14px;} 
.bottom .t a{font-size: 12px;color: #686868;text-transform: uppercase;} 
.bottom .t a:hover{color: #4c9ff1;text-decoration: underline; } 
.bottom .links{overflow: hidden;margin-top: 8px;} 
.bottom .links li{float: left; margin-left: 14px; } 
.bottom .links li img{} 
.bottom .links li img.off{display: block; } 
.bottom .links li img.on{display: none; } 
.bottom .links li:hover img.off{display: none; } 
.bottom .links li:hover img.on{display: block; }*/


.bottom{height: 160px; background: #000; } 
.bottom .top{overflow: hidden; } 
.bottom .logo{margin-top: 36px; } 
.bottom .list{overflow: hidden;margin-top: -63px;} 
.bottom .list li{float: left; margin-left: 53px; } 
.bottom .list li a{font-size: 16px;color: #ffffff;display: block;line-height: 35px;} 
.bottom .list li a:hover{color: #4c9ff1; text-decoration: underline; } 
.bottom .bot{overflow: hidden; } 
.bottom .t{font-size: 12px;color: #fff;margin-top: 14px;} 
.bottom .t a{font-size: 12px;color: #fff;text-transform: uppercase;} 
.bottom .t a:hover{color: #4c9ff1;text-decoration: underline; } 
.bottom .links{overflow: hidden;margin-top: 8px;margin-right: 182px;} 
.bottom .links li{float: left; margin-left: 14px; } 
.bottom .links li img{} 
.bottom .links li img.off{display: block; } 
.bottom .links li img.on{display: none; } 
.bottom .links li:hover img.off{display: none; } 
.bottom .links li:hover img.on{display: block; }

/*右侧悬浮窗*/
.sideBar{position:fixed; z-index:100; top:40%; right:47px; background:url(../images/a5_1.png) left top no-repeat; width:76px; height:76px;}
.sideBar ul{ display:none;}
.sideBar:hover ul{ display:block;}
.sideBar li{position:relative; top:76px; height:76px; margin-top:1px;}
.sideBar li .img1,.sideBar li .img2{ position:absolute; top:0px; left:0px;cursor:pointer;}
.sideBar li .img2{ display:none;}
.sideBar li:hover .img1{ display:none;}
.sideBar li:hover .img2{ display:block;}
.sideBar .mouse{position:absolute; left:-200px; top:0px; display:none;}
.sideBar .img{height:50px; text-align:center;}
.sideBar .img img{position:relative; }
.sideBar .liNow .mouse{display:block;}
.sideBar .li_00 .mouse{background:url(../images/a6.png) left top no-repeat; width:180px; height:190px; left:-180px; top:0px; text-align:center;}
.sideBar .li_00 .mouse img{padding-top: 19px;padding-right: 8px;}
.sideBar .li_00 .mouse p{ padding-top:5px; padding-right:11px; color:#999;}
.sideBar .li_01 .mouse{ width:275px; height:261px; left:-275px; top:0px; background:url(../images/a10.png) left top no-repeat;}
.sideBar .li_01 p{ padding:22px 0 0 27px; font-size:18px; color:#000;}
.sideBar .li_01 .list{ padding:18px 0 0 27px;}
.sideBar .li_01 dd{float:left; width:80px; line-height:22px;  position:relative; padding-left:40px; font-size:14px;}
.sideBar .li_01 dd a{color:#525252;}
.sideBar .li_01 dd a:hover{color:#203481;}
.sideBar .li_01 dd img{ position:absolute; left:12px; top:0px;}
.sideBar .li_01 dd .img1{ display:block;}
.sideBar .li_01 dd .img2{ display:none;}
.sideBar .li_01 dd:hover .img1{ display:none;}
.sideBar .li_01 dd:hover .img2{ display:block;}
.sideBar .li_01 dd:hover{color:#009241;}
.sideBar .li_02 .mouse{ width:277px; height:297px; left:-277px; background:url(../images/a11.png) left top no-repeat;}
.sideBar .li_02 .mouse{background:url(../images/a10.png) left top no-repeat; width:275px; height:111px; left:-275px;}
.sideBar .li_02 .mouse p{ font-size:18px; color:#666; padding:20px 0px 10px 26px;}
.sideBar .li_02 .mouse b{font-size: 28px;color: #203481;font-weight: normal;padding-left:26px;display:inline-block;}
.sideBar .li_03 .mouse{  width:277px; height:94px; left:-277px;}

/*banner图*/
.topBanner,.topBanner img{width: 100%;}

/*内页标题*/
.insideTlt .txt{font-size: 24px;color: #333; padding-bottom: 22px; background: url(../images/c6.jpg) no-repeat left bottom; }

/*路径*/
.path{background: url(../images/home.png) no-repeat left 24px;padding-left: 23px;margin-top: 27px;color: #999;font-size: 12px;}
.path a{color: #878787;font-size: 12px;}
.path a:last-child{color: #4c9ff1;font-weight: bold;}
.path i{display: inline-block;padding: 0 5px;color: #878787;font-size: 12px;}
.path a:hover{color: #4c9ff1;}
.path a:last-child:hover{color: #4c9ff1;}

/*页码*/
.pageNumDiv{text-align:center; height:34px; overflow:hidden; color:#666;}
.pageNumDiv01{ text-align:left;}
.pageNumDiv a{display:inline-block; height:30px; line-height:30px; padding:0 11px; margin:0 4px; border:#d9d9d9 solid 1px; color:#666; font-size:14px;}
.pageNumDiv .prev{ background:url(../images/ico3_3.png) no-repeat 10px center; padding-left:20px;}
.pageNumDiv .prev:hover{background:url(../images/ico3_3on.png) no-repeat 10px center; background-color:#4c9ff1;}
.pageNumDiv .next{ background:url(../images/ico3_4.png) no-repeat 60px center; padding-right:20px;}
.pageNumDiv .next:hover{background:url(../images/ico3_4on.png) no-repeat 60px center; background-color:#4c9ff1;}
.pageNumDiv a:hover, .pageNumDiv .aNow{background:#4c9ff1; border:#4c9ff1 solid 1px; color:#fff;}
.pageNumDiv .input1{width:33px; height:30px; line-height:30px; text-align:center; margin:0 5px; border:#d7d7d7 solid 1px;}
.pageNumDiv .btn1{ width: 57px; height: 30px; margin-left: 5px;cursor: pointer; border: #d7d7d7 solid 1px; color: #666;}
.pageNumDiv .btn1:hover{background:#4c9ff1; border:#4c9ff1 solid 1px; color:#fff;}














