@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

/*home*/
.m-tit{padding:0 10px;border-bottom:1px solid #ddd;}
.m-tit a{position:relative;color:#d00d0d;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:24px;font-family:MicrosoftYaHei-Bold;line-height:60px;}
.m-tit a::after{position:absolute;bottom:-39px;left:50%;display:block;content:url(../images/home/red.png);transform:translateX(-50%);}

.m-zone{margin-top:102px;padding:10px 30px 30px 30px;height:302px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.08);}
.g-flash{height: 200px;padding-top: 30px;}
.g-flash .owl-item,.g-flash .owl-item a{position: relative;}
.g-flash .owl-item a{display: block;}
.u-flash li{float: left;width: 12.5%;}
.u-flash li a{display: block;}
.u-flash li a img{clear:both;display:block;margin:auto;}
.u-flash li a:hover img{webkit-transition:  -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
.u-flash li p{text-align: center;padding-top: 20px;}
.g-flash .owl-pagination{position: absolute; left: 50%; bottom: 0;transform: translateX(-50%);}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 8px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: #dddddd;border-radius: 100%; }
.g-flash .owl-pagination .active span{background: #d00d0d;width: 32px;border-radius: 5px;}

.m-interpret{margin:50px 0;}
.g-interpret{padding:20px;width:1020px;height:340px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.08);}
.u-hotspot{display:block;margin-right:30px;}
.g-interpretlist{width:730px;}
.g-interpretlist li{padding-left:43px;height:62px;line-height:62px;}
.g-interpretlist li>a:first-child{display:block;float: left;overflow:hidden;padding-right:25px;max-width:80%;min-width:30%;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.g-interpretlist li>a:first-child:hover{padding-left:5px;}
.g-interpretlist li:nth-child(1)>a:first-child,.g-interpretlist li:nth-child(2)>a:first-child,.g-interpretlist li:nth-child(3)>a:first-child{background:url(../images/home/hot.png) right center no-repeat;}
.g-interpretlist li:nth-child(1){background:url(../images/home/one.jpg) left center no-repeat;}
.g-interpretlist li:nth-child(2){background:url(../images/home/two.jpg) left center no-repeat;}
.g-interpretlist li:nth-child(3){background:url(../images/home/three.jpg) left center no-repeat;}
.g-interpretlist li:nth-child(4){background:url(../images/home/four.jpg) left center no-repeat;}
.g-interpretlist li:nth-child(5){background:url(../images/home/five.jpg) left center no-repeat;}
.g-interpretlist li a.u_file{margin-left: 5px; display:block;float: right;margin-top: 18px; width:62px;height:26px;border:#d00d0d 1px solid;border-radius:13px;color:#d00d0d;text-align:center;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:14px;font-family:MicrosoftYaHei;line-height:26px;}
.g-interpretlist li a.u_file:hover{border:none;background:url(../images/home/file.png) center no-repeat;color:#fff;}

.g_file{position:absolute;top:65px;right:0;z-index: 2; padding:10px 20px;width:438px;min-height:56px;border:solid 1px #d00d0d;border-radius:8px;background-color:#fff;}
.g_file::before{position:absolute;top:-37px;right:23px;display:block;content:url(../images/page/sjx.png);}
.g_file a{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;display:block;padding-left:15px;background:url(../images/page/kuai.jpg) left center no-repeat;color:#3d3d3d;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:14px;font-family:MicrosoftYaHei;line-height:36px;}



.g-pic{width: 269px;}
.g-pic>a{display: block;}
.g-pic>a:first-child{margin-bottom: 20px;}


.m-policy{margin:50px 0;}
.m-policy li{float:left;margin-right:30px;}
.m-policy li:last-child{margin-right:0;}
.m-policy li a{display:block;width:307px;height:100px;background-color:#f5f5f5;line-height:100px;}
.m-policy li a img{margin:23px 22px 0 40px;}
.m-policy li a:hover img{-moz-transition:-moz-transform .7s ease-out;transition:transform .7s ease-out;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);webkit-transition:-webkit-transform .7s ease-out;}
.m-policy li span{color:#3d3d3d;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:24px;font-family:MicrosoftYaHei-Bold;line-height:100px;}

.m-response{margin:50px 0;}
.g-response{padding:10px 30px 30px 30px;width:645px;height:384px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.08);}
.m-liststyle{padding-top: 15px;}
.m-liststyle li{background: url(../images/public/dian.jpg) left center no-repeat;height: 40px; line-height: 40px;position: relative;padding-left: 14px;}
.m-liststyle li span{float: right; padding-left: 10px; font-size: 14px; color: #b8b8b8;}
.m-liststyle li a{display: block;font-size: 16px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststyle li a:hover{padding-left: 5px;}

.m-through{margin:50px 0;padding:10px 30px 30px 30px;height:584px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.08);}
.m-tabstyle{margin-top: 30px;}
.m-tabstyle li{float:left;width: 148px;height: 46px;background-color:#f5f5f5;margin-right: 20px;}
.m-tabstyle li:last-child{margin-right: 0;}
.m-tabstyle li a{display:block;color:#3d3d3d;letter-spacing:0;font-weight:normal;font-size:16px;font-family:MicrosoftYaHei-Bold;line-height:46px;text-align: center;}
.m-tabstyle li.u-active a{background-color:#d00d0d;color:#fff;}


.m-form{display:flex;padding-top:5px;align-items:center;}
.m-form select{margin-right:10px;width:134px;height:36px;border:solid 1px #ddd;background-color:#fff;}
.m-form button{width:68px;height:36px;outline:0;border:none;background-color:#ff8a00;color:#fff;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;}

#interpretList{height: 410px;width: 100%;}


/* 新增板块 */
.m-tabstyle1{border-bottom: 1px solid #ddd;height: 60px;line-height: 60px;padding:0 10px;}
.m-tabstyle1 li{position: relative; float: left; margin-right: 50px;}
.m-tabstyle1 li a{letter-spacing:0;font-weight:700;font-stretch:normal;font-size:24px;font-family:MicrosoftYaHei-Bold;line-height:60px;}
.m-tabstyle1 li.u-active a{color: #d00d0d;}
.m-tabstyle1 li.u-active a::after{position:absolute;bottom:-20px;left:50%;display:block;content:url(../images/home/red.png);transform:translateX(-50%);}

.m-policyPreaching{padding: 10px 30px 30px 30px;height: 396px;background-color: #ffffff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;}

.m-lctrrttn{width: 440px;margin-top: 25px;}

.g-lctrrttn{width: 440px;height: 266px;}
.g-lctrrttn,.g-lctrrttn .owl-item,.g-lctrrttn img{height: 256px;}
.g-lctrrttn img{display: block; width: 100%;}
.g-lctrrttn .owl-item,.g-lctrrttn .owl-item a{position: relative;}
.g-lctrrttn .owl-item a{display: block;}
.g-lctrrttn .owl-item p{position: absolute; left: 0; right: 0; bottom: 0;width: 100%; padding: 0 108px 0 18px; line-height: 60px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); font-size: 16px; color: #fff;}
.g-lctrrttn .owl-pagination{position: absolute; right: 18px; bottom: 26px;}
.g-lctrrttn .owl-pagination .owl-page{float: left; margin-left: 8px;}
.g-lctrrttn .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: #fff;border-radius: 100%; }
.g-lctrrttn .owl-pagination .active span{border-radius: 5px;background: #d00d0d;}


.m-lctrlst{padding-top: 15px;width: 800px;}
.m-lctrlst li{height: 40px; line-height: 40px;position: relative;padding-left: 14px;background: url(../images/public/dian.jpg) left center no-repeat;}
.m-lctrlst li span{float: right; padding-left: 10px; font-size: 16px; color: #999;}
.m-lctrlst li a{display: block;overflow: hidden; font-size: 18px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-lctrlst li a:hover{padding-left: 3px;}


/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
    .m-search{width: 100% !important;}
	.m-zone{height: auto;}
    .u-flash li{width: 50%;}

    .g-interpretlist li{width: 100% !important;}
    .g-interpret{width: 100% !important;height: auto;padding-bottom: 30px;}
    .g-interpretlist{width: 100% !important;}
    .m-policy li,.m-policy li a,.g-response{width: 100% !important;}
    .m-through{height: auto;}
    .m-tabstyle li{width: 48%;margin-right: 10px !important;margin-bottom: 10px;}
    .m-tabstyle li:nth-child(2n){margin-right: 0 !important;}
    .g-interpretlist li a:first-child{max-width: 65% !important;}
    .g-flash{height: 600px;}
    .u-flash li{margin-bottom: 20px;}

    .m-policy li{margin-right: 0 !important;margin-bottom: 10px;}

    .g-pic{width: 100% !important;float: left !important;margin: 50px 0 0 0;}
    .u-hotspot{width: 100% !important;}
    .g-pic img,.u-hotspot img{display: block;clear: both;margin: auto;}

    .g_file{width: 100% !important;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}