﻿@charset "utf-8";
/* CSS Document */
/* adver*/

body{ font-family:"微软雅黑", "黑体", "宋体"; line-height:40px; font-size:16px; color:#545454;}

.body{
 background-image:url(bg.jpg); background-repeat:no-repeat; background-position:top center;
}

a{font-family:"微软雅黑", "黑体", "宋体"; line-height:40px; font-size:16px; color:#545454;}
a:hover { color:#f13939;}

.banner{ width:100%; height:350px;}

.sec{ width:1200px; margin:0 auto; margin-bottom:20px;}
.sec1_tit{ background-image:url(title1.jpg); width:1122px; height:69px; line-height:69px; padding-left:78px; color:#a7022a; font-size:22px; font-weight: bold;}
.sec2_tit{ background-image:url(title2.jpg); width:1122px; height:69px; line-height:69px; padding-left:78px; color:#a7022a; font-size:22px; font-weight: bold;}
.sec3_tit{ background-image:url(title3.jpg); width:1122px; height:69px; line-height:69px; padding-left:78px; color:#a7022a; font-size:22px; font-weight: bold;}
.sec4_tit{ background-image:url(title4.jpg); width:1122px; height:69px; line-height:69px; padding-left:78px; color:#a7022a; font-size:22px; font-weight: bold;}
.sec5_tit{ background-image:url(title15.jpg); width:1122px; height:69px; line-height:69px; padding-left:78px; color:#a7022a; font-size:22px; font-weight: bold;}
.sec_cnt{ border:1px solid #d4d4d4; padding:22px 0px 22px 35px; border-top:none;background-color: #fff;}
.sub_tit{ background-image:url(g_dian1.jpg); background-repeat:no-repeat; background-position:center left; padding-left:10px; font-size:18px; font-weight:bold;}
.sub_tit a{font-size:18px;font-weight:bold;}


.list3{ position: relative; width: 330px;  height: 33px; line-height: 33px; font-size: 15px; padding-left: 25px;  background: url(xdian.png) 10px center no-repeat; color: #545454;margin: 5px 10px 0px 10px; cursor:pointer;}
.list3:hover{ background-color:#ecf6ff;}
.list3 a{ display: block; line-height: 33px;}
.list3 ul{ position: absolute; left: 0;  top:33px; width: 100%; display: none;}
.list3:hover > ul{display: block; z-index: 1;  background-color: #f2f2f2;}
.list3:hover ul li{ font-size: 14px; text-indent: 2em;}
.list3:hover ul li:hover{  background-color: #ddd;}
.list4{ position: relative;}
.list4 >ul{ position: absolute;left: 340px;top:0px;width: 100%;display: none;}
.list4:hover >ul{ display: block; z-index: 2; background-color: #f2f2f2;}
.list4:hover> ul li{  font-size: 14px;   text-indent: 2em;}
.list4:hover> ul li:hover{ background-color: #ccc;}
.clearfix:before,
.clearfix:after { content: " ";display: table;}
.clearfix:after {  clear: both;}


.sub_tit2{ background-image:url(xz_dian1.jpg); background-repeat:no-repeat; background-position:center left; padding-left:10px; font-size:18px; font-weight:bold; width:345px;margin: 5px 10px 0px 10px; float:left;}
.sub_tit2 a{font-size:18px;font-weight:bold;}

@media screen and (max-width: 1199px){
.sec{ width:98%; margin:0 1%; margin-bottom:20px;}
.sec1_tit{ background-image:url(title1.jpg); width:calc(100% - 79px); height:69px; line-height:69px; padding-left:78px; color:#a7022a; font-size:22px; font-weight: bold; border-right:1px solid #d4d4d4;}
.sec2_tit{ background-image:url(title2.jpg);  width:calc(100% - 79px); height:69px; line-height:69px; padding-left:78px; color:#a7022a; font-size:22px; font-weight: bold; border-right:1px solid #d4d4d4;}
.sec3_tit{ background-image:url(title3.jpg);  width:calc(100% - 79px); height:69px; line-height:69px; padding-left:78px; color:#a7022a; font-size:22px; font-weight: bold; border-right:1px solid #d4d4d4;}
.sec4_tit{ background-image:url(title4.jpg);  width:calc(100% - 79px); height:69px; line-height:69px; padding-left:78px; color:#a7022a; font-size:22px; font-weight: bold; border-right:1px solid #d4d4d4;}
.sec5_tit{ background-image:url(title15.jpg); width:calc(100% - 79px); height:69px; line-height:69px; padding-left:78px; color:#a7022a; font-size:22px; font-weight: bold; border-right:1px solid #d4d4d4;}
.list3{ position: relative; width:calc(33.33% - 45px);  height: 33px; line-height: 33px; font-size: 15px; padding-left: 25px;  background: url(xdian.png) 10px center no-repeat; color: #545454;margin: 5px 10px 0px 10px; cursor:pointer;}
.body{background-image:url(bg.png); background-repeat:no-repeat; background-position:top center; background-size:100%;}
.banner{ width:100%; height:300px;} 
}
@media screen and (max-width: 799px){
.banner{ width:100%; height:180px;}    
.list3{ position: relative; width:calc(50% - 45px);  height: 33px; line-height: 33px; font-size: 15px; padding-left: 25px;  background: url(xdian.png) 10px center no-repeat; color: #545454;margin: 5px 10px 0px 10px; cursor:pointer;}
}
@media screen and (max-width: 499px){
.banner{ width:100%; height:100px;}
.list3{ position: relative; width:calc(100% - 45px);  height: 33px; line-height: 33px; font-size: 15px; padding-left: 25px;  background: url(xdian.png) 10px center no-repeat; color: #545454;margin: 5px 10px 0px 10px; cursor:pointer;}    
}
