﻿ *,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:1180px; margin-left: auto; margin-right: auto; }

/*Í·²¿*/
.header { }

.topbox { position: relative; margin-bottom: 5px; }
.topbox .logo { position: absolute; left: 50%; top: 80px; margin-left: -600px; z-index: 999;}
.topbox .logo img{ display:block; }

.nav_btn { display:none;}

.ibanner { position: relative; overflow: hidden; }
.ibanner img { display: block; width: 100%;}
.ibanner .img { height: 500px; 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: url(navbg.png) center center no-repeat;}
.navbox ul li { float:left; width: 14.28%; position:relative; }
.navbox ul li a{ display:block; text-align:center; font-size:20px; height:60px; line-height:60px; color:#ffffff;}
.navbox ul li a:hover { opacity: 1; font-weight: bold; background: #d9d5b7;}
.navbox ul li a.on { opacity: 1;}


.mainer { padding:0 0 25px 0;}

.ibox { }
.ibox1 { float: left; width: 778px; padding-top: 25px;}
.ibox2 { float: right; width: 376px; padding-top: 25px;}

.ibox_t { height: 40px; position: relative; margin-right: 50px;}
.ibox_t b{ float: left; height: 40px; line-height: 40px; padding: 0 12px; font-size: 18px; color: #000000; }
.ibox_t img { float: left; height: 40px;}
.ibox_t .more { position: absolute; right: 0; top: 0; line-height: 40px; font-size: 14px; color: #a199b2; }
.ibox_t .more:hover { color: #e8010a;}

.ibox_t1 { background: #fafafa; margin-right: 0;}
.ibox_t1 b { background: #ffffff; padding: 0 20px; color: #fe0000;}

.ibox_t2 { height: 40px; position: relative;}
.ibox_t2 b{ float: left; height: 40px; line-height: 40px; padding: 0 20px; font-size: 18px; color: #fe0000; }
.ibox_t2:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 20px; margin-top: -10px; background: #fe0000;}
.ibox_t2 .more { position: absolute; right: 0; top: 0; line-height: 40px; font-size: 12px; color: #fe0000; background: url(../images/more.png) right center no-repeat; padding: 0 20px; }
.ibox_t2 .more:hover { color: #e8010a;}

.toutiao { padding-top: 20px; float: left; width: 376px; margin-bottom: 10px;}
.toutiao a { display: block; position: relative; }
.toutiao a .img { display: block;}
.toutiao a .img img { display: block; width: 376px; height: 230px;}
.toutiao a .con { height: 58px; padding-right: 80px; position: relative;}
.toutiao a .con .t { font-size: 16px; line-height: 58px; height: 58px; overflow: hidden; }
.toutiao a .con .m { position: absolute; right: 0; top: 0; font-size: 14px; line-height: 58px; color: #999999; }

.ilist1 { float: right; width: 376px; padding: 4px 0;}
.ilist1 ul li { position: relative; }
.ilist1 ul li a { display: block; height: 50px; line-height: 50px; overflow: hidden; padding-left: 14px; position: relative; }
.ilist1 ul li a:before { position: absolute; display: block; content: ''; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 2px; background: #fe0000;}
.ilist1 ul li:after { position: absolute; display: block; content: ''; left: 14px; right: 0; bottom: 0; height: 1px; background: #e5e5e5;}
.ilist1 ul li:last-child:after { display: none;}

.hotnew { position: relative; padding-left: 74px; clear: both;}
.hotnew .time { position: absolute; left: 0; top: 0; border: 1px #cccccc solid; padding: 8px 9px; font-size: 12px; color: #999999; line-height: 1.2; text-align: left; }
.hotnew .time b { display: block; font-weight: normal; font-size: 34px;}
.hotnew .tit { display: block; font-size: 18px; line-height: 20px; height: 20px; overflow: hidden; font-weight: bold; margin-bottom: 14px;}
.hotnew .con { display: block; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #666666; text-indent: 2em;}
.hotnew .foot { position: relative; font-size: 12px; color: #999999; padding: 0 20px; line-height: 38px;}
.hotnew .foot img { vertical-align: middle; margin-left: 20px; margin-bottom: 2px; margin-right: 5px;}
.hotnew .foot a { position: absolute; right: 0; top: 0; color: #fe0000;}

.ipiclist { margin: 0 -12px; padding: 10px 0;}
.ipiclist ul li{ float: left; width: 50%; margin-bottom: 20px;}
.ipiclist ul li a { display: block; margin: 0 12px;}
.ipiclist ul li a img { display: block; width: 100%; height: 120px; margin-bottom: 6px;}
.ipiclist ul li .t { display: block; font-size: 14px; line-height: 28px; height: 28px; overflow: hidden; font-weight: bold; }
.ipiclist ul li .m { display: block; font-size: 12px; line-height: 18px; height: 54px; overflow: hidden; color: #999999; }

.iabout { padding-bottom: 20px; margin: 0 -3px;}
.iabout .item { float: left; width: 16%; position: relative; transition:all 300ms ease;}
.iabout .item .tit { display: block; margin: 0 6px; background: url(boxbg.png) center center no-repeat; padding-top: 42px; height: 145px; text-align: center; font-size: 22px; line-height: 48px; font-weight: bold; color: #e35b00;}
.iabout .item .tit img { display: block; height: 60px; margin: 0 auto;}
.iabout .item .con { position: absolute; right: 3px; top: 0; bottom: 0; left: 190px; background: #e3e3e3; padding: 10px; overflow-y: auto; font-size: 14px; line-height: 18px; opacity: 0;}
.iabout .item .con p { margin-bottom: 5px;}
.iabout .item .con b { font-size: 16px; line-height: 24px;}

.iabout .item_2 .tit { color: #ce0000;}
.iabout .item_3 .tit { color: #0061c4;}

.iabout .item_on { padding-right: 52%; }
.iabout .item_on .con { opacity: 1;}


/*¹ö¶¯Ìõ*/
.iabout .item .con::-webkit-scrollbar-corner { background-color:#ffffff;}
.iabout .item .con::-webkit-scrollbar{width: 6px; height:6px; border-radius:3px; }
.iabout .item .con::-webkit-scrollbar-track{ background:none; }
.iabout .item .con::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.2); border-radius:3px; }


.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;}

.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;}
.ilist3 { margin-right: 50px; padding: 10px 0 15px 50px;}


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

.ibox3 { padding-left: 30px; margin-right: -20px;}
.ibox_mbox { float: left; width: 50%; border-left: 2px #f7f7f7 solid; box-sizing: border-box;}

.itool { padding: 30px 0; margin: 0 -8px;}
.itool .item { float: left; width: 19.5%; }
.itool .item a{ display: block; margin: 0 8px; position: relative; padding: 12px 0 12px 10px;}
.itool .item a img { display: block; position: absolute; left: 0; top: 0; z-index: 10;}
.itool .item a p { display: block; position: relative; z-index: 9; box-shadow: 0 3px 8px rgba(51,51,51,0.15); padding: 6px 10px 6px 66px; font-size: 17px; line-height: 22px; font-weight: bold;}
.itool .item a p b { display: block; font-size: 14px; line-height: 18px;}
.itool .item a p span { display: block; font-size: 12px; line-height: 13px; font-weight: normal;}
.itool .item_2 a p { line-height: 44px;}
.itool .item_4 a p { line-height: 44px;}
.itool .item_5 { width: 22%;}


.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: 10px;}

.main_r { float: right; width: 850px; box-shadow: 0 15px 40px rgba(0,0,0,0.1); margin-bottom: 10px; 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 { }
.footbox { }
.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: #000; 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: #000; opacity: 0.8; text-align: center;}
.fcopy a{ color: #000;}
.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: 2px; }
.topbox .logo { left: 15px; right: 15px; top: 20px; margin-left: 0; }
.topbox .logo img{ width: 70%; }

.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; background: #e8010a; 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; color: #fff; }

.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 { }
.ibox1 { float: none; width: auto; padding-top: 5px;}
.ibox2 { float: none; width: auto; padding-top: 5px;}

.ibox_t { height: 34px; margin-right: 0;}
.ibox_t b{ height: 34px; line-height: 34px; padding: 0 8px; font-size: 16px; }
.ibox_t img { height: 34px;}
.ibox_t .more { line-height: 34px; font-size: 12px; }

.ibox_t1 { margin-right: 0;}
.ibox_t1 b { padding: 0 12px; }

.ibox_t2 { height: 34px; }
.ibox_t2 b{ height: 34px; line-height: 34px; padding: 0 12px; font-size: 16px; }
.ibox_t2:before { width: 3px; height: 20px; margin-top: -10px; }
.ibox_t2 .more { line-height: 34px; font-size: 12px; background-size: 8px auto; padding: 0 12px; }

.toutiao { padding-top: 10px; float: none; width: auto; margin-bottom: 0;}
.toutiao a .img img { width: 100%; height: auto;}
.toutiao a .con { height: 38px; padding-right: 70px; }
.toutiao a .con .t { font-size: 16px; line-height: 38px; height: 38px; }
.toutiao a .con .m { font-size: 12px; line-height: 38px; }

.ilist1 { float: none; width: auto; padding: 4px 0; margin-bottom: 15px;}
.ilist1 ul li a { height: 44px; line-height: 44px; }

.hotnew { padding-left: 66px; }
.hotnew .time { padding: 5px 6px; font-size: 11px; }
.hotnew .time b { font-size: 24px;}
.hotnew .tit { font-size: 16px; line-height: 20px; height: 20px; margin-bottom: 10px;}
.hotnew .con { font-size: 12px; line-height: 20px; height: 60px; }
.hotnew .foot { padding: 0; }
.hotnew .foot img { height: 12px;}

.ipiclist { margin: 0 -5px; padding: 10px 0;}
.ipiclist ul li{ float: left; width: 50%; margin-bottom: 15px;}
.ipiclist ul li a { margin: 0 5px;}
.ipiclist ul li a img { height: auto; margin-bottom: 6px;}

.iabout { padding-bottom: 0; margin: 0;}
.iabout .item { float: none; width: auto; margin-bottom: 15px; }
.iabout .item .tit { margin: 0; background-size: cover; padding-top: 22px; width: 120px; height: 100px; font-size: 16px; line-height: 38px; }
.iabout .item .tit img { height: 40px; }
.iabout .item .con { position: absolute; right: 0; top: 0; bottom: 0; left: 126px; padding: 6px; font-size: 12px; line-height: 16px; opacity: 1;}
.iabout .item .con p { margin-bottom: 5px;}
.iabout .item .con b { font-size: 14px; line-height: 20px;}

.iabout .item_on { padding-right: 0; }
.iabout .item_on .con { opacity: 1;}


.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; }

.ilist2 ul li a{ background-size: 8px auto;}
.ilist3 ul li a{ background-size: 8px auto;}
.ilist3 { margin-right: 0; padding: 10px 0 15px 0;}


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


.ibox3 { padding-left: 0; margin-right: 0;}
.ibox_mbox { float: none; width: auto; border-left: none; }

.itool { padding: 10px 0; margin: 0 -5px;}
.itool .item { width: 50%; margin-bottom: 12px; }
.itool .item a{ margin: 0 5px; padding: 10px 0 10px 10px;}
.itool .item a img { height: 80px;}
.itool .item a p { padding: 6px 10px 6px 52px; font-size: 14px; line-height: 20px; }
.itool .item_2 a p { line-height: 40px;}
.itool .item_4 a p { line-height: 40px;}
.itool .item_5 { width: 100%;}

.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 { }
.footbox { padding-top: 5px;}
.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; }

}