*,body{ margin:0; padding:0; font-family:"Microsoft YaHei"; }
body{ background:#ffffff; color:#333333; line-height:1.8; font-size:16px; width: 100%; min-width: 1200px;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td{border-collapse:collapse;}
img,a img,a:hover img{ border:0; }
ol,ul,dl,li,dt,dd{list-style:none;}
input,button,textarea,select,optgroup,option{ font-family:"Microsoft YaHei";}
:focus{outline:0;}
a{color:#333333;text-decoration:none; }
a:hover{color:#e8010a;text-decoration:none;}
a,a:hover,.btn,.more{ transition:all 300ms ease; -webkit-appearance:none; }
input,select,button{ -webkit-appearance: none; }
hr{border:none;height:1px;}
::-webkit-input-placeholder { color:#bebebe; }
.clear{height:0;font-size:0px;overflow:hidden;clear:both;float:none;}

.mainbox { width:1200px; margin-left: auto; margin-right: auto; }

/*头部*/
.header { }

.topbox { position: relative; margin-bottom: 16px; }
.topbox .logo { position: absolute; left: 40%; top: 56px; margin-left: -600px; z-index: 999;}
.topbox .logo img{ display:block; }
.topbox .logof { position: absolute; left: 50%; top: 178px; margin-left: -600px; z-index: 999;}
.topbox .logof img{ display:block; }

.nav_btn { display:none;}

.ibanner { position: relative; overflow: hidden; }
.ibanner img { display: block; width: 100%;}
.ibanner .img { height: 480px; background-size: cover !important;}

.toptool { height: 44px; line-height: 44px;}

.toptime { float: left; font-size: 16px; }
.toperwei { float: right; background: url(../images/erwei.png) right center no-repeat; padding-right: 34px; padding-left: 17px; font-size: 16px; position: relative;}
.toperwei:before { display: block; content: ''; width: 1px; height: 24px; background: #f38e8b; position: absolute; left: 0; top: 50%; margin-top: -12px;}

.topsearch { float: right; width: 296px; margin-right: 5px; position: relative;}
.topsearch .input { display: block; width: 100%; border: 0; text-indent: 20px; border-bottom: 2px #e6e6e7 solid; line-height: 36px; font-size: 16px;}
.topsearch .btn { display: block; position: absolute; right: 0; top: 0; width: 36px; height: 36px; background: url(../images/search.png) center center no-repeat; cursor: pointer; border: 0; line-height: 200px; overflow: hidden;}
.topsearch .btn:hover { opacity: 0.7;}


.navbox { clear: both; height: 60px; background: #e8010a;}
.navbox ul li { float:left; width: 14.28%; position:relative; }
.navbox ul li a{ display:block; text-align:center;font-family:"SimHei";font-size:22px; height:60px; line-height:60px; color:#ffffff;}
.navbox ul li a:hover { opacity: 1;background:#9c0000;}
.navbox ul li a.on { opacity: 1;}


.mainer { padding: 25px 0;}

.ibox { box-shadow: 0 15px 40px rgba(0,0,0,0.1); margin-bottom: 22px;}
.ibox1 { float: left; width: 588px;}
.ibox2 { float: right; width: 588px;}

.ibox_t { border-bottom: 1px #ededed solid; height: 50px; position: relative;}
.ibox_t ul li { float: left; margin-right: 16px; height: 50px; line-height: 50px; padding: 0 28px; font-size: 18px; cursor: pointer; font-weight: bold;}
.ibox_t ul li.on { background: url(../images/tab.png) left center no-repeat #ff171e; color: #fff; border-right: 4px #ffcccc solid;}
.ibox_t b{ float: left; margin-right: 16px; height: 50px; line-height: 50px; padding: 0 28px; font-size: 18px; background: url(../images/tab.png) left center no-repeat #ff171e; color: #fff; border-right: 4px #ffcccc solid;}
.ibox_t .more { position: absolute; right: 32px; top: 10px; line-height: 30px; font-size: 12px; color: #999999;}
.ibox_t .more:hover { color: #e8010a;}

.ibox1 .ibox_m { padding: 32px 26px 26px 26px;}
.ibox2 .ibox_m { padding: 18px 26px;}
.ibox3 { padding: 18px 0 0 48px;}
.ibox3 .ibox_m { padding: 10px 42px 24px 42px;}
.ibox4 { padding: 14px 32px; }

.toutiao { margin-bottom: 28px;}
.toutiao a { display: block; position: relative; padding-left: 210px; height: 140px; background: #ff5156; color: #fff;}
.toutiao a .img { position: absolute; left: 0; top: 0;}
.toutiao a .img img { display: block; width: 210px; height: 140px;}
.toutiao a .con { padding: 38px 22px;}
.toutiao a .con .t { font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 10px;}
.toutiao a .con .m { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; opacity: 0.7; }

.ilist {}
.ilist ul li { position: relative; line-height: 38px; padding-right: 82px;}
.ilist ul li a { display: block; height: 38px; overflow: hidden; padding-left: 20px; position: relative; }
.ilist ul li a span { float: left; position: relative; padding-right: 10px; background: #fff; z-index: 2;}
/*.ilist ul li a:after { display: block; content: ''; position: absolute; left: 30px; right: 0; top: 50%; height: 0; border-top: 1px #d7dfec dashed; z-index: 1;}*/
.ilist ul li .time { position: absolute; right: 0; top: 0; font-size: 12px; color: #b2b2b2;}

.ilist1 ul li a{ background: url(../images/li.png) left center no-repeat;}
.ilist2 ul li a{ background: url(../images/li2.png) left center no-repeat;}
.ilist3 ul li a{ background: url(../images/li3.png) left center no-repeat;}


.hbox {}
.hbox a { display: block; margin-bottom: 17px;}
.hbox img { display: block; width: 100%; box-shadow:0 10px 25px  rgba(0,67,159,0.2);}

.ibox_mbox { float: left; width: 50%; border-left: 2px #f7f7f7 solid; box-sizing: border-box;}


.ilist4 { float: right; }
.ilist4 ul li { float: right;}
.ilist4 ul li a { display: block; width: 169px; height: 85px; line-height: 85px; text-align: center; font-size: 18px; background: url(../images/dj1.png) no-repeat; background-size: cover; font-weight: bold; box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.ilist4 ul li a:hover { background: url(../images/dj1s.png) no-repeat; background-size: cover; color: #fff; box-shadow:0 10px 20px rgba(0,67,159,0.2);}

.hrbox { float: left; width: 610px;}
.hrbox a { display: block; }
.hrbox img { display: block; width: 100%;}

.ilist5 {}
.ilist5 ul li{ float: left; width: 17%;}
.ilist5 ul li a { display: block; position: relative; height: 110px; text-align: center; overflow: hidden; }
.ilist5 ul li a b { display: block; text-align: center; font-size: 18px; line-height: 110px; color: #666666;}
.ilist5 ul li a b img { display: inline-block; vertical-align: middle; margin-bottom: 2px; margin-right: 6px;}
.ilist5 ul li a p { display: block; position: absolute; left: 35px; bottom: 10px; padding-left: 15px; font-size: 18px; line-height: 42px; color: #ffffff; opacity: 0; background: url(../images/r.png) left center no-repeat;}
.ilist5 ul li a:after { display: block; content: ''; position: absolute; right: 0; top: 4px; bottom: 4px; width: 1px; background: #dedede;}
.ilist5 ul li:last-child a:after { display: none;}

.ilist5 ul li.on { width: 32%;}
.ilist5 ul li.on a { background: url(../images/fzbox.png) left center no-repeat #d42c2a;}
.ilist5 ul li.on a b{ position: absolute; left: 23px; line-height: 80px; padding-left: 22px; font-size: 20px; color: #0fa3ff;}
.ilist5 ul li.on a b:before {display: block; content: ''; position: absolute; left: 0; top: 50%; width: 3px; height: 16px; margin-top: -8px; background: #0fa3ff;}
.ilist5 ul li.on a b img { display: none;}
.ilist5 ul li.on a p { opacity: 1;}
.ilist5 ul li.on a:after { display: none;}


.crumbs { padding: 10px 18px; line-height: 34px; font-size: 18px;}

.main_l { float: left; width: 311px; box-shadow: 0 15px 40px rgba(0,0,0,0.1); margin-bottom: 60px;}

.main_r { float: right; width: 870px; box-shadow: 0 15px 40px rgba(0,0,0,0.1); margin-bottom: 60px; padding-bottom: 16px;}

.ltit { background: url(../images/ltit.png) left center no-repeat #ff171e; height: 50px; line-height: 50px; padding: 0 28px; font-size: 16px; color: #fff; font-weight: bold; border-right: 4px #fed0d1 solid;}

.lnav { padding: 10px 20px 18px 26px;}
.lnav ul li { border-bottom: 2px #000 dotted;}
.lnav a { display: block; background: url(../images/li4.png) right center no-repeat; padding: 10px 30px 10px 2px; line-height: 24px; font-size: 18px; font-weight: bold;}

.lpiclist { padding: 12px;}
.lpiclist ul li { margin-bottom: 5px;}
.lpiclist a { display: block; text-align: center;}
.lpiclist a img { display: block; width: 100%;}
.lpiclist a p { display: block; padding: 10px; line-height: 20px;}


.rtit { background: url(../images/rline.png) left bottom repeat-x; height: 56px;}
.rtit b { float: left; display: block; height: 50px; line-height: 50px; padding: 0 26px; font-size: 16px; font-weight: bold; border-bottom: 6px rgba(244,1,3,0.5) solid;}

.rlist { padding: 14px 24px;}

.pages { text-align: center; padding: 14px 0 24px 0;}

.details_tit { padding: 12px; line-height: 40px; font-weight: bold; font-size: 24px; text-align: center;}
.details_info { background: url(../images/rline.png) left bottom repeat-x; padding: 2px 10px 12px 10px; line-height: 22px; font-size: 16px; text-align: center;}
.details_con { font-size: 24px; line-height: 1.6; padding: 20px 30px 80px 30px; }
.details_con img { max-width: 100% !important;}


.flink {}
.flink_t { height: 44px; border-right: 1px #444444 solid;}
.flink_t ul li{ float: left; width: 25%; text-align: center; cursor: pointer;}
.flink_t ul li span { display: block; border: 1px #444444 solid; border-right: 0; height: 42px; line-height: 42px; font-size: 17px; background: url(../images/d.png) 85% center no-repeat;}
.flink_t ul li.on { background: #ca0200; color: #fff;}
.flink_t ul li.on span{ background: url(../images/ds.png) 85% center no-repeat; border: none; height: 44px; line-height: 44px;}
.flink_m { border: 1px #333333 solid; border-top: none; padding: 15px 0 15px 44px;}
.flink_m ul li { float: left; width: 25%;}
.flink_m ul li a { font-size: 15px; line-height: 38px;}

.footer { background: url(../images/foot/footr.png) right bottom no-repeat #c10303;}
.footbox { background: url(../images/foot/footl.png) left top no-repeat; padding-top: 45px;}
.footbox .mainbox { width: 660px;}

.fjiguan { float: left; padding-top: 16px; margin-right: 40px;}
.fjiguan img { display: block;}

.fzhaocuo { float: right; padding-top: 16px; }
.fzhaocuo img { display: block;}

.finfo { float: left; width: 390px; color: #fff; padding-bottom: 18px;}
.finfo .t { font-weight: bold; font-size: 24px; line-height: 36px; }
.finfo .t2 { font-weight: bold; font-size: 16px; line-height: 28px; margin-bottom: 8px; }
.finfo .m ul li{ padding-left: 30px; line-height: 28px; font-size: 14px;}
.finfo .m ul li.tel { float: left; background: url(../images/foot/fb1.png) left center no-repeat;}
.finfo .m ul li.email { float: right; background: url(../images/foot/fb2.png) left center no-repeat;}
.finfo .m ul li.adr { clear: both; background: url(../images/foot/fb3.png) left center no-repeat;}

.fcopy { padding: 20px 0; line-height: 30px; font-size: 12px; color: #fff; opacity: 0.8; text-align: center;}
.fcopy a{ color: #fff;}
.fcopy a:hover { text-decoration: underline;}


@media (min-width:240px) and (max-width:999px){
body { min-width: auto;}

.mainbox { width: auto; margin: 0 10px;}

.topbox { margin-bottom: 12px; }
.topbox .logo { left: 15px; right: 15px; top: 16px; margin-left: 0; }
.topbox .logo img{ width: 70%; }
.topbox .logof { left: 15px; right: 15px; top: 56px; margin-left: 0; }
.topbox .logof img{ width: 100%; }

.nav_btn { display:block; position:absolute; right:10px; top:9px; cursor:pointer; background:#e8010a; padding:3px 3px 3px 3px; border-radius:3px; z-index: 999;}
.nav_btn i{ display:block; font-style:normal; width:2px;height:2px;box-shadow:inset 0 0 0 28px,0 -7px 0 0,0 7px 0 0;margin:12px 22px 12px 4px; position:relative; text-align: left; text-indent: -9999px; direction: ltr; box-sizing: border-box; color:#ffffff; }
.nav_btn i:before{width:16px;height:2px;left:5px;box-shadow:inset 0 0 0 28px,0 -7px 0 0,0 7px 0 0;position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.nav_btn i:after, .nav_btn i:before { content: ''; pointer-events: none; }

.navbox { display:none; position: fixed; left: 0; right: 0; top: 180px; height: auto; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 10px 0; z-index: 9999; }
.navbox ul li { float: none; width: auto; display: block; }
.navbox ul li a{ padding:0; margin: 0; font-size:16px; height:50px; line-height:50px; text-align: center; }

.ibanner .img { height: 180px; background-size: cover !important;}


.toptool { height: 68px; line-height: 34px;}

.toptime { font-size: 12px; }
.toperwei { background-size: 20px auto; padding-right: 22px; padding-left: 12px; font-size: 12px; }
.toperwei:before { height: 18px; margin-top: -9px;}

.topsearch { float: none; clear: both; width: 100%; margin-right: 0; }
.topsearch .input { text-indent: 10px; border-bottom: 1px #e6e6e7 solid; line-height: 32px; font-size: 12px;}
.topsearch .btn { width: 32px; height: 32px; background-size: 16px auto;}


.mainer { padding: 15px 0;}

.ibox { box-shadow: 0 7px 20px rgba(0,0,0,0.1); margin-bottom: 15px;}
.ibox1 { float: none; width: auto;}
.ibox2 { float: none; width: auto;}

.ibox_t { height: 34px; }
.ibox_t ul li { margin-right: 0; height: 34px; line-height: 34px; padding: 0 16px; font-size: 14px; }
.ibox_t ul li.on { background-size: auto 100%; border-right: 2px #ffcccc solid;}
.ibox_t b{ height: 34px; line-height: 34px; padding: 0 16px; font-size: 13px; background-size: auto 100%; border-right: 2px #ffcccc solid; }
.ibox_t .more { right: 10px; top: 5px; line-height: 24px; font-size: 11px; }

.ibox1 .ibox_m { padding: 16px 15px 15px 15px;}
.ibox2 .ibox_m { padding: 12px 15px;}
.ibox3 { padding: 12px 0 0 0;}
.ibox3 .ibox_m { padding: 10px 15px 14px 15px;}
.ibox4 { padding: 10px 15px; }

.toutiao { margin-bottom: 12px;}
.toutiao a { padding-left: 0; height: auto; }
.toutiao a .img { position: relative; }
.toutiao a .img img { width: 100%; height: auto;}
.toutiao a .con { padding: 12px 15px;}
.toutiao a .con .t { font-size: 16px; line-height: 22px; height: auto; margin-bottom: 10px;}
.toutiao a .con .m { font-size: 14px; line-height: 22px; height: auto; }

.ilist ul li { line-height: 32px; padding-right: 72px;}
.ilist ul li a { height: 32px; padding-left: 16px; }
.ilist ul li a span { padding-right: 0; }
/*.ilist ul li a:after { left: 30px; right: 0; display: none; }*/
.ilist ul li .time { font-size: 11px; }

.ilist1 ul li a{ background-size: 8px auto;}
.ilist2 ul li a{ background-size: 8px auto;}
.ilist3 ul li a{ background-size: 8px auto;}


.hbox {}
.hbox a { margin-bottom: 10px;}
.hbox img { box-shadow:0 5px 12px  rgba(0,67,159,0.2);}

.ibox_mbox { float: none; width: auto; border-left: none; }


.ilist4 { float: none; margin: 0 -5px; }
.ilist4 ul li { margin-right: 0; width: 33.33%; padding: 0 5px; box-sizing: border-box;}
.ilist4 ul li a { width: auto; height: 60px; line-height: 60px; font-size: 14px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.ilist4 ul li a:hover { box-shadow:0 5px 10px rgba(0,67,159,0.2);}

.hrbox { clear: both; float: none; width: auto; padding-top: 10px;}

.ilist5 {}
.ilist5 ul li{ width: 20%;}
.ilist5 ul li a { height: 90px; }
.ilist5 ul li a b { padding: 15px 10px; font-size: 12px; line-height: 20px; }
.ilist5 ul li a b img { display: block; margin: 0 auto; margin-bottom: 6px; margin-right: auto; height: 20px;}
.ilist5 ul li a p { display: none;}
.ilist5 ul li:last-child a:after { display: none;}

.ilist5 ul li.on { width: 20%;}
.ilist5 ul li.on a { background: #fff;}
.ilist5 ul li.on a b{ position: relative; left: auto; line-height: 20px; padding-left: 0; font-size: 12px; color: #333;}
.ilist5 ul li.on a b:before { display: none;}
.ilist5 ul li.on a b img { display: block;}
.ilist5 ul li.on a p { opacity: 0;}
.ilist5 ul li.on a:after { display: block;}

.crumbs { padding: 5px 0; line-height: 16px; font-size: 12px;}

.main_l { float: none; width: auto; box-shadow: 0 7px 20px rgba(0,0,0,0.1); margin-bottom: 20px;}

.main_r { float: none; width: auto; box-shadow: 0 7px 20px rgba(0,0,0,0.1); margin-bottom: 20px; padding-bottom: 10px;}

.ltit { height: 40px; line-height: 40px; padding: 0 22px; font-size: 16px; background-size: auto 100%;}

.lnav { padding: 6px 10px 12px 16px;}
.lnav ul li { border-bottom: 1px #000 dotted;}
.lnav a { background-size: 8px auto; padding: 8px 20px 8px 2px; line-height: 24px; font-size: 16px; }

.ltit2 { display: none;}

.lpiclist { padding: 10px; display: none;}
.lpiclist ul li { margin-bottom: 3px;}
.lpiclist a p { padding: 6px; }


.rtit { background-size: auto 4px; height: 44px;}
.rtit b { height: 40px; line-height: 40px; padding: 0 22px; font-size: 16px; border-bottom: 4px rgba(244,1,3,0.5) solid;}

.rlist { padding: 10px 14px;}

.pages { padding: 10px 0 20px 0;}

.details_tit { padding: 10px; line-height: 26px; font-size: 16px; }
.details_info { background-size: auto 4px; padding: 2px 10px 8px 10px; line-height: 18px; font-size: 12px; }
.details_con { font-size: 14px; padding: 10px 15px 30px 15px; }


.flink_t { height: 34px; }
.flink_t ul li { width: 23%;}
.flink_t ul li:nth-child(1){ width: 31%;}
.flink_t ul li span { height: 32px; line-height: 32px; font-size: 12px; background: none; background-size: 12px auto;}
.flink_t ul li.on { background: #ca0200; color: #fff;}
.flink_t ul li.on span{ height: 34px; line-height: 34px;}
.flink_m { padding: 15px 0 15px 15px;}
.flink_m ul li { width: 50%;}
.flink_m ul li a { font-size: 12px; line-height: 28px;}

.footer { background-size: 120px auto;}
.footbox { background-size: 40px auto; padding-top: 25px;}
.footbox .mainbox { width: auto;}

.fjiguan { float: none; padding-top: 16px; margin-right: 0; margin-bottom: 16px;}
.fjiguan img { height: 60px; margin: 0 auto;}

.fzhaocuo { float: none; padding-top: 16px; }
.fzhaocuo img { height: 40px; margin: 0 auto;}

.finfo { float: none; width: auto; text-align: center; padding-bottom: 8px;}
.finfo .t { font-size: 18px; line-height: 26px; }
.finfo .t2 { font-size: 12px; line-height: 20px; margin-bottom: 8px; }
.finfo .m ul li{ display: inline-block; padding-left: 20px; line-height: 22px; font-size: 12px;}
.finfo .m ul li.tel { float: none; background-size: 14px auto;}
.finfo .m ul li.email { float: none; background-size: 14px auto; margin-left: 10px;}
.finfo .m ul li.adr { clear: both; background-size: 14px auto;}

.fcopy { padding: 15px 0; line-height: 20px; }

}