/*
author:yh
date:2019.02.27
*/
/*--- reset ---*/
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}
ol,ul{list-style:none;list-style-image:none;}
img{border:0;vertical-align:top;}
strong,b{font-weight:normal;}
em{font-style:normal;}
h1,h2,h3,h4,h5,h6,b,s,i{font-weight:normal;text-decoration:none;}

a:focus,a:active,a:hover{outline:0;}
a{color:#333;text-decoration:none;transition:color .2s}
a:hover{color:#db2c2f;}

.clearfix:before,
.clearfix:after,
.divCon:before,
.divCon:after{content:"";display:block;height:0;line-height:0;clear:both;visibility:hidden;}

/*  CMS Common title colors  */
.title_default{ }
.title_black{ color:black !important;}
.title_red{ color:red !important;}
.title_blue{ color:blue !important;}
.title_green{ color:green !important;}
.title_brown{ color:brown !important;}
.title_gray{ color:gray !important;}

body,html{font-size:14px;font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif;}
body{background-color:#fff;color:#333;}

/**/
.divCon{width:1000px;margin:0 auto;}
.modtit{height:45px;padding-left:60px;margin-bottom:15px;line-height:45px;background:url(../img/comTit.png) no-repeat;}
.modtit,.modtit a{font-size:24px;font-weight:bold;}

/**/
.banner{height:500px;background:url(../img/banner.jpg) no-repeat center top;}
.bannerwap{display:none;}

/**/
.newslist li{position:relative;padding-left:15px;height:36px;line-height:36px;font-size:16px;overflow:hidden;}
.newslist li:before{display:block;position:absolute;left:0;top:15px;content:'';width:4px;height:4px;border-radius:4px;border:solid 1px #631c15;}
.figure-news{padding:0 0 15px;}
.figure-news dt{height:24px;overflow:hidden;font-size:18px;line-height:24px;}
.figure-news dd{padding-top:10px;line-height:24px;font-size:13px;color:#666;}
.figure-news dd a{color:#ff0000;}

/**/
.r1 img,
.r2 img,
.r3 img{width:135px;height:75px;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.r1 img:hover,
.r2 img:hover,
.r3 img:hover{ 
  -webkit-transform:scale(1.1); 
  -moz-transform:scale(1.1); 
  -ms-transform:scale(1.1); 
  -o-transform:scale(1.1); 
  transform:scale(1.1);
}

.r2{margin-top:40px;}
.r3{margin-top:20px;}
.r4{margin-top:20px;}

/**/
.r1_title{padding:30px 0;text-align:center;}
.r1_title h1{font-size:36px;font-weight:bold;}
.r1_title p{padding-top:10px;font-size:14px;line-height:22px;}
.r1_left{float:left;width:380px;}
.r1_left .figure-news dd{height:48px;overflow:hidden;}
.r1_left .figure-news dt a{color:#ff0000;}
.r1_right{float:right;width:600px;}

/**/
.swiper-wrapper{ position:relative;width:100%;height:100%;display:-webkit-box;display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box;-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.swiper-container{position:relative;overflow:hidden;width:100%;height:100%;}
.swiper-pagination{position:absolute;bottom:10px;left:0;width:100%;text-align:right;
-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10;}
.swiper-pagination-bullet{margin-right:8px;width:10px;height:10px;display:inline-block;border-radius:100%;background:#fff; cursor:pointer;text-indent:-99999em;line-height: 100px;overflow:hidden;}
.swiper-slide{position:relative;-webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%;  -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform;-o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform }
.swiper-pagination-bullet-active{opacity:1;background:#ff0000;}
.swiper-slide img{width:600px;height:318px;}	
.swiper-slide p{position:absolute;left:0;bottom:0;z-index:2;width:100%;height:40px;line-height:40px;background:rgba(0,0,0,.7);}	
.swiper-slide p em{color:#fff;padding:0 20px;}

/*r2,r4*/
.r2_left{width:584px;float:left;}
.r2_right{width:400px;float:right;}
.r4_left{ width:436px;float:left;}
.r4_right{ width:540px;float:right;}

.r2_left .newslist{margin-left:20px;}
.r2_left .item_pic,
.r4_right .item_pic{float:left;width:232px;height:155px;margin:15px 20px 0;position:relative;overflow:hidden;}
.r4_right .item_pic{margin:15px 10px 18px 28px;}
.r2_left .item_pic img,
.r4_right .item_pic img{width:232px;height:155px;overflow:hidden;}
.r2_left .item_pic p,
.r4_right .item_pic p{position:absolute;left:0px;bottom:0px;z-index:2;width:100%;height:30px;line-height:30px;background:rgba(0,0,0,.7);}
.r2_left .item_pic p em,
.r4_right .item_pic p em{display:block; padding:0 5px;color:#fff;}
.r2_right .figure-news,
.r4_left .figure-news{ margin:12px 20px 5px 20px;}
.r2_right .figure-news dd,
.r4_left .figure-news dd{ height:72px; overflow:hidden;}

.r2_right .figure-news{ border-bottom:1px dashed #9d9d9d;}
.r2_right .figure-news:nth-child(4){border-bottom:none;}
.r4_left .figure-news{ padding:8px 0 0;}

/*r3*/
.r3_left{width:480px;float:left;}
.r3_right{width:480px;float:right;}
.r3_img{width:500px; overflow:hidden;padding-top:5px;}
.r3 .item_pic{ width:232px; height:155px; position:relative; overflow:hidden; display:inline-block; float:left; margin-right:12px;}
.r3 .item_pic img{ width:232px; height:155px; overflow:hidden;}
.r3 .item_pic p{ width:100%; height:30px; line-height:30px; background:rgba(0,0,0,.7); position:absolute; left:0px; bottom:0px; z-index:2;}
.r3 .item_pic p em{ display:block; padding:0 5px;color:#fff;}
.r3 .newslist{ padding:25px 0 0 15px;}


/* footer */
.footer{width:100%;margin-top:35px;padding:20px 0;overflow:hidden;background:#eee;text-align:center;}
.footer a{padding:1px; }
.footer_wap{display:none;text-align:center;background-color:#d73c3c;color:#fff;margin-top:15px;padding:15px 0;line-height:20px;}
.footer_wap a{color:#fff;}

/* pad */
@media screen and (max-width:1024px) {
.divCon {width:100%;}
.bannerwap,.footer_wap{ display:block;}
.banner,.chanNav,.footer{ display:none;}
.bannerwap img{width:100%;}

.r2{margin-top:10px;}
.r4{margin-top:0;}

.r1_left{ width:36%; padding-left:2%;}
.r1_right{width:58%; padding-right:2%;}

.r2_left,.r2_right,.r4_left,.r4_right{height:auto;}
.r2_left{width:52%;margin-left:2%}
.r2_right{width:42%;margin-right:2%}
.r4_left{ width:42%; margin-left:2%}
.r4_right{ width:52%; margin-right:2%}

.r2_left .item_pic,
.r4_right .item_pic{ width: 46%;height:auto;margin:10px 2% 3%;}

.r3 .item_pic{width:46%;height: auto;margin:0 2% 3%;}
.r3 .newslist{ padding:0 0 0 5px;}

.swiper-slide img{width:100%;height:236px;}
.r1_left .figure-news dd{ display:none;}
.r1_title{ padding:20px 0;}
.r3{margin-top:0;}
.r2_right .figure-news dd,
.r4_left .figure-news dd{ height:auto;}

.figure-news{padding: 0 0 10px;}
.newslist li{line-height:28px;height:28px;}
.newslist li:before{top:11px;}
}
/*  */
@media screen and (max-width:767px) {
.r1_title h1{ font-size:22px;}
.r1_title{padding:10px 0;}
.r2_left .newslist{margin-left:5px;}
.r1_left{ width:96%;padding-left:2%;}
.r1_right{width:96%;padding-right:2%; margin-top:10px;}
.r2_left,.r2_right,.r3_left,.r3_right{height:auto;}
.r2_left,.r4_left,.r3_left{width:96%;margin-left:2%}
.r2_right,.r4_right,.r3_right{width:96%;margin-right:2%}
.r2_right .figure-news,
.r4_left .figure-news{ margin:10px;}
.r2_left .item_pic img,
.r4_right .item_pic img{ width:100%; height:113px;}
.r2_right .figure-news:last-child{ margin:10px 10px 0;}

.swiper-slide img{height:406px;}

.r3_img{width:100%; padding-top:0;}
.r3_right{ margin-top:10px;}

}
/* phone + pad(portrait) */
@media screen and (max-width:450px) {
.swiper-slide img{height:190px;}
.r2_left .item_pic img, .r4_right .item_pic img,.r3 .item_pic img{ width:100%; height:113px;}
}
@media screen and (max-width:320px) {
.swiper-slide img{height:162px;}
.r2_left .item_pic img, .r2_right .item_pic img,.r3 .item_pic img{ width:100%; height:96px;}
}