﻿@import url(base.css); /*reset*/
body { background-color: #f1f1f1 !important; }
.banner { width: 100%; height: 309px; background: url(/images/banner.jpg) no-repeat bottom; }

.substance { width: 100%; overflow:hidden;  background: url(/images/substance.png) no-repeat top; margin-top: -64px; }
.substance .box {overflow:visible; }
.substance .aside { width: 243px; text-align: center; float: left; margin-bottom:5px; }
.substance .aside h3 { width: 100%; line-height: 64px; height: 64px; color: #fff; font-size: 28px; background-color: #104aa4; }
.substance .aside ul { overflow: hidden; padding: 13px 21px 9px; font-size: 0; background: #fff url(/images/asidebg.png) no-repeat top; box-shadow: 3px 3px 3px rgba(4,0,0,0.16);text-indent: 20px;text-align: left; }
.substance .aside li { line-height: 44px; }
.substance .aside li a { color: #000; }
.substance .aside li.last a { border: 0 none; }
.substance .aside .c_1 > li > a { display: block; font-size: 20px; border-bottom: 1px solid #ebebeb; }
.substance .aside .c_1 .on a { font-weight:700;  color: #104aa4; }
.substance .aside ol {display:none;}
/*二级*/
.substance .aside .c_1 .on .c_2  { display:block;margin-left:20px; }
.substance .aside .c_2 li { line-height:33px; }
.substance .aside .c_1 .on .c_2 a {color:#000;font-size: 16px; font-weight:100;}
.substance .aside .c_1 .on .c_2 .on a{ font-weight:700;  color: #104aa4; }

/*三级*/
.substance .aside .c_1 .on .c_2 .on .c_3 { display:block;margin-left:20px; }
.substance .aside .c_3 li { line-height:22px; }
.substance .aside .c_1 .on .c_2 .on .c_3 a { color:#000; font-size: 12px; font-weight:100;}
.substance .aside .c_1 .on .c_2 .on .c_3 .on a { font-weight:700;  color: #104aa4; }

/*.substance .aside li.on a { color: #104aa4; font-weight: bold; }
.substance .aside ol li a { color: #000 !important; font-size: 16px; font-weight: normal !important; }
.substance .aside ol li.on a { color: #104aa4 !important; }

.substance .aside ol li.on ol li ol{ display:none; }

.substance .aside ol li ol { display:none; }
.substance .aside ol li.on ol li.on ol { display:block; }
.substance .aside ol li.on ol li a { color: #000 !important; font-size: 14px; font-weight: normal !important; }
.substance .aside ol li.on ol li.on a { color: #104aa4 !important; }*/

.substance .right { width: 1004px;  margin-bottom:5px; text-align: center; background: #fff; box-shadow: 3px 3px 3px rgba(4,0,0,0.16); }
.substance .right .toptitle { height: 64px; line-height: 64px; border-bottom: 1px solid #e8e8e8; }
.substance .right .toptitle h2 { color: #000000; font-size: 20px; font-weight: normal; float: left; padding-left: 22px; border-left: 4px solid #104aa4; margin-left: -4px; }
.substance .right .toptitle .weizhi { text-align: right; color: #a7a7a7; font-size: 14px; margin-right: 29px; }
.substance .right .toptitle .weizhi a.on { color: #212121; }
.substance .right .toptitle .weizhi a { color: #a7a7a7; font-size: 14px; }

.jianjie { margin: 20px 30px;min-height:480px; text-align: left; font-size: 15px; color: #000; line-height: 30px; }
.hyjianjie { margin: 20px 30px;text-align: left; font-size: 15px; color: #000; line-height: 30px; overflow:hidden; }
.infotitle {text-align: center;    color: #104aa4;    font-size: 32px;  line-height:40px;  margin-bottom:20px; }
.subtit { display:none; text-align:center;}
.goback {width:100px; height: 33px; line-height: 33px;  margin:20px auto 10px; text-align:center; border-radius: 4px; background-color: #d9d9d9; }
.goback a { color: #3e3e3e; }

.cp { padding: 0 32px 30px;min-height:487px; }
.cp1 { padding: 21px 31px 12px;min-height:402px; width: 942px; float: right; text-align: center; background: #fff; box-shadow: 3px 3px 3px rgba(4,0,0,0.16); margin-top: 24px; margin-bottom:5px }
.cp1 h3 { text-align: left; height: 38px; line-height: 38px; font-size: 20px; color: #000000; font-weight: normal; padding-left: 22px; border-left: 4px solid #104aa4; }
.cp ul { overflow: hidden; }
.cp li { width: 286px; float: left; margin: 19px 40px 0 0; }
.cp li.last { margin-right: 0; }
.cp li img { width: 286px; height: 286px; vertical-align: top; }
.cp li .txt { width: 100%; line-height: 59px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cp2 { padding: 0 32px 30px;min-height:487px; }
.cp2 ul { overflow: hidden; }
.cp2 li { width: 450px; float: left; margin: 19px 40px 0 0; }
.cp2 li.last { margin-right: 0; }
.cp2 li img { width: 450px; height: 300px; vertical-align: top; }
.cp2 li .txt { width: 100%; line-height: 59px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.news { padding: 0 27px 32px; }
.news ul { margin-top: 36px; }
.news li { height: 102px; background-color: #f6f6f6; margin-top: 20px; }
.news li .date { text-align: center; width: 95px; color: #000; font-family: "Verdana Regular"; float: left; margin-top: 16px; }
.news li .date .ri { font-size: 45px; line-height: 50px; }
.news li .date .year { font-size: 13px; font-weight: bold; line-height: 16px; }
.news li .wenzi { text-align: left; width: 810px; height: 55px; border-left: 2px solid #104aa4; float: left; margin-top: 25px; padding-left: 22px; }
.news li .wenzi h3 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #030303; font-size: 20px; font-weight: normal; line-height: 28px; }
.news li .wenzi .txt { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #030303; font-size: 16px; line-height: 20px; margin-top: 7px; }
.news li:hover { background-color: #114eac; }
.news li:hover .date { color: #fff; }
.news li:hover .wenzi { border-left: 2px solid #fff; }
.news li:hover .wenzi h3 { color: #fff; }
.news li:hover .wenzi .txt { color: #fff; }

.download { padding: 0 27px 32px; }
.download ul { margin-top: 36px; }
.download li { height: 102px; background-color: #f6f6f6; margin-top: 20px; }
.download li .down { text-align: center; width: 95px; color: #000;  float: left; margin-top: 25px; }
.download li .down .btn { font-size: 18px;  line-height: 27px; }
.download li .wenzi { text-align: left; width: 810px; height: 55px; border-left: 2px solid #104aa4; float: left; margin-top: 25px; padding-left: 22px; }
.download li .wenzi h3 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #030303; font-size: 20px; font-weight: normal; line-height: 28px; }
.donwload li .wenzi .txt { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #030303; font-size: 16px; line-height: 20px; margin-top: 7px; }
.download li:hover { background-color: #114eac; }
.download li:hover .btn { color: #fff; }
.download li:hover .wenzi { border-left: 2px solid #fff; }
.download li:hover .wenzi h3 { color: #fff; }
.download li:hover .wenzi .txt { color: #fff; }





.case { width: 100%; text-align: center; padding-bottom: 14px; }
.case .title { background: url(/images/title.png) no-repeat center; }
.case .title h2 { display: inline-block; *display: inline; *zoom: 1; padding: 0 23px; background-color: #fff; font-size: 24px; font-weight: normal; color: #000; line-height: 58px; }
.case ul { display: inline-block; *display: inline; *zoom: 1; overflow: hidden;width:930px; margin:0 auto; }
.case li { float: left; margin: 28px 22px 0 0; padding-bottom:22px; background:url(/images/casebg.png) no-repeat center bottom; }
.case li.last { margin-right: 0; }
.case li img { width: 216px; height: 128px; vertical-align: top; }

.page { width: 1004px; float: right; height: 33px; line-height: 33px; text-align: center; margin: 10px auto 30px; font-size: 0; }
.page ul { overflow: hidden; display: inline-block; *display: inline; *zoom: 1; }
.page li { width: 33px; height: 33px; line-height: 33px; float: left; margin: 0 5px; border-radius: 4px; background-color: #d9d9d9; }
.page li.on { background-color: #104aa4; }
.page li.on a { color: #fff; }
.page li.ye { width: 83px; height: 33px; line-height: 33px; }
.page li a { display: block; color: #3e3e3e; font-size: 18px; }

.contaction { overflow:hidden;width:940px; }
.contactleft { float: left; width: 60%; }
.contactleft dl { float: left; width: 100%; clear: both; margin-bottom: 30px }
.contactleft dt { float: left; width: 90px; }
.contactleft dd { float: left; width: auto; line-height: 36px }
.contactleft dd h4 { color: #f33b02; font-size: 20px; }
.contactleft dd h5 { color: #333; font-size: 18px; font-weight: 400 }
.contactright { float: right; width: 30%; text-align: right; }
.contactright img { margin-left: 10px; width: 178px; height: 178px; }


.footer { margin-top: 35px; }

