@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#1c2b44;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
a:link,a:visited{color:#1c2b44; text-decoration:none;}
a:hover{color:#1c2b44; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "微软雅黑";}
.w1000{ width:1000px;}
.fl{ float:left;}
.fr{ float:right;}
.blue,.blue a:link,.blue a:visited,.blue a:hover{ color:#144e9b;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}
.grey,.grey a:link,.grey a:visited,.grey a:hover{ color:#666;}

/*header*/
.header{ padding:40px 0 30px;}
.header .fl{ width:355px;}
.header .fr{ width:640px;position: relative;}
.header .fr h1{ clear:both; text-align:right; line-height:31px; font-size:18px; margin-bottom:6px; margin-top:40px;}
.header .fr h1 i{ color:#e5e5e5; padding:0 10px;}
.header .fr h1 img{ vertical-align:middle; margin-bottom:6px; margin-right:15px;}
.header .fr>ul{ background:url(images/icon02.png) 0 20px no-repeat; float:right; padding-left:12px;margin-right: 30px;}
.header .fr>ul li{ float:left; font-size:20px; padding:0 8px 0 20px; text-align:center;}
.header .fr>ul li i{ font-size:16px; padding:0 12px; color:#fbf05a;}
.header .clo-btn div{width:20px;height:2px;background: #1c2b44;margin: 6px 0;transition: all 0.5s;}
.header .clo-btn{float: right;margin-left: 10px;z-index: 100;position: absolute;top: 58px;right: 0px;cursor: pointer;}
.rotate1{transform: rotate(-45deg);transform-origin:right center;margin: 12px 0 !important;background: #fbf05a !important;}
.rotate2{transform: rotate(45deg);transform-origin:right center;margin: 12px 0 !important;background: #fbf05a !important;}
.header-list{width: 680px; height: 670px;background: #144e9b;position: absolute;top: 45px;
right: -100px;z-index: 99;padding: 40px 50px;box-sizing: border-box;transition: all 0.5s;opacity: 0;}
.header-list>ul{width: 100%;height: 100%;background: none !important;}
.header-list>ul>li{width: 140px;height: 100%;border-right: 1px solid #0d438b;padding-left: 25px;box-sizing: border-box;float: left;}
.header-list>ul>li span{display: block;font: normal 20px/42px "微软雅黑";width: 100%;color: #ffd800;margin-bottom: 20px;}
.header-list>ul>li ul{width: 100%;height: 100%;}
.header-list>ul>li ul li{width: 100%;font: normal 14px/36px "微软雅黑";color: #fff;}
.header-list>ul>li ul li>a{color: #fff;}

.title_h1{ text-align:center; margin:20px auto 10px;}
.title_h1 img{ margin:0 auto;}
.title_h2{ text-align:center; margin:-30px auto 60px;}
.title_h2 i{ font-size:18px; margin-left:10px; margin-right:10px; padding-left:10px; padding-right:10px; color:#999; line-height:140%;cursor:pointer;}
.title_h2 i a{color:#999;}
.title_h2 i:hover{ background:url(images/line01.png) bottom repeat-x; color:#172c54;}
.title_h2 i:hover a{color:#172c54;}
.title_h2 i a{ text-decoration:none;}
.title_qh i.this{background:url(images/line01.png) bottom repeat-x; color:#172c54;}


/*p7*/
.p7_bg{ background:#325192; padding-bottom:50px;}
.p7_con{background:url(images/line03.png) center repeat-y;}
.p7_con ul{ margin-left:-140px;}
.p7_con ul li{ width:240px; float:left; margin-left:140px;}
.p7_con ul li h2{ font-size:24px; background:url(images/line02.png) bottom left no-repeat; line-height:170%;}
.p7_con ul li p{ font-size:14px; padding-top:35px;}


.copyright_bg{ padding:30px 0; background:#3e619f;}

/*2j*/
.p2j_text_title{ border-top:10px #16377c solid; padding-top:60px; padding-bottom:30px;}
.p2j_text_title h1{ text-align:center; font-size:48px; font-weight:bold; line-height:120%; padding-bottom:20px;}
.p2j_text_title h2{ text-align:center; font-size:18px;}
.p2j_text_con{ background:url(images/bg_text.gif) left top repeat-y #fff; margin-bottom:50px;}
.p2j_text_con .fl{ width:150px; overflow:hidden;}
.p2j_text_con .fl p{ font-size:88px; line-height:100%; margin:-11px auto auto -7px;}
.p2j_text_con .fr{ width:850px;}
.p2j_text_con .fr b,.p2j_text_con .fr strong{ font-weight: bold; display:block; font-size:24px; line-height:120%; margin:60px auto 30px;text-align: center;}
.p2j_text_con .fr .text_box{ margin-bottom:50px;}
.p2j_text_con .fr .text_box p{ padding-top:10px; font-size:16px; line-height:220%;text-align: justify; padding-bottom:10px; text-indent:2em;}
.p2j_text_con .fr .text_box p.pic01{ text-align:center;}
.p2j_text_con .fr .text_box p img{ display:block; margin:10px auto 6px;}
.p2j_text_con .fr .more_link{ text-align:right; padding:20px 0;}
.p2j_text_con .fr .more_link span{ font-size:18px; background:#fff319; border-radius:30px; padding:15px 40px;}

.p2j_text_con .fr .text_box .editor{ text-align:right; width:100%;}

.p2j_text_bottom{ margin-bottom:100px;}
.p2j_text_bottom h1{ font-size:48px; text-align:center; margin:0 auto 40px;}
.p2j_text_bottom h2{ text-align:center; border-bottom:#ccc 1px solid; padding-bottom:120px;}
.p2j_text_bottom h2 span{font-size:30px;  background:#fff319; border-radius:30px; padding:12px 30px;}
.p2j_text_bottom h3{ padding:110px 0 50px;float:left; width:100%;}
.p2j_text_bottom h3 p{ font-size:48px; width:350px; float:left; text-align:center; margin-left:85px; line-height:100%;}
.p2j_text_bottom h3 p i{ background:#fff319; color:#999; font-size:14px; padding:0 2px;}
.p2j_text_bottom h3 p em{ display:block;}
.p2j_text_bottom .t01{ text-align:center;}
.p2j_text_bottom .t01 img{ margin:0 auto;}


/*2jlist*/
.p2j_list_title{ border-top:#16377c 10px solid;}
.p2j_list_title h2{ width:900px; padding-left:100px; font-size:30px; margin:0 auto; padding-top:30px;}
.p2j_list_con{ background:url(images/bg_text.gif) left repeat-y; margin:10px auto 100px;}
.p2j_list_con ul{ margin:15px auto; width:80%;}
.p2j_list_con ul li{ color:#666; background:url(images/dot.gif) 0 20px no-repeat; padding-left:20px; font-size:12px; text-align:right;line-height:360%;}
.p2j_list_con ul li a{ font-size:18px; float:left; color:#000;}
.p2j_list_con ul li a:hover{ color:#000;}

.page_n{text-align:center;padding:60px 0;}
.page_n a{border:#dddad2 1px solid;background:#f7f6f3;padding:10px 15px;margin:0 5px;}
.page_n a.common_current_page,.page_n a:hover{background:#325192;color:#fff;text-decoration:none;border:1px solid #fff;}

/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
.w1000{ width:100%; min-width:320px; max-width:480px;}	   
.header{ padding:20px 0 15px;}
.header .fl{ width:45%; padding-left:1%;}
.header .fr{ width:44%;position: relative;}		   
.header .fl img{ width:80%; height:auto;}		   
.header .fr h1{ clear:both; text-align:left; line-height:31px; font-size:12px; margin-bottom:6px; margin-top:10px;}
.header .fr h1 img{ width:10%; height:auto; margin:0 2px;}

/*2j*/
.p2j_text_title{ border-top:5px #16377c solid; padding-top:40px; padding-bottom:30px;}
.p2j_text_title h1{ text-align:center; font-size:30px; font-weight:bold; line-height:120%; padding-bottom:20px;}
.p2j_text_title h2{ text-align:center; font-size:18px;}

.p2j_text_con{ background:url(images/bg_text.gif) -180px 0 repeat-y #fff; margin-bottom:50px;}
.p2j_text_con .fl{ width:10%; overflow:hidden;}
.p2j_text_con .fl p{ font-size:60px; line-height:100%; margin:-11px auto auto -7px;}
.p2j_text_con .fr{ width:85%; padding-right:5%;}

.p2j_text_con .fr .text_box p img{ display:block; margin:10px auto; width:100%; height:auto;}
.p2j_text_con .fr .text_box p.pic01{ text-align:center; font-size:14px; line-height:150%;}

.p7_bg{ display:none;}
.copyright_bg div{ font-size:10px;}
}