/*头部*/

.head{ height: 100px;}
.logo{float: left; padding: 12px 0; width: 200px;}
.logo img{max-width: 100%;}


/*Menu导航 */
.pcnav{ float:left; width:795px; }
.pcnav ul{}
.pcnav ul li{float: left;position: relative;font-size: 17px;text-align: center;  line-height: 100px; width: 130px;}
.pcnav ul li a{display: block;color: #333;}
.pcnav ul li a:hover{display: block;background: linear-gradient(to right, #0065a9, #00aedf); color: #FFF;}
.pcnav ul li .subnav{background: #fff;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width:100%;z-index: 199;}
.pcnav ul li .subnav{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);}
.pcnav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.pcnav ul li .subnav a{color: #666;display: block;font-size: 14px;line-height: 52px;height: 52px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;}
.pcnav ul li .subnav a:hover{color: #0b3d8c;background: linear-gradient(to right, #0065a9, #00aedf);text-indent: 3px; color: #FFF;}

.tel{float: left; width: 205px;}
.tel i{
	float: left; 
	width: 40px; 
	font-size: 42px;
	line-height: 48px;
	margin-top: 24px;
	background-image: linear-gradient(to right, #0065a9, #00aedf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
.tel p{
	float: left;
	width: 160px;
	font-size: 22px;
	font-weight: bold;
	margin-top: 34px;
	margin-left: 5px;
	background-image: linear-gradient(to right, #0065a9, #00aedf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     }

/*底部信息*/
footer{overflow: hidden;background: url(../images/botbg.jpg) no-repeat center; background-size: cover;}

.foot-logo{overflow: hidden; margin-top: 60px;}
.foot-logo .pp{float: left; width: 200px; }
.foot-logo .pp img{max-width: 100%;}



.foot-contact{float: left;overflow: hidden;  width: 400px;}
.foot-contact .text{display: block; margin: 20px 0; color: #FFF; }
.foot-contact .text p{display: block;  line-height: 26px; font-size: 14px; color: #ccc;}
.foot-contact .text p i{font-size: 20px; margin-right: 5px; color: #00a0ea;}
.foot-contact .text p:nth-of-type(2) i{font-size: 14px;}



.footmenu{overflow: hidden;float: left;width:800px; margin: 60px 0;}
.footmenu ul{margin: 0;}
.footmenu ul li{float: left; width: 25%;}
.footmenu ul li dt{ color: #FFF; font-size: 17px; padding-bottom: 20px;position: relative;}
.footmenu ul li dt::after{position: absolute; content: ""; width: 35px; height: 1px; background: #FFF;left: 0;top: 35px;}
.footmenu ul li a{color: #ccc; display: block;  line-height: 28px; font-size: 13px;}
.footmenu ul li a:hover{color: #8ec112;}


.copy{overflow: hidden;background: linear-gradient(to right, #0065a9, #00aedf);padding: 25px 0;color: #FFF;}
.copy-l{float: left; width: calc((100% - 165px));}
.copy-l a{color: #FFF;}
.copy-l a:hover{color: #8ec112;}
.copy-r{float: left; width: 165px; color: #FFF;}
.copy-r a{color: #FFF;}
.copy-r a:hover{color: #8ec112;}