@CHARSET "UTF-8";
* {  margin:0px; padding:0px;  }
html{ font-size:16px; font-weight:normal; font-family:"microsoft yahei"; color:#434343;background: #fff; }
body { min-width: 1200px;background: #fff; }
form *,
a,img,.img,input{ border:none; outline: none;}
table{ border-left: none; border-bottom: none; border-collapse:collapse;}
table td,table th{ border-right:none; border-top:none; margin:0; padding: 0; }
.fixed { position:fixed; }
.abso { position:absolute; }
a, .href { cursor:pointer; text-decoration:none; color:#333; }
a:hover,* a:hover,.href:hover{ color:#0069b3; }
img { border:none; margin:0px; padding:0px;}
.img-block{ max-width:100%; display:block; margin: 0 auto;}
.image{ display: block; float: left; }
p { font-size:0.75rem; }
ul li { list-style-type:none; }
.left { float:left; }
.right { float:right; }
.radius,.radius1:hover{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.trans{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.text-center , .text-center *{ text-align:center; }
.tc{ display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.tc img{ display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle;}
.clearfix,header, footer ,.blank,.blank2, .blank3 , .blank4 , .blank5{ display:block; clear:both; }
.container,.container:before,.container:after,
.main,.main:before,.main:after,
.clearfix,.clearfix:before,.clearfix:after{ clear: both; display: block; content: "";}
.blank{height:10px;}
.blank2{ height:20px;}
.blank3{height:30px;}
.blank4{ height:40px;}
.blank5{height:50px;}
.main,.container{margin:0 auto; width:1200px; position: relative; }
.hide{ display:none; }
.col-n-3{ width: 33.33333333%; float: left;}
.col-n-4{ width: 25%; float: left;}
.col-n-5{ width: 20%; float: left;}
.col-3{ width: 25%; float: left;}
.col-4{ width: 33.33333333%; float: left;}
.col-6{ width: 50%; float: left;}
.col-8{ width: 66.66666666%; float: left;}
.col-12{ width: 100%;}
.f11{ font-size: 0.6875rem;}
.f12{ font-size: 0.75rem;}
.f13{ font-size: 0.8125rem;}
.f14{ font-size: 0.875rem;}
.f15{ font-size: 0.9375rem;}

header .h-t{    height: 100px;}
header .h-t .logo{width: 400px;margin-top:30px;float:left;}
header .h-t .lang-bd{width: 800px;text-align: right;margin-top:40px;}
header .h-t .lang-bd .lang {margin-top: -10px;margin-bottom: 5px;}
header .h-t .lang-bd .lang span{margin-right:5px;}
header .h-t .lang-bd .lang a{color: #7d7d7d;font-size:12px;margin-left:5px;}
header .h-t .lang-bd .lang a:hover{color:#c9423f;}
header .h-t .lang-bd .tel span{  color: #c9423f;font-size: 20px;font-weight: bold;margin-left: 10px;padding-left: 10px;border-left: 1px solid #e0e0e0;}
header .h-t .logo img{height: 33px;margin-right: 10px;}
header .h-n{background: #1d4478;}
header .p-h-n{background: #1d4478;padding: 0 2%;display: none;}

.navbar-toggle {position: relative;float: right;background-color: transparent;background-image: none;    margin-top: 12px;border: 1px solid transparent;border-radius: 4px;}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background: #fff;}
.navbar-default .icon-bar {position: inherit;top: 0 ;}
.navbar-toggle .icon-bar:nth-child(2),.navbar-toggle .icon-bar:nth-child(3){margin-top: 4px;}
.navbar-toggle.on .icon-bar:first-child {position: absolute;top: 3.9px;display: block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.navbar-toggle.on .icon-bar:nth-child(2){display: none;}
.navbar-toggle.on .icon-bar:nth-child(3){display: block;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.phone-body.on{-webkit-transform: translateX(-60%);-ms-transform: translateX(-60%);-o-transform: translateX(-60%);transform: translateX(-60%);z-index: 1;overflow: hidden;}
.phone-nav{    position: fixed;top: 0;width: 60%;right: -100%;bottom: 0;background: #f3f3f3;display: block;    overflow-y: auto;}
.phone-nav.on{ right: 0;}
.phone-nav p{padding: 0 15px;font-size: 15px;}
.phone-nav .list,.phone-nav p{line-height: 50px;height: 50px;border-bottom: 1px solid #dcdcdc;position: relative;}
.phone-nav p span{position: absolute;right: 10%;font-weight: bold;font-size: 20px;}
.phone-nav .list,.phone-nav p a{display: block;}
.phone-nav .list{position: relative;padding-left: 15px;border-left: 5px solid #1d4478;box-sizing: border-box;font-size: 15px;}
.phone-nav .list.top{background: #1d4478;color: #fff;right: 0;}
.phone-nav .list.top span{position: absolute;right: 12%;font-size: 20px;}
.phone-nav li .nav{display: none; margin-top: -51px;}
.phone-nav li.on .list.animated{-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.phone-nav .list a{display: block;}
.phone-nav .list.top a{display: block;color: #fff;}

nav{ position: relative;}
nav ul{ float: left;}
nav ul li{ float: left;position: relative;width: 120px;text-align: center;}
nav ul li .fir{ display: block; height: 40px; line-height: 40px; overflow: hidden; font-size: 14px;color:#fff;}
nav ul li .fir:hover,nav ul li.on .fir{background:#3563a0;}

header .search{position: relative;height: 40px;    width: 295px;}
header .search .search-logo{float:left;    margin-right: 10px;}
header .search input{height: 26px;border: 1px solid #999;border-radius: 18px;margin-top: 7px;width: 228px;padding: 0 45px 0 10px;box-sizing: border-box;font-size:12px;color:#666;}
header .search .search-btn{    position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%); 	/* IE 9 */-moz-transform: translateY(-50%); 	/* Firefox */-webkit-transform:translateY(-50%); /* Safari 和 Chrome */-o-transform: translateY(-50%); 	right: 12px;height: 21px;cursor: pointer;}
.benner{width: 100%;max-width: 1960px;margin:0 auto;}
.benner img{width: 100%;display: block;}
.benner img.phone{display: none;}

.cont-title{padding-top:50px;text-align: center;}
.cont-title h1{font-size: 26px;font-weight: 400;color: #1d4478;}
.cont-title .line{width: 50px;border-top:2px solid #c9423f;margin:10px auto;}
.cont-title .desc{font-size: 12px;color: #a5a5a5;}
/*分页*/
.page{text-align: center;margin:50px 0;}
.page ul li{display: inline-block;}
.page ul li a{   border: 1px solid #f7f7f7;border-radius: 0;display: block;box-sizing: border-box;background-color: #f7f7f7;width: 40px;height: 40px;line-height: 40px;font-size: 14px;color:#666;}
.page ul li.on a{width: 70px;}
.page ul li a:hover,.page ul li a.active{color: #fff;background: #9abeed;}
 
footer .b-t{background: url(../images/foot-bg.jpg) no-repeat center;width: 100%;height: 298px;padding:40px 0 30px;box-sizing: border-box;}
footer .b-t .item a{font-size: 12px;color: #d6dde8;}
footer .b-t .item a:hover{color: #9abeed;}
footer .b-t .item>a{font-size: 18px;display: block;margin-bottom: 10px;color: #fff;}
footer .b-t .item>a:hover{color: #fff;}
footer .b-t .item li{margin-bottom: 3px;}
footer .b-t .item{float:left;width: 160px;}
footer .b-t .cont{position: relative;}
footer .b-t .cont .ewm{position: absolute;right: 0;top:0;}
footer .b-t .cont .title{font-size: 18px;display: block;margin-bottom: 10px;color: #fff;padding-left:50px;}
footer .b-t .cont .content{padding-left:50px;border-left:1px dotted #fff;box-sizing: border-box;}
footer .b-t .cont p{font-size: 12px;margin-bottom: 5px;color:#d6dde8;}
footer .b-t .cont p span{font-size: 20px;color: #fff;}
footer .b-b{background: #1d4478;height: 50px;line-height: 50px;text-align: center;color: #b4bccb;font-size: 12px;}
footer .b-b a{color: #b4bccb;}
@media only screen and (max-width: 767px){ 
	body{ width: 100%; max-width: 100%;}
	body,.mw{ min-width: 100%;}
	.main,.container{ width: 100%;}
	header .h-t{height: 80px;background: #fff;}
header .h-t .logo{width: 88%;padding: 0 2%;box-sizing: border-box;}
header .h-t .lang-bd{width: 12%;    margin-top: 30px;}
header .h-t .lang-bd .tel{display: none;}
header .h-t .lang-bd .codePic{display: none;}
header .h-t .logo img{    height: auto;width: 46%;margin-right: 2%;    max-height: 36px;}
header .h-t .lang-bd .lang{margin:0;}
header .h-t .lang-bd .lang img{display: none;}
header .h-t .lang-bd .lang a{width: 30px;height: 30px;background:#9abeed;border-radius: 50%;display: block;line-height: 30px;text-align: center;color: #fff;}
header .h-t .lang-bd .lang a.cn{display: none;}
header .h-t .lang-bd .lang span{margin:0;}
header .h-n{display: none;}
header .search {width: 278px;}
header .search input {width: 210px;}
header .p-h-n{display:block;}
.benner img{display: none;}
.benner img.phone{display: block;}

.cont-title {padding:20px 2% 0;text-align: center;}
footer .b-t{display: none;}
footer .b-b{padding: 2%;height: auto;line-height: 24px;}
.page{margin:20px 0;}
	}