@charset "utf-8";
@font-face{ font-family:simkai; src:url(../font/simkai.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

body{max-width:1920px;margin:0 auto;}

/*==========================================公共 开始=============================================*/
.w1550{width: 1550px;margin: 0 auto;}
.w1380{width: 1380px;margin: 0 auto;}

 header { background:url(../images/head_bg.jpg) no-repeat  top center; width:100%; height:149px;}
 header .fl {margin-top: 38px;}
 header .fl img { display:inline-block; width:493px; height:71px;}
 header .fr{margin-top: 39px;width: 1038px;}
 header .fr .lj{float: right;margin-bottom: 30px;}
 header .fr .lj li{float: left;margin-left: 13px;}
 header .fr .lj li img{margin-right: 5px;}
 header .fr .lj li+li{border-left: 1px solid #fff;padding-left: 13px;}
 header .fr .lj li a{font-size: 14px;color: #ffffff;line-height: 18px;}
 header .search{position: relative;}
 header .search .text{width: 280px;height: 40px;border: 1px solid #fff;border-radius: 3px;display: inline-block;background: none;padding: 0 50px 0 10px;color: #fff;}
 header .search .btn{width: 50px;height: 42px;display: inline-block;background: url(../images/search.png) no-repeat center center;margin-left: -50px;}
#fanye1026221{line-height:20px !important;}
.Next{height:20px !important;}
.Prev{height:20px !important;}
#vsb_content_2 p{font-size: 16px !important;   color: #3c3c3c;   line-height: 34px !important;   margin-bottom: 30px;}
.PrevDisabled{height:20px !important;}
.NextDisabled{height:20px !important;}
#navWrapper{ position:relative; z-index:10; width:calc(100% - 40px); height:50px;float: left;}
#navWrapper .nav {position:  relative;top: -13px;}
/*#navWrapper .nav .navitem:nth-last-child(1) .subnav {left: auto; right: 0; text-align:right;}*/
#navWrapper .nav>li {font-size: 18px;height: 100%;position: relative; }
#navWrapper .nav>li>a{display: block;padding: 0;height: 60px;line-height: 60px;color: #fff;position: relative;overflow: hidden;}
#navWrapper .nav>li>a span {display: inline-block;position: relative;transition: all ease-out .3s;font-size: 18px;}
#navWrapper .nav>li>a>i{ margin-left: 10px; color: #717171; transition: 0.36s ease;}
#navWrapper .nav .subnav{    position: absolute;
  width: 200%;
  box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
  height: auto;
  z-index: 199;
  top: 75px !important;
  left: -50%;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all .36s ease;
  background: rgba(35,83,182,0.85);
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;}
#navWrapper .nav li:hover .subnav{top: 60px;}
#navWrapper .nav .subnav li{width: 100%;text-align:left;}
#navWrapper .nav .subnav li a {color: #fff;line-height: 22px;display: block;transition: all .2s ease-in-out;padding: 15px 0;border-bottom: 1px solid rgba(255,255,255,0.05);font-size: 16px;padding-left: 15px;padding-right:15px;text-align:  center;}
#navWrapper .nav .subnav li a:before{content:"\f105";color:#999;font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;float:right;margin-top:2px;display: none;}
#navWrapper .nav>li:hover .subnav{opacity: 1; visibility: visible}
#navWrapper .nav .subnav li a.active,#navWrapper .nav .subnav li a:hover {background-color: #194092;color: #fff;}
#navWrapper .nav .on span{ }
#hcontact { display: none}
#navWrapper,.singlescreen #navWrapper { box-shadow: none;}
#navWrapper .content { padding-left: 0;padding-right: 0}
#navWrapper #headTop { float:left; height: 44px; text-align: center;}
#navWrapper .content a#logo { float: none; display: inline-block}
#navWrapper .content a#logo img { float: none}
#navWrapper #navWrapper { float: right; position: relative; z-index: 99;}
#navWrapper.mini #navWrapper {}
#navWrapper .nav {padding: 0 0;margin-left: 0;height: 63px;text-align: right;float: none;font-size: 0;}
#navWrapper .nav>li {width: auto;display: inline-block; *display:inline; *zoom:1;float: none;height: 60px;margin-left: 46px;}
#navWrapper.mini {position:fixed;background-color: rgba(255, 255, 255, 1);top: 0;height: 92px;padding-top: 24px;}
#navWrapper.mini .nav>a{ height:68px;}
#navWrapper.mini .nav .on span{ height: 68px;}
#navWrapper .nav .subnav01{ padding:30px 0; text-align:left; position: absolute;width: 1920px;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);height: auto;z-index: 199;top: 74px;left: 50%;margin-left: -1026px;overflow: hidden;visibility: hidden;opacity: 0;transition: all .36s ease;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCE84518', endColorstr='#CCE84518');background:rgba(232,69,24,0.8);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#navWrapper .nav>li:hover .subnav01{opacity: 1; visibility: visible}
#navWrapper .nav .subnav01 dl{ float:left; width:100%}
#navWrapper .nav .subnav01 dl dt{ float:left; width:78px; height:36px; line-height:36px; margin-right:18px; text-align:center;}
#navWrapper .nav .subnav01 dl dt a{ font-size:16px; color:#fff;}
#navWrapper .nav .subnav01 dl .right{float:right;width: 1104px;}
#navWrapper .nav .subnav01 dl dd{ float:left; margin-right:10px; line-height:36px; height:36px;}
#navWrapper .nav .subnav01 dl dd a{ font-size:14px; color:rgba(255,255,255,0.7); font-weight:normal;}
#navWrapper .nav .subnav01 dl dd a:hover{ color:#fff;}


header .search_btn{    width: 23px;
  height: 33px;
  margin-left: 7px;background: url(../images/nav_search.png) no-repeat center center;float:right;}

.banner{width: 100%;}
.banner a{}
.banner a img{width: 100%;}
.banner .miso-dots{bottom: 20px;z-index: 10;}
.banner .miso-dots li{width: 20px;height: 20px;background: none;border: 1px solid rgba(255,255,255,0);border-radius: 50%;position: relative;}
.banner .miso-dots li.miso-active{border: 1px solid #fff;cursor: pointer;}
.banner .miso-dots li button{display: block;width: 12px;height: 12px;background: #fff;border-radius: 50%;text-indent: 10px;border: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;cursor: pointer;}

.banner .miso-prev,.banner .miso-next{width: 53px;height: 54px;background: url(../images/bn_dt_prev.png) no-repeat;left: 10%;}
.banner .miso-next{background: url(../images/bn_dt_next.png) no-repeat;left: auto;right: 10%;}

/* a .bt{transition: 0.4s;}
a:hover .bt{color: #fe8904 !important;} */
.img{overflow: hidden;}
.img img{transition: 0.4s;}
a:hover .img img{transform: scale(1.05);}


@keyframes yc_yyxt_dh {
    0% {width: 105%;opacity: 1;margin-left: -2.5%;height: 105%;margin-top: -2.5%;background: rgba(184,21,21,0.4);}
    50% {width: 110%;opacity: 0.5;margin-left: -5%;height: 110%;margin-top: -5%;background: rgba(184,21,21,0.4);}
    100% {width: 115%;opacity: 0;margin-left: -7.5%;height: 115%;margin-top: -7.5%;background: rgba(184,21,21,0.4);}
  }


  @font-face {
    font-family: 'Gabriola';
    src: url('../fonts/Gabriola.ttf');
   }
   


.bnx_lj{}
.bnx_lj ul{}
.bnx_lj ul li{width: 25%;background: url(../images/bnx_lj_bg1.jpg) no-repeat center center;float: left;height: 180px;}
.bnx_lj ul li+li{background: url(../images/bnx_lj_bg2.jpg) no-repeat center center;}
.bnx_lj ul li+li+li{background: url(../images/bnx_lj_bg3.jpg) no-repeat center center;}
.bnx_lj ul li+li+li+li{background: url(../images/bnx_lj_bg4.jpg) no-repeat center center;}
.bnx_lj ul li a{display: block;text-align: center;padding: 40px 0;}
.bnx_lj ul li img{transition: 0.4s;}
.bnx_lj ul li p{font-size: 24px;text-align: center;margin-top: 20px;color: #fff;}
.bnx_lj ul li a:hover img{transform:rotate(360deg);}


.index_main{padding-top: 86px;background: url(../images/index_bg.jpg) no-repeat top center;}
.sy_tit{margin-bottom: 40px;}
.sy_tit .left{float: left;}
.sy_tit .left p{display: inline-block;font-size: 30px;color: #1d4eb3;padding-right: 23px;margin-right: 12px;background: url(../images/sy_title_bg.png) no-repeat right center;}
.sy_tit .left span{font-size: 14px;color: #6e6e6e;padding-top: 14px;display: inline-block;}
.sy_tit .more{width: 79px;height: 30px;background: url(../images/sy_more_hui.png) no-repeat center right;float: right;transition: 0.4s;}
.sy_tit .more:hover{background: url(../images/sy_more_lan.png) no-repeat center right;}

.part1_2{margin-bottom: 48px;}
.part1{width: 450px;float: left;}
.part1 ul{width: 100%;}
.part1 ul li{width: 411px;margin-right:32px;}
.part1 ul li a{display: block;position: relative;}
.part1 ul li .sj{width: 95px;height: 87px;background: rgba(254,137,4,0.8);position: absolute;top: 24px;left: 24px;z-index: 2;}
.part1 ul li .sj p{font-family: 'Gabriola';font-size: 48px;color: #fff;text-align: center;padding-top: 10px;}
.part1 ul li .sj span{font-family: 'Gabriola';font-size: 20px;color: #fff;display: block;text-align: center;}
.part1 ul li .img{width: 100%;}
.part1 ul li .img img{width: 100%; height: 265px; }
.part1 ul li .con{padding: 28px 25px;background: url(../images/part1_con_bg.jpg) no-repeat top center;background-size: cover;}
.part1 ul li .con .bt{font-size: 18px;line-height: 28px;color: #ffffff;}
.part1 ul li .con .line{width: 38px;height: 4px;background: #fff400;margin: 12px 0 18px;}
.part1 ul li .con .zy{font-size: 16px;color: #8ccdff;line-height: 28px;}

.part1 .miso-prev,.part1 .miso-next{width: 54px;height: 34px;background: url(../images/part1_prev_b.jpg) no-repeat;top: -60px;left: auto;right: 100px;transition: 0.4s;}
.part1 .miso-next{right: 32px;background: url(../images/part1_next_b.jpg) no-repeat;}
.part1 .miso-prev:hover{background: url(../images/part1_prev_l.jpg) no-repeat;}
.part1 .miso-next:hover{background: url(../images/part1_next_l.jpg) no-repeat;}


.part2{width: 400px;float: right;}
.part2 ul{margin:0 -26px;}
.part2 ul li{margin-bottom: 5px;}
.part2 ul li a{display: block;    padding: 17px 2px 17px 26px;transition: 0.4s;}
.part2 ul li .sj{}
.part2 ul li .sj p{display: inline-block;font-family: 'Gabriola';line-height: 26px;transition: 0.4s;}
.part2 ul li .sj .p1{font-size: 34px;color: #868686;line-height: 14px;padding-left: 32px;background: url(../images/part2_ico.png) no-repeat left top;height: 21px;}
.part2 ul li .sj .p2{font-size: 24px;color: #868686;}
.part2 ul li .sj .p3{font-size: 20px;color: #bcbcbc;}
.part2 ul li .bt{font-size: 16px;color: #242424;line-height: 30px;transition: 0.4s;}
.part2 ul li a:hover{background:#046fc1 url(../images/part2_li_on_bg.png) no-repeat top right;box-shadow: 0 0 6px rgba(125,125,125,0.16);}
.part2 ul li a:hover .sj p{color: #fff;}
.part2 ul li a:hover .sj .p1{background: url(../images/part2_ico_on.png) no-repeat left top;}
.part2 ul li a:hover .bt{color: #fff;}




.part3_4{margin-bottom: -50px;}
.part3_4 .sy_tit{background: url(../images/part3_tit_bg.jpg) no-repeat left center;padding: 45px 20px 45px 60px;margin-bottom: 0;}
.part3_4 .sy_tit p{background: url(../images/sy_title_bg_b.png) no-repeat right  center;color: #fff;}
.part3_4 .sy_tit span{color: #fff;}
.part3_4 .sy_tit .more{background: url(../images/sy_more_bai.png) no-repeat center right;}
.part3_4 .sy_tit .more:hover{background: url(../images/sy_more_lan.png) no-repeat center right;}
.part3{width: 734px;float: left;}
.part3 .con{padding: 28px 20px;background: #fff;}
.part3 .slider{width: 348px;float: left;}
.part3 .slider li{}
.part3 .slider li a{}
.part3 .slider li .img{width: 100%;}
.part3 .slider li .img img{width: 100%; height: 260px;}

.part3 .miso-dots{bottom: 10px;right: 0px;top: auto;left: auto;z-index: 30;text-align: right;padding-right: 10px;}
.part3 .miso-dots li{width: 10px;height: 10px;background: #fff;border-radius: 50%;}
.part3 .miso-dots li.miso-active{background: #175dc9;}


.p3_right{width: 320px;float: right;}
.p3_right a{display: block;position: relative;border-bottom: 1px dashed #d0d0d0;padding-bottom: 15px;margin-bottom: 15px;}
.p3_right a+a+a{border-bottom: 0;margin-bottom: 0;}
.p3_right .bt{font-size: 16px;color: #353535;line-height: 30px;transition: 0.4s;}
.p3_right a .sj{position: absolute;right: 0;bottom: 15px;}
.p3_right a .sj p{display: inline-block;font-family: 'Gabriola';line-height: 26px;transition: 0.4s;}
.p3_right a .sj .p1{font-size: 34px;color: #868686;line-height: 14px;height: 21px;}
.p3_right a .sj .p2{font-size: 24px;color: #868686;}
.p3_right a .sj .p3{font-size: 20px;color: #bcbcbc;}
.p3_right a:hover p.bt{font-weight: bold;}
.p3_right a:hover p{color: #165fca !important;}

.part4{width: 594px;float: right;}
.part3_4 .part4 .sy_tit{background: url(../images/part4_tit_bg.jpg) no-repeat left center;}
.part4 .con{background: #fff;padding: 30px;}
.part4 ul{}
.part4 ul li{}
.part4 ul li a{display: block;padding-bottom: 17px;margin-bottom: 17px;border-bottom: 1px dashed #d0d0d0;}
.part4 ul li .bt{font-size: 16px;color: #353535;float: left; /*width: calc(100% - 78px);*/transition: 0.4s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  }
.part4 ul li .sj{font-size: 20px;color: #999999;font-family: 'Gabriola';float: right;transition: 0.4s;}
.part4 .gd{text-align: right;display: block;margin-top: 23px;}
.part4 .gd p{display: inline-block;line-height: 30px;margin-right: 10px;transition: 0.4s;}
.part4 .gd .more{width: 79px;height: 30px;background: url(../images/sy_more_hui.png) no-repeat center right;transition: 0.4s;display: inline-block;}
.part4 .gd:hover{color: #165fca;}
.part4 .gd:hover .more{background: url(../images/sy_more_lan.png) no-repeat center right;}
.part4 ul li a:hover .bt{color: #165fca;font-weight: bold;}
.part4 ul li a:hover .sj{color: #165fca;}


.foot{background: url(../images/foot_bg.jpg) no-repeat;background-size: cover;padding: 100px 0 50px;}
.foot .foot_logo{display: table;float: left;}
.foot .foot_logo img{}
.foot .foot_right{width: 640px;float: right;color: #fff;}
.foot .foot_right a{color: #fff;}
.foot .foot_right .tit{font-size: 18px;line-height: 26px;margin-bottom: 18px;}
.foot .foot_right .bq{padding-left: 30px;background: url(../images/foot_ico1.png) no-repeat left 6px;}
.foot .foot_right .bq p{font-size: 14px;line-height: 34px;}






.search_btn{margin-left: 0rem;cursor: pointer;}
.search_btn svg{display:inline-block;fill:#fff;width: 16px;height: 16px;vertical-align: middle;}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 18rem;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #2353b6;transition: .6s;left: 0;right: 0;z-index: 1;}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}
.header-right .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
	position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
	width:6%;
	padding-top: 6%;
	left: 26.875%;
	top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
	width:12px;
	padding-top: 12px;
	left: 13.54%;
	top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
	background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble3{
	width:36px;
	padding-top: 36px;
	left: 8.854%;
	top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
	width:56.875%;
	padding-top: 56.875%;
	left: -28.6458%;
	top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
	width:54px;
	padding-top: 54px;
	left: 26.3%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
	background-color: #fff;
	opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
	width:56.875%;
	padding-top: 56.875%;
	left: 73.4375%;
	top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
	width:2rem;
	padding-top: 2rem;
	left: 60.9375%;
	top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{


	background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble8{
	width:1.35rem;
	padding-top: 1.35rem;
	left: 95.83%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
	width:16px;
	padding-top: 16px;
	left: 76.5625%;
	top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
	width:56.875%;
	padding-top: 56.875%;
	left: 71.354%;
	top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
	animation:spin 8s infinite linear;
	transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 50rem;
	margin: 0 auto;
	padding: 0 0.5rem 0 1.5rem;
	background-color: rgba(255,255,255,.1);
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
  height: 74px;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: 4.5rem;
	width: calc(100% - 3.5rem);
	background-color: transparent;
	font-size: 1.25rem;
	line-height: .5rem;
	color: #fff;
	transition: all .3s;
	outline: none;
    border: 0;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=image],
.search-dialog .search-input .clear-btn{
	float: right;
	height: 4.5rem;
	width: 3.5rem;
}

.search-dialog .search-input input[type=image]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem;
	background-image: url('../images/page1_ss.png');
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.svg');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=image]{
	background-image: url('../images/search-btn2.svg')
}

.search-dialog .hot-search{
	font-size: 0;
	width:19.5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image: url(../images/hot-icon.png);
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.pub-close {
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    right: 1.5rem;
    top: 1.35rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
	transition:.6s
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}




/* 首页结束 */







.position{font-size:12px;line-height: 30px;height: 30px;color: #999999;padding: 0 15px 0 0;border-bottom:  #e8e8e8 1px solid;margin-bottom: 15px;}
.position span, .position a, .position i{font-size:12px;color: #999999;margin: 0 5px;}
.position em{font-size:12px;color: #2353b6;font-style: normal;}
.position a:hover{ color:#2353b6;}

.n_left{width: 260px;}

.n_box{ padding:40px}

.erji{ margin-bottom:20px}
.erji h1{height: 65px;line-height: 65px;background: #2353b6;padding: 0 20px;font-weight:bold;font-size: 20px;color:#fff;}
.erji h1 img{ margin:-3px 10px 0 0}
.erji ul li{line-height: 60px;border-bottom:  #eaeaea 1px solid;}
.erji ul li a{display:inline-block;width:100%;height: 60px;padding: 0 0 0 20px;color: #333333;font-size: 16px;}
.erji ul li a:hover,.erji ul li.on a{background: #eaeaea url(../images/xy.png) 92% center no-repeat;color: #2353b6;}

.n_right{width: 985px;padding-bottom: 15px;}

.n_news ul{margin-bottom: 45px;}
.n_news ul li{padding: 18px 0;overflow:hidden;margin: 0 0;}
.n_news ul li{overflow:hidden;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;border-bottom: #eaeaea 1px dashed;}
.n_news ul li:hover{}


.n_news ul li .img,.n_news ul li .img img{float:left;width: 170px;height: 120px;overflow:hidden;}
.n_news ul li .con{float:right;width:780px;height: 118px;overflow:hidden;padding: 10px 0 0;}
.n_news ul li .con h5,.n_news ul li .con h5 a{font-size:16px;color: #323232;}
.n_news ul li a:hover .con h5{color:#064ba0;font-weight: bold;}
.n_news ul li .con p{font-size:12px;line-height:20px;height:60px;color: #999999;margin: 0;}
.n_news ul li .con h6{font-size:12px;color:#989898;height:18px;line-height: 19px;padding: 0;margin: 12px 0 12px;}

.liebiao ul{ margin-bottom:40px;}
.liebiao ul li{font-size: 16px;color: #000000;line-height: 46px;height: 46px;width:100%;margin-bottom: 20px;}
.liebiao ul li a{display: block;border-bottom: 1px dashed rgb(204, 204, 204);padding-bottom: 10px;}
.liebiao ul li a::after{content: "";display: block;clear: both;}
.liebiao ul li a p{font-size: 16px;color: #323232;float:left;max-width:80%;padding:0 0 0 13px;background: url(../images/dot.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.liebiao ul li a:hover p{color: #2353b6;}
.liebiao ul li span{font-size: 12px;color: #999999;float:right;}
.liebiao ul li a:hover span{color: #2353b6;}


.pic_liebiao ul{ margin-bottom:40px;  
        position: relative;
	max-width: 100%;
	width: 100%;}
.pic_liebiao ul li{ width:320px; height:auto; box-shadow: 0px 1px 9px rgba(0,0,0,0.2); background:#FFF; padding:10px; float:left; 	position: absolute;
	background: white;}
.pic_liebiao ul li:hover{ background:#1647a6;}
.pic_liebiao ul li:hover .text h3{ color:#FFF;}
.pic_liebiao ul li:hover .text p{ color:#FFF;}
.pic_liebiao ul li .img{ width:300px; height:auto; float:left; }
.pic_liebiao ul li .img img{ width:300px; height:auto;}
.pic_liebiao ul li .text{ width:300px; padding:20px; float:left; }
.pic_liebiao ul li .text h3{ font-size:16px; font-weight:bold; line-height:30px; p }
.pic_liebiao ul li .text p{ color:#737373; line-height:28px;} 

.n_article .ar_title{padding:10px 0 20px 0;margin-bottom: 5px;}
.n_article .ar_title{padding: 10px 0 0px 0;position:relative;box-sizing: border-box;text-align: center;}
.n_article .ar_title h1{font-size: 24px;display:block;line-height: 48px;color: #333333;font-weight: bold;margin-bottom: 15px;}
.n_article .ar_title h2{font-size: 14px;position:relative;display:block;height: 46px;color: #3c3c3c;line-height: 46px;background: #f5f5f5;}
.n_article .ar_title h2 span{ margin:0 10px}
.n_article .ar_article{padding-top:20px;padding-bottom: 0px;min-height:400px;margin-bottom: 30px;}

#ar_fot{position:relative;padding: 10px 20px;border: #e8e8e8 1px solid;background: #f7f7f7; height: 95px;}
#ar_fot h5{width: 100%;display:block;font-size: 16px;line-height: 36px;color: #666666;font-weight: normal;}
#ar_fot h5 a{font-size: 16px;color: #666666;font-weight:normal;width: 70%;max-width: 70%;display:  inline-block;}
#ar_fot h5 a:hover{ color:#083c76;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}

.container08{ background:url(../images/container08_bg.jpg) center no-repeat; height:437px; padding:20px 0 0}
.container08 h3{font-size:20px;color:#323232;margin-bottom: 20px;font-weight:bold;text-align:center;background:url(../images/bgbg.png) center no-repeat;}


/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1600px){
}

@media(max-width: 1450px){
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1300px){
	
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){

	
}

@media(max-width: 768px){
	
}

@media(max-width: 456px){
	
}