/* CSS Document */
body{font-size:12px;line-height:20px;color:#666;font-family:"Microsoft YaHei";background:#eee;}
.banner{ width:100%; height:527px; position:relative; overflow:hidden; z-index:1;}
.banner img{ position:absolute; left:50%; margin-left:-960px; top:0px;}

.wrapper{ width:1003px; margin:0 auto 20px  auto;}
.part1{}
.part1Left{ padding:10px 34px; background:#fff; height:227px; float:left}
.part1Right{ width:354px; float:right;}
.part1Right p{ height:117px; color:#fff;}
.part1Right p a{ color:#fff; font-size:18px;background:#006eb5;  display:block; position:relative; padding:25px 10px 15px 110px; line-height:30px; height:77px;}
.part1Right p a:hover{ background:#0093f0}
.part1Right p a i{ position:absolute; left:15px; top:20px;}
.i-ico1{ width:81px; height:73px; display:inline-block; background:url(/imagescjd/icon_10.png) no-repeat center center; vertical-align:middle}
.i-ico2{ width:81px; height:81px; display:inline-block; background:url(/imagescjd/icon_11.png) no-repeat center center; vertical-align:middle}

.title1{ border-bottom:1px solid #ddd; height:30px;}
.title1 span{ display:inline-block; font-size:24px; color:#005f9d; border-bottom:2px solid #0093f0; height:28px;}
.part1Left ul{ margin:5px 0px;}
.part1Left li{ border-bottom:1px dashed #ddd; padding:7px 0 7px 28px; position:relative; font-size:14px; line-height:24px;}
.part1Left li:last-child{ border-bottom:0}
.part1Left li i{ display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; font-size:12px; background:#0093f0; border-radius:100%; position:absolute; left:0px; top:10px;}
.jishiList li.bigLi{ width:50%; height:auto}
.shuoming{ display:inline-block; background:#0097f3; color:#fff; margin-left:-45px; padding:0 5px;}

.part2{ background:#fff; padding:20px 34px; margin-top:35px;}
.part2Tab{ margin-top:25px; padding-bottom:15px;}
.part2Tab a{ font-size:18px; display:inline-block; padding:0 25px; line-height:30px; color:#fff; background:#006eb5; position:relative; margin-right:10px; height:30px;}
.part2Tab a.act,.part2Tab a:hover{ background:#0093f0;}
.part2Tab a.act:after{ content:" "; display:inline-block; width:13px; height:9px; background:url(/pubimages/web/ico_tab.png) no-repeat; left:48%; top:30px; position:absolute}
.part2TabCon h3{ color:#0093f0; font-size:18px; font-weight:normal; padding:0 15px;}
.ctBox1,.ctBox{ display:none}
.ctBox1.act,.ctBox.act{ display:block}

.onlineList { padding:20px 0;}
.onlineList li{ display:inline-block; margin-right:40px; vertical-align:middle}
.onlineList li.last{ margin-right:0}
.olBox{ width:228px; height:228px; display:inline-block; position:relative; background:url(/pubimages/web/icon_16.png) no-repeat center center; text-align:center; color:#fff;}
.olBox.act{ background:url(/imagescjd/icon_17.png) no-repeat center center;}
.olBox em{ display:inline-block; width:48px; height:48px; text-align:center; font-size:33px; line-height:48px; background:#00a9f0; border:5px solid #fff; border-radius:100%; position:absolute; left:0px; top:0px; color:#fff; font-weight:bold}
.olBox span{ display:block; text-align:center; height:110px; margin-top:50px;}
.olBox b{ font-size:24px; font-weight:normal}
.i-arrR{ width:34px; height:60px; display:inline-block; background:url(/pubimages/web/icon_14.png) no-repeat center center;}

.part3{ background:#0093f0 url(/pubimages/web/bg_wenlu1.jpg) no-repeat bottom right; margin-top:32px; color:#fff; overflow:hidden; padding:10px 15px;}
.title2{ height:30px; position:relative; text-align:center; }
.title2 p{ height:1px; background:#fff; line-height:0px; font-size:0px; position:absolute; width:100%; left:0px; top:14px; z-index:1;}
.title2 span{ display:inline-block; padding:0 15px; font-size:24px;background:#0093f0; position:relative; z-index:2;}
.part3Txt { position:relative; padding:15px 0 15px 100px;line-height:30px; font-size:14px;;}
.part3Txt img{ position:absolute; left:0px; top:0px; }

.jishiList{ overflow:hidden; margin:20px 0;}
.jishiList ul{ width:105%;}
.jishiList li{ width:225px; float:left; height:220px; position:relative; padding:10px 15px 0 75px;}
.jishiList li i{ position:absolute; left:15px; top:0px;}
.jishiList li .jsInfo{}
.jishiList li .jsInfo h4{ font-size:18px; font-weight:normal; color:#333}
.jishiList li .jsInfo h5{ font-size:14px; line-height:24px; font-weight:normal; margin-top:10px;}

.part4{ overflow:hidden; margin-top:32px;}
.part4Left{ width:553px; float:left;}
.lawList{ background:#0093f0; color:#fff; padding:15px; height:390px;}
.lawList{}
.lawList li{ position:relative; border-bottom:1px dashed #70c2f7; padding:15px 0 15px 25px;}
.lawList li h4{ font-size:18px;}
.lawList li h5{ font-size:14px; margin-top:10px; font-weight:normal; line-height:26px;}
.lawList li.last{ border-bottom:0}
.lawList i{ position:absolute; left:0px; top:15px;}
.title3{ color:#005f9d; font-size:24px; line-height:30px; margin-bottom:10px;}
.part4Right{ width:410px; float:right;}
.credit{ background:#006eb5; color:#fff; padding:15px; height:390px;}
.credit li{ position:relative; padding:5px 0 5px 25px; color:#fff; border-bottom:1px dashed #fff; font-size:14px; line-height:28px;}
.credit li em{ position:absolute; left:0px; top:10px; display:inline-block; width:19px; height:19px; text-align:center; line-height:19px; color:#006eb5; background:#fff; border-radius:100%;}
.credit li.last{ border-bottom:0}

.part5{ margin-top:32px; background:#d1e8f6; padding:20px 40px; border:1px solid #bedef2; line-height:30px; font-size:14px;}
.lawAccord{ overflow:hidden; background:url(/pubimages/web/icon_19.png) no-repeat 47% center}
.lawAccord li{ width:50%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lawAccord li a{ padding-left:10px; display:block; background:url(/pubimages/web/icon_9.gif) no-repeat center left; color:#221815;}

.otherList{ padding:10px 0;}
.otherList li{ padding:10px 0;}
.otherList li h4 em{ width:26px; height:26px; display:inline-block; text-align:center; line-height:26px; color:#fff; background:#0093f0; border-radius:100%; vertical-align:middle; margin-right:10px;}
.otherList li h4 { font-size:18px; color:#0093f0; line-height:30px; font-weight:normal}
.otherList li h5{ font-size:14px; padding-left:36px; line-height:24px; font-weight:normal; margin-top:8px;}

.QaList{}
.QaList{ padding:10px 0;}
.QaList li{ padding:10px 0; border-bottom:1px solid #ddd;}
.QaList li h4 em{ width:26px; height:26px; display:inline-block; text-align:center; line-height:26px; color:#fff; background:#0093f0; border-radius:100%; vertical-align:middle; margin-right:10px;}
.QaList li h4 { font-size:18px; color:#0093f0; line-height:30px; font-weight:normal; cursor:pointer}
.QaList li .qaInfo{ position:relative; padding:5px 0 5px 40px; font-size:14px; line-height:18px; display:none}
.QaList li.act .qaInfo{ display:block}
.QaList li.last{ border-bottom:none}
.qaInfo em{width:26px; height:26px; display:inline-block; text-align:center; line-height:26px; color:#fff; background:#f08d00; border-radius:100%; position:absolute; left:0px; top:5px;}


.bg_yellow{ background:#f8f8eb}
.bg_blue{ background:#0093f0 !important}

.Hline{ height:200px; width:1px; float:left; border-left:1px dashed #ddd; vertical-align:middle; margin-top:50px;}

.bansm{ display:none;}
.banbig{ display:block}



/* CSS Document */

@media screen and (min-width:300px) and (max-width:960px) {
	.banbig{ display:none}
	.bansm{ display:block}
	.banner{ height:auto;}
	.banner img{ position:inherit; left:0px; top:0px; margin:0;}
.wrap,.wrapper{width:100%;}
.top{ height:auto; display:table; width:100%;}
.s_line,.Hline{ display:none;}
.tel,.erweimaList{ float:none; margin:1rem 1rem; width:auto; display:block}
.i-line{ width:1.8rem;}
.bottom_link{ height:auto; background-color:#185aae; line-height:2rem}
.bottom_link_left,.bottom_link_right,.bottom_word,.erweima{ float:none; width:auto;  margin:0; background:none; text-align:center}
.bottom_word{ margin:1rem;}

.part2Tab a{ margin-bottom:1rem;}
.i-arrR{ transform:rotate(90deg);}
.onlineList li{ width:100%; text-align:center; margin-right:0}
.part1Left,.part1Right,.lawList,.part4Right,.part4Left{ float:none; width:auto; height:auto}
.part1Right{}
.part4Right,.part1Right{ margin-top:1rem;}
.part2,.part5{ padding:1rem;}
.title3{ padding:0 1rem}
.jishiList li{ height:auto; width:75%;}
.lawAccord{ background:none}
.jishiList{ }
.lawAccord li,.jishiList ul{ width:100%;}
.jishiList li.bigLi{ width:100%}

}

@media screen and (min-width:300px) and (max-width:329px) {

}

@media screen and (min-width:330px) and (max-width:479px) {

}
@media screen and (min-width:480px) and (max-width:639px) {

}
@media screen and (min-width:640px) and (max-width:719px) {

}
@media screen and (min-width:720px) and (max-width:999px) {

}



@media screen and (min-width:1000px) and (max-width:1261px) {

}