* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {margin:0px auto; background: #fff; color:#333; font-family:微软雅黑,sans-serif; width: 100%; font-size: 14px; overflow-x: hidden;}
div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none;}

header, article, section, aside, footer, figure, nav{display: block;}

a, a:visited {color:#333; text-decoration: none;
transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
}

a:hover{color:#d00; text-decoration: none;}


img {border:none; vertical-align:top;}
.clearfix:after{display: block; content: ""; clear:both;}

.b-blank10{margin:0 0 10px 0;}
.b-blank20{margin:0 0 20px 0;}
.b-blank30{margin:0 0 30px 0;}
.blank10{width:100%; height:10px;}
.blank20{width:100%; height:20px;}
.blank30{width:100%; height:30px;}
.l-blank25{float:left; width:25px; height:10px;}

@font-face {
	font-family: 'BEBAS';
	src:url('../font/BEBAS.eot'); 
	src: 
		url('../font/BEBAS.eot?#iefix') format('embedded-opentype'), 
		url('../font/BEBAS.woff') format('woff'), 
		url('../font/BEBAS.ttf') format('truetype'), 
		url('../font/BEBAS.svg#aGENCYR') format('svg');
}


/************************************************************共用部分开始************************************************************/
.main{width: 1200px; margin: 0 auto; position: relative;}



/*top*/
header{position: relative; z-index: 9999; margin-bottom: 15px; background: url("../images/top_bg.jpg") repeat-x center 35px; }
header .top{background:#006eab; height: 35px; line-height: 35px; color: #fff;}
header .top h2{float: left; font-size: 14px; font-weight: normal;}
header .top ul{float: right; position: relative;}
header .top ul li{float: left; position: relative; z-index: 100;}
header .top ul li a,
header .top ul li a:visited,
header .top ul li a:hover{display: block; padding: 0 10px; color: #fff;}

header .logo{float: left; height: 145px; line-height: 140px;}
header .logo img{display: inline; vertical-align: middle; height: 100px;}


header .search{float: right; margin-top: 55px; width: 285px; height: 35px; background: #fff; border-radius: 5px; overflow: hidden;}
header .search .input_text{float: left; width: 250px; height: 35px; border: none; padding-left: 10px;}
header .search .btn_submit{float: right; background: url("../images/ss_tb.png") no-repeat center; width: 35px; height: 35px; border: none; cursor: pointer;}


.nav {background: #2c66a5;}
.nav ul{position: relative; z-index: 10; display: flex;}
.nav ul li{position:relative; flex: 1; z-index:50; text-align: center;}
.nav ul li a{position: relative; display:block; font-size:16px; line-height: 55px; color: #fff; overflow: hidden; white-space: nowrap;}
.nav ul li:first-child a{border-left: none!important;}
.nav ul li a:hover,
.nav ul li a.on,
.nav ul li a.selected{background: #003d7a; color: #fff;}
* HTML .nav ul li a{display: inline-block}
.nav ul li a.home{margin-left: 40px; padding: 0 25px; font-weight: bold; background: #003d7a; overflow: hidden;}
.nav ul li a.home img{width: 24px!important; margin-top: 15px; margin-right: 5px; display: inline-block!important;}


.nav ul li ul{position: absolute; width:100%; visibility:hidden; z-index:999999; display: block; padding: 10px 0; background: #fff;}
.nav ul li ul li{width: 100%; background: #fff; margin-left: 0px; display: block;}
.nav ul li ul li:before{display: none;}
.nav ul li ul li a{overflow:hidden; border-left: none!important; line-height:50px; height:50px; font-weight:normal; color: #555;}
.nav ul li ul li a:after{display: none;}
.nav ul li ul li a.selected,
.nav ul li ul li a:hover{background:#2c66a5; color: #fff; font-weight: normal;}
.nav ul li ul li ul{width: 100%;}

* HTML .nav {height: 1%}
.downarrowclass {position: absolute; top: -1000px; right: 7px}
.rightarrowclass {position: absolute; top: 8px; right:15px}
.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.0}
.nav ul li img{display: none;}

.nav ul li a:after{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}




/**/
footer{background: #2c66a5; padding-bottom: 40px;}
footer .link{background: #fff; position: relative; z-index: 1; padding-bottom: 15px;}
footer .link ul{overflow: hidden; position: relative;}
footer .link ul li{float: left; position: relative; display: inline-block; padding-right: 20px; line-height: 25px; color: #fff; font-size: 14px;}


footer .f_menu{padding-top: 30px; padding-bottom: 40px;}
footer .f_menu li{display: inline-block; padding-right: 70px;}
footer .f_menu li a{color: #fff; font-size: 16px;}

footer .f_logo{float: left; border-right: 1px solid rgba(255,255,255,0.3); padding-right: 80px;}
footer .f_logo img{width: 120px;}

footer .f_lxwm{float: left; padding-left: 80px; color: #fff; font-size: 14px; line-height: 25px;}

footer .f_ewm{float: right; padding-left: 80px; border-left: 1px solid rgba(255,255,255,0.3); color: #fff;}
footer .f_ewm img{margin-bottom: 10px; width: 110px; height: 110px; background: #fff;}

footer .f_ewm ol li{float: left; margin-left: 18px; text-align: center; }
footer .f_ewm ol li:first-child{margin-left: 0px;}
footer .f_ewm ol li img{margin-bottom: 10px; width: 110px; height: 110px;}

/************************************************************共用部分结束************************************************************/

/************************************************************首页样式开始************************************************************/
/**/
.picScroll-left{float: left; width:600px; overflow:hidden; position:relative; background: #ccc}
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li a{display: block; position: relative;}
.picScroll-left .bd ul li span{position: relative; display: block; padding-bottom: 75%; width: 600px;}
.picScroll-left .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.picScroll-left .bd ul li h2{position: absolute; left: 0px; bottom: 0px; height: 50px; line-height: 50px; background: rgba(0,0,0,0.3); color: #fff; font-weight: normal; font-size: 16px; padding: 0 180px 0 10px; overflow: hidden;width: 100%; }

.picScroll-left .hd{position: absolute; right: 0px; bottom: 20px; z-index: 10; overflow:hidden;}
.picScroll-left .hd ul{overflow:hidden; zoom:1;}
.picScroll-left .hd ul li{ float:left;  width:12px; height:12px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:rgba(255,255,255,0.5); border-radius: 50%;}
.picScroll-left .hd ul li.on{ background:#0e6db5;}

.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:40px; height:45px; filter:alpha(opacity=50);opacity:0.5; z-index: 999;}
.picScroll-left .next{left:15px; right: auto; background: url("../images/jt_left.png") no-repeat center rgba(0,0,0,0.5);}
.picScroll-left .prev{right:15px; left: auto; background: url("../images/jt_right.png") no-repeat center rgba(0,0,0,0.5);}
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .prevStop{ display:none;  }
.picScroll-left .nextStop{ display:none;  }


.slideTxtBox{float: right; width: 580px; border: 1px solid #e7e7e7; height: 450px;}
.slideTxtBox .hd{height:50px; line-height:48px; background:#f6f6f6; padding-left: 15px; position:relative;}
.slideTxtBox .hd ul{position: relative;}
.slideTxtBox .hd ul li{float:left; margin-right: 20px; cursor:pointer; font-size: 16px;}
.slideTxtBox .hd ul li.on{border-bottom:2px solid #2c66a5; font-weight: bold; color: #2c66a5;}
.slideTxtBox .hd ul span{position: absolute; right: 15px; top: 0px; display: none;}
.slideTxtBox .hd ul li.on span{display: block; font-size: 14px; font-weight: normal;}

.slideTxtBox .bd ul{padding-top: 10px; padding-left: 15px; zoom:1;  }
.slideTxtBox .bd ul li{line-height: 37px;}
.slideTxtBox .bd ul li:after{margin-top: 16px; margin-right: 10px; float: left; display: block; content: ""; width: 3px; height: 3px; background: #999;}
.slideTxtBox .bd ul li span{float: right; color: #999;}


/**/
.ggw{}
.ggw img{width: 1200px;}


/**/
.left{float: left; width: 590px;}
.right{float: right; width: 590px;}

.part1{margin-bottom: 15px; border-bottom: 1px solid #e7e7e7; overflow: hidden; height: 40px; line-height: 40px; background: #f6f6f6;}
.part1 h2{float: left; background: #2c66a5;padding: 0 20px; font-size: 16px; font-weight: bold; color: #fff;}
.part1 span{float: right; padding-right: 10px; font-size: 14px;}

.list1{margin-top: -10px;}
.list1 li{overflow: hidden;}
.list1 li a{display: block; overflow: hidden; border-bottom: 1px dashed #e7e7e7; padding: 15px 0;}
.list1 li span{float: left; width: 120px; margin-right: 15px;}
.list1 li span i{display: block; position: relative; padding-bottom: 75%;}
.list1 li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}
.list1 li h2{padding-bottom: 10px; font-size: 16px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list1 li p{line-height: 24px; color: #999;}


/**/
.list2{overflow: hidden; margin-left: -10px; margin-bottom: 20px;}
.list2 li{float: left; width: 16.66%; padding-left: 10px; padding-bottom: 10px;}
.list2 li a{font-size: 14px; display: block; line-height: 35px; text-align: center; border: 1px solid #d5e4ec; background: #f0faff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/**/
.left2{float: left; width: 785px;}

.list3{overflow: hidden; margin-left: -15px; display: flex;}
.list3 li{flex: 1; padding-left: 15px;}
.list3 li a{display: block; position: relative;}
.list3 li span{display: block; padding-bottom: 100%; position: relative;}
.list3 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.list3 li h2{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 35px; line-height: 35px; background: rgba(0,0,0,0.5); color: #fff; font-size: 14px; font-weight: normal; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.left3{float: left; width: 185px; margin-left: 20px;}

.right2{float: right; width: 185px;}





/************************************************************首页样式结束************************************************************/




/************************************************************内页样式开始************************************************************/

/*left*/
.n_left{float: left; width: 250px;}
.n_right{float: right; width: 910px; background: #fff;}

.n_part1{background: #2c66a5; height: 70px; text-align: center; line-height: 70px; font-size: 24px; font-weight: bold; color: #fff;}
.n_part1 i{float: left; margin-top: 35px; margin-right: 15px; font-size: 48px; line-height: 1;}
.n_part1 h2{padding-top: 40px; font-size: 24px; font-weight: normal; line-height: 1;}
.n_part1 h3{padding-top: 3px; font-size: 22px; color: #5c92c7; line-height: 1; font-weight: normal; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}

.class_list{margin-bottom: 15px; border: 5px solid #2c66a5; padding: 0 10px;}
.class_list li{}
.class_list li a{position: relative; display: block; border-bottom: 1px solid #f0f0f0; background: #fff; line-height: 45px; font-size: 14px; text-align: center; font-weight: bold;}
.class_list li a:hover,
.class_list li a.on{color: #2c66a5; font-weight: bold;}

.n_lxwm{background: #2c66a5; color: #fff; padding: 15px;}
.n_lxwm img{float: left; width: 32px; margin-right: 10px; margin-top: 5px;}
.n_lxwm h2{font-size: 14px; font-weight: normal;}
.n_lxwm h2 span{display: block; font-weight: bold; font-size: 20px;}
.n_lxwm ul{margin-top: 15px; overflow: hidden; display: flex;}
.n_lxwm ul li{flex: 1; padding: 0 8px;}
.n_lxwm ul li a{display: block; border: 1px solid #fff; line-height: 30px; text-align: center; color: #fff;}


/*right*/
.breadCrumb{border-bottom: 3px solid #2c66a5; line-height:44px; overflow: hidden;}
.breadCrumb h2{float: left; font-size: 18px; font-weight: bold; color: #2c66a5;}
.breadCrumb span{float: right; color: #666;}
.breadCrumb span a{margin: 0 4px;}



/*通用详细页 开始*/
.content{padding: 15px 0; line-height: 220%; font-size: 16px}
.content img{max-width: 100%!important; height: auto!important;}

.title{font-size: 26px; color: #333; font-weight: bold; padding: 40px 0 20px 0; line-height: 1; text-align: center;}
.time{color: #b0b0b0; padding: 0 0 14px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden; text-align: center;}
.time li{display: inline-block; position: relative;}
.time li i{margin: 0 5px 0 0;}
.time li:before{position: relative; display:inline-block; content: ""; margin: 0 10px; width: 1px; height: 7px; background: #bababa;}
.time li:first-child:before{display: none;}

.fy{margin-bottom: 10px; padding: 8px 0;}
.fy li{height: 28px; line-height: 28px; color: #d00; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}

.n_part3{border-top: 3px solid #2c66a5; padding-top: 10px; font-size: 16px; color: #2c66a5; font-weight: bold;}

.n_list1{overflow: hidden; padding: 10px 0 10px 0;}
.n_list1 li{float: left; width: 50%; height: 32px; line-height: 32px; padding: 0 10px 0 0; overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.n_list1 li:before{display: inline-block; content: ""; float: left; margin: 15px 8px 0 3px; width: 3px; height: 3px; background: #989898;}

/*通用详细页 结束*/



/*客户案例*/
.img_list{margin-top: 20px; margin-left: -25px; overflow: hidden;}
.img_list li{float: left; width: 33.33%;}
.img_list li a{display: block; margin-left: 25px;}
.img_list li span{display: block; position: relative; padding-bottom: 75%; overflow: hidden;}
.img_list li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%; background: #eeeeee}
.img_list h2{padding-top: 10px; padding-bottom: 15px; font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}





/*新闻类 开始*/
.news_list{}
.news_list li{overflow: hidden; position: relative; border-bottom: 1px dashed #e7e7e7; padding: 20px 0;}
.news_list li span{float: left; width: 180px; margin-right: 15px;}
.news_list li span i{display: block; position: relative; width: 100%; padding: 0 0 70% 0; overflow: hidden;}
.news_list li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}
.news_list li .con{margin-left: 260px;}
.news_list li h2{position: relative; font-size: 16px; line-height: 1; font-weight: normal; padding-top: 10px; padding-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list li h3{font-weight: normal; color: #888; font-size: 14px;}
.news_list li h3 img{width: 18px; opacity: 0.5; margin-right: 5px;}
.news_list li p{margin-top: 10px; line-height: 24px; color: #888; font-size: 12px;}


/*新闻类 结束*/

.news_list2{margin-top: 20px;}
.news_list2 li{margin-bottom: 10px; border-bottom: 1px dashed #e7e7e7; padding-bottom: 40px;}
.news_list2 li:after{display: block; content: ""; clear: both;}
.news_list2 li .rq{float: left; position: relative; background: url("../images/rili.png") no-repeat; width: 100px; height: 101px; margin-right: 20px; text-align: center;}
.news_list2 li .rq span{display: block; padding-top: 13px; color: #fff; font-weight: bold; font-size: 16px;}
.news_list2 li .rq font{margin-bottom: 2px; border-bottom: 1px solid #e7e7e7; display: block; padding-top: 10px; padding-bottom: 5px; font-size: 20px; line-height: 1; font-style: normal; color: #555;}
.news_list2 li .rq font b{padding-left: 5px; font-size: 26px; line-height: 1; color: #b80d1d;}
.news_list2 li .rq em{font-style: normal; font-size: 12px; color: #555;}

.news_list2 li span{float: left; width: 100px; margin-right: 15px;}
.news_list2 li span i{display: block; position: relative; width: 100%; padding: 0 0 100% 0; overflow: hidden;}
.news_list2 li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}

.news_list2 li h2{padding-top: 20px; padding-bottom: 15px; font-size: 16px; font-weight: bold;}
.news_list2 li p{line-height: 24px; color: #666;}
.news_list2 li i{position: absolute; left: 0px; bottom: -25px; right: 0px; font-style: normal; color: #555;}

.news_list3{}
.news_list3 li{overflow: hidden; position: relative; border-bottom: 1px dashed #e7e7e7; padding: 20px 0;}
.news_list3 li span{float: right; width: 80px; margin-right: 5px;}
.news_list3 li a:after{position: absolute; left: 8px; top: 50%; display: block; content: ""; width: 5px; height: 5px; }


/*分支机构*/
header .logo2{font-size: 28px; font-weight: bold; height: 145px; line-height: 145px; color: #fff;}


.fzjg_left{float: left; width: 100%;}

.fzjg_con {margin-bottom: 30px;}
.fzjg_con img{width: 900px; background: #ccc; height: 400px;}

.jgfz_list2{margin-top: -10px;}
.jgfz_list2 li{border-bottom: 1px dashed #e7e7e7; padding: 15px 0;}
.jgfz_list2 li h2{padding-bottom: 5px; font-size: 14px; font-weight: bold;}
.jgfz_list2 li p{line-height: 22px; font-size: 12px; color: #999;}


.fzjg_right{float: right; width: 280px; background: #f2f2f2; padding: 15px;}
.fzjg_part1{font-size: 16px; font-weight: bold; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; color: #2c66a5; line-height: 1;}
.fzjg_part1 span{float: right; font-size: 12px; font-weight: normal;}

.wyjs{margin-top: 15px; overflow:hidden; position:relative; background: #fff;}
.wyjs .bd{}
.wyjs .bd ul{ overflow:hidden; zoom:1; }
.wyjs .bd ul li{float:left; _display:inline; overflow:hidden;}
.wyjs .bd ul li a{display: block; position: relative;}
.wyjs .bd ul li span{position: relative; display: block; padding-bottom: 100%; width: 250px;}
.wyjs .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.wyjs .bd ul li h2{padding: 15px 15px 6px 15px; font-size: 16px;}
.wyjs .bd ul li p{padding: 0 15px; font-size: 12px; color: #555; line-height: 20px;}
.wyjs .bd ul li p font{color: #d00;}

.wyjs .hd{position: absolute; right: 0px; bottom: 20px; z-index: 10; overflow:hidden;}
.wyjs .hd ul{overflow:hidden; zoom:1;}
.wyjs .hd ul li{ float:left;  width:12px; height:12px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:rgba(255,255,255,0.5); border-radius: 50%;}
.wyjs .hd ul li.on{ background:#0e6db5;}

.wyjs .prev,
.wyjs .next{ position:absolute; left:3%; top:40%; margin-top:-25px; display:block; width:30px; height:45px; filter:alpha(opacity=50);opacity:0.5; z-index: 999;}
.wyjs .prev{left:10px; right: auto; background: url("../images/jt_left.png") no-repeat center rgba(0,0,0,0.5); background-size: 25%;}
.wyjs .next{right:10px; left: auto; background: url("../images/jt_right.png") no-repeat center rgba(0,0,0,0.5); background-size: 25%;}
.wyjs .prev:hover,
.wyjs .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.wyjs .prevStop{ display:none;  }
.wyjs .nextStop{ display:none;  }


.wy_con{margin-bottom: 30px; background: #fff; padding: 5px 15px 15px 15px;}
.wy_con h2{padding-bottom: 5px; font-size: 16px;}
.wy_con p{font-size: 12px; color: #555; line-height: 20px;}
.wy_con p a{color: #d00;}
.wy_con ul{margin-top: 10px; border-top: 1px solid #e7e7e7;}
.wy_con ul li{border-bottom: 1px solid #e7e7e7; line-height: 27px; padding: 5px 0; font-size: 12px;}

.fzjg_list1{margin-top: 15px; background: #fff; padding: 10px;}
.fzjg_list1 li{}
.fzjg_list1 li span{display: block; padding-bottom: 75%; position: relative;}
.fzjg_list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.fzjg_list1 li h2{padding-top: 10px; font-size: 14px; font-weight: normal;}


/**/
.fzjg_n_left{float: left; width: 280px; margin-top: 10px; background: #f2f2f2; padding: 15px;}

.fzjg_n_right{float: right; width: 890px;}
/************************************************************内页样式结束************************************************************/











/*page*/
.page{text-align:center; margin:20px 0 20px 0;}
.page li{display: inline-block; *display: inline; margin: 0 3px;}
.page li a{height: 29px; line-height: 29px; display: block;padding: 0 12px; border: 1px solid #dddddd; background: #fff;}
.page li a:hover,
.page li a.on{background: #ff7200; border: 1px solid #ff7200; color: #fff;}

@media screen and (min-width: 769px) and (max-width: 991px){
	.page{margin: 20px 0 30px 0; padding-top: 15px;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.page{margin: 15px 0 20px 0;}
	.page li{margin: 0px;}
	.page li a{padding: 0 10px; height: 25px; line-height: 25px;}
}
@media screen and (max-width:480px){
	.page{margin: 10px 0 20px 0; padding-top: 15px;}
	.page li{margin: 0px;}
	.page li a{padding: 0 10px; height: 25px; line-height: 25px;}
}


/*page圆形*/
.page{text-align:center; padding:20px 0 0 0}
.page .page_list{}
.page .page_list a{display:inline-block; margin:0 2px; width:26px; height:26px; border-radius:50%; overflow:hidden; text-align:center; line-height:26px; border:1px solid #e1e1e1; behavior:url(pie.htc); position:relative; font-family:Arial;}
.page .page_list a:hover{background:#fafafa; border:1px solid #e1e1e1; color:#555}
.page .page_list a.Current,
.page .page_list a.on{background:#0e6db5; border:1px solid #0e6db5; color:#fff}


.content iframe{
    width: 900px;
    height: 610px;
}