@charset "utf-8";

body,hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}

body{font-size:12px;color:#666;font-family:"微软雅黑";background:#fff; width:100%;overflow-x:hidden;word-break:break-all;min-width:1200px}

em{font-style:normal;}

h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal}

ul, ol{list-style:none;}

a{text-decoration:none;color:#999;}

a:hover{text-decoration:none;}

img{border:none;line-height:0;font-size:0;vertical-align:bottom;}

.clear{clear:both;line-height:0;font-size:0;overflow:hidden;}

.wrap,.w1200{width:1200px;margin:0 auto;}

.fr{float:right}

.fl{float:left}

/*======================浮动的外层==================*/

.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{display:inline-block; }

/* required comment for clearfix to work in Opera \*/

* html .clearfix{zoom:1}

.clearfix{display:block;}

/* end clearfix */

/*header*/

.header{width:100%;position:relative}

.topnav{width:100%;height:30px;background:#f7f7f7;color:#666;font-size:12px;line-height:30px}

.topnav a{display:inline-block;color:#666;font-size:12px;margin-left:25px}

.topnav a:hover{color:#44738f}

.head .logo{padding:20px 0 20px 0px}

.head .tel{color:#777;font-size:14px;background:url(../images/tel.png) no-repeat left center;padding-left:30px;float:right;margin-top:10px}

.head .tel span{color:#003c5e;font-size:18px;}

.head .menu{clear:both;padding-top:33px;}

.menu li{float:left;margin-left:10px;}

.menu li a{color:#333;font-size:16px;border-bottom:3px solid #fff;display:inline-block;padding:0 20px 18px 1px}

.menu li a:hover{border-bottom:3px solid #44738f;color:#44738f}

.menu li .snav{position:absolute;width:100%;overflow:hidden;top:106px;display:none;background:#173c87;opacity: 0.7;;z-index:10;left:0;}

.menu li .snav dl{width:1200px;text-align:center;margin:0 auto;position:relative;left:14%}
.menu li .snav.snav01 dl{left:22%}

.menu li .snav.snav02 dl{left:15%}
.menu li .snav.snav03 dl{left:36%}

.menu li .snav.snav04 dl{width:695px; float:right; left:0}

.menu li .snav.snav05 dl{width:535px; float:right; left:0}


.menu li .snav dl dd a{display:block;color:#FFF;font-size:16px;line-height:60px;height:60px;padding:0px;float:left;border-bottom:none;margin-right:40px}

.menu li .snav dl dd a:hover{border-bottom:none;color:#FFF;font-size:16px;font-weight:bold}

.menu li:hover a{border-bottom:3px solid #44738f;color:#44738f}

/*banner*/

.banner{ 

    max-width:100%; 

	min-width:1200px; 

	clear:both; 

	position:relative;

	}

.flexslider { 

    position: relative;

	z-index:2; 

	height:500px; 

	overflow: hidden; 

	background: url(../images/loading.gif) 50% no-repeat;

	}

.slides { 

    position: relative; 

	z-index: 10;

	}

.slides li { 

    height: 4460px;

	}

.flex-control-nav { 

    position: absolute; 

	bottom: 30px; 

	z-index: 20; 

	width: 100%;

	text-align:center; 

	}

.flex-control-nav li { 

    display: inline-block; 

	width: 12px; 

	height: 12px; 

	margin: 0 5px; 

	*display: inline; 

	zoom: 1;

	}

.flex-control-nav a { 

    display: inline-block; 

	width: 12px; 

	height: 12px; 

	line-height: 40px; 

	overflow: hidden; 

	background: url(../images/dot.png) right 0 no-repeat; 

	cursor: pointer;

	}

.flex-control-nav .flex-active { 

    background-position: 0 0;

	}

.banner ul li a{ 

    display:block; 

	height:100%;

	}

/*footer*/

.footer{width:100%;background:#3d3d3d;padding-top:30px;}

.footer .f_right{text-align:center;width:120px;padding-top:10px}

.footer .f_right p{color:#f0efef;font-size:12px;line-height:26px;margin-top:6px}

.footer .f_menu{padding-bottom:12px;width:100%;border-bottom:1px solid #4f4f4f}

.footer .f_menu a{display:inline-block;color:#f0efef;font-size:15px;line-height:26px;margin-right:20px}

.footer .f_left p{color:#999;font-size:12px;line-height:26px}

.footer02{height:50px;line-height:50px;text-align:center;width:100%;background:#1c1c1c}

.footer02 p{color:#f0efef;font-size:12px;}

.footer02 p a{color:#f0efef;}
.footer01{padding:20px 0}