@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% Microsoft YaHei; color:#000000;text-align:center; background:#f5f9ff;}
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:#000000; text-decoration:none;}
a:hover{color:#000000; 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;}
.w1200{ width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}
/*header*/
.top_bg{ background:url(images/top.jpg) top center no-repeat; height:330px;}
.top_bg img{ display:none;}
.nav_box{ background:url(images/line_nav.gif); height:80px; position:relative; z-index:10;}
.nav_box .w1200{ font-size:24px; text-align:center; line-height:80px;}
.nav_box .w1200 i{ background:url(images/icon_0.png) center no-repeat;margin-left:60px; margin-right:60px;}
.nav_box .w1200 a{ line-height:80px; color:#fff; text-decoration:none;}
.nav_box .w1200 a:hover{ color:#12b0fe; border-bottom:#12b0fe 1px dotted;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;text-transform:uppercase;}
/*p1*/
.p1_bg{ background:url(images/line_02.png) bottom repeat-x #f5f9ff; padding-bottom:60px;}
.p1_con{ background:url(images/line_01.png) top repeat-x #fff;box-shadow:2px 2px 15px #ddd; padding:40px 0;}
.p1_con .fl{ width:595px;}
.p1_con .fr{ width:525px; padding-right:28px;}
.p1_con .fl h2:hover{ background:url(images/icon_01.png) 270px 0 no-repeat;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;text-transform:uppercase;}
.p1_con .fl ul{ margin:35px 0 35px 65px;}
.p1_con .fl ul li{ border-bottom:#e6effd 3px solid;  color:#0e2f6a; padding:15px 0;}
.p1_con .fl ul li,.p1_con .fl ul li a:link,.p1_con .fl ul li a:visited,.p1_con .fl ul li a:hover{color:#0e2f6a;}
.p1_con .fl ul li b{ font-size:24px; display:block; margin-bottom:10px;background:url(images/dot.png) 0px 10px no-repeat; margin-left:-22px; padding-left:22px; line-height:120%;}
.p1_con .fl ul li p{ font-size:18px; line-height:160%;}
.p1_con .fl ul li:last-child{ border-bottom:none;}
.p1_con .fl ul li:hover{-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;text-transform:uppercase; background: linear-gradient(to top,#f9f9f9,#f5f5f5);}

.swiper {width: 100%; height:560px;}
.swiper-slide {text-align: center;}
.swiper-slide div{ width:400px; height:500px; border:#e6effd 10px solid; border-radius:7px;}
.swiper-slide img {display: block;width: 100%;height: 100%;}
.swiper-pagination-bullet{ height:12px; width:12px; }
.swiper-pagination-bullet-active{ background:#12b0fe;}
.swiper-button-next{ background:#15b1fe; color:#fff; border-radius:50%; width:36px; height:36px;}
.swiper-button-prev{ background:#15b1fe; color:#fff; border-radius:50%; width:36px; height:36px;}
.swiper-button-next:after,.swiper-button-prev:after{ font-size:22px;}
/*p2*/
.p2_bg{ padding:50px 0 60px; background:#fff; border-bottom:#e6effd 1px solid; position:relative; z-index:10;}
.p2_con .fl{ width:165px;}
.p2_con .fl h2:hover{ background:url(images/icon_02.png) 147px 0 no-repeat;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;text-transform:uppercase;}
.p2_con .fr{ width:1035px;}
.p2_con .fr ul{ margin-top:8px;}
.p2_con .fr ul li{ background:#f5f9ff; width:310px; height:484px; float:left; margin-left:30px; margin-bottom:30px;}
.p2_con .fr ul li p{ border:#e2edff 1px solid; margin:-8px auto auto -8px; height:484px; width:310px; display:block; overflow:hidden; background:#fff;}
.p2_con .fr ul li p img{width:310px; height:400px;cursor:pointer; transition: all 0.6s;}
.p2_con .fr ul li p:hover img{ transform: scale(1.1);}
.p2_con .fr ul li p em{ overflow:hidden; width:310px; height:400px; display:block;}
.p2_con .fr ul li p span{ display:block; font-size:18px; padding:15px 20px 15px 25px; height:36px; overflow:hidden;}


/*p3*/
.p3_bg{ padding:50px 0 60px; background:#fff; background:url(images/line_02.png) top repeat-x #fff;box-shadow:0px 0px 15px #ddd;position:relative; z-index:1;}
.p3_con .fl{ width:165px;}
.p3_con .fl h2:hover{ background:url(images/icon_02.png) 147px 0 no-repeat;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;text-transform:uppercase;}
.p3_con .fr{ width:1035px;}
.p3_con .fr ul{ margin-top:8px;}
.p3_con .fr ul li{ background:#e6effd; width:310px; height:294px; float:left; margin-left:30px; margin-bottom:30px;}
.p3_con .fr ul li p{ border:#e2edff 1px solid; margin:-8px auto auto -8px; height:294px; width:310px; display:block; overflow:hidden; background:#fff;}
.p3_con .fr ul li p img{width:310px; height:210px;cursor:pointer; transition: all 0.6s;}
.p3_con .fr ul li p:hover img{ transform: scale(1.1);}
.p3_con .fr ul li p em{ overflow:hidden; width:310px; height:210px; display:block;}
.p3_con .fr ul li p span{ display:block; font-size:18px; padding:15px 20px 15px 60px; height:36px; overflow:hidden; background:url(images/icon_play.png) no-repeat 10px 22px;}




.copyright{ text-align:center; padding:50px 0; font-size:16px;}



/*2j*/
.w1000{ width:1000px;}
.p2j_listBox{ margin:30px auto;}
.lujing{ margin:20px auto;}
.lujing a{ padding:0 8px;}
.p2j_listBox h1{ font-size:22px; border-bottom:#3975ff 2px solid; margin:0px auto 15px; width:96%;}
.p2j_listBox ul{ width:96%; margin:0 auto;}
.p2j_listBox ul li{ background:url(images/dot.png) 10px 8px no-repeat; padding-left:30px; width:96%; float:left; margin:7px auto;}
.p2j_listBox ul li a{ font-size:18px; float:left; width:76%;}
.p2j_listBox ul li em{ float:right; font-size:12px; color:#666; width:20%;}

.page_n{text-align:center;padding:40px 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:#3975ff;color:#fff;text-decoration:none;border:1px solid #fff;}


@media (min-device-width:320px) and (max-width:767px),
       (max-device-width:767px)
	   {

.top_bg{ height: auto;}
.top_bg img{ display:block; width:100%; height:auto;}
.nav_box{ background:url(images/line_nav.gif) top repeat-x; height:70px; position:relative; z-index:10;}
.nav_box .w1200{ font-size:20px; text-align:center; line-height:70px;}
.nav_box .w1200 i{margin-left:5px; margin-right:5px;}


.w1200{ width:100%;}
.w1000{ width:100%;}		
.p1_con .fl{ width:100%; float:none;}
.p1_con .fr{ width:93%; float:none; text-align:center;}
.p1_con .fl h2 img{ width:50%; height:auto;}
.p1_con .fl ul{ margin:30px 15px 35px 40px;}
.p1_con .fl ul li b{ font-size:22px;}

.swiper {width:95%; height:560px; overflow:hidden; margin:0 auto 0 5%;}
.swiper-slide {text-align: center;}
.swiper-slide div{ width:100%; height:500px; border:#e6effd 3px solid; border-radius:0px;}
.swiper-slide img {display: block; width: 100%;height: 100%;}
.swiper-pagination-bullet{ height:12px; width:12px; }
.swiper-pagination-bullet-active{ background:#12b0fe;}
.swiper-button-next{ background:#15b1fe; color:#fff; border-radius:50%; width:36px; height:36px;}
.swiper-button-prev{ background:#15b1fe; color:#fff; border-radius:50%; width:36px; height:36px;}
.swiper-button-next:after,.swiper-button-prev:after{ font-size:22px;}



.p2_con .fl{ width:100%;}
.p2_con .fl h2 img{ width:30%; height:auto;}
.p2_con .fr{ width:100%;}
.p2_con .fr ul{ margin-top:8px;}
.p2_con .fr ul li{float:none; margin:10px auto 30px; }

.p3_con .fl{ width:100%;}
.p3_con .fl h2 img{ width:30%; height:auto;}
.p3_con .fr{ width:100%;}	   
.p3_con .fr ul li{ float:none; margin:10px auto 30px;}	   



.p2j_listBox ul{ width:92%; margin:0 auto;}
.p2j_listBox ul li a{ font-size:16px; float:left; width:96%;}
.p2j_listBox ul li em{ float:right; font-size:12px; color:#666; width:94%; text-align:right; padding-right:2%;}


		   
	   }