/*----------------------------------------------------
*
*	  COMMON CSS FILE | by zhanglong | 
*
-----------------------------------------------------*/

.ie-view { position: fixed; background: #444 url(../images/ie.jpg) no-repeat 50% 50%; width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; }

/*----------------------------------------------------*/

:root {
  --COLOR-PRIMARY: 		#1961ac;
}

/* reset */

.panel-group,
.panel-group .panel + .panel

 { margin: 0; }

/*----------------------------------------------------*/

html { }
body { color: #121212; font: 14px/1.8 "Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; 
	background-color: #FFF; }

/*----------------------------------------------------*/
ul,p 	{ margin: 0; padding: 0; }
li 	{ list-style: none; }
i 		{ font-style: normal; } 
em 	{ font-style: normal; font-weight: bold; } 
cite 	{ font-style: normal; }

a { color: #333; cursor: pointer; }
a:hover, a:focus { text-decoration: none; color: #1961ac; }
.primary { color: #1961ac; }
.npd { padding: 0 !important; }

span.pipe { padding-left: 6px; padding-right: 6px; color: #9f9f9f; }
.imo, .imo a, .imo a img { display: block; }
	.imo img { width: 100%; }

i + span, span + i { padding-left: 0.8px; }

.container { width: 1280px; max-width: 1280px; padding: 0;}


@font-face {
      font-family: "din";
      src:  url("fonts/din.eot"); 
      src:  url("fonts/din.ttf") format("truetype"),
               url("fonts/din.eot") format("embedded-opentype");
      font-style: normal; font-weight: normal;
}
.lh1 { line-height: 1; }
.din { font-family: "din"; }


/* col ------------------------ */
.row-col { margin-left: -1px; }
.col { padding-left: 1px; position: relative; min-height: 1px; float: left;} 
	.col-12 {  width: 100%; clear: both; }
	.col-11 {  width: 91.66666667%;}
	.col-10 {  width: 83.33333333%;}
	.col-9 	{  width: 75%;}
	.col-8 	{  width: 66.66666667%;}
	.col-7 	{  width: 58.33333333%;}
	.col-6 	{  width: 50%;}
	.col-5 	{  width: 41.66666667%;}
	.col-4 	{  width: 33.33333333%;}
	.col-3 	{  width: 25%;}
	.col-2 	{  width: 16.66666667%;}
	.col-1 	{  width: 8.33333333%;}


/* 

					button & control ------------------------ 

*/

.form-control, .btn { border-radius: 0; height: 34px; line-height: 34px; }

.form-control { padding: 0 12px; font-size: 14px; line-height: 1.4; color: #333; }
	.form-control:focus { -webkit-box-shadow: none; box-shadow: none; }
select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #FFF url(../images/arr-select.png) no-repeat 100% 50%; padding-right: 3px; padding-left: 1px; }

.btn { padding: 0 18px; border: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.btn-sm { height: 26px; line-height: 26px; }

.btn-default 	{ color: #121212; background-color: #f0f0f0; border: 1px solid #d0d0d0; }
	.btn-default.active,
	.btn-default.active.focus, 
	.btn-default:focus,
	.btn-default:hover 
	{ background-color: #d0d0d0; }

.btn-primary 	{ color: #FFF; background-color: #1961ac; }
	.btn-primary.active,
	.btn-primary.active.focus, 
	.btn-primary:focus,
	.btn-primary:hover 
	{ background-color: #003770; }
.swiper-index .swiper-pagination{bottom:0;}
/* 

common 

*/
.toper .container { position: relative; }
.toper, .toper .logo, .toper .hd-search { height: 120px; }
	.toper .logo { display: block; line-height: 120px;float:left;}
	.toper .logo img { width: 100%; }
	.toper .hd-search { position: absolute; right: 0; top: 38px; height: 46px; width: 40%; }
	.toper .hd-search .form-control, .toper .hd-search .btn {height: 46px; line-height: 46px;  }
	.toper .hd-search .form-control { font-size: 16px; }
	.toper .hd-search .btn { position: absolute; right: 0; top: 0; font-size: 16px; }

.hd-nv { background-color: #0169d1; }
	.hd-nv .i { width: 14.28%; float: left; position: relative; }
	.hd-nv .x { color: #FFF; display: block; text-align: center; height: 46px; line-height: 46px; font-size: 16px;}
	.hd-nv .x:hover { color: #1961ac; background-color: #c3e0ff; }

	.hd-nv .sub { position: absolute; width:100%; border: 1px solid #d0d0d0; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; background-color: #FFF; box-shadow: 6px 6px 0 rgba(0,0,0,0.1); z-index: 3000;} 
	.hd-nv .sub .c { position: relative; }
	.hd-nv .sub .c a { display: block; line-height: 40px; text-align:center;}
	.hd-nv .i > .sub { left: 0; top: 100%;  }
	.hd-nv .i > .sub > .c > .sub { left: 100%; top: 0; z-index: 3100;}
	.hd-nv .i:hover > .sub, 
	.hd-nv .i:hover > .sub > .c:hover > .sub { opacity: 1; visibility: visible; }
	.hd-nv .i:hover > .sub > .c:hover > a,
	.hd-nv .i:hover > .sub > .c:hover > .sub a:hover
	 { background-color: #1961ad; color: #FFF;}

.bd .container { padding-top: 30px; }

.ft { padding: 30px 0; border-top: 2px solid #eee; margin-top: 40px;background:#fff;}
.ft .fw { display: table; width: 100%; table-layout: fixed; color: #696969;}
.ft .fw .f { display: table-cell; vertical-align: bottom; }
.ft .fw .f1 { width: 50%; }
	.ft .fw .f1 .t { padding-bottom: 20px; }
	.ft .fw .f1 img {/* display: block; float: left; margin-right: 20px; width: 60px;*/ }
	.ft .fw .f1 .t1 { font-size: 20px; font-weight: bold; line-height: 1.4;}
	.ft .fw .f1 .t2 { font-size: 12px; color: #999; }
.ft .fw .f2 { width: 25%; border-left: 1px dashed #d0d0d0; border-right: 1px dashed #d0d0d0; padding: 0 20px;}
.ft .fw .f3 { width: 25%; text-align: center;}
	.ft .fw .f3 img { height: 110px; }

/* 

index 

*/
.swiper-slide .view { display: block; }
.swiper-slide .view img { width: 100%; }

.idx-notice { position: relative; height: 42px; }
	.idx-notice .t { width: 160px; text-align: center; position: absolute; left: 0; top: 0; z-index: 100; height: 42px; line-height: 42px; background-color: #1961ac; color: #FFF;}
	.idx-notice .c { height: 42px; line-height: 42px; padding: 0 20px 0 180px; background-color: #e6e6e6; position: relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.idx-notice .c i { color: #ff0040; }
	.idx-notice .c span { display: block; position: absolute; right: 0; top: 0; padding: 0 20px; height: 42px; line-height: 42px; color: #999; background-color: #e6e6e6; }

.list-idx-t { height: 40px; line-height: 40px; background: #1962ae url(../images/box-t-bg.png) no-repeat 140px 50% / auto 100%; position: relative;}
	.list-idx-t i { color: #FFF; padding-left: 20px; font-weight: bold; font-size: 16px; position: absolute; left: 0; top: 0;}
	.list-idx-t a { position: absolute; display: block; right: 0; top: 0; height: 40px; line-height: 40px; color: #FFF; padding-right: 15px; }
.list-idx-c {  }
	.list-idx-c li { border-bottom: 1px solid #eaeaea;position: relative; padding-left: 16px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background: url("data:image/gif;base64,R0lGODlhBQAFAIAAAKqqqgAAACH5BAAAAAAALAAAAAAFAAUAAAIEhI+pWAA7") no-repeat 0 50%;}
	.list-idx-c li + li {  }
	.list-idx-c li a { display: block; height: 39px; line-height: 38px; white-space: nowrap; overflow: hidden;color:#333333;padding:0 100px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
	.list-idx-c li span { position: absolute; right: 0; top: 0; display: block; background-color: #FFF; padding: 0 10px 0 10px; line-height: 40px; color: #999;}

.idx-r { margin-top: 20px; }

.idx-r-1 { margin-left: -5px; margin-right: -5px; }
	.idx-r-1 .c { float: left; padding: 0 5px; }
	.idx-r-1 .c1 { width: 28%; }
	.idx-r-1 .c2 { width: 24%; }
	.idx-r-1 .c3 { width: 36%; }
	.idx-r-1 .idx-vdo { width: 100%; height: 320px; }

	.swiper-r1 .view { position: relative;height:280px;}
	.swiper-r1 .view img { height: 320px; }
	.swiper-r1 .view p { position: absolute; height: 35px; line-height: 35px; color: #FFF; padding-left: 10px; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.5);}
	.swiper-r1 .swiper-pagination { width: auto; right: 15px; bottom: 5px; top: auto; left: auto; }

.idx-r-2 { position: relative; }
	.idx-r-2 .list-idx-t + .swc { position: absolute; top: 0; left: 0;}
	.idx-r-2 .swc { text-align: center; width: 100%; padding: 0 180px;}
	.idx-r-2 .swc li { display: inline-block; }
	.idx-r-2 .swc a { color: #FFF; display: block; height: 40px; line-height: 40px; text-align: center; padding: 0 40px;}
	.idx-r-2 .swc li.active a { background-color: #d9ecff; color: #1962ae; }
	.idx-r-2 .list-im { margin-left: -5px; margin-right: -5px; }
	.idx-r-2 .list-im .i { width: 25%; float: left; padding: 10px 5px; }
	.idx-r-2 .list-im .in { position: relative; }
		.idx-r-2 .list-im .in img { width: 100%; height: 240px; }
	.idx-r-2 .list-im .in p { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; background-color: rgba(0,0,0,0.5); color: #FFF; text-align: center;}

.idx-r-3 { margin-left: -10px; margin-right: -10px;}
	.idx-r-3 .c { width: 33.333333333%; float: left; padding: 0 10px; }
/* 

page

*/
.c-sd { width: 20%; float: left; }
	.sd-t { height: 52px; line-height: 52px; padding: 0 20px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN8AAAABCAIAAADRr+wkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNqMUkEOwCAMKs/Y8/a//ZEdtLpaSOahMZQqoLjuJ46FvWOE7xaIurX6ydHnYBR13eaxyVuFZqQKw3eOhp8y0KVOHNH4kL6oyCXVGoLIMLU57/wbF5QXZV8mdvpKyL843XdpAJW8sV4BBgDQcxdNa/UZLAAAAABJRU5ErkJggg==") repeat-y 0 0 / 100% auto; color: #FFF; font-size: 16px; font-weight: bold;}
	.sd-c { border: 1px solid #d0d0d0; }
	.sd-c .i .x { display: block; height: 46px; line-height: 46px; background: url("data:image/gif;base64,R0lGODlhCAALAIABAKqqqv///yH5BAEAAAEALAAAAAAIAAsAAAIRhINpkHodFoyvScewrTSjmxQAOw==") no-repeat  90% 50%; padding: 0 20px; border-top: 1px solid #d0d0d0;}
	.sd-c .i .sub a { display: block; height: 38px; line-height: 38px; border-bottom: 1px dashed #d0d0d0; padding-left: 50px; background-color: #f0f0f0; }
	.sd-c .i .x:hover, .sd-c .i .sub a:hover,
	.sd-c .i.active .x
	 { background-color: #5d8fc3; color: #FFF; }
	.sd-tmp-1 {  }
	.sd-contact { border: 1px solid #d0d0d0; padding: 20px; }

.c-bd { width: 80%; float: right; padding-left: 40px; }
	.c-bd-t { position: relative; height: 50px; line-height: 50px; padding-top: 15px; border-bottom: 1px solid #1961ac;}
	.c-bd-t i { display: block; height: 1em; line-height: 1; border-left: 5px solid #1961ac; padding-left: 15px; font-size: 18px; font-weight: bold;}
	.c-bd-t .path { position: absolute; right: 0; top: 0; height: 50px; color: #999; }

.list-pager { text-align: center; margin-top: 30px; }
	.list-pager a { display: inline-block; height: 30px; line-height: 30px; padding: 0 12px;}
	.list-pager a.s { border: 1px solid #d0d0d0; }

.list-default {  }
	.list-default .i { position: relative; height: 40px; line-height: 40px;border-bottom: 1px solid #eaeaea; }
	.list-default .i + .i { }
	.list-default span { position: absolute; display: block; right: 0; top: 0; color: #999;}
	.list-default a { display: block; padding-left: 26px; background: url("data:image/gif;base64,R0lGODlhBQAFAIAAAKqqqgAAACH5BAAAAAAALAAAAAAFAAUAAAIEhI+pWAA7") no-repeat 0 50%; }

.list-history { padding-top: 30px; }
	.list-history .i + .i { margin-top: 30px; border-top: 1px dashed #d0d0d0; padding-top: 30px; }
	.list-history .k { font-family: "din"; font-size: 32px; line-height: 1; margin-bottom: 10px;}
	.list-history .k i { display: inline-block; padding-bottom: 10px; border-bottom: 3px solid #1961ac; }
	.list-history .t { font-size: 18px; font-weight: bold; line-height: 1.2; padding: 6px 0; }

.list-thumb { padding-top: 30px; margin-left: -15px; margin-right: -15px; }
	.list-thumb .i { width: 33.333333333%; float: left; padding: 0 15px 25px; }
	.list-thumb .in { display: block; position:relative}
	.list-thumb img { width: 100%; height: 220px; }
	.list-thumb p { text-align: center; width:100%;height:40px;background:rgba(0,0,0,0.5);line-height:40px;position:absolute;left:0;bottom:0;color:#fff;}

.article-view { padding-top: 30px; }
.p-content p { margin-bottom: 10px; font-size: 14px; color:#777777;line-height:28px;}

.ad{margin-top:20px;}
.link_k{border:solid 1px #ececec;margin:25px 0 0 0;padding:10px;overflow:hidden;}
.link_title{float:left;border-left:solid 5px #0169d1;height:25px;line-height:25px;color:#333333;font-size:18px;padding:0 0 0 10px;margin:5px 0 0 0;}
.link_select{width:190px;height:34px;border:solid 1px #d6d6d6;float:right;margin:0 0 0 30px;color:#777777;}
.dwgk{overflow:hidden;margin:20px 0 0 0;}
.dwgk_k{display:block;border:solid 1px #cccccc;width:228px;height:180px;float:left;margin:0 0 0 30px;text-align:center;color:#333333;font-size:16px;line-height:45px;padding:20px 0 0 0;}
.fl{float:left;}
#swipern{height:42px;}
#swipern .swiper-slide{height:42px;}
.phone_nav{display:none;}

@media only screen and (max-width: 880px) {
	.toper, .toper .logo, .toper .hd-search{height:auto;}
	.container{width:100%;}
	.toper .logo{width:100%;float:none;line-height:0;padding:3%;}
	.toper .logo img{width:90%;}
	.toper .hd-search{position:relative;width:100%;padding:0 3% 3%;right:auto;top:auto;}
	.toper .hd-search .btn{right:3%;}
	.toper .hd-search .form-control, .toper .hd-search .btn{height:32px;line-height:30px;font-size:14px;padding:0 10px;}
	.c-sd{width:100%;float:none;padding:0 2%;}
	.c-bd{width:100%;float:none;padding:3%;}
	.list-thumb .i{width:50%;padding:0 2%;margin:0 0 4% 0;}
	.list-thumb img{height:110px;}
	.list-thumb{padding:5% 0 0 0;margin:0;}
	.list-thumb p{height:25px;line-height:25px;font-size:12px;}
	.list-pager{margin-top:5%;}
	.ft{padding:3%;margin-top:5%;font-size:12px;}
	.ft .fw .f{display:block;}
	.ft .fw .f1{width:100%;float:none;text-align:center;}
	.ft .fw .f2{width:100%;float:none;border:none;padding:0;display:none;}
	.ft .fw .f3{width:100%;float:none;display:none;}
	.ft .fw .f1 .t{display:none;}
	.list-pager a{height:25px;line-height:23px;padding:0 8px;}
	.c-bd-t{height:45px;line-height:45px;}
	.c-bd-t i{padding-left:10px;font-size:16px;}
	.sd-t{display:none;}
	.panel{border:none;box-shadow: none;display:inline-block;}
	.sd-c{border:none;}
	.sd-c .i .x { display: inline-block; height: 30px; line-height: 28px; padding: 0 10px; border:none;background:none;border:solid 1px #ccc;margin:0 5px;border-radius:3px;}
	.sd-c .i a.active{background:#0169d1;color:#fff;border:solid 1px #0169d1;}
	.article-view{padding-top:5%;}
	.bd .container{padding-top:15px;}
	.p-content{line-height:1.6;font-size:14px;}
	.list-default{margin:3% 0 0 0;}
	.list-default .i{height:35px;line-height:35px;}
	.list-default a{padding-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:100px;}
	.idx-r-2 .list-im {padding:2%;margin-left:0;margin-right:0;}
	.idx-r-2 .list-im .i{width:50%;}
	.idx-r-2 .list-im .in img{height:120px;}
	.dwgk .fl{display:none;}
	.dwgk_k{display:block;border:none;width:25%;height:auto;margin:0;float:left;text-align:center;color:#333333;font-size:14px;line-height:35px;padding:0;}
.dwgk_k img{width:50px;}
.idx-r-1 .c1{display:none;}
.idx-r-1 .c2{width:100%;float:none;padding:0 3%;}
.idx-r-1 .c3{width:100%;float:none;padding:0 3%;}
.link_k{margin:0;border:none;}
.link_title{float:none;width:100%;}
.link_select{width:48%;height:34px;border:solid 1px #d6d6d6;float:left;color:#777777;margin:3% 1% 0 1%;}
.idx-notice{height:35px;margin-top:-15px;}
.idx-notice .t{width:auto;padding:0 10px;height:35px;line-height:35px;}
.idx-notice .c{padding:0 0 0 80px;height:35px;line-height:35px;}
.idx-notice .c .swiper-slide{padding:0 90px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.idx-notice .c span{padding:0 10px;font-size:12px;height:35px;line-height:35px;}
.hd-nv{width:50%;height:100%;position:fixed;left:-100%;top:0;z-index: 999;box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);transition: all 0.5s;}
.hd-nv .i{width:100%;text-align:center;float:none;padding:10% 0 0 0;}
.hd-nv .i:hover > .sub, .hd-nv .i:hover > .sub > .c:hover > .sub{display:none;}
.hd-nv-active{left:0;}
.phone_nav{width:35px;position:fixed;right:3%;top:10px;z-index: 999;background:#fff;padding:5px;border-radius:5px;display:block;}
.phone_nav span{height:3px;border-radius:2px;background:#0169d1;margin:4px 0;display:block;}
#swipern{height:35px;}
#swipern .swiper-slide{height:35px;}
.idx-r-1{margin-left:0;margin-right:0;}
}