@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box;}
body{ font-family:Arial,'微软雅黑'; font-size:14px; color:#7d7d7d; overflow:auto; width:100%;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
img{ display:block; width:100%; border: none;}
.left{ float:left;}
.right{ float:right;}
.show{ display:block;}
.hide{ display:none;}
.clear{ clear:both;}
.text_c{ text-align:center;}
.text_l{ text-align:left;}
.text_r{ text-align:right;}
.container{ width:100%;  max-width:1100px; margin:0 auto;}
.col-1{ width:8.333%;}
.col-2{ width:16.666%;}
.col-3{ width:25%;}
.col-4{ width:33.333%;}
.col-5{ width:41.666%;}
.col-6{ width:50%;}
.col-7{ width:58.333%;}
.col-8{ width:66.666%;}
.col-9{ width:75%;}
.col-10{ width:83.333%;}
.col-11{ width:91.666%;}
.col-12{ width:100%;}
[class*="col-"] { float: left; }

header{ overflow: hidden; background: #fff;}
.header_top{ width: 100%; height: 26px; background: #e7e7e7; line-height: 26px;}
.header_top p{ color: #525353;}
.logo .container{ padding: 10px 0; overflow: hidden;}
.logo form{ width: 220px; height: 34px; background: #e7e7e7; float: right; margin-right: 10px; margin-top: 15px;}
.input_search{ width: 170px; height: 34px; border: none; padding:0 10px; float: left;background: #e7e7e7; }
.input_btn{ width: 50px; height: 34px; border: none; float: left; background:url(../images/search_btn.jpg) no-repeat center; cursor: pointer;}
nav{ width: 100%; height: 41px; line-height: 41px; background: #0071bf;}
nav a{ color: #fff; font-size: 16px;}
nav .container{ overflow: hidden;}
nav .container > ul{ overflow: hidden;}
nav .container > ul li{ float: left; width: 11.111%; text-align: center;}
.second{ background: #0071bf; z-index: 999; position: absolute; left: 27.6%; width: 122px; top:145px; opacity: 0;}
.second li{ width: 100% !important;}
.second li:hover{ background: #2ca6e0;}
nav li:hover{background: #2ca6e0;}
nav li:hover .second{ opacity: 1;}
.nav_icon{ width: 36px; height: 27px; background: url(../images/nav_icon.png) no-repeat; background-size: 100%; display: none;}
.search_icon{ width: 27px; height: 27px; background: url(../images/search_icon.png) no-repeat; display: none;}

.bread_nav{  width: 100%; height: 42px; line-height: 42px; margin: 40px 0 0px 0; color: #221815; font-size: 16px;}
.bread_nav .container{ overflow: hidden; background: #efefef;}
.bread_nav a{ color: #221815; margin: 0 5px;}
.bread_nav a:hover{ text-decoration: underline;}
hgroup{ overflow: hidden; text-align: center;}
hgroup h1{ color: #165aa5; font-size: 25px;font-weight: normal;}
hgroup .line{ width: 60px; height: 1px; background: #165aa5; margin:40px auto;}

footer{ overflow: hidden; background: #206eb7; padding-top: 40px;}
footer .container{ overflow: hidden; padding-bottom: 40px;}
footer .container .col-6 > img{ width:89%;}
.img_code{ width: 100%; overflow: hidden;}
.img_left{ width: 36.36%; overflow: hidden; margin-top: 30px; float: left;}
.img_left img{ width: auto; height: auto; margin-left: 20px;}
.img_right{ float: left; width: 63.64%; overflow: hidden; margin-top: 70px; color: #fff;}
.img_right p{font-weight:bold;font-size:24px;line-height:44px;font-style: italic;}
footer .container .col-3{ overflow: hidden;}
.footer_header{ font-size: 20px; color: #fff; border-bottom: 1px solid #fff; height: 34px; line-height: 34px; margin-right: 30px;}
footer .container .col-3 ul{ margin-top: 30px;margin-right: 30px;}
footer .container .col-3 ul li{ width: 50%; float: left; height: 40px; line-height: 40px;}
footer .container .col-3 ul li a{ color: #fff;}
footer .container .col-3 ul li a:hover{ text-decoration: underline;}
.address{ margin-right: 30px; margin-top: 30px; overflow: hidden;}
.add_left{ width: 25px; height: 30px; background:url(../images/address.png) top left no-repeat; float: left;}
.add_right{ float: left; width: 220px; color: #fff; padding-left: 10px;}
.add_right a{ color: #fff;}
.add_right a:hover{color: #fff;text-decoration:underline;}
.address:nth-child(3){ margin-top: 20px;}
.address:nth-child(3) .add_left{ background:url(../images/address.png) bottom left no-repeat; }
.address:nth-child(3) .add_right{ line-height: 30px;}
.copy{ width: 100%; height: 43px; line-height: 43px; background: #05539b; text-align: center; color: #fff; text-transform: uppercase;}
.copy span{ display: inline-block; margin-right: 10px;}
.copy a{color:#fff;}
@media all and (max-width:1440px){
	.second{ left:20.25%; }
}
@media all and (max-width:1366px){
	.second{ left:18.7%; }
}
@media all and (max-width:768px){
	.header_top{ display: none;}
	.logo .container .col-6{ width: 100%; padding: 15px 30px;}
	.logo .container .col-6:nth-child(2){ position: absolute; width: 80%; padding: 20px 25px; background: #fff; left: 50%; margin-left: -40%; top: 180px; z-index: 900; border-radius: 10px; box-shadow: 2px 1px 10px rgba(0,0,0,.3); display: none;}
	.logo form{ width: 100%; margin: 0; background: none;}
	nav .container ul{ position: absolute; width: 90%; padding: 15px 20px; background: #fff; z-index: 900; border-radius: 10px; box-shadow: 2px 1px 10px rgba(0,0,0,.3); left: 50%; margin-left: -45%; top: 180px; display: none;}
	nav .container > ul li{width: 33.33%;}
	nav .container > ul li a{ color: #0071bf;}
	.nav_icon{display: block; float: right; margin-top: 8px; margin-right: 30px;}
	.search_icon{ display: block; float: left; margin-left: 100px; margin-top: 8px;}
	.input_search{ width: 90%; background: none; border: 1px solid #bfbfbf; border-radius: 3px 0 0 3px;}
	.input_btn{ width: 10%; background:url(../images/search_btn_1.jpg) center no-repeat;; border: 1px solid #bfbfbf; border-radius: 0 3px 3px 0;}
	footer .container .col-6,.c_us{ width: 80%; float: none; margin: 0 auto;}
	.c_us{ margin-top: 20px;}
	.quickly{ display: none;}
	.add_right{ width: 60%;}
	.copy{ height: 86px;}
	.second{ top: 0 !important;}
	.second li{margin-top:-5px;}
}
@media all and (max-width:425px){
	.search_icon{ margin-left: 50px;}
	.logo .container .col-6:nth-child(2){ padding: 10px 15px; top: 150px;}
	nav .container ul{ top: 150px;}
	.input_search{ width: 85%;}
	.input_btn{ width: 15%;}
	footer .container .col-6, .c_us{ width: 95%;}
	.img_right{ margin-top: 50px;}
	.img_left img{ width: 100px; height: 100px;}
	.add_right{ width: 80%;}
}
@media all and (max-width:375px){
	.logo .container .col-6{ padding: 10px 15px;}
	.logo .container .col-6:nth-child(2),nav .container ul{ width: 95%; margin-left: -47.5%;}
	.copy{ line-height: 28px;}
}
@media all and (max-width:320px){
	.img_left img{ width: 85px; height: 85px;}
	.img_right{ width: 50%; margin-top: 30px;}
	
}