/* CSS Document */
.container{
padding:0 15px;
box-sizing: border-box;
background: ;
}
.sub-header:first-child {
color:#666;
}
.sub-header {
	height:40px;
	line-height: 40px;	
	color: #958c90;
   border-bottom: 1px solid #eee;
   background: #fff;
}
.topnews-data {
display:inline-block;
color:#e10000
}
.sub-name {
padding: 0 10px;
display: inline-block;
}
#drop-list {
padding-left:0;
color:#666;
padding-right: 40px;
}
.sub-name font {
color: #3274cd;
padding:0 5px
}
.sub-name .t-news-newslist {
height:40px;
overflow: hidden;
float: right;
}
.sub-name .t-news-newslist li {
	line-height: 40px;
}
.sub-name .t-news-newslist li a {
color:#3274cd;
padding:0 5px;
font-size: 14px;
}
.icon-rotate {
transform:rotate(180deg);
-ms-transform:rotate(180deg); 
-moz-transform:rotate(180deg); 	
-webkit-transform:rotate(180deg); 
-o-transform:rotate(180deg); 
display:inline-block;
}
.sub-left {
	float:left;
cursor: pointer;
}
.sub-right {
	float:right;
	margin-left: 30px
}
.sub-right a {
	color:#666;
        cursor: pointer;
}
.sub-right a:hover,.main-menuc:hover i , .main-menuc:hover .main-name,.download-box:hover .dowload-name, .dorp-meny .loadnav .se-dropdown-menu:hover a{
color:#3894EA;
}
.sub-right .ml20{
	margin-left: 20px
}
.main-header {
	height:80px;
	border-bottom: 1px solid #eee;
	position: relative;
	background: #fff;
}
.main-header .main-drop {
	line-height: 80px;
}
.main-header .main-drop:hover {
	
}


.main-header .main-img {
	margin-top:25px
}
.main-header .main-img img {
	display: inline-block;
	height: 31px
}
.main-header .main-img .ml10 {
	margin-left:10px
}
.main-menu-ul > li .main-drop > a {
	font-size:18px;
	display: block;
	position: relative;
	padding-left: 50px;
	box-sizing: border-box;
	float: right;
	cursor: pointer
	
}
.navfixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: #fff;
border-bottom:1px solid #eee
}
.main-menu-ul li  a > img {
	width: 25px;
    height: 25px;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -13px;
}
.main-header li a  i {
	font-size:24px;
	padding-right: 6px
}
.main-header li a .icon-show {
font-size:16px;

}


.main-header .main-menuc .icon-xiazai1  {
	position: absolute;
	right: 20px;
	bottom: -24px;
	display: none;
	cursor: pointer;
	
}
.main-header li:nth-of-type(2) a  i {
	font-size: 21px
}
.main-header li:nth-of-type(3) a  i {
	font-size: 20px
}
.main-header .main-content {
	position:absolute;
	width: 100%;
	left: 0;
	top:80px;
	padding:40px 0;
	background: #f9f9f9;
	z-index: 99;
	display: none;
         box-shadow: 0 3px 10px rgba(0,0,0,.06);
}
.main-header .main-drop:hover .main-content{
	display:block
	
}
.main-header .main-box {
	position: relative;
	padding-left: 300px;
	padding-right: 250px
}

.main-header .main-content .container {
	position: relative
}
.main-tit {
	font-size: 20px;
	color:#181818;
	line-height: 32px;
	padding-left: 40px
}
.main-icon {
	line-height: 48px;
	padding-top: 10px;
	height: 60px;
	line-height: 60px;
	margin-top: 35px;
	cursor: pointer;
	
}

.main-header li a .main-icon i{
	font-size: 45px;
	color:#2C3E50;
}
.main-header li a .main-icon .icon-guanli {
	font-size: 40px;
}
.icon1 i {
	font-size:44px
}
.icon2 i {
	font-size:46px
	
}
.icon3 i {
	font-size:45px
	
}
.icon4 i {
	font-size:38px
	
}
.main-name {
	font-size: 15px;
	color:#2C3E50;
	line-height: 32px
}
.main-name .icon-show {
display:none
}
.main-menuc:hover .icon-show {
display:block;

}
.main-menuc {
	text-align: center;
       height:102px;
       display: block;
       position: relative;
}
.main-right li {
	line-height: 36px;
	margin-bottom: 12px
}
.main-header .main-content .main-right li a {
	font-size: 16px;
	padding-left: 0
}
.main-txt {
	font-size:20px;
	color:#181818;
	line-height: 32px
}
.main-right ul {
	margin-top:25px
}
.main-right {
	box-sizing: border-box;
	padding-left: 80px
}
.main-pc {
	box-sizing: border-box;
	padding-right:40px;
	border-right: 1px dashed #ddd
}

/*2*/
.main-header .main-content .item{
	padding: 5px 5px 10px 55px;
	margin-bottom: 5px;
	margin-top: 35px;
	box-sizing: border-box;
	float: left;
	width: 25%;
	position: relative;
	
}
.main-header .Micro20{margin-bottom: 20px;}

.main-header .item img {
	width: 39px;
	height: 39px;
	position: absolute;
	left: 0;
	display: block;
}
.main-header .wx-title {line-height: 46px;font-size: 20px;color: #181818;}
.main-header   .wx-second-su {
	overflow: hidden;
}
.main-header .item:last-child{
	margin-bottom: 0;
}
.main-header .item-h{
	color: #484848;
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 10px;
	cursor: pointer;
}
.main-header  .item-b{
	color: #888;
	font-size: 13px;
	line-height: 26px;
}
.main-header .nav-second{
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	background: #F5F5F5;
	z-index: 5;
	box-shadow: 0 2px 5px #e0e0e0;  
	box-sizing: border-box;
}
.main-header .item img {
	width: 39px;
	height: 39px;
	position: absolute;
	left: 0;
	display: block;
}
.main-header .wx-mt {
	margin-top:15px
}
.main-header  .download-box {
	text-align:center;
}
.main-header .dowload-icon img {
	margin: 0 auto
}


.loadnav .se-dropdown-menu{width: 33.33%; float: left;border-right:1px dashed #ddd; box-sizing:border-box;padding: 0 10px 0px 100px;}
.loadnav .se-dropdown-menu .fr-dr-box{border-bottom: 0;position: relative;line-height: 32px;}
.loadnav .fr-dr-box a:hover{color:#2f74cc}
.loadnav .fr-dr-box a{font-size:15px;color: #888887;}
.loadnav .se-dr-box a{color: #2f74cc; font-weight:normal;height:30px;line-height:30px;display:block}
.dowload-name {line-height:30px}
.newsnav .se-dropdown-menu .fr-dr-box,.newsnav .se-dr-box a{ color:#958c90;}
.loadnav .se-dr-box span{color: #958c90;line-height: 20px;overflow: hidden;display: block;font-size: 14px;height: 40px}
.loadnav .fr-dr-box i {font-size:35px !important;margin-right: 5px;position: absolute;left: -60px;top:4px;color: #cbcccb;}
.loadnav .fr-dr-box .icon1 {font-size: 30px!important}
.loadnav .se-dropdown-menu:last-child{border-right:0;}

.dorp-meny {
	padding:30px 0;
	background: #fafafa;
	display: none
	
}
.dorp-meny .loadnav .fr-dr-box a {
	color:#3a3a3a
}
.dorp-meny .loadnav .se-dr-box span {
	font-size:12px;
	cursor: default;
}
.dorp-meny .loadnav .se-dropdown-menu {
	   padding: 0 20px ;
	   width: 16.66%;
            cursor: pointer;
}
.dorp-meny .loadnav .se-dropdown-menu:first-child {
padding-left:0px
}
.dorp-meny .loadnav .se-dropdown-menu:last-child {
padding-right:0px
}
.dorp-meny .loadnav .fr-dr-box i {
	position:inherit;
	font-size: 16px!important;
	color:#555
}
.main-header .main-img  .moblie-show1 {
	display:none
}
#asideclick {
	display:none;
}
.aside-bg{
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    right: 0;
    top: 0;
    position: fixed;
    z-index: 9999;
    display:none;
}
	.aside{
		position: fixed;
		height: 100%;
		width: 240px;
		right: -100%;
		top: 0;
		background: #000;
		z-index: 10000;
		transition:  all .3s linear;
		-webkit-transition:  all .3s linear;
	}


/*footer*/
.footerbox{background: #393c41;padding:0 ;color: #959595;}
.fpagelist{ position: relative;margin-bottom:15px;padding-top:45px}

.copyright {background:#393c41;font-size: 13px;color: #bcbdbf;padding-top:25px;padding-bottom:45px;border-top: 1px solid #5a5e61;}
.widget{min-height: 200px;}
.copyright .title{margin-top: 0;padding-bottom: 5px;margin-bottom: 20px;position: relative;color: #fff;font-size: 16px;font-weight: normal;text-align: left;}
.copy-r{position: absolute;right: -150px;top: 38px;}
.widget .title ,.copyright .title{margin-top: 0;padding-bottom: 5px;margin-bottom: 20px;position: relative;color: #fff;font-size: 16px;font-weight: normal;text-align: left;}
.widget .tag-cloud a,.widget .tag-cloud span {color: #c6c7c9;line-height:25px;display:block;margin: 0 0px 7px 0;-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;text-align: left;}
.widget .tag-cloud span i{margin-left:20px;color: #a9a9a9;font-size: 22px;vertical-align: middle;}
.copyright .title{margin-bottom: 0;}
.cooperation a{color: #bfc0c2; margin-right:12px;}
.copy-l{min-height: 50px;}
.flex-left{width: 100px;position: fixed;left:40px;top: 55%;background: #3274cd;padding: 3px 20px;line-height: 42px;margin-top: -105px;-webkit-transition: .3s;transition: .3s;z-index: 1000;}
.flex-left li{border-bottom: 1px solid #6092d6;text-align: center;}
.flex-left li a{color: #fff;}
.widget .tag-cloud span a{ display:inline-block;position: relative;}
.widget .tag-cloud .code-img{left:50%;bottom: 26px;margin-left: -45px; display:none;}
.widget .tag-cloud .code-img img{ width:100%;}
.widget .tag-cloud span a:hover .code-img{ display:block;}

.flex-icon{position: absolute;width: 20px;line-height: 45px;height: 45px;right: -20px;background:url(/Template/skin1/images/common/icon/arrowh.png) no-repeat -4px center #3274cd;top: 50%;margin-top: -22px;color: #fff;border-radius: 0 100px 100px 0;font-family: sans-serif;font-weight: 700;padding-left: 2px;box-sizing: border-box; cursor: pointer;}
.hide{left: -140px;}
.hide .flex-icon{background:url(/Template/skin1/images/common/icon/arrows.png) no-repeat center #3274cd;}
.flex-right{position:fixed;bottom:20px;right:20px; z-index: 1000;}
.navbar2{display: none;}

.copy-r li a{ display:block; text-align:center;margin-top: 15px;}
.copy-r li a img{display:block; margin:auto;}

.voice-link{position: fixed; right: 0;bottom: 272px;  width:140px;-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;cursor: pointer;}
.voice-link img {width:100%}
@-webkit-keyframes bounce-up {
  25% {-webkit-transform: translateY(7px);}
  50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-7px);}
 }
 
 @keyframes bounce-up {
  25% {transform: translateY(7px);}
  50%, 100% {transform: translateY(0);}
  75% {transform: translateY(-7px);}
}
#video{cursor:pointer;}
#video img{width:100%;}
.videoBg{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.8);top: 0;left:0;z-index: 100000; display:none;}
.videoBox{width:70%;position:fixed;top:10%;left:50%;margin-left:-35%; z-index:100001; background:#000; display:none;}
.videoBox iframe{border:0;}
.no-scroll{overflow:hidden;}
.videoBox iframe video{width:100%;}
.voice-link {display: none}
.fixedBox{background: #eeeeee;width: 114px;height: 32px;border-radius: 0 0 5px 5px;}
.fixedBox>span{width:50%;height: 100%;position: relative;}
.fixedBox>span a{display:block;width: 100%;height: 100%;}
.fixedBox>span a.cored-icon{background:url(/Template/skin1/images/common/code.png) no-repeat center;background-size: 20px;}
.fixedBox .top-icon{background:url(/Template/skin1/images/common/top.png) no-repeat center;background-size: 20px;cursor: pointer;}
.fixedBox>span a.cored-icon:hover{background:url(/Template/skin1/images/common/codeh.png) no-repeat center;background-size: 20px;}
.fixedBox .top-icon:hover{background:url(/Template/skin1/images/common/toph.png) no-repeat center;background-size: 20px;cursor: pointer;}
.flex-right img{display:block;cursor: pointer;}
.code-img{display:none; background:#fff;padding: 8px;width: 90px;height: 90px;position: absolute;left: -118px;bottom:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.fixedBox .cored-box:hover .code-img{display:block;}
.cored-box:hover .code-img img{width:100%; height:100%;}
.footerbox .foot-list {width:16.66666666%}
.footerbox .foot-listl {width:25%}	
.footerbox .widget-list li {float:left}
.footerbox .widget-list li .widget-box {margin-right: 20px}
.copyright .container {padding:0}
.cooperation {
    margin-bottom: 15px;
}
.detail-icon-box{
    position: relative;
    padding-left: 45px;
}
.detail-info {
color:#fff
}
.footer-detail {
padding:30px 0 30px;
background:#393a41
}
.detail-icon-box i {
    position: absolute;
    left: 0;
    font-size: 40px;
}
.footer-detail li {
float:left;
width:20%
}
.detail-info {
    color: #fff;
    font-size: 12px;
}
p.detail-name {
    font-size: 16px;
    color: #fff;
 line-height:24px
}
.pc-show {
	display:block
}
.moblie-show{
	display:none
}

@media all and (min-width: 1180px) and (max-width: 1920px) {
	
	.container {
		padding: 0;
	}
}
@media screen and (max-width:992px){
	.main-header a {color:#fff}
	.sub-header{display: none}
	.main-header {display: block}
	#asideclick {display: block}
.moblie-show.moblie-phone {
    position: absolute;
    right: 60px;
    top: 20px;
    font-size: 14px;
    color:#fff!important
}
.moblie-show a ,.moblie-show.moblie-phone a{
	color:#fff!important
}
	.asideIcon {
		text-align: right;
		line-height: 60px;
		
		box-sizing: border-box;
		display: block;
		color: #fff;
		font-size: 28px!important
	}
	.main-menu ,.main-header .main-img .ml10 {
		display: none
	}
	
	.main-header {
		height:60px;
		background: #101010
	}
	.main-header .main-img {
		margin-top:16px
	}
	.main-header .main-img img {
		display:inherit;
		height: 22px	
	}
	.main-header .main-img .pc-show1 {
		display:none
	}

	/*********aside-heade******/
	

	.asideuser{
		position: relative;
	    background: #000;
	    padding: 20px 15px;	
	}
	.asideuser .face{
		width: 52px;
	    height: 50px;
	    position: absolute;
	    border-radius: 50%;
	    left: 20px;
	    top: 20px;
	}
	.asideuser .face img{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.asideuser .name{
		padding-left: 70px;
	    height: 54px;
	    line-height: 54px;
	    overflow: hidden;
	    font-size: 15px;
	    color: #fff;
	}
	.aside-wrap{
		overflow-y:auto;
		-webkit-overflow-scrolling: touch;
	}
	.aside-wrap li a{
		padding-left: 15px;
		font-size: 15px;
		color:#fff
	}
	.aside-wrap li .aside-nav a{
		padding-left: 68px;
		display: block;
		color: #FFF;
		margin-bottom: 20px;
	}
	
	.aside-wrap li:first-child{
		padding-top: 20px;
	}
	.aside-wrap li{
		line-height:normal;
		margin-bottom: 20px;
	}
	.aside-nav{
		margin-top: 20px;
	}
	.asideuser a{
		display: block;
	}
	.iconst {
		font-size:20px!important;
		padding-right: 10px;
		position: relative;
		top: 2px
	}
	.main-header .main-img .moblie-show1 {
		display:block
		
	}
	.main-header {
         border-bottom:0
      }
	.main-header .moblie-show {
		display: block;
	}
}

@media screen and (max-width:768px){ 

.foot-md {
	display: none;
}
.widget .title, .copyright .title {
	font-size: 14px;
}
.widget .tag-cloud a, .widget .tag-cloud span {
	font-size: 12px;
}

.footer-detail {
	display: none;
}
.footerbox .foot-list {
	width: 25%;
}
.cooperation {
    margin-bottom: 15px;
    line-height: 1.8;
    font-size: 12px;
}
}

@media screen and (max-width:480px){
.moblie-show {
display:block	
}
.pc-show {
	display:none
}

/*footer*/

.footerbox .foot-listl {width:100%}
     .fpagelist {padding-top:20px}
.fpagelist .col-md-2,.footerbox .copyright {
	display:none
}
.footerbox  .footer-moblie {
	display:block
}
.widget .tag-cloud span {
	font-size: 12px;
	margin-bottom: 0
}
.footerbox {
	padding: 20px
}
.widget {
	min-height: inherit
}
.footerbox .container {
	padding: 0
}
.widget .title {
	margin-bottom: 0
}

}
@media screen and (max-width:320px){
.main-header .main-img img {
height:18px
}
.moblie-show.moblie-phone {
font-size:12px;
}
}
	<!--ºÄÊ±1763850432.7915Ãë-->