@charset "utf-8";
/* CSS Document */
html{font-size:62.5%;}
body{padding:0;margin:0;  font:normal 12px/180% "微软雅黑"; color:#000;text-align:center; background:url(images/bg1.jpg) no-repeat top 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/180% "微软雅黑";}
a:link,a:visited{color:#000;text-decoration:none}
a:hover{}
img{ border:none}
ol,ul,li{list-style:none;} 
em,i{font-style:normal;}
.clear{ clear:both;}
/* clearfix */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.fl{float:left;}
.fr{float:right;}
.m0{margin:0 auto;}
.m10{ margin:10px auto}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt17{margin-top:17px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml25{margin-left:25px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mb10{ margin-bottom:10px;}
.p5{padding:5px 0;}
.p3{padding:3px 0;}
.p0{padding:0;}
.p10{padding:10px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb1{border-bottom:1px;}
.bd1{border:1px solid #DAD0AE;}
.w1000{ width:1000px;}
.w980{ width:980px;}
.w978{width:978px;border:1px solid #ECDDAC;background:#fff;}
.w960{width:960px;}
.w100{width:100%;}
.f14{font-size:14px;}
.am2 a{margin:0 2px;}
.am3 a{margin:0 3px;}
.am5 a{margin:0 5px;}
.duan{width:100%;height:8px;}
.t_c{ text-align:center;}
.t_l{ text-align:left;}
.t_r{ text-align:right;}
.w300{ width:300px; }
.w360{ width:360px; }
.list_14 li{ background:url(images/dot.gif) no-repeat 5px 12px; padding-left:15px;font-size:14px; line-height:28px; }
.list_12 li{ background:url(images/dot2.gif) no-repeat 5px 14px; padding-left:15px; line-height:28px;}
.list_12 li,.list_14 li,.list_14 li a:link,.list_14 li a:hover,.list_14 li a:visited,.list_12 li a:link,.list_12 li a:hover,.list_12 li a:visited{color:#033266;}
.l_h26{ line-height:26px;}
.l_h24{ line-height:24px;}
.l_h22{ line-height:22px;}
.o_h{ overflow:hidden;}
.white,.white a:link,.white a:hover,.white a:visited{ color:#fff;}
.blue,.blue a:link,.blue a:hover,.blue a:visited{ color:#6997c7;}
.red,.red a:link,.red a:hover,.red a:visited{ color:#cc0000}
.gray,.gray a:link,.gray a:hover,.gray a:visited{ color:#999}
/*top nav*/
.top_nav{  height:35px; }
.top_nav img{ float:left; vertical-align:middle; margin:0 20px auto 20px;}
.top_nav span{ float:right; margin-right:10px; line-height:35px; color:#565656}
.top_nav span a{ color:#565656; padding:0 6px;}
.top_nav b{ float:left; font-size:18px; color:#BE140B; font-family:\9ED41\4F53; margin-left:10px;}

.banner{ height:auto; width:100%; text-align:center; background:none;}
/*p1*/
.p1_con{ overflow:hidden; margin-top:50px;}
.p1_1 .fl span{ float:left; background:#45a9e5; line-height:50px; font-family:"微软雅黑"; font-size:24px; text-align:center; color:#fff; padding:0 20px;}
.p1_1 .fr em{ border:1px solid #45a9e5; text-align:center;  line-height:40px; margin:10px 0px 0 30px; font-size:18px; height:40px; padding:0 10px; display:block; float:right}
.p1_1 .fr em img{ vertical-align:middle; margin-right:5px;}
.p1_2{ background:#eef9ff; font-size:18px; line-height:40px; padding:15px 30px; color:#666; text-indent:2em; margin-top:20px;}
.p1_3{ background:#45a9e5; padding:10px 10px 0 10px; font-size:18px; color:#fff; line-height:40px; margin-top:36px;}
.p1_3 a{ color:#fff;}
.p1_3 span{ position:relative; width:100%; height:auto; display:block;}
.p1_3 span img{ width:100%; height:auto;}
.p1_3 span em{ display:block; position:absolute; top:45%; left:45%; background:url(images/icon3.png) no-repeat top center; width:64px; height:64px;}
h2{ text-align:center; font-weight:normal; background:url(images/titbg.gif) no-repeat top center; height:36px; margin-top:60px;}
h2 i{ font-size:36px; color:#45a9e5; text-align-last:center; margin:0 auto; line-height:36px;}
.p4_con h2{background:url(images/titbg2.gif) no-repeat top center;}
.p4_con h2 a{color:#45a9e5}
.p2_con ul li{ float:left; width:45%; border-bottom:1px solid #eee; padding-right:5%; padding-bottom:30px; padding-top:15px;}
.p2_con ul li strong{ font-size:24px; display:block; font-weight:normal; line-height:56px;}
.p2_con ul li p{ font-size:14px; line-height:24px;}
.p3_con{margin-top:2.9%;}
.p3_con ul{ margin-left:-5px; display:block;}
.p3_con ul li { float:left; width:32%; position:relative; margin:0.6%;}
.p3_con ul li img{ display:block; width:100%; height:auto;}
.p3_con ul li div{ width:100%; height:36px; position:absolute; bottom:0; left:0; background:url(images/pic1.png);}
.p3_con ul li em{ color:#fff; font-size:14px; position:absolute; bottom:0; left:10px; font-size:16px; line-height:36px;}

.p4_con{ background:#f4f4f4; overflow:hidden; margin-top:2.9%;}
.p4_1{ border:1px solid #e5e5e5; background:#fff; overflow:hidden; margin:15px auto; padding-bottom:25px; }
.p4_1 h3{ width:93% ; overflow:hidden; padding:35px 0; margin:0 auto}
.p4_1 h3 i{ float:left; font-size:18px; }
.p4_1 h3 em{ float:right; font-size:14px; color:#45a9e5; font-weight:normal}
.p4_1 p{ width:93% ; margin:0 auto; text-indent:2em; font-size:16px; line-height:28px;}
.p4_1 p video{width:70%;}
.p4_1 p img{width:80%;}
.p6_con ul{ margin-left:-5px; display:block; margin-top:55px;}
.p6_con ul li { float:left; width:24%; position:relative; margin:0.5%;}
.p6_con ul li img{ display:block; width:100%; height:auto;}
.p6_con ul li div{ width:100%; height:36px; position:absolute; bottom:0; left:0; background:url(images/pic1.png);}
.p6_con ul li em{ color:#fff; font-size:14px; position:absolute; bottom:0; left:10px; font-size:16px; line-height:36px; }

.jdt01{ width:1000px; height:auto; position:relative; margin-top:30px}
.jdt01 .swiper-container{ position:static}
.jdt01 .swiper-button-next{background:url(images/right.png); width:35px;height:65px; right:0; bottom:0;  }
.jdt01 .swiper-button-prev{background:url(images/left.png);width:35px; height:65px;left:0}
.jdt01 .swiper-pagination-bullet{ width:12px; height:12px;}
.jdt01 .swiper-pagination-bullet-active{ background:#cd1419; }
.jdt01 p{ display:block;height:40px;line-height:40px;font:normal 18px/50px "\5FAE\8F6F\96C5\9ED1";margin-top:-50px;color:#fff;padding:0 10px; position:relative;bottom:5px;left:0; z-index:100; text-align:left; width:90%;}
.jdt01 .swiper-slide div{  background:url(images/pic1.png); position:absolute; width:100%; height:40px; z-index:11; bottom:0; left:0; }
.swiper-pagination{ position:absolute; top:525px; right:0; text-align:right; width:30%;}
#zhiboc{height:500px;overflow-y:scroll;overflow-x:hidden;width:95%;margin:0 auto;}
/*======= copyright========*/
.copyright{ margin:0px auto;width:100%; font-size:12px;color:#000000; text-align:center; padding:20px 0; line-height:180%;  clear:both;}


@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
html{font-size:80.4%;}
body,div,li,p,h1,h2,h3,h6,a{ font-family: \5FAE\8F6F\96C5\9ED1;}
body{background:#e1e1de;}
.w1000,.p1_con,.jdt01{ max-width:480px; width:100%; min-width:320px; }
body{background:url(images/bg1_sj.jpg) no-repeat top center;background-size:100% 100%; }
.banner img{width:100%;height:auto;}
.p1_con{ margin-top:10px;}
.p1_1 .fl{width:100%;float:none;height:50px;}
.p1_1 .fr .fl span{ float:left; background:#45a9e5; line-height:40px; font-size:18px; text-align:center; color:#fff; padding:0 5px;}
.p1_1 .fr em{ border:1px solid #45a9e5; text-align:center;  line-height:40px; margin:10px 0px 0 5px; font-size:14px; height:40px; padding:0 5px; display:inline-block;float:none;}
.p1_1 .fr{ width:100%;float:none;text-align:left;}
.p1_3{ margin-top:10px; width:90%}
.p1_3 span{}
.p1_3 span em{ width:20%; height:20%; background-size:50%; left:40%;display:none;}
h2{ background-size:130%; margin-top:15px;}
h2 i{ font-size:18px; color:#45a9e5; text-align-last:center; margin:0 auto; line-height:14px;}
.p4_con h2{ background-size:130%; margin-top:15px;}
.p2_con ul li{ float:none; width:90%; border-bottom:1px solid #eee; padding-right:0; padding-bottom:10px; padding-top:10px; margin-left:15px; margin:0 auto}
.p2_con ul li strong{ font-size:18px; display:block; font-weight:normal; line-height:26px;}
.p2_con ul li p{ font-size:14px; line-height:24px;}
.p3_con ul{ margin-left:0px; display:block;}
.p3_con ul li { float:none; width:90%; position:relative; margin:5px auto;}
.p3_con ul li img{ display:block; width:100%; height:auto;}
.p3_con ul li div{ width:100%; height:36px; position:absolute; bottom:0; left:0; background:url(images/pic1.png);}
.p3_con ul li em{ color:#fff; font-size:14px; position:absolute; bottom:0; left:10px; font-size:16px; line-height:36px;}
.p4_1{ width:90%;}
.p4_1 h3{  overflow:hidden; padding:15px 0;}
/*swiper*/
.jdt01{margin-top:10px}
.swiper-slide img{ width:100%; height:auto}
.swiper-pagination{ display:none}
.jdt01 .swiper-button-next{background:url(images/right.png) no-repeat top center; background-size:100%; width:25px;height:55px; right:0; bottom:0;}
.jdt01 .swiper-button-prev{background:url(images/left.png);width:25px; height:55px;left:0}
.p1_2{  font-size:14px; line-height:30px;}

.p6_con ul{ margin-left:0px; display:block; margin-top:0px;}
.p6_con ul li { float:none; width:90%; position:relative; margin:5px auto;}
.p6_con ul li img{ display:block; width:100%; height:auto;}
.p6_con ul li div{ width:100%; height:36px; position:absolute; bottom:0; left:0; background:url(images/pic1.png);}
.p6_con ul li em{ color:#fff; font-size:14px; position:absolute; bottom:0; left:10px; font-size:16px; line-height:36px;}

	   }