@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% Microsoft YaHei; color:#000;text-align:center; background:#359fda;}
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% Microsoft YaHei;}
li,p{text-align:left;font:normal 12px/200% Microsoft YaHei;}
a:link,a:visited{color:#000; text-decoration:none;}
a:hover{color:#000; 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% Microsoft YaHei;}
.w1000{ width:1000px;}
.w1060{ width:1060px;}
.fl{ float:left;}
.fr{ float:right;}

/*top*/
.top{ background:url(images/top.jpg) top center no-repeat; height:486px; overflow:hidden;}
.nav_con{ background:url(images/bg_nav.jpg) top center no-repeat; height:73px;}
.nav_con div{ line-height:73px; font-size:24px; text-align:center; color:#fff;}
.nav_con div i{ color:#062882;}
.nav_con div a{ margin:0 45px;}
.nav_con div a:link,.nav_con div a:visited,.nav_con div a:hover{ color:#062882;}

/*p1*/
.title_h2{ text-align:center; margin:60px auto 40px;}
.p1_con{ margin:40px auto 50px;color:#fff;}
.p1_con h1{ text-align:center; font-size:36px; padding-bottom:15px; font-weight:bold;}
.p1_con p{ font-size:18px; color:#fff;text-indent:2em;}
.p1_con p a,.p1_con p a:hover{ color:#fff;}
/*p2*/
.p2_con{ margin:0px auto 50px;}
.p2_con .fl{ width:690px; padding-top:5px;}

.device{ width: 690px; height: 420px; position: relative; overflow:hidden;}
.device .arrow-left1 { position: absolute; left:5px; bottom:12px; width: 17px; height: 30px; background:url(images/arrows.png) no-repeat top left; z-index:10;}
.device .arrow-right1 { position: absolute; right:5px;  bottom:12px;width: 17px; height: 30px; background:url(images/arrows.png) bottom left no-repeat; z-index:10;}
.device .swiper-container { height: 420px; width: 690px;}
.device .content-slide {}
.device .swiper-slide img{ width:690px; height:420px;}
.device .swiper-slide div p{ height:50px; line-height:50px; color:#fff; padding:0 35px; margin-top:-50px; position:relative; z-index:100;background-color: rgba(0,0,0,0.7);font-size:14px;}

.p2_con .fr{ width:330px; height:425px; overflow:hidden;}
.p2_con .fr ul{}
.p2_con .fr ul li{ color:#fff; font-size:22px; line-height:160%; background:url(images/dot2.png) no-repeat 0px 15px; padding-left:18px; margin-bottom:5px;}
.p2_con .fr ul li a,.p2_con .fr ul li a:hover{ color:#fff;}



/*p3 高清大图*/
.p3_con{ margin:0px auto 50px;}

.device2{ width:1060px; height:620px; position: relative; overflow:hidden;}
.device2 .arrow-left2 { position: absolute; left:5px; top:45%; width:35px; height:70px; background:url(images/arrows2.png) no-repeat 6px 10px #0074e3; z-index:10;}
.device2 .arrow-right2 { position: absolute; right:5px; top:45%;width:35px; height:70px; background:url(images/arrows2.png) 12px -58px no-repeat #0074e3; z-index:10;}
.device2 .swiper-container { height:620px; width:1060px;}
.device2 .content-slide {}
.device2 .swiper-slide img{ height:620px; width:1060px;}
.device2 .swiper-slide div p{ height:50px; line-height:50px; color:#fff; padding:0 35px; margin-top:-50px; position:relative; z-index:100;background-color: rgba(23,64,170,0.8);font-size:18px;}



/*p4*/
.p4_con{ margin:0px auto 30px; padding:30px 0 30px; background:#6cb9e4;}
.title_h3{ margin:30px auto; width:93%;}
.title_h3 b{ display:block; width:393px; height:67px; background:#1b3693; text-align:center; margin:0 auto; border-radius:50px; overflow:hidden; color:#fff; font-size:38px; font-style:italic; line-height:67px; font-weight:bold;}
.title_h3 b img{ margin:15px auto;}
.title_h3 em{ text-align:right; font-size:16px; display:block; color:#1841aa; margin-top:-40px;}
.title_h3 em a,.title_h3 em a:hover{ color:#1841aa;}
.title_h3 p{ text-align:center; font-size:18px; color:#1b3693; padding-top:5px;}

.p4_con ul{ margin-bottom:30px;}
.p4_con ul li{box-sizing: border-box; background:#fff; margin:21px; float:left; width:310px; overflow:hidden;}
.p4_con ul li img{ display:block; width:310px; height:200px;}
.p4_con ul li div{ padding:12px 12px 12px 15px; height:125px; overflow:hidden;}
.p4_con ul li div b{ display:block; font-size:18px; line-height:140%; margin-bottom:5px;}
.p4_con ul li div p{ font-size:14px; color:#646464; line-height:180%; margin-bottom:8px;}
.p4_con ul li div p a,.p4_con ul li div p a:hover{ color:#646464;}

.copyright_bg{height:60px; padding:20px 0;}
.copyright{ text-align:center; color:#fff;}


/*2j*/
.lujing{ color:#fff; line-height:50px;}
.lujing a,.lujing a:hover{ color:#fff;}
.lujing a{ padding:0 5px;}
.p2j_list{ margin:20px auto 0; background:#e7f0fd;}
.p2j_list h2{ border-bottom:#434ff3 2px solid; height:50px; line-height:50px; width:90%; margin:20px auto 0;}
.p2j_list h2 b{ float:left; font-size:20px; font-weight:bold; display:inline-block; height:50px; padding:0 20px; line-height:50px;}
.p2j_list h2 i{ float:right; font-size:14px; color:#666;}
.p2j_list h2 i a,.p2j_list h2 i a:hover{ color:#666;}
.p2j_list ul{ margin:20px auto; width:90%;}
.p2j_list ul li{ text-align:right; margin:15px 0; background:url(images/dot.png) 0 10px no-repeat; padding-left:15px;}
.p2j_list ul li a{ float:left; font-size:18px; text-align:left;}
.p2j_list ul li i{ font-size:14px; color:#666;}
.p2j_list ul li.dot_line{ border-bottom:#434ff3 1px dashed; margin:20px 0;}
.page_n{text-align:center;padding:40px 0;}
.page_n a{border:#dddad2 1px solid;background:#f7f6f3;padding:4px 15px;margin:5px;display: inline-block;}
.page_n a.common_current_page,.page_n a:hover{background:#434ff3;color:#fff;text-decoration:none;border:1px solid #fff;}




@media (min-device-width:780px) and (max-device-width:1060px),(min-device-width:780px) and (max-width:1060px),
       
	   { 
html,body{ width:1060px;}
		   
		   }
/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
.w1060{ width:100%; min-width:320px; max-width:480px;}
.w1000{ width:100%; min-width:320px; max-width:480px;}
.top{ background:url(images/top.jpg) top center no-repeat; height:175px; overflow:hidden; background-size:170%;}
.nav_con{  background:url(images/bg_nav.jpg) 10% 0 no-repeat; }
.nav_con div{ font-size:18px; line-height:180%;}
.nav_con div a{ float:left; margin:0 0 0 32px;}
.nav_con div i{ display:none;}
.title_h2{ margin:35px auto 25px;}
.title_h2 img{ width:40%; height:auto;}
.p1_con{ width:90%;}
.p2_con .fl{ width:100%; padding-top:0; float:none;}
.p2_con .fr{ width:90%; margin-top:20px; height: auto; overflow:hidden; float:none;}
.p2_con .fr ul li{ font-size:18px; margin-bottom:15px;}

.device{ width:100%; height:250px; position: relative; overflow:hidden;}
.device .swiper-container { height:250px; width: 100%;}
.device .swiper-slide img{ width:100%; height: 250px;}


.title_h3{ margin:30px auto 10px;}
.title_h3 b{ display:block; width:100%; height:67px; background:#5479dc; text-align:center; margin:0 auto; border-radius:50px; overflow:hidden;}
.title_h3 em{ margin-top:20px;}
.p4_con h2{ font-size:24px; background-size:40%;}
.p4_con ul li{box-sizing: border-box; background:#fff;  margin:2%; float:left; width:46%; overflow:hidden;}
.p4_con ul li img{ display:block; width:100%; height:120px;}
.p4_con ul li div{ padding:12px 12px 12px 15px; height:214px; overflow:hidden;}
.p4_con ul li div b{ font-size:16px;}

.p2j_list ul li i{ font-size:14px; color:#666; display:block; width:120px; text-align:left;}





/*p3 高清大图*/
.p3_con{ margin:0px auto 50px;}

.device2{ width:100%; height:300px; position: relative; overflow:hidden;}
.device2 .arrow-left2 { position: absolute; left:0px; top:30%; width:30px; height:57px; background:url(images/arrows2.png) no-repeat 5px 5px #0074e3; z-index:10;}
.device2 .arrow-right2 { position: absolute; right:0px; top:30%;width:30px; height:57px; background:url(images/arrows2.png) 10px -65px no-repeat #0074e3; z-index:10;}
.device2 .swiper-container { height:auto; width:100%;}
.device2 .content-slide {}
.device2 .swiper-slide img{ height:auto; width:100%;}
.device2 .swiper-slide div p{ height:50px; line-height:50px; color:#fff; padding:0 35px; margin-top:-50px; position:relative; z-index:100;background-color: rgba(23,64,170,0.8);font-size:18px;}




}