/* ------------------------------------ȫ�ֶ���---------------------------------------- */  
/* ������Ĭ��margin��padding�ı������?���б�ǵ�margin��padding����ʹ��ʱ���嶨�� */  
*{ margin:0;padding:0;}  
  
/* ����IE5.x��IE6������bug */  
* html body{ overflow:visible;}  
* html iframe, * html frame{ overflow:auto;}  
* html frameset{ overflow:hidden;}  
  
/* ���ñ�ǩ��������ǩĬ����ʽȡ����HTML��ǩ��ȡ��������ǩĬ����ʽ����ֹ��ͬ�������ʾЧ�����?��text-align:center; ������?�������������? */  
body{ color:#000; font:16px  "Open Sans", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", ΢���ź�, sans-serif; text-align:center; line-height: 170%;}  
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}  
input,select{ font-size:12px; vertical-align:middle;}  
  
/* �������������?�ָ���BODY���þ��в����ļ̳� */  
body div{ text-align:left;}  
  
/* ��ǩ���ԣ�textarea,input ǿ������ʱ���ݳ���ʱ���� */  
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}  
  
/* ���ul�б���ǵ���ʽ��ul�б���������ڲ����?�б�ǰ�÷��ŵ���ʽ�� */  
li{ list-style-type:none;}  
  
/* ����ͼƬ�߿򣬵�ͼƬ��Ϊ�������ݱ����ʱ�������?�ϱ߿���֣��ض���� */  
img{ border:0 none;}  
  
/* ����Ĭ�ϵ�������ʽ����������ΪĬ����ʽ�ṩ�������ڸ��Ե�ʵ���и��ǵ� */  
a:link, a:visited{ color:#04C; text-decoration:none;}  
a:hover{}  
  
/* ȥ�����ӵ����߿� */  
a { outline:none; star:expression(this.onFocus=this.blur());}  
  
/* ����Hϵ�б�ǩ������Hϵ�б�ǩĬ������ */  
h1{ font-size:24px;}  
h2{ font-size:20px;}  
h3{ font-size:18px;}  
h4{ font-size:16px;}  
h5{ font-size:14px;}  
h6{ font-size:12px;}  

.webtop{
	width: 100%;
	height: 105px;
	background: #1d3c85;
	position:fixed;
	top: 0px;
	transition: all 0.3s;
	z-index: 9;
}
.daohang1{
	width: 1245px;
	margin: 0 auto;
}
div.mini_top{
	box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
	height: 60px;
}

.webtop .left{
	display: block;
	float: left;
	width: 390px;
	height: 105px;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position:25px center ;
	background-size: 250px auto;
	transition: all 0.3s;
}

div.mini_top .left{
	height: 60px;
	background-size: 220px auto
}

.webtop .right{
	width: 830px;
	height: 105px;
	float: left
}

div.mini_top .right{
	height: 60px;
}

.webtop .right .langue{
	width: 100%;
	text-align: right;
	height: 35px;
	line-height: 35px;
	color: #6F93BE;
	font-size: 14px;
	opacity: 1;
	transition: all 0.3s;
}

.webtop .right .langue a{
	color: #6F93BE;
}

div.mini_top .right .langue{
	height: 0px;
	opacity: 0;
}

.webtop .right .mainmenu{
	width: 100%;
	height: 60px;
	margin-top: 10px;
	text-align: right;
	position: relative;
	transition: all 0.3s;
}

div.mini_top .right .mainmenu{
	margin-top: 0px;
}

.webtop .right .mainmenu a.menu{
	font-size: 17px;
	display: inline-block;
	line-height: 60px;
	color: #fff;
	padding: 0px 15px;
	height: 60px;
	transition: all 0.3s;

}


div.mini_top .right .mainmenu a.menu{
	line-height: 60px;
}

.webtop .right .mainmenu a.menunow{
	background: #0177FE;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
}

div.mini_top .right .mainmenu a.menunow{
	
}

.webtop .right .mainmenu a.menunow i{
color: #fff
}

.webtop .right .mainmenu .dropmenudiv_b{
	opacity: 0;
	height: 0px;
	overflow: hidden;
	padding:  0px;
	background: rgba(1,119,254,.9);
	position: absolute;
	transform: translateX(-50px);
	transition: all 0.3s;
	top: 60px;
	border-bottom-right-radius: 10px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.4);
}

.webtop .right .mainmenu div.menushow{
	transform: translateX(0px);
	opacity: 1;
	height: auto;
	padding: 17px 0px 17px 0px;
}

.webtop .right .mainmenu .dropmenudiv_b a{
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	width: 100%;
	display: block;
	height: 35px;
	line-height: 35px;
	cursor:pointer;
    pointer-events: none;
	transition: all 0.3s;
	margin-left: 15px;
	padding-right: 30px;
	white-space: nowrap;
}

.webtop .right .mainmenu .dropmenudiv_b a:hover{
	transform: translateX(5px)
}

.webtop .right .mainmenu div.menushow a{
    pointer-events:auto;
}

.webtop .right .mainmenu #dropmenu1_b{
	left: 370px;
}

.webtop .right .mainmenu #dropmenu2_b{
	left: 436px;
}

.webtop .right .mainmenu #dropmenu3_b{
	left: 602px;
}

.webtop .right .mainmenu #dropmenu4_b{
	left: 718px;
}

.webtop .right .mainmenu #dropmenu5_b{
	left: 668px;
}

.webtop .right .mainmenu .dropmenudiv_b a i{
	color: #fff;
	margin-right: 5px;
}

.webtop .right .mainmenu a i{
	font-size: 14px;
	color: #9ADDF7;
	margin-left: 5px;
}

.homelb{
	width: 100%;
	height: 900px;
	background: #000;
	color: #fff;
	position: relative
}

.homelb video{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0.8;
	height: auto
}

.homelb .textbox{
	width: 1200px;
	padding-left: 50px;
	margin: 0px auto;
	margin-top: 20%;
	overflow: hidden;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	padding-bottom: 150px;
}


.homelb .textbox h3{
	font-size: 30px;
	line-height: 40px;
	opacity: 0;
	transition: all 1s;
	transform: translateY(150px);
}

.homelb .swiper-slide-active .textbox h3{
	transform: translateY(0px);
	opacity: 1
}

.homelb .textbox h1{
	font-size: 60px;
	line-height: 70px;
	margin-top: 10px;
	opacity: 0;
		transition: all 1.2s;
	transform: translateY(150px);
}

.homelb .swiper-slide-active .textbox h1{
	transform: translateY(0px);
	opacity: 1
}

.homelb .textbox a{
	display: block;
	line-height: 48px;
	color: #fff;
	text-align: left;
	padding-left: 20px;
	width: 160px;
	font-size: 16px;
	height: 48px;
	margin-top: 90px;
	background-color: #0177FE;
	opacity: 0;
	transition: all 1.4s;
	transform: translateY(150px);
}

.homelb .swiper-slide-active .textbox a{
	transform: translateY(0px);
	opacity: 1
}

.homelb .textbox a i{
	float: right;
	margin-right: 20px;
}

.homelb .lb1{
	background-size: 100% auto
}

.homelb .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	transition: all 0.3s;
	background: #fff;
	opacity: 1;
	opacity: 0.5
}

.homelb .swiper-pagination-bullet-active{
	border-top-left-radius: 100px;
	border-bottom-left-radius:100px;
	border-top-right-radius: 100px;
	border-bottom-right-radius:100px;
	width: 50px;
	opacity: 1
}

.homelb div.swiper-pagination{
	width: 1200px;
	padding-left: 50px;
	text-align: left;
	left: 50%;
	margin-left: -600px;
	bottom: 40px;
}

.w1400{
	width: 1200px;
	margin: 0px auto;
}
.w1400 h1 i{
	display: none;
}
.w1400 .nav{
	color: #fff;
}
.company{
	width: 100%;
	height: 480px;
	background: url(line.png) no-repeat center;
	background-size: 100% auto
}

.company .left{
	width: 650px;
	float: left;
}

.company .left h2{
	font-size: 30px;
	line-height: 40px;
	margin-top: 100px;
	margin-bottom:35px;
}

.company .left span{
	display: block;
	width: 100%;
	color: #555;
	line-height: 30px;
}

.company .left font{
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	
}

.company .left font a{
	display: block;
	float: left;
	font-size: 16px;
	color: #1d3c85;
	margin-right: 20px;
	transition: all 0.3s;
	
}

.company .left font a:hover {
	transform: translateY(-5px);
	
}

.company .right{
	margin-top: 100px;
	float: right
}

.products{
	width: 100%;
    height: 890px;
    background: url(line2.png) no-repeat center #1d3c85;
    background-size: 100% auto;
    overflow: hidden;
}

.products .p_title{
	width: 100%;
	color: #fff;
	height: 50px;
	margin: 65px 0px 50px 0px;
}

.products .p_title h1{
	font-size: 30px;
	font-weight: normal;
	line-height: 50px;
	float: left
}

.products .p_title div{
	float: right;
    width: 59%;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.products .p_title div a{
	color: #fff;
    font-size: 15px;
    line-height: 28px;
    transition: all 0.3s;
    display: block;
    margin-left: 8px;
	opacity: 0.6;
}
.products .p_title div a:hover{transform: translateY(-5px);opacity: 1;}
.products .p_imgs{
	width: 1390px;
	overflow: hidden;
}

.products .p_imgs a{
	height: 210px;
	display: block;
	float: left;
	background-position: center ;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	transition: all 0.2s;
}

.products .p_imgs a.p_llink1{
	width: 588px;
	margin-bottom: 5px;
	margin-right: 5px;
	background-image: url(img01.jpg);
}

.products .p_imgs a.p_llink2{
	width: 300px;
	margin-right: 5px ;
	margin-bottom: 5px;
	background-image:  url(img02.jpg);
}

.products .p_imgs a.p_llink3{
	width: 300px;
	margin-bottom: 5px;
	background-image: url(img06.jpg);
}

.products .p_imgs a.p_llink4{
	width: 300px;
	margin-right: 5px ;
	margin-bottom: 5px;
	background-image: url(img03.jpg);
}

.products .p_imgs a.p_llink5{
	width: 588px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-image: url(img05.jpg);
}

.products .p_imgs a.p_llink6{
	width: 300px;
	margin-bottom: 5px;
	background-image: url(img07.jpg);
}
.products .p_imgs a.p_llink7{
	width: 300px;
	margin-right: 5px;
	background-image: url(img04.jpg);
}

.products .p_imgs a.p_llink8{
	width: 300px;
	margin-right: 5px;
	background-image: url(img09.jpg);
}

.products .p_imgs a.p_llink9{
	width: 588px;
	background-image: url(img08.jpg);
}


.products .p_imgs a span{
	display: block;
	width: 100%;
	height: 76px;
	line-height: 86px;
	color: #fff;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-indent: 17px;
	transition: all 0.3s;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.products .p_imgs a:hover span{
	text-indent: 25px;
}

.products .p_imgs a:hover{
	background-size: 110% auto
}

.tools{
	width: 1200px;
	height: 155px;
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	margin: 0px auto;
	transform: translateY(-77px)
}

.tools a{
	float: left;
	width: 33.333%;
	height: 155px;
	transition: all 0.3s;
	background: url(line3.jpg) no-repeat right center
}

.tools a strong{
	font-size: 22px;
	color: #2D373C;
	line-height: 30px;
	display: block;
	margin-left: 30px;
	margin-top: 70px;
	float: left;
	transition: all 0.3s;
}


.tools a i{
	display: block;
	height: 80px;
	line-height: 80px;
	font-size: 65px;
	float: left;
	margin-left: 50px;
	color: #1d3c85;
	transition: all 0.3s;
	margin-top: 40px;
}

.tools a:hover  i{
	transform: scale(1.1,1.1);
	color: #0177FE
}

.tools a:hover strong{
	color: #1d3c85
}

.news{
	width: 100%;
    background-color: #F5F8FE;
    margin: 0px auto;
    margin-top: -155px;
    height: 587px ;
    padding-top: 65px;
}

.news .news_title{
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}

.news .news_title h1,.partner h1{
	font-size: 30px;
	font-weight: normal;
	line-height: 50px;
	float: left
}

.news .news_title a{
	float: right;
	line-height: 40px;
	font-size: 16px;
	color:  #1d3c85;
	transition: all 0.3s;
	display: block;
}
.news .news_title a:hover{
	transform: translateY(-5px);}

.news .swiper-container2{
	width: 1200px;
	overflow: hidden;
	height: 500px;
	padding-bottom: 20px;
}

.news .swiper-container2 a{
	display: block;
	width: 378px;
	background: #fff;
	height: 410px;
	transition: all 0.3s;
	border: 1px solid #E4E4E4;
	position: relative;
	box-shadow: 0px 0px 20px rgba(47,70,122,0.1)
}

.news .swiper-container2 a span{
	display: block;
	width: 100%;
	height: 260px;
	transition: all 0.3s;
	background-size: 100% auto;
	background-position: center
}

.news .swiper-container2 a:hover span{
		background-size: 110% auto
}

.news .swiper-container2 a h2{
	font-size: 17px;
	color: #2D373C;
	line-height: 32px;
	display: block;
	transition: all 0.3s;
	font-weight: normal;
	float: left;
	width: 330px;
	margin-left: 25px;
	margin-top: 25px;
}

.news .swiper-container2 a i{
	display: block;
	position: absolute;
	right: 25px;
	bottom: 35px;
	color: #8997A5;
	transition: all 0.3s;
	font-size: 20px;
}

.news .swiper-container2 a:hover i{
	right: 25px;
}

.office{
	width: 1400px;
	margin: 70px auto;
	overflow: hidden
}

.office .left{
	background: url(img07.png) no-repeat center;
	width: 653px;
	height: 568px;
	float: left;
	position: relative
}

.office .left a {
	text-align: center;
	display: block;
	width: 35px;
	position: absolute;
	transition: all 0.3s;
}

.office .left a:hover{
	transform: scale(1.1,1.1)
}

.office .left a.weihai{
	top: 220px;
	left: 542px;
}

.office .left a.dezhou{
	top: 232px;
	left: 487px;
}

.office .left a.chongqing{
	top: 344px;
	left: 377px;
}

.office .left a.dongguan{
	top: 434px;
	left: 455px;
}

.office .left a.huizhou{
	top: 434px;
	left: 490px;
}

.office .left a.taiwan{
	top: 410px;
	left: 562px;
}

.office .left a.changshu{
	top: 303px;
	left: 535px;
}

.office .left a font{
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	color: #8997A5;
	display: inline-block;
	font-weight: 300;
	transition: all 0.3s;
}

.office .left a:hover font{
	color: #1d3c85
}

.office .left a i{
	display:inline-block;
	width: 9px;
	height: 9px;
	background: #8997A5;
	border-radius: 100px;
	transition: all 0.3s;
}

.office .left a:hover i{
	background: #1d3c85;
}

.office .right{
	width: 475px;
	float: left;
	margin-left: 145px;
	margin-top: 100px;
}

.office .right h2{
	color: #2D373C;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 40px;
	float: left
}

.office .right span{
	width: 100%;
	display: block;
	overflow: hidden;
	color: #798186;
	float: left;
	line-height: 30px;
}

.office .right  a{
	background: #1d3c85;
	color: #fff;
	text-align: center;
	padding: 0px 40px;
	height: 45px;
	line-height: 45px;
	display: block;
	float: left;
	font-size: 16px;
	margin-top: 60px;
	transition: all 0.3s;
}

.office .right  a:hover{
	padding: 0px 50px;
}

.partner{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	margin-bottom:50px;
}


.foot{
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	background: #001235;
	padding: 25px 0px;
}

.foot .share{
	width: 100%;
	overflow: hidden
}

.foot .share .left{
	width: 330px;
	float: left;
	overflow: hidden
}

.foot .share .left strong{
	color: #fff;
	display: block;
	margin-bottom: 10px;
	font-weight: normal
}

.foot .share .left .bdshare-button-style2-16 a{
	background: url();
	padding-left: 0px;
	font-size: 24px;
	color: #fff;
	margin-right: 20px;
}

.foot .share .right{
	display: block;
	padding: 0px 50px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color:#798186;
	border: 1px solid #697882;
	border-radius: 3px;
	float: right
}

.foot .foot_menu{
	width: 100%;
	overflow: hidden;
	margin: 20px auto;
	padding: 20px 0px;
	border-top: 1px solid #263654;
	border-bottom: 1px solid #263654
}

.foot .foot_menu .left,.foot .foot_menu .left #topmenu{
	width: 900px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
	
}

.foot .foot_menu .left #topmenu a{
	width: 80px;
	margin-right: 100px;
	float: left;
	overflow:hidden;
	color: #fff;
}

.foot .foot_menu .left .dropmenudiv_b{
	display: block;
    width: 140px;
    float: left;
    margin-right: 39px;
}

.foot .foot_menu .left .dropmenudiv_b a{
	display: block;
	color: #697882;
	font-size: 15px;
	line-height: 25px;
	transition: all 0.3s;
}

.foot .foot_menu .left .dropmenudiv_b a:hover{
	color: #8997A5
}

.foot .foot_menu .left .dropmenudiv_b a i{
	display: none
}

.foot .foot_menu .right{
	width: 220px;
	float: right;
	overflow: hidden
}

.foot .foot_menu .right strong{
	color: #fff;
	display: block;
	width: 100%;
	text-align: right;
	font-weight: normal;
	margin-bottom: 10px;
}

.foot .foot_menu .right div{
	width: 100%;
	overflow:hidden;
	margin-bottom: 30px;
}

.foot .foot_menu .right div a{
	height: 35px;
	line-height: 35px;
	display: block;
	color: #697882;
	float: left;
	font-size: 15px;
	text-align: right;
	background-repeat: no-repeat;
	background-position: 18px 8px ;
	text-indent: 45px;
	width: 110px;
}

.foot .foot_menu .right div a.en{
	background-image: url(img09.png);
}

.foot .foot_menu .right div a.cn{
	background-image: url(img10.png);
}

.foot .foot_menu .right div a.on{
	color: #fff
}

.foot .foot_menu .right select{
	width: 218px;
	border: 1px solid #697882;
	border-radius: 3px;
	background-color: #001235;
	height: 45px;
	color: #798186;
	font-size: 15px;
}

.foot .foot_copy{
	width: 100%;
	overflow: hidden;
	text-align:left;
	font-size: 15px;
	color: #697882;
	line-height: 24px;
} 

.foot .foot_copy a{
	color: #697882;
}

.banner{
	width: 100%;
	height: 500px;
	margin: 0px auto;
	overflow: hidden;
	background-size:  100% auto;
	background-repeat: no-repeat;
	background-position: center;
	position: relative
}

@media screen and (max-width: 2060px) {
    .banner {
        background-size: auto 100%  ;
    }
}

.b1{
	background-image: url(b1.jpg)
}

.b2{
	background-image: url(b2.jpg)
}

.b3{
	background-image: url(b3.jpg)
}

.b4{
	background-image: url(b4.jpg)
}

.b5{
	background-image: url(b5.jpg?v=1)
}

.banner h1{
	color: #fff;
	font-size: 36px;
	line-height: 40px;
	margin-top: 270px;
	font-weight: normal;
	text-shadow: 0px 0px 16px rgba(0,0,0,0.3);
	margin-left: 50px;
}

.banner .sencondmenu{
	position: absolute;
	width: 1200px;
	margin-left: -600px;
	height: 65px;
	line-height: 65px;
	color: #EBF0F5;
	bottom: 0px;
	font-size: 16px;
	left: 50%;
	background-color:#0177FE;
	animation:mymove 1s ;
	-webkit-animation:mymove 1s ; /*Safari and Chrome*/
}

@keyframes mymove
{
from {bottom:-65px;}
to {bottom:0px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {bottom:-65px;}
to {bottom:0px;}
}

.banner .sencondmenu i{
	display: none
}


.banner  .sencondmenu a{
	color: #EBF0F5;
	display: block;
	height: 65px;
	transition: all 0.3s;
	float: left;
	text-align: center;
	text-indent: 0px;
		padding: 0px 20px;
}

.banner  .sencondmenu a:hover{
	background-color: #1d3c85;
}

.banner  .sencondmenu a.smenuvnow{
	background: #1d3c85;
    color: #fff;
}

.navs{
	width: 1200px;
	margin: 20px auto;
	color: #B2B2B2;
	font-size: 14px;
}

.navs a{
	color: #B2B2B2
}

.navs  i{
	margin: 0px 5px;
}

.page{
	width: 1200px;
	margin: 0px auto;
	margin-bottom: 80px;
	overflow: hidden;
	color: #484848
}

.page .page_text{
	width: 100%;
	float: left;
	overflow: hidden;
	color: #2D373C;
	font-size: 16px;
	line-height: 28px;
	margin-top: 25px;
}

.page .page_text a{
	color: #1d3c85
}

.page .page_text .left{
	width: 680px;
	float: left;
	overflow: hidden
}

.page .page_text .right{
	width: 480px;
	float: right;
	text-align: right
}

.page .page_text .right .swiper-container{
	height: 310px;
}

.page .page_text h2,.history h2,.page_kehu h2,.page_h2{
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 25px;
}

.page .page_list{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 80px;
	padding-bottom: 30px;
}

.page .page_list li:nth-child(1) a.page_img,.page .page_list li:nth-child(2) a.page_img{
	display: block;
	width: 100%;
	height: 345px;
}

.page .page_list li:nth-child(3) a.page_img,.page .page_list li:nth-child(4) a.page_img,.page .page_list li:nth-child(5) a.page_img{
	display: block;
	width: 100%;
	height: 204px;
	background-size: 100%;
}

.page .page_list li:nth-child(1) a.page_img{
	background-image: url(img11.jpg);
}

.page .page_list li:nth-child(2) a.page_img{
	background-image: url(img12.jpg);
}

.page .page_list li:nth-child(3) a.page_img{
	background-image: url(img13.jpg);
}

.page .page_list li:nth-child(4) a.page_img{
	background-image: url(img14.jpg);
}

.page .page_list li:nth-child(5) a.page_img{
	background-image: url(img15.jpg);
}

.page .page_list li:nth-child(1),.page .page_list li:nth-child(2){
	width: 580px;
	height: 540px;
	background-color: #DCE6EE;
	float: left;
	margin-bottom: 40px;
	transition: all 0.3s;
	display: block;
    overflow: hidden;
	border-radius: 5px;
}

.page .page_list li:nth-child(1){
	margin-right: 40px;
}

.page .page_list li:nth-child(3),.page .page_list li:nth-child(4),.page .page_list li:nth-child(5){
	width: 376px;
	height: 400px;
	background-color: #DCE6EE;
	float: left;
	transition: all 0.3s;
	display: block;
    overflow: hidden;
	border-radius: 5px;
}

.page .page_list li:nth-child(4){
	margin-left: 35px;
	margin-right: 35px;
}

.page .page_list h2{
	font-size: 26px;
	color: #2D373C;
	line-height: 30px;
	display: block;
	margin-top: 30px;
	margin-left: 40px;
}

.page .page_list font{
	color: #484848;
	display: block;
	margin: 15px 0px 30px 40px;
}

a.page_link{
	margin-left: 40px;
	color: #004A96;
	transition: all 0.3s;
}

a.page_link i{
	margin-right: 5px;
}

.page_list li:hover {
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

 .page_list li:hover a.page_link{
	color: #1d3c85;
	margin-left: 50px;
}

.history .gallery-thumbs{
	width: 100%;
	height: 100px;
	background: url(img16.png) no-repeat 0px 0px
}

.history .gallery-thumbs .swiper-slide {
        width: 20%;
        height: 100%;
		text-align: center
    }

.history .gallery-thumbs .swiper-slide i{
	width: 14px;
	height: 14px;
	display: inline-block;
	background: #fff;
	border: 1px solid #A9A9A9;
	border-radius: 100px;
	border-radius: 10px;
}

.history .gallery-thumbs .swiper-slide h3{
	display: block;
	margin: 0px auto;
	margin-top: 10px;
	height: 42px;
	line-height: 42px;
	font-size: 20px;
	font-weight: normal;
	color: #484848;
	border-radius: 100px;
	transition: all 0.3s;
	width: 155px;
}

.history .gallery-thumbs  .swiper-slide-active h3{
	color: #fff;
	background-color: #105EFB;
	font-size: 22px;
}

.history .gallery-thumbs  .swiper-slide-active i{
	background-color: #105EFB;
	border: 1px solid #fff
}

div.gallery-top{
	width: 100%;
	height: 150px;
	margin-top: 20px;
	float: left;
	text-align: center;
	padding: 20px 0px;
}

div.gallery-top .swiper-slide{
	text-align: center
}

div.gallery-top span{
	display: inline-block;
	margin: 0px auto;
	font-size: 16px;
	text-align: center;
	border-radius: 10px;
	line-height: 30px;
	color: #2D373C;
	padding: 20px 40px;
	box-shadow: 0px 0px 20px rgba(222,233,245)
}

.history{
	width: 100%;
	overflow: hidden;
	float: left;
	margin-bottom: 50px;
	margin-top: 25px;
}

.w1300{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden
}

.page_kehu{
	width: 100%;
	background:#F5F8FE;
	padding-bottom: 80px;
	background-image: url(wordmap.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80% auto
}

.page_kehu h2{
	margin-top: 40px;
}

.page_kehu div span{
	display: block;
	width: 224px;
	margin-right: 16px;
	height: 90px;
	border-radius: 10px;
	float: left;
	background-position: center;
	background-size: 80% auto;
	background-repeat: no-repeat;
	background-color: #fff;
	margin-bottom: 30px;
	transition: all 0.3s;
}

.page_kehu div span:hover{
	box-shadow: 0px 5px 10px rgba(0,0,0,0.08);
}

.page_kehu div span:nth-child(5),.page_kehu div span:nth-child(10),.page_kehu div span:nth-child(15),.page_kehu div span:nth-child(20),.page_kehu div span:nth-child(25),.page_kehu div span:nth-child(30),.page_kehu div span:nth-child(35){
	margin-right: 0px;
}


.page_wenhua,.wenhua_list{
	width: 100%;
	overflow: hidden;
}

.page_wenhua .wenhua_list div{
	width: 300px;
	border-radius: 10px;
	height: 310px;
	box-shadow: 0px 0px 20px rgba(222,233,245);
	float: left;
	margin: 70px 12px;
	text-align: center;
	position: relative;
	transition: all 0.3s;
}

.page_wenhua .wenhua_list div:hover{
	transform: translateY(-10px)
}

.page_wenhua .wenhua_list div span{
	position: absolute;
	top: -50px;
	left: 100px;
	display: block;
	margin: 0px auto;
	width: 100px;
	height: 100px;
	border-radius: 200px;
	transition: all 0.3s;
	text-align: center;
	color: #fff;
	box-shadow: 0px 0px 20px rgba(16,94,251,0.4);
	line-height: 100px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d3c85+0,105efb+100 */
	background: rgb(1,119,254); /* Old browsers */
    background: linear-gradient(135deg,  rgba(1,119,254,1) 0%,rgba(16,94,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.page_wenhua .wenhua_list div:hover span{
	transform: scale(1.1,1.1)
}

.page_wenhua .wenhua_list div span i{
	font-size: 60px;
	transition: all 0.3s;
}

.page_wenhua .wenhua_list div:hover span i{
		font-size: 50px;
}

.page_wenhua .wenhua_list div{
	line-height: 26px;
}

.page_wenhua .wenhua_list div h3{
	font-size: 24px;
	display: block;
	margin-top: 90px;
	color: #2D373C;
	margin-bottom: 15px;
}

.qushi{
	width: 100%;
	height: 900px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	padding-top: 20px;
}

.qushi hr{
	height: 700px;
	border: 0px;
	width: 1px;
	border-right: 1px dashed #838383;
	margin: 0px auto;
	margin-top: 100px;
}

.qushi li{
	width: 50%;
	position: absolute;
}

.qushi li span{
	display: block;
	width: 500px;
	padding: 40px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(222,233,245);
    transition: all 0.3s;
}

.qushi li i{
	display: block;
	width: 12px;
	background: #fff;
	height: 12px;
	border-radius: 100px;
	position: absolute;
	transition: all 0.3s;
	border: 1px solid #A9A9A9
}

.qushi li:hover i{
	background: #105EFB;
	border: 1px solid #105EFB
}

.qushi li:hover span{
	background: #105EFB;
	color: #fff
}

.qushi li.qs2 i{
	left: -7px;
	top: 50px;
}

.qushi li.qs1 i{
	right: -7px;
	top: 100px;
}

.qushi li.qs3 i{
	right: -7px;
	top: 50px;
}

.qushi li.qs4 i{
	left: -7px;
	top: 60px;
}

.qushi li.qs5 i{
	right: -7px;
	top: 50px;
}

.qushi li.qs6 i{
	left: -7px;
	top: 50px;
}

.qushi li.qs7 i{
	right: -7px;
	top: 60px;
}


.qushi li.qs1,.qushi li.qs3,.qushi li.qs5,.qushi li.qs7{
	left: 0px;
}

.qushi li.qs2,.qushi li.qs4,.qushi li.qs6{
	right: 0px;
}

.qushi li.qs2{
	top: 200px;
}

.qushi li.qs3{
	top: 320px;
}

.qushi li.qs4{
	top:420px;
}

.qushi li.qs5{
	top: 540px;
}

.qushi li.qs6{
	top:650px;
}

.qushi li.qs7{
	top: 750px;
}


.qushi li.qs1 span,.qushi li.qs3 span,.qushi li.qs5 span,.qushi li.qs7 span{
	float: left;
	margin-left: 20px;
}

.qushi li.qs2 span,.qushi li.qs4 span,.qushi li.qs6 span{
	float: right;
	margin-right: 20px;
}

.zongheyoushi{
	width: 100%;
	margin: 0px auto;
	height: 565px;
}

.zongheyoushi .boxlist{
	width: 100%;
	margin-top: 330px;
}

.zongheyoushi .boxlist div{
	width: 255px;
	height: 160px;
	position: relative;
	float:left;
	color: #333;
	text-align: center
}

.zongheyoushi .boxlist div i{
	width: 95px;
	height: 95px;
	text-align: center;
	line-height: 95px;
	font-size: 60px;
	display: block;
	border-radius: 200px;
	margin: 0px auto;
	transition: all 0.3s;
	color: #fff
}

.zongheyoushi .boxlist div i.icon-diqiu{
	background-color: #B1CC1D
}

.zongheyoushi .boxlist div i.icon-shujuxian1{
	background-color: #7752C4
}

.zongheyoushi .boxlist div i.icon-yanjiu{
	background-color: #004A96
}

.zongheyoushi .boxlist div i.icon-hezuo{
	background-color: #F09A56
}

.zongheyoushi .boxlist div i.icon-chanyexinxi{
	background-color: #3597EC
}

.zongheyoushi .boxlist div strong{
	font-size: 22px;
	line-height: 30px;
	display: block;
	margin-top: 20px;
}

.zongheyoushi .boxlist em{
	height: 160px;
	width: 40px;
	line-height: 100px;
	font-size: 30px;
	float: left;
	color: #999;
	margin: 0px 10px;
}

.zongheyoushi .boxlist div span{
	padding: 30px;
	border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(222,233,245);
    transition: all 0.3s;
	color: #2D373C;
	text-align: left;
	position: absolute;
}

.zongheyoushi .boxlist div:hover i{
	transform: scale(1.1,1.1);
	font-size: 50px;
}

.zongheyoushi .boxlist div:hover span{
	color: #fff
}

.zongheyoushi .boxlist div.box1:hover span{
	background: #B1CC1D;
}

.zongheyoushi .boxlist div.box2:hover span{
	background: #7752C4;
}

.zongheyoushi .boxlist div.box3:hover span{
	background: #004A96;
}

.zongheyoushi .boxlist div.box4:hover span{
	background: #F09A56;
}

.zongheyoushi .boxlist div.box5:hover span{
	background: #3597EC;
}

.zongheyoushi .boxlist div.box1 span::before{
	transition: all 0.3s;
	border-color:  transparent transparent transparent;
}

.zongheyoushi .boxlist div:hover.box1 span::before{
	border-color:  #B1CC1D transparent transparent;
}

.zongheyoushi .boxlist div:hover.box3 span::before{
	border-color:  #004A96 transparent transparent;
}

.zongheyoushi .boxlist div:hover.box5 span::before{
	border-color:  #3597EC transparent transparent;
}

.zongheyoushi .boxlist div:hover.box2 span::before{
	border-color:  transparent transparent  #7752C4;
}

.zongheyoushi .boxlist div:hover.box4 span::before{
	border-color:  transparent transparent  #F09A56;
}

.zongheyoushi .boxlist div.box1 span{
	width: 350px;
	left:20px;
	top: -240px;
}
.zongheyoushi .boxlist div.box1 span::before{
			content: '';
			width: 0;
			height: 0;
			border: 15px solid;
			position: absolute;
			bottom: -30px;
			left: 70px;
			border-color:  #fff transparent transparent;
		}

.zongheyoushi .boxlist div.box2 span{
	width: 310px;
    left: 15px;
    bottom: -230px;
}

.zongheyoushi .boxlist div.box2 span::before{
			content: '';
			width: 0;
			height: 0;
			border: 15px solid;
			position: absolute;
			top: -30px;
			left: 93px;
			border-color:  transparent transparent #fff ;
		}
.zongheyoushi .boxlist div.box3 span{
	width: 681px;
    left: -305px;
    top: -293px;
}
.zongheyoushi .boxlist div.box3 span::before{
			content: '';
			width: 0;
			height: 0;
			border: 15px solid;
			position: absolute;
			bottom: -30px;
			left: 415px;
			border-color:  #fff transparent transparent;
		}

.zongheyoushi .boxlist div.box4 span{
	width: 640px;
    left: -171px;
    bottom: -255px;
}

.zongheyoushi .boxlist div.box4 span::before{
			content: '';
			width: 0;
			height: 0;
			border: 15px solid;
			position: absolute;
			top: -30px;
			left: 285px;
			border-color:  transparent transparent #fff ;
		}

.zongheyoushi .boxlist div.box5 span{
	width: 271px;
    left: -111px;
    top: -292px;
}

.zongheyoushi .boxlist div.box5 span::before{
			content: '';
			width: 0;
			height: 0;
			border: 15px solid;
			position: absolute;
			bottom: -30px;
			left: 223px;
			border-color:  #fff transparent transparent;
		}

.page_imgs{
	width: 100%;
	float: left;
	overflow: hidden;
}

.page_imgs .box{
	width: 379px;
	height: 340px;
	float: left;
	    overflow: hidden;
	background-color: #F0F0F0;
}

.page_imgs .box:nth-child(2){
	margin-left: 30px;
	margin-right: 30px;
}

.page_imgs .box span{
	display: block;
	height: 224px;
	width: 100%;
}

.page_imgs .box font{
	font-size: 20px;
	display: block;
	margin-left: 30px;
	margin-top: 20px;
	line-height: 36px;
}

.page_pinzhibaozheng{
	width: 100%;
	background-color: #EBF0F5;
	margin: 50px auto;
	overflow: hidden
}

.page_pinzhibaozheng .boxlist{
	width: 1200px;
	margin: 120px auto;
}

.page_pinzhibaozheng .boxlist div span{
	position: absolute;
	top: -50px;
	left: 30px;
	display: block;
	margin: 0px auto;
	width: 100px;
	height: 100px;
	border-radius: 200px;
	transition: all 0.3s;
	text-align: center;
	color: #fff;
	box-shadow: 0px 0px 20px rgba(222,233,245);
	line-height: 100px;
}

.page_pinzhibaozheng .boxlist div:nth-child(1) font i{
	color: #B1CC1D
}

.page_pinzhibaozheng .boxlist div:nth-child(2) font i{
	color: #7752C4
}

.page_pinzhibaozheng .boxlist div:nth-child(3) font i{
	color: #F09A55
}

.page_pinzhibaozheng .boxlist div:nth-child(4) font i{
	color: #3497EC
}

.page_pinzhibaozheng .boxlist div span.span1{
	background:#B1CC1D
}
.page_pinzhibaozheng .boxlist div span.span2{
	background:#7752C4
}
.page_pinzhibaozheng .boxlist div span.span3{
	background:#F09A55
}
.page_pinzhibaozheng .boxlist div span.span4{
	background:#3497EC
}

.page_pinzhibaozheng .boxlist div span i{
	font-size: 50px;
}

.page_pinzhibaozheng .boxlist div{
	width: 220px;
	border-radius: 10px;
/*	box-shadow: 0px 0px 20px rgba(222,233,245);*/
	background-color: #fff;
	padding: 70px 28px;
	float: left;
	height: 500px;
	color: #8997A5;
	position: relative;
	font-size: 14px;
	transition: all 0.3s;
}

.page_pinzhibaozheng .boxlist div:hover{
	transform: translateY(-20px)
}

.page_pinzhibaozheng .boxlist div:hover{
	box-shadow: 0px 0px 20px rgba(222,233,245)
}

.page_pinzhibaozheng .boxlist div:nth-child(2){
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 70px;
}

.page_pinzhibaozheng .boxlist div:nth-child(4){
	margin-left: 30px;
}

.page_pinzhibaozheng .boxlist h3{
	font-size: 24px;
	color: #000;
	display: block;
	margin-bottom: 30px;
	transition: all 0.3s;
}


.page_pinzhibaozheng .boxlist strong{
	display: block;
	color: #000;
	font-size: 16px;
	margin: 20px 0px;
	transition: all 0.3s;
}


.page_pinzhibaozheng .boxlist font{
	display: block;
	transition: all 0.3s;
}

.page_pinzhibaozheng .boxlist font i{
	margin-right: 5px;
	color: #1d3c85;
	transition: all 0.3s;
}


.cpquery,.news_detail{
	width: 1200px;
	margin: 0px auto;
}

h2.nowmenu,.news_detail .newstitle{
	width: 100%;
    float: left;
    color: #2D373C;
    margin-top: 25px;
	font-size: 30px;
    line-height: 45px;
	position: relative;
}

h2.nowmenu span{
	display: block;
	float: left;
	margin-right: 20px;
	height: 45px;
	line-height: 45px;
	background: #1d3c85;
	font-size: 14px;
	padding: 0px 20px;
	width: 150px;
	font-weight: normal;
	position: relative;
	color:#fff;
	z-index: 2;
}

h2.nowmenu span i{
	position: absolute;
	right: 20px;
	top: 15px;
}

h2.nowmenu .cpclass{
	display: none;
	    width: 148px;
    padding: 20px;
	position: absolute;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	    border: 1px solid #CCC;
		z-index: 1;
		margin-top: 45px;
}

h2.nowmenu .cpclass a{
	font-size: 16px;
	color: #000;
	font-weight: normal;
	display: block;
	width: 100%;
	transition: all 0.3s;
}

h2.nowmenu .cpclass a:hover{
	font-weight: bold
}

h2.nowmenu .cpclass ul a{
	font-weight: 200
}

h2.nowmenu .cpclass ul{
	display: none
}


.cpquery_list{
	width: 100%;
	margin: 0px auto;
	float: left
}

.cpquery2{
	width: 383px;
	height: 430px;
	background: #fff;
	box-shadow: 0px 0px 20px rgba(222,233,245);
	float: left;
	position: relative;
	margin-right: 25px;
	margin-top: 25px;
	transition: all 0.3s;
}

.cpquery2:hover{
	transform: translateY(-10px)
}

.cpquery2:nth-child(3){
	margin-right: 0px;
} 

.cpquery2:nth-child(6){
	margin-right: 0px;
} 

.cpquery2:nth-child(9){
	margin-right: 0px;
} 

.cpquery2 a.cpquery_img{
	display: block;
	width: 100%;
	height: 225px;
	background-color: #EBF0F5;
	background-size: 100% auto;
	background-position: center
}

.cpquery2 h3{
	display: block;
	margin-left: 14px;
	margin-top: 20px;
	font-size: 22px;
	color: #2D373C;
	width: 330px;
	line-height: 30px;
	margin-bottom: 10px;
}

.cpquery2 font{
	width: 353px;
	display: block;
	color: #484848;
	margin-left: 14px;
	line-height: 22px;
}

.cpquery2 .cpquery_link{
	display: block;
	position: absolute;
	border: 1px solid #EBF0F5;
	color: #8997A5;
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	left: 14px;
	bottom: 30px;
	transition: all 0.3s;
}

.cpquery2:hover .cpquery_link{
	border: 1px solid #1d3c85;
	background: #1d3c85;
	width: 140px;
	color: #fff;
	box-shadow: 0px 0px 20px rgba(222,233,245);
}

.offices{
	width: 100%;
	float: left;
	overflow: hidden
}

.offices .left{
	width: 655px;
	float: left;
	overflow: hidden
}

.offices .left div{
	width: 100%;
	float: left;
	color: #2D373C;
	margin-bottom: 40px;
}

.offices .left a.link1{
	width: 170px;
	height: 45px;
	line-height: 45px;
	background: #1d3c85;
	color: #fff;
	text-align: center;
	display: block;
	float: left;
	transition: all 0.3s;
	margin-bottom: 20px;
}

.offices .left a.link2{
	width: 170px;
	height: 43px;
	line-height: 43px;
	border: 1px solid #EBF0F5;
	color:#8997A5;
	text-align: center;
	display: block;
	float: left;
	margin-left: 20px;
	transition: all 0.3s;
	margin-bottom: 20px;
}

.offices .left a:hover{
	width: 190px;
	box-shadow: 0px 0px 20px rgba(222,233,245)
}

.offices .right{
	float: right;
	overflow: hidden;
	width: 480px;
	height: 310px;
	margin-top: 100px;
}

.offices .right img{
	width: 100%
}

.offices_intro{
	width: 100%;
	background: #F5F8FE;
	overflow: hidden;
	padding: 70px 0px;
	margin-top: 60px;
}

.offices_intro h2{
	font-size: 30px;
	font-weight: 200;
	line-height: 50px;
	margin-bottom: 10px;
}

.offices_intro li{
	height: 36px;
	line-height: 36px;
}

.offices_intro li span{
	margin-right: 10px;
}

.offices_intro li font{
		color: #1d3c85;
}

.piclist{
	width: 384px;
	float: left;
	height: 245px;
	background-color: #EBF0F5;
	margin-right: 20px;
	margin-bottom: 40px;
	transition: all 0.3s;
	border: 1px solid #fff;
}

.piclist:nth-child(3),.piclist:nth-child(6),.piclist:nth-child(9){
	margin-right: 0px;
}

.piclist div{
	float: left;
	width: 100%;
	height: 30px;
}

.piclist div font,.piclist div a.link{
	display: block;
	float: left;
	padding: 0px 15px;
	margin-right: 1px;
	font-size: 12px;
	color: #fff;
	transition: all 0.3s;
	line-height: 30px;
	height: 30px;
	background-color: #8997A5
}

.piclist:hover a.link{
	padding: 0px 20px;
	background: #1d3c85
}

.piclist span a{
	color: #484848
}

.piclist span a:hover{
	text-decoration: underline
}

.piclist:hover font{
	background: #1d3c85
}

.piclist:hover{
	background: #fff;
	border: 1px solid #EBF0F5;
	box-shadow: 0px 0px 20px rgba(222,233,245)
}

.piclist  h3{
	display: block;
	float: left;
	margin-bottom: 10px;
	color: #000;
	width: 320px;
	margin-left: 30px;
	margin-top: 30px;
}

.piclist span{
	display: block;
	font-size: 14px;
	float: left;
	width: 320px;
	margin-left: 30px;
}

.cp_query{
	width: 283px;
	margin-bottom: 40px;
	float: left;
	margin-right: 17px;
}


.cp_query:nth-child(4),.cp_query:nth-child(8),.cp_query:nth-child(12),.news_query:nth-child(4),.news_query:nth-child(8),.news_query:nth-child(12){
	margin-right: 0px;
}

.cp_query a{
	height: 200px;
	width: 100%;
	display: block;
	background-size: auto 90% ;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EBF0F5;
	transition: all 0.3s;
}

.cp_query a:hover{
	 box-shadow: rgb(222, 233, 245) 0px 0px 20px;
}

.cp_query h3{
	display: block;
	width: 100%;
	height: 30px;
    padding-top: 10px;
	text-align: center;
	font-weight: normal
}

.power_query{
	display: none;
	width: 590px;
	height: 80px;
	border-radius: 10px;
	box-shadow: 0px 0px 20px rgba(222,233,245,1);
    transition: all 0.3s;
	float: left;
	overflow: hidden;
	margin-bottom: 40px;
}

.power_query:nth-child(odd){
	margin-right: 20px;
}

.power_query div{
	height: 80px;
	overflow: hidden;
	float: left;
}

.power_query div:nth-child(1){
	width: 40%;
}

.power_query div:nth-child(2){
	width: 60%;
}

.power_query img{
	display: block;
	float: left;
	margin-left: 20px;
	margin-top: 13px;
}

.power_query .img2{
}

.power_query h3{
	display: block;
	font-size: 16px;
	float: left;
	height: 80px;
	line-height: 80px;
	font-weight: normal;
	margin-left: 20px;
	color: #000
}

.power_query font{
    line-height: 80px;
    color: #666;
    display: block;
    float: right;
    margin-right: 30px;
}

.fanye{
	width: 100%;
	height: 60px;
	float: left;
	overflow: hidden;
	margin-top: 20px;
	font-size: 14px;
	margin-bottom: 50px;
	line-height: 60px;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4
}

.fanye div{
	width: 50%;
	float: left;
	height: 60px;
}

.fanye table{
	height: 60px;
	float: right
}

.news_query {
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #E3E3E3;
    float: left;
    overflow: hidden
}


.news_query .left{
    width: 337px;
    height: 210px;
    float: left;
	background-size: 100% auto;
	background-position: center;
    margin-right: 55px;
    overflow: hidden;
}

.news_query .right{
    width: 800px;
    float: left;
    overflow: hidden;
}

.news_query .right a{
    font-size: 24px;
    width: 80%;
    margin-top: 10px;
    color: #333;
	line-height: 30px;
    display: block
}

.news_query .right font{
    display: block;
    color: #666;
    margin:15px 0px;
    line-height: 20px;
}

.news_query .right span{
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 40px;
    background: #1d3c85
}
.newsuptime{
    font-size: 18px;
    font-weight: normal
}

.news_detail .left{
    width: 830px;
    float: left;
    overflow: hidden
}

.news_detail .newscon{
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 40px;
}

.news_detail .newscon img{
    width: 100%;
    margin: 40px 0px;
}

.news_detail .next_pre{
    width: 100%;
    margin-bottom: 50px;
    overflow: hidden;
    font-size: 14px;
    margin-top: 50px;
    float: left
}

.news_detail .next_pre div{
    width: 50%;
    float: left;
}

.news_detail .next_pre div:nth-child(2){
    text-align: right
}

.news_detail .next_pre div a{
    color: #1d3c85;
}

.news_detail .right{
    border-top: 5px solid #1d3c85;
    background: #F6F6F6;
    float: right;
    width: 240px;
	margin-top: 50px;
	padding: 40px;
}

.news_detail .right h3{
	margin-bottom: 20px;
}

.news_detail .right a{
	color: #000;
	display: block
}

.news_detail .right a:hover{
	text-decoration: underline
}

.news_detail .right font{
	color: #798186;
	font-size: 14px;
}

.news_detail .right li{
	margin-bottom: 15px;
}

.tips1{
	position: absolute;
	bottom: 30px;
	width: 80px;
	left: 50%;
	margin-left: -40px;
	color: #fff;
	z-index: 9;
	text-align: center
}

.tips1 i{
	display: block;
	font-size: 34px;
	line-height: 50px;
}

a.back{
	float: right;
	color: #0177FE;
    font-weight: bold;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.content h2{
	margin-bottom: 20px;
}

.content p{
	font-size: 16px;
}

.centered-y {
  position: absolute;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
	text-align: center;
}

.distribution-map {
  position: relative;
  width: 1200px;
  padding: 0px 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 20px auto;
  border-bottom: 1px dashed #EBF0F5
}

.globe_text{
	position: absolute;
	left: 0px;
	top: 15%;
	width: 475px;
}

.globe_text h2{
	color: #2D373C;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 40px;
	float: left
}

.globe_text span{
	width: 100%;
	display: block;
	overflow: hidden;
	color: #798186;
	float: left;
	line-height: 30px;
}

.globe_text  a{
	background: #1d3c85;
	color: #fff;
	text-align: center;
	padding: 0px 40px;
	height: 45px;
	line-height: 45px;
	display: block;
	float: left;
	font-size: 16px;
	margin-top: 60px;
	transition: all 0.3s;
}

.globe_text  a:hover{
	padding: 0px 50px;
}

.distribution-map > img {
  width: 93%;
  position: relative;
  margin: 0;
  padding: 0;

}
.distribution-map .map-point {
  cursor: pointer;
  outline: none;
  z-index: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
  -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
          transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  background: rgba(29, 60, 133, 1);
  border: 5px solid #9FCCFF;
}
.distribution-map .map-point .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  width: 100%;
  height: 100%;
  left: 50%;
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  overflow: overlay;
}
.distribution-map .map-point:active, .distribution-map .map-point:focus {
  margin: 0;
  padding: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width: 300px;
  height: 220px;
  color: #e5e5e5;
  z-index: 1;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
}
.distribution-map .map-point:active .content, .distribution-map .map-point:focus .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
  -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out;
  -webkit-transition-delay: 0.25s, 0.25s, 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
          transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
  overflow: hidden;
}
.distribution-map .map-point:active .content a:hover, .distribution-map .map-point:active .content a:active, .distribution-map .map-point:focus .content a:hover, .distribution-map .map-point:focus .content a:active {
  color: #afe1fa;
}

.fazhanlicheng{
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	background: url(img18.png) repeat-y 206px 0px;
	float: right;
}
.fazhanlicheng span{
	display: block;
	overflow: hidden;
	width: 1130px;
	float: left;
}
.fazhanlicheng div{
	/* width: 100%; */
	width: 94%;
	overflow: hidden;
	margin-bottom:30px;
}

.fazhanlicheng div span{
	display: block;
	width: 10px;
	height: 10px;
	float: left;
	border-radius: 20px;
	background: #fff;
	border: 3px solid #E8E8E8;
	margin-top: 13px;
	transition: all 0.3s;
}

.fazhanlicheng div:hover span{
	background: #0177FE;
	border: 3px solid #fff;
	transition: all 0.3s;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

.fazhanlicheng div h3{
	background: url(img19.png) no-repeat center;
	width: 118px;
	height: 42px;
	float: left;
	line-height: 42px;
	text-align: center;
	color: #333;
	font-size: 18px;
	margin-right: 10px;
	margin-left: 0px;
	transition: all 0.3s;
}

.fazhanlicheng div:hover h3{
	background: url(img20.png) no-repeat center;
	color: #fff
}

.fazhanlicheng div font{
	float: left;
	display: block;
	padding: 10px 20px;
	border-radius: 5px;
	background: #fff;
	margin-left: 15px;
	transition: all 0.3s;
}

.fazhanlicheng div:hover font{
	background: #0177FE;
    color: #fff;
}

.qushi_0{
	width: 100%;
	border-radius: 5px;
	background: #DCE6EE;
	float: left;
	overflow: hidden;
	margin-bottom: 40px;
}

.qushi_0 em,.qushi_01 em{
	font-size: 30px;
	margin-top: 40px;
	font-weight: 200;
	display: block
}

.qushi_0 h2,.qushi_01 h2{
	font-size: 22px;
	line-height: 40px;
	color: #000;
	display: block;
	margin-bottom: 10px;
}

.qushi_0 .left{
	margin-left: 35px;
	margin-top: 60px;
	width: 530px;
	float: left
}

.qushi_0 .right{
	width: 550px;
	height: 240px;
	background: #000;
	float: right;
}
.qushi_0 .right1 {
    width: 550px;
    height: 380px;
    background: #000;
    float: right;
}
.qushi_0 .right img{
	width: 100%
}

.qushi_01{
	width: 373px;
	border-radius: 5px;
	float: left;
	height: 450px;
	background: #DCE6EE;
	margin-bottom: 40px;
	display: block;
    overflow: hidden;
}

.qushi_01 .imgs{
	width: 100%;
	height: 210px;
	background: #000;
	float: left;
	overflow: hidden
}

.qushi_01 .imgs img{
	width: 100%;
}

.qushi_01 .left{
	margin:25px;
	width: 333px;
	float: left;
	overflow: hidden
}

.qushi_01 a.page_link{
	display: block;
	margin-left: 0px;
	margin-top: 20px;
}

.qushi_01:hover a.page_link{
	color: #1d3c85;
	margin-left: 10px;
}



.logo_1{
	background-image: url(logo1.png);
}

.logo_2{
	background-image: url(logo2.png);
}

.logo_3{
	background-image: url(logo3.png);
}

.logo_4{
	background-image: url(logo4.png);
}

.logo_5{
	background-image: url(logo5.png);
}

.logo_6{
	background-image: url(logo6.png);
}

.logo_7{
	background-image: url(logo7.png);
}

.logo_8{
	background-image: url(logo8.png);
}

.logo_9{
	background-image: url(logo9.png);
}

.logo_10{
	background-image: url(logo10.png);
}

.logo_11{
	background-image: url(logo11.png);
}

.logo_12{
	background-image: url(logo12.png);
}

.logo_13{
	background-image: url(logo13.png);
}

.logo_14{
	background-image: url(logo14.png);
}

.logo_15{
	background-image: url(logo15.png);
}

.logo_16{
	background-image: url(logo16.png);
}

.logo_17{
	background-image: url(logo17.png);
}

.logo_18{
	background-image: url(logo18.png);
}

.logo_19{
	background-image: url(logo19.png);
}

.logo_20{
	background-image: url(logo20.png);
}

.logo_21{
	background-image: url(logo21.png);
}

.logo_22{
	background-image: url(logo22.png);
}

.logo_23{
	background-image: url(logo23.png);
}

.logo_24{
	background-image: url(logo24.png);
}

.logo_25{
	background-image: url(logo25.png);
}

.logo_26{
	background-image: url(logo26.png);
}

.logo_27{
	background-image: url(logo27.png);
}

.logo_28{
	background-image: url(logo28.png);
}

.logo_29{
	background-image: url(logo29.png);
}

.logo_30{
	background-image: url(logo30.png);
}

.logo_31{
	background-image: url(logo31.png);
}

.logo_32{
	background-image: url(logo32.png);
}

.logo_33{
	background-image: url(logo33.png);
}

.logo_34{
	background-image: url(logo34.png);
}

.logo_35{
	background-image: url(logo35.png);
}

.logo_36{
	background-image: url(logo36.png);
}

.logo_37{
	background-image: url(logo37.png);
}
.logo_40{
	background-image: url(logo40.png);
}
.logo_41{
	background-image: url(logo41.png);
}
.logo_42{
	background-image: url(logo42.png);
}
.logo_43{
	background-image: url(logo43.png);
}
.logo_44{
	background-image: url(logo44.png);
}
.logo_45{
	background-image: url(logo45.png);
}
.logo_46{
	background-image: url(logo46.png);
}
.logo_47{
	background-image: url(logo47.png);
}
.logo_48{
	background-image: url(logo48.png);
}
.logo_49{
	background-image: url(logo49.png);
}
.logo_50{
	background-image: url(logo50.png);
}
.logo_51{
	background-image: url(logo51.png);
}
.swiper-container3{
	height: 230px;
	overflow: hidden;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.swiper-container3 span{
	display: block;
    width: 186px;
    margin-right: 10px;
    height: 82px;
    float: left;
    background-position: center;
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-bottom: 30px;
	border: 1px solid #E4E4E4;
	margin-left: 1px;
	border-radius: 10px;
	transition: all 0.3s;
}

.swiper-container3 span:hover{
	box-shadow: 0px 5px 10px rgba(0,0,0,0.08);
}

.hl_sousuo{
	float:left;
	position:absolute;
	left: 205px;
    top: -3px;}
.hl_sousuo .input{
	height:45px;
	width:300px;
	border: 1px solid #CCC;
	padding-left: 15px;
    }	
.hl_sousuo .button	{
	width:70px;
	height:45px;
	background:#1d3c85;
	border:0;
	color:#FFF;
	margin-left: -8px;}

.fancybox-image, .fancybox-spaceball{
	background-color: #fff!important;
}

.hldl_lx{
	width:100%;
	height:442px;
	background:url(globe.png) no-repeat center;
	    border-bottom: 1px dashed #EBF0F5;
	}
.hldl_lxz{
	float:left;}	
.hldl_lxz	h2{
	color: #2D373C;
    margin-top: 25px;
    font-size: 30px;
    line-height: 45px;
    
    margin-bottom: 15px;
	}
.hldl_lxz span{
	display:block;
	padding-bottom:35px;}	
.hldl_lxz p{
	color:#999;}	
.hldl_lxz p .iconfont{
	color:#1d3c85;}	
.hldl_lxz a{
	display:block;
	overflow:hidden;
	width:170px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#FFF;
	background:#1d3c85;
	margin-top:55px;
	}	
.hldl_lxy{
	width:400px;
	height:400px;
	float:right;
	}	
.hldl_lxy i{
	color: #1d3c85;
    font-size: 25px;
    margin-top: 174px;
    margin-left: 115px;
    display: block;}

.hldl_lxz .cc{
	color: #1d3c85;
}

.jieduan{
	width: 45px;
    margin-right: 25px;
	float: left;
    background-color: #000;
}
.jieduan p{
	writing-mode:vertical-lr;
	width: 100%;
	background:linear-gradient(30deg,#0177FE,#fff);
	color: #fff;
	text-align: center;
	font-size: 18px;
    line-height: 40px;
    font-weight: bold;
}
.jieduan .p1{
	/* height: 240px; */
	height: 375px;
}
.jieduan .p2{
	/* height: 256px; */
	height: 870px;
}
.jieduan .p3{
	/* height: 190px; */
	height: 228px;
}
.jieduan .p4{
	/* height: 125px; */
	height: 130px;
}
.more .icon-jiantouarrowhead7-copy{
	transition: all 0.3s;
}
.more:hover .icon-jiantouarrowhead7-copy{
	margin-left: 5px;
}

.l1 {
    background-image: url(l1.jpg);
}
.l2 {
    background-image: url(l2.jpg);
}
.l3 {
    background-image: url(l3.jpg);
}
.l4 {
    background-image: url(l4.jpg);
}
.l5 {
    background-image: url(l5.jpg);
}
.l6 {
    background-image: url(l6.jpg);
}
.l7 {
    background-image: url(l7.jpg);
}
.l8 {
    background-image: url(l8.jpg);
}
.l9 {
    background-image: url(l9.jpg);
}
.l10 {
    background-image: url(l10.jpg);
}
.l11 {
    background-image: url(l11.jpg);
}
.l12 {
    background-image: url(l12.jpg);
}
.l13 {
    background-image: url(l13.jpg);
}
.l14 {
    background-image: url(l14.jpg);
}
.l15 {
    background-image: url(l15.jpg);
}
.l16 {
    background-image: url(l16.jpg);
}
.logo40a {
    background-image: url(logo40a.png);
}
.logo41a {
    background-image: url(logo41a.png);
}
.logo42a {
    background-image: url(logo42a.png);
}
.logo43a {
    background-image: url(logo43a.png);
}
.logo45a {
    background-image: url(logo45a.png);
}
.logo46a {
    background-image: url(logo46a.png);
}
.logo47a {
    background-image: url(logo47a.png);
}
.kehu{
	float: right;
	padding-top: 20px;
	color: #0177FE;
}
.shzr .shzr1{
	margin-top: 26px;
    margin-bottom: 24px;
    width: 275px;
    border-radius: 5px;
    float: left;
    height: 173px;
    background: #fff;
    padding-top: 30px;
    margin-right: 15px;
    text-align: center;
    box-shadow: 0px 7px 20px rgb(0 0 0 / 7%);
    margin-left: 10px;
}
.shzr .shzr1 span{
	line-height: 22px;
	color: #666;
	margin-top: 2px;
	display: block;
}
.shzr .shzr1 h3{
	display: block;
	padding-top: 5px;
}
.shzr .shzr2 strong{
	text-align: center;
    font-size: 30;
    color: #000;
    padding-bottom: 15px;
    display: block;
    padding-top: 30px;
}
.shzr .shzr2 p{
	color: #666;
	text-align: center;
}
.shzr3{

	display: block;
	overflow: hidden;
	width: 100%;
	padding-top: 58px;
	padding-bottom: 40px;
	background-color: #F5F8FE;
}
.shzr3 div{
	display: block;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}
.shzr3 .q {
	display: block;
	width: 1200px;
}
.shzr3 .z {
	float: left;
	width: 53%;
}
.shzr3 .z h2{
	display: block;
	padding-bottom: 22px;
	padding-top: 10px;
}
.shzr3 .y {
	float: right;
	width: 37%;
	margin-bottom: 15px;
}
.shzr3 .z table{
	width: 100%;
	margin: 30px auto;
	line-height: 21px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.shzr3 .z table td{

	min-height: 30px;
	padding: 13px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.shzra{
	width: 919px;
	margin: 0 auto;
}
.shzra img{
	display: block;
	margin: 0 auto;
	margin-bottom: 50px;
}
.shzra strong{
	font-size: 35px;
    color: #f5c22b;
    font-weight: normal;
    text-shadow: 1px 1px 4px #000;
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
}
.fzlc0{
	background-image: url(fzqs.jpg);
    width: 100%;
    /* HEIGHT: 1000px; */
	HEIGHT: 1808px;
    background-size: 100% 100%;
    margin-bottom: 0;
}