﻿@charset "UTF-8";



.w1200{width: 1200px; margin: 0 auto;}




/*网站导航*/
.nav_main{width:100%;height: 60px;z-index: 3;background: #20A2DE;}
.nav_main .nav li{float:left;width: 149px;line-height: 60px;display: block;position: relative;z-index: 10;font-size: 16px;text-align: center;transition: all .5s;}
.nav_main .nav li a{display: block;color:#fff;font-size:16px;}
.nav_main .nav li:hover, .nav_main .nav li.hover{background: #2D8AD7;}
.nav_main .nav dl{width: 100%;position: absolute;left: 0;top: 100%;z-index: 12;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.nav_main .nav dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav_main .nav li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav dl dd{line-height: 40px;height: 40px;text-align: left;position: relative;z-index: 12;display: block;width: 100%;border-top: 1px solid #2D8AD7;}
.nav_main .nav dl dd:first-child{border: none;}
.nav_main .nav dl dd a{color: #fff;font-size: 14px;padding: 0;background: #20A2DE;text-align:center;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #2D8AD7, #2D8AD7);background-image: linear-gradient(to right, #2D8AD7, #2D8AD7);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;}
.nav_main .nav dl dd a:hover {background-size: 100% 100%;color: rgba(255, 255, 255, 0.9999);}
