/*Generated by wjdhcms 3.0 */
@charset "utf-8";
::-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, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #555;}
* { padding: 0; margin: 0;font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;}
body {font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;color: #333;margin: 0;}
:focus {outline: 1;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{ display: block;}
a{color: #333; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}

ins {background-color: #ff9;color: #000; text-decoration: none;}
mark { background-color: #ff9;color: #000;font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
input,select { vertical-align: middle;}
li,ul {list-style-type: none;}
img {  border: none;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input,textarea { outline: 0; border: 0;}
textarea { resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-style: normal;}

::selection {background-color:#0767c6; color: #fff;}
::-moz-selection {background-color:#0767c6; color: #fff;}
::-webkit-selection {background-color:#0767c6; color: #fff;}

/*logo*/
.oazx{ height:205px; background:url(../images/01.jpg);}
.zxlg{width:1210px;height:144px;margin:0 auto;}
.zxlg h1{float:left;padding-top: 24px;}
.zxlg p{width:284px;height: 60px;background:url(../images/ysdd.png) no-repeat center;font-size:20px;line-height:27px;float: left;margin-top: 48px;color:#e00a0a;font-weight:bold;text-align:center;margin-left:  22px;padding-top:10px;}
.zxlg p b{ font-size:18px; font-weight:normal;color:#333;}
.dhtb{float:right;margin-top: 40px;} 
.dhtb img{display:block;float:left;padding-top:  6px;}
.dhtb span{display: block;padding-left: 70px;padding-top: 4px;}
.dhtb span i{ display:block;font-size:24px;color:#e00a0a; font-family:Arial; line-height:26px;}

/*导航*/
.nav_box{height:56px; }
.nav{width:1200px; height:56px; margin:0 auto;background:url(../images/01.jpg); border-top:1px solid #dedede; margin-top:4px;}
.fixedNav .nav{margin-top:0;}
.nav ul li{text-align:center;float:left;height:56px;line-height: 56px;}
.nav ul li a{text-decoration:none;display:block;padding: 0 27px;float:left;font-size:15px;background: linear-gradient(to right, #0767c6, #0767c6) no-repeat;background-size: 0% 100%;-webkit-transition: all .5s;transition: all .5s;}
.nav ul li:last-child{ background:none;}
.nav ul li a:hover{color:#fff; background:#0767c6;-webkit-animation: rot 0.5s 2  alternate;
-moz-animation: rot 0.5s 2  alternate;
-ms-animation: rot 0.5s 2  alternate;
animation: rot 0.5s 2  alternate;
-ms-transform: rotate(0deg)  scale(1.1);}
.nav ul .another a{color:#fff; background:#0767c6;}
.fixedNav {position: fixed; top: 0px;left: 0px; width: 100%;z-index: 100000; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));}

/*底部导航*/
.foot{ height:180px;background:url(../images/zx.jpg) no-repeat center;}

.footzx{width:1180px;height:180px;margin:0 auto;}
.footzx ul{float:left;margin-top:50px;}
.footzx ul li{color:#fff;line-height:30px;}
.footzx ul li a{color:#fff;}
.ewm{float:right;margin-top:40px; margin-right:28px;}
.ewm img{display:block;width:110px;height: 110px;}

 

@keyframes rot{0%{-webkit-transform: rotate(2deg) ; -moz-transform: rotate(2deg); -ms-transform: rotate(2deg);  transform: rotate(2deg); }
50%{-webkit-transform: rotate(-2deg)  scale(1.01); -moz-transform: rotate(-2deg)  scale(1.01); -ms-transform: rotate(-2deg)  scale(1.01); transform: rotate(-2deg)  scale(1.01);}
100%{-webkit-transform: rotate(0deg) scale(1.1) ; -moz-transform: rotate(0deg)  scale(1.1); -ms-transform: rotate(0deg)  scale(1.1);transform: rotate(0deg)  scale(1.1);}
.nav ul li a:hover{ color:#FFF; 
background: -webkit-linear-gradient(left, #e11414, #e11414) no-repeat;background: linear-gradient(to right, #b61826, #b61826) no-repeat;background-size: 100% 100%; }}









