@charset "utf-8";
/* CSS Document */

/* --------------全局定义--------------- */
html{font-size:62.5%;}  
*{ margin:0;padding:0; font-family:"微软雅黑";}

/* 取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
body{color:#333; background:#fff; font-size:100%; font-size:12px; font-size:1.2rem; text-align:center;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}
input,select{ font-size:14px; vertical-align:middle; color:#bdbdbd;}

/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */
/*body div{text-align:left;}
*/
/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea,input{word-wrap:break-word;word-break:break-all;padding:0px; border:0;}

img, object { max-width: 100%; width: 100%; }
img { -ms-interpolation-mode: bicubic; }

/* 清除ul列表标记的样式 */
li{list-style-type:none;}

/* 定义图片边框 */
img{ border:0 none;}
/*#ib_img{width: 64px;}*/
/* 定义默认的链接样式 */
a{color:#333;text-decoration:none; display:block;}
a:hover{color:#e2504f;text-decoration:none;}

/* 去掉链接的虚线框 */
a {outline:none;star:expression(this.onFocus=this.blur());}

/* 定义H系列标签，覆盖H系列标签默认属性 */
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

/* --------------通用属性定义--------------- */
/* 鼠标样式 */
.pointer{ cursor:pointer;}

/* 取消边框 */
.noborder{ border:0 none;}

.nopadding{padding:0; }

/* 文本对齐方式 */
.t_l{text-align:left;}
.t_c{text-align:center;}
.t_r{text-align:right;}

/* 字母和单词换行设置，强制内容换行，强制内容不换行 */
.break{word-break:break-all;word-wrap:break-word;}
.nobreak{word-break:keep-all;word-wrap:normal;}

/* 定义文本下划线 */
.unline{text-decoration:underline;}
.disunline{text-decoration:none;}

/* 浮动定义 */
.fl{float:left;}
.fr{float:right;}

/* 定位关系 */
.absolute{position:absolute;}
.relative{position:relative;}

/* 隐藏元素，当元素内容内容超出元素height 或 width 时，隐藏之 */
.o-hidden{overflow:hidden;}

/* 隐藏元素，visibility可以隐藏元素，但是还是会在布局中占位 */
.invisible{visibility:hidden;}

/* 从页面布局上隐藏元素，从布局上隐藏元素 */
.hidden{display:none;}
.block{display:block;}

/* 清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG */
.clear{clear:both;height:0px;width:100%;font-size:1px;line-height:0px;visibility:hidden;overflow:hidden;}

/* -----------------常用样式定义----------------- */

/* 下划线 */
.botline{border-bottom:1px solid #cfcfcf;overflow:hidden;}
/* 下划点虚线 */
.dotline{background:url(../image/dot01.gif) repeat-x left bottom;}

/* 颜色功能定义，由小写c开头,表示color */
.cred{color:#f00;}
.cwhite{color:#fff;}
.cgreen{color:#0f0;}
.cgray{color:#666;}
.cblue{color:#00f;}
.cblack{color:#000;}
.cyellow {color:#bf0000;}
/*背景颜色*/
.f034{ background:#f0f3f4;}

/* 定义某个项目常用颜色 */
.c001{color:#06c;}
.c002{color:#c60;}

/* 字体样式 */
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.fi{font-style:italic;}

/* 字体大小 */
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}

/* 定义间距,上下2个div间距，用divh开头。上下divh有间距时使用,尽量不使用margin/padding值,防止不同浏览器出现BUG。使用下面属性可兼容大多浏览器。*/
.divh5,.divh10,.divh15,.divh20,.divh25,.divh30,divh1,.divh40{width:100%;overflow:hidden;}
.divh1{height:1px;}
.divh5{height:5px;}
.divh8{height:8px;}
.divh10{height:10px;}
.divh15{height:15px;}
.divh20{height:20px;}
.divh25{height:25px;}
.divh30{height:30px;}
.divh40{height:40px;}

/* 定义行高，lh使用较少,主要定义line-height属性 */
.lh1{line-height:1px;}
.lh10{line-height:10px;}
.lh15{line-height:15px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh25{line-height:25px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}

/* 标题样式定义,ptit在定义p标签元素或其它元素时,需要同时定义行高和高度,一般使用在标题显示中. */
.ptit25,.ptit20,.ptit18,.ptit30,.ptit,.ptit1,.ptit22{ width:100%; overflow:hidden;}
.ptit30{ line-height:30px; height:30px;}
.ptit25{ line-height:25px; height:25px;}
.ptit22{ line-height:22px; height:22px;}
.ptit20{ line-height:20px; height:20px;}
.ptit18{ line-height:18px; height:18px;}
.ptit15{ line-height:15px; height:15px;}
.ptit10{ line-height:10px; height:10px;}
.ptit1{ line-height:1px; height:1px;}


/*外边距*/
.mb20{ margin-bottom:20px;}
.mt50{ margin-top:50px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.ml48{ margin-left:48px;}

.hideloc{ display:none;}

/*页面布局*/
#wrap{clear:both;} /*页面整体包含*/
#top{ text-align:left; background:url(/images/view/dqsh/images/top_bo.png) center top no-repeat;background-size: 100%;} /*页面头部包含*/
#content{ clear:both; overflow:hidden; width:1200px; margin:20px auto 0;text-align:left; } /*页面主体内容包含*/
#main{width:980px; /* background: #fff; */ margin:0 auto;clear:both; overflow:hidden; text-align:left;} /*页面主体内容包含*/
#left{float:left; width:615px;} /*页面左侧包含*/
#right{float:right; width:357px;} /*页面右侧包含*/


.top01{ height:300px; width:1200px; margin:0 auto; clear:both; overflow:hidden;}
.logo{ float:left; color:#fff; margin-top:130px; margin-left:10px;}
.logo img{ width:375px; height:70px;}

.nav{ background:#e35050; height:42px;}
.nav ul{ width:1200px; margin:auto;}
.nav ul li{ float:left; line-height:42px; width:170px; text-align:center;}
.nav ul li:hover{ background:#ca3538;}
.nav ul li a{ display:block; height:42px; color:#fff; text-decoration:none; font-size:1.4rem;}
.nav ul li.current{ background:#ca3538;}
.nav ul li.current a{ color:#fff;}
.n_icon{ display:none;}
.nav .login{ display:none;}

.front{ width:800px; height:360px; float:left;}
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background:none;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img{width:800px; height:auto;}
.swiper-slide a{cursor: pointer;}
.swiper-slide p{ position:absolute; bottom:0; left:0; width:98%; padding-left:2%; background:#000; height:50px; line-height:50px; text-align:left; -moz-opacity: 0.7; /* FF 3.5以下 */  
 opacity: 0.7; /* FF 3.5及以上 */  
 filter: alpha(opacity=70); /* IE6及以上 */
}
.swiper-slide p a{ color:#fff; font-size:1.6rem;}
.swiper-button-prev{ background:url(/images/view/dqsh/images/left.png) no-repeat left center;}
.swiper-button-prev:hover{background:url(/images/view/dqsh/images/lefts.png) no-repeat left center;}
.swiper-button-next{ background:url(/images/view/dqsh/images/right.png) no-repeat right center;}
.swiper-button-next:hover{ background:url(/images/view/dqsh/images/rights.png) no-repeat right center;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ text-align:right; bottom:16px; left:640px; width:150px;}

.zxdtbox{ float:right; width:380px; border:1px solid #ddd; border-top:0;}
.indzxdt_ul{ border-top:2px solid #e35050; height:40px; line-height:40px; background:#f6f6f6; position:relative;}
.indzxdt_ul li{ float:left; height:40px; line-height:40px; padding-left:20px;}
.indzxdt_ul li a{ display:block; text-decoration:none; font-size:1.6rem;}
.indzxdt_ul li:last-child{ border:0;}
.indzxdt_ul li.cur{}
.indzxdt_ul li.cur a{ color:#e35050; }
.indzxdt_cont{ height:316px;}
.indzxdt_cont ul{ padding:13px 9px 0 10px;}
.indzxdt_cont ul li{  background:url(/images/view/dqsh/images/point.png) 0 15px no-repeat; line-height:36px; padding-left:12px; position:relative;}
.indzxdt_cont ul li a{ font-size:12px;display:block;width:251px;cursor: pointer; white-space:nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');}
.indzxdt_cont ul li span{ position:absolute; top:0; right:0;}
.djmore{ position:absolute; top:0px; right:10px; font-size:1.4rem; color:#666;}



.gpxmbox{ border:1px solid #ddd; border-top:2px solid #e35050; overflow:hidden; clear:both;}
.gpxm_top{ height:42px; line-height:42px; overflow:hidden; clear:both; position:relative; background:#f6f6f6;}
.gpxm_tt{ float:left; font-size:1.6rem; color:#e35050; padding-left:20px;}
.gpxm_fl{ float:right;}
.gpxm_fl a{ padding-left:24px; font-size:1.4rem; float:left;}



/*客服样式*/
.fd_box{width:100%; z-index:888888;margin:0 auto;}
.fd_leftbox{display:none;position:fixed;top:50%; margin-top:-180px;left:20px;width:141px;height:299px;}
.fd_rightbox{position:fixed; display:block; right:0; bottom:70%; margin-bottom:-300px; width:64px; height:64px;}

/*列表页样式*/
.listcont{ padding-top:10px;}
.list_left{ float:left; width:240px; height:820px; background:#f6f6f6}
.left_tt{ height:60px; line-height:60px; background:#e35050; font-size:1.8rem; color:#fff; font-weight:bold; text-align:center;}
.left_nav{ height:759px; border:1px solid #dddddd; border-top:0;}
.left_nav li{line-height:46px;}
.left_nav li a{ padding-left:40px; font-size:1.4rem; border-bottom:1px solid #dddddd;background:#fff url(/images/n_arrow.png) 205px center no-repeat; }
.left_nav li a:hover{ background:#e35050 url(/images/n_arrow1.png) 205px center no-repeat; color:#fff;}
.left_nav li ul li a{ line-height:36px; padding-left:50px; border-bottom:0; color:#666;}
.left_nav li ul{ padding:10px 0 10px;overflow:hidden; clear:both;border-bottom:1px solid #dddddd; }
.left_nav li ul li{ background:none;}
.left_nav li ul li a:hover{color:#5eab1f}
/*.left_nav li.current{ background:#67c1f2;}
.left_nav li.current a{ color:#fff;}*/
.swiper-container{}
.left_nav li.close{ height:46px; overflow:hidden;border-bottom:1px solid #dddddd;}
.left_nav li.close li a{ border-bottom:0;}
.left_nav li.navli{ height:46px; overflow:hidden;border-bottom:1px solid #dddddd;}
.left_nav li.navli a{ border-bottom:1px dashed #dcdcdc;}
.left_nav li.navli ul li a:hover{ background:none; color:#999;}
.left_nav li.navli a.navlia:hover{cursor:pointer;  background:#e35050 url(/images/n_arrow1.png) 205px center no-repeat;}
.left_nav li.navli li a{ border-bottom:0; background:none;}
.left_nav li.open{ height:auto; border-bottom:0;}

.swipernav{ display:none;}
.list_right{ width:959px; float:left; height:818px; border:1px solid #dddddd; border-left:0;}
.loc{ height:46px; line-height:46px; padding-left:19px; border-bottom:1px solid #dddddd; margin-bottom:20px; font-size:1.4rem; color:#666;}
.loc a{ display:inline; font-size:1.4rem; color:#666;}
.phone_menu{ display:none;}
.alist{ background:#fff; padding:0 30px;}
.alist ul{ padding:0;}
.alist ul li{ line-height:36px; position:relative; background:url(../images/point.png) 0 16px no-repeat; padding-left:10px;}
.alist ul li a{font-size:1.2rem;cursor: pointer;}
.alist ul li span{ position:absolute; top:0; right:0;font-size:1.2rem;}

.desc{ font-size:1.4rem; line-height:180%;}

.plist ul{ padding-left:10px;}
.plist ul li{ float:left; width:180px; height:222px; margin:10px 0 20px 40px;}
.plist ul li img{ width:180px; height:222px;}
.plist ul li p{ display:none;}

.location{ height:46px; line-height:46px; padding-left:19px; border:1px solid #dddddd; font-size:1.4rem; color:#666;}
.location a{ display:inline; font-size:1.4rem; color:#666;}
.artclemain{ text-align:left; margin:20px auto 0; width:1200px;}
.artext{ border:1px solid #dddddd; border-top:0; padding:0 55px; font-size:14px;}
.mtitle{ font-size:2.4rem; font-weight:normal; padding:20px 0 20px; border-bottom:1px solid #ededed;}
.source center{ padding-top:10px; font-size:14px;}
#zoom p{ padding-bottom:10px; line-height:180%;}
#zoom img{max-width: 505px; height:auto;
_width:expression(document.body.clientWidth > 505 ? "505px" : "auto");
	margin: 10px auto;
	text-align: center;}
.source{ overflow:hidden; clear:both;}
.bshare-custom{margin-top:-17px; margin-left:400px; }

.content{ min-height:300px;padding-top: 30px;}
.page{ text-align:center; padding-top:15px; clear:both; overflow:hidden;}
.page font{display:inline-block; padding-left:10px; color:#fff; padding:4px 10px; border-color:#e35050; background:#e35050; margin-right:10px; border-radius:2px;}
.page a{ display:inline-block; padding-left:10px; border:1px solid #cccccc;background:#f6f6f6; padding:4px 10px;margin-right:10px; border-radius:2px;}

.dyfc_ul{ width:1200px;padding:15px 0 20px 10px; clear:both; overflow:hidden;}
.dyfc_ul li{ float:left; margin-right:20px; width:220px;cursor: pointer;}
.dyfc_ul li p{ padding-top:6px; font-size:1.4rem;}
.dyfc_ul li img{ width:220px; height:160px;}

.zyjsbox{ border:1px solid #ddd; float:left; width:588px; border-top:2px solid #e35050; margin-top:20px; height:362px; overflow:hidden;
}
.zyjs_ul{ padding:0 15px;}
.zyjs_ul dl{ padding:15px 0 12px; border-bottom:1px solid #dcdcdc;}
.zyjs_ul dl:last-child{ border-bottom:0;}
.zyjs_ul dl dt a{ font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;}
.zyjs_ul dl dd{ color:#666; text-indent:2rem; padding-top:8px; line-height:24px;}
.zyjs_ul dl dd a{ color:#e35050; display:inline-block;text-indent:0rem;cursor: pointer;}
.llyjbox{ float:right;}
.l_hy_dl{ margin-top:20px; clear:both; overflow:hidden;}
.l_hy_dl dt{ float:left; width:170px; height:130px;}
.l_hy_dl dt img{ width:170px; height:130px;}
.l_hy_dl dd{ float:right; width:370px;}
.l_hy_dl dd span{ display:block; font-size:1.8rem; width:100%;white-space:nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');}
.l_hy_dl dd p{ color:#666666; padding-top:10px; line-height:20px;}
.zyjs_ul dl dd a.chakxq{ font-size:1.4rem; background:#efa335; color:#fff; padding:0 22px; height:32px; line-height:32px; margin-top:12px; float:left;}
.zyjs_ul dl dd a.chakxq:hover{ color:#fff;}
.hymlul_li li span{ display:none;}
.qywh_ul{ padding:0 15px;}
.qywhbox{ height:360px;}

.plist_tj{ padding-left:30px;}
.plist_tj li{ float:left; width:280px; margin-right:26px; height:210px; margin-bottom:10px;cursor: pointer;}
.plist_tj li img{ width:280px; height:175px;}
.plist_tj li p{ font-size:1.4rem; padding-top:6px;width:100%; white-space:nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');}

/*相关文章*/
.xgwz-tt{ font-size:1.6rem; font-weight:normal;}
.xgwz ul{ padding:10px 0 20px 8px;}
.xgwz ul li{ line-height:36px; position:relative; background:url(/images/point.png) 0 16px no-repeat; padding-left:10px;}
.xgwz ul li a{font-size:1.2rem;}
.xgwz ul li span{ position:absolute; top:0; right:0;font-size:1.2rem;}

@media screen and (max-device-width: 414px) { 
body{ background:#fff;}
.clear_phone{ clear:both; overflow:hidden; height:0;}
.zxdtbox{ float:none; width:auto;}
#content{
	width: 100%;
	margin-top:0;
}
.phoneCont{ background:#fff;clear:both; overflow:hidden;}
.front{ width:100%; height:100%;}
.swiper-button-prev{ background-size:80% 80%;}
.swiper-button-prev:hover{background-size:80% 80%;}
.swiper-button-next{ background-size:80% 80%;}
.swiper-button-next:hover{background-size:80% 80%;}
.swiper-slide p{ position:absolute; bottom:0; left:0; width:99%; padding-left:1%; background:#000; height:26px; line-height:26px; text-align:left; -moz-opacity: 0.7; /* FF 3.5以下 */  
 opacity: 0.7; /* FF 3.5及以上 */  
 filter: alpha(opacity=70); /* IE6及以上 */
}
.swiper-slide p a{ color:#fff; font-size:1.2rem;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ text-align:right; bottom:5px;}

#top{ background-size:100% 100%;}

.top01{height:60px;position:relative;width:100%}
.topbox1{ width:100%; height:auto; position:relative;}
.logo{ padding-left:10px; display:none;}
.logo p{ font-size:1.8rem; padding-top:10px;}
.logo span{ font-size:1.2rem; letter-spacing:-1px; font-weight:normal;}
.zbdw{ padding-top:10px; padding-bottom:10px; text-align:center; float:none;}
.zbdw1{ width:40%; height:40%; display:inline-block; float:none;}
.zbdw1 img{ height:90%;}
.zbdw2{}
.nav ul{ width:100%;}
.n_icon{ background:url(../images/u838.png) no-repeat; background-size:25px 23px; width:38px; height:28px; position:absolute; top:50%; margin-top:-14px; right:0px; display:block;}
.nav{ display:none; position:absolute; top:48px; left:0; z-index:9999; width:100%; background:#fff; border:1px solid #ededed; overflow:hidden; clear:both; height:auto;}
.nav ul li{ float:none; height:42px; line-height:42px;  width:100%;background:#fff; border-bottom:1px solid #ededed;}
.nav ul li:hover a{ color:#fff;}
.nav ul li a{ color:#000}
.tianqi{ display:none;}
.nav .login{ display:block; text-align:center; background:#fff; padding-bottom:10px;border-bottom:1px solid #ededed;}
.nav .login a{ display:inline-block; float:none; width:160px; margin:0 5px;}

.tyxm ul li{ width:48.9%; height:48.9%; margin:2px 2px;}
.tyxm ul li span{ height:26px; line-height:26px;}

.gpxm_fl{ padding-top:5px;}
.gpxm_fl a{ padding:0 15px 0 0; color:#999;}
.gpxmBox{ width:auto; margin-top:10px;}
.gpxm_topul{ padding-left:0;}

.yincang{ display:none;}
.jzrq_phone,.djl_phone,.xmzt_phone{ display:inline-block;}

.zyjsbox{width:100%;height:auto}

#bottom{ width:100%; font-size:0.5rem;}

.fd_leftbox{ display:none;}
.fd_rightbox{position:fixed; display:block; right:0; bottom:70%; margin-bottom:-300px; width:50px; height:50px; -webkit-box-shadow:0 0 10px rgba(102, 102, 102, .5);  
  -moz-box-shadow:0 0 10px rgba(102, 102, 102, .5);  
  box-shadow:0 0 10px rgba(102, 102, 102, .5);  }
  
.list_left{ display:none;}
.list_right{ float:none; width:100%; border:1px solid #dddddd; height:auto;}
.loc{ font-size:100%;background:#fff; margin-bottom:0px; text-align:left; padding-left:5px;}
.loc a{ font-size:100%;}

.swipernav{ display:block;}
.swipernav{ width:100%; /*position:absolute;*/ height:40px; border-top:2px solid #e35050; background:#eeeeee;}
.swipernav .swiper-wrapper .swiper-slide{ width:auto; height:40px; line-height:40px;border-right:1px solid #ffffff; padding-left:0; text-align:center; background:none; padding-right:0; padding:0 9%;}
.swipernav .swiper-wrapper .swiper-slide a{ font-size:1.4rem;}
.swipernav .swiper-wrapper{ width:auto; height:auto; border:0; border-top:0; display:flex;}
.swipernav .swiper-wrapper .swiper-slide:hover{ background:none;}
.swipernav .swiper-wrapper .swiper-slide:hover a{ color:#67c1f2;}
.swipernav .swiper-pagination{ display:none;}

.alist{ background:#fff; min-height:300px; padding:0 2%;}
.alist ul{ padding:10px 0 0 5px;}
.alist ul li{ line-height:22px; margin:6px 0; position:relative; background:url(../images/point.png) 0 7px no-repeat; padding-left:10px;}
.alist ul li a{font-size:1.2rem; display:block; width:65%;}
.alist ul li span{ position:absolute; top:0; right:0px;font-size:1.2rem;}

.mpage{ text-align:center;}
.mpage a{ display:inline-block; margin:10px 3px; padding:0px 10px; border:1px solid #e6e6e6; font-size:14px;}
.mpage a:hover{ text-decoration:none;}
.mpage a.cpage{ background:#1190d1; border-color:#1190d1; color:#fff;}
.mpage a.current{ background:#1190d1; border-color:#1190d1; color:#fff;}

.artclemain{ margin-top:0; width:auto;}
.artext{ padding:0 5px;}
.location{font-size:1.2rem;background:#fff; margin-bottom:0px; text-align:left; padding-left:5px;}
.location a{font-size:1.2rem;}
.mtitle{ font-size:1.8rem;}
.bshare-custom{ display:block; margin-left:25px; margin-top:6px;}
#zoom{ padding-top:0px;}
#zoom img{ max-width: 100%; width: 100%; height:100%; }
#zoom img { -ms-interpolation-mode: bicubic; }


}  

@media screen and (max-device-width: 320px) { 
.tyxm ul li{ width:48.7%; height:48.7%;}
.indzxdt_cont ul li a{ width:190px;}

}