@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#000;text-align:center;background:url(images/pcbg.jpg) no-repeat center 36px #f6f7f9;}
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% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover{color:#c00;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*/
.w1000{width:1000px;}
.fl{float:left;}
.fr{float:right;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*header*/
.header{height:36px;background:#fff;}
.header span{float:left;}
.header span img{margin-top:3px;}
.header em{float:right;line-height:36px;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}
/*top*/
.top{ height:600px; position:relative;}
.top span{ display:inline-block; position:absolute;top:130px; left:25px}
.top span img{border-radius:50%;}
.top strong{ display:inline-block; position:absolute;top:275px; left:365px; font-size:36px;color:#fff}
.top p{ display:inline-block; position:absolute;top:308px; left:365px; font-size:16px;color:#fff}
.top b{ display:inline-block; position:absolute;top:347px; left:365px; font-size:36px;color:#fff;font-family:"SimSun"; line-height:40px; max-width:480px;}
.top i{ display:inline-block; position:absolute;top:438px; left:398px; font-size:16px;color:#fff}
/*p1Con*/
.p1Con .fl{ width:378px; margin-right:20px;}
.p1Con .fr{ width:600px;}
.p1Con .banner-icon{height:35px;background: url(images/tittb.png) 0 0 no-repeat; font-size:28px;font-family:"SimSun"; font-weight:bold; line-height:35px; padding-left:35px;}
.p1Con h2{ font-size:20px; margin:20px auto 10px auto; line-height:26px;}

.p1Con p{ font-size:14px; text-indent:2em;}
.p2Con{ position:relative;}
.tit01{ margin:50px auto 20px auto;}
.swiper-container-p1{height:260px;width:990px;overflow: hidden; margin-top:50px; padding-left:10px;}
.swiper-container-p1 .swiper-slide p{ font-size:14px; margin-top:10px;}
.pagination1{position: absolute;left: 0;text-align: center;bottom:0px;width: 100%;}
.pagination1 .swiper-pagination-switch{display: inline-block;width: 15px;height: 15px;border-radius:50%;background: #b7b7b7;margin: 0 10px;cursor: pointer;vertical-align: middle;}
.pagination1 .swiper-active-switch{background: #6d6d6d;border:10px solid #e4e4e4;}

.talk{overflow: hidden;}
.qa1{padding-bottom: 30px;border-bottom: 1px solid #e7e7e7; display:none;}
.question{width: 100%;height:120px;overflow: hidden;display: table;}
.q-icon{width:51px;height:100%;background: url(images/wen.png)no-repeat center/cover;background-size:51px auto;margin-right: 38px;float: left;}
.q-info{font: normal 18px/24px "微软雅黑";color: #cc3333;display: table-cell;vertical-align:middle;overflow: hidden;padding-bottom: 0; width:910px;}
.q-info>p,.a-info>p{max-width: 789px;display: inline-block;float: left;}
.q-info>span:nth-child(1){display: inline-block;color: #ccc;float: left;font-size: 60px;}
.q-info>span:last-child{display: inline-block;color: #ccc;float: left;font-size: 60px;}
.answer{width: 100%;overflow: hidden;display: table; }
.a-icon{display: inline-block;width:51px;height:50px;background:url(images/da.png)no-repeat top/cover;background-size:51px auto;margin-right: 38px;float: left;}
.a-info{font: normal 18px/24px "微软雅黑";text-justify: unset;display: table-cell;vertical-align:middle;overflow: hidden;position: relative;float: left;}
.a-info>div{max-width: 789px;margin-left:5px;margin-top: 5px;float: left;display: inline-block; font-size:18px;}
.more{display: block;width: 150px;height: 50px;background: #f2f2f2;text-align: center;line-height: 50px;margin:30px auto 0 auto;font-size: 18px;cursor: pointer;color:#999999}
.list_16{ margin:50px auto 20px auto; overflow:hidden;}
.list_16 li{background:url(images/dot.png) no-repeat 0 14px;padding-left:20px; font-size:16px; line-height:30px;width:45%; display:inline-block; float:left; margin-right:3%;}
/*copyright*/
#copyright{clear:both;margin:0 auto;padding:80px 0;text-align:center;width:100%;background: url(images/dbbg.png) top center no-repeat;}
.erwm{ position:fixed; top:50%; right:2%;}
.erwm img{ display:block; margin:20px auto;}
.sjtit{display:none;}
/*---------MEDIA QUERIES Mobile phone--------------*/
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
	body{background:url(images/sjbg.jpg) no-repeat center 30px #f6f7f8; background-size:contain}
	.sjtit{display:block;}
	.erwm,.pctit{ display:none;}
	.w1000{ width:100%; min-width:320px; max-width:480px;}
	.top span{top:34px}
	.top span img{ width:35%; height:auto}
	.top strong{ top:78px; left:39%; font-size:15px}
	.top p{ top:95px; left:39%; font-size:12px;width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	.top b{top:116px; left:39%; font-size:13px;word-break:keep-all; line-height:16px;}
	.top i{top:150px; left:42%;color:#000; font-size:12px;}
	.p1Con .fl,.p1Con .fr{ float:none; width:96%; margin:0 auto;}
	.p1Con .banner-icon{ margin-top:20px;}
	video{ width:100%; height:auto;}
	.p1Con p{ font-size:16px; line-height:26px;}
	.q-icon,.a-icon{ margin-right:15px; margin-left:5px;}
	.q-info,.a-info{ width:80%;}
	.q-info>p,.a-info>p{ font-size:16px;}
	.list_16 li{ width:92%; margin:0 0 0 2%; padding-left:12px;}
	.tit01 img{ width:100%; height:auto;}
	.top{height:200px}
	.swiper-container-p1{ width:96%; padding:0; text-align:center; margin-top:20px; height:300px;}
	.swiper-container-p1 img{ width:100%; height:auto; display:block;}
	.pagination1 .swiper-pagination-switch{ width:10px; height:10px; margin:0 6px;}
	.pagination1 .swiper-active-switch{border:5px solid #e4e4e4;}
	
}
