﻿/*初始化css*/
body{font-family:微软&#98;&#101;&#97;&#116;&#51;&#54;&#53;&#23448;&#26041;&#32593;&#31449;&#95;&#51;&#54;&#53;&#36895;&#21457;&#22269;&#38469;&#24179;&#21488;&#30331;&#38470;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#20013;&#25991;&#20307;&#32946;&#22312;&#32447;;color: #333;}
*,*:before,*:after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,form
{margin:0;padding:0;border:0;outline:none;}
input{margin:0;padding:0;outline:none;}
li{list-style:none;}
a,ins{text-decoration:none;}
*:focus{outline:none;}
a{color:#333;}/*颜色根据通用信息列表的文字颜色决定*/
.more a{color: #999;}/*颜色根据通用更多的文字颜色决定*/
a:hover{color:#2d6fcd;}/*颜色根据psd主色调决定，比如很多都是蓝色*/
.more a:hover{color:#2d6fcd;}/*颜色根据psd主色调决定，比如很多都是蓝色*/
.fl{float:left;}
.fr{float:right;}
.cf:after{display:block;content:'';height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}
.hide{display:none;}
.block{display:block;}
textarea,input{font-family:微软&#98;&#101;&#97;&#116;&#51;&#54;&#53;&#23448;&#26041;&#32593;&#31449;&#95;&#51;&#54;&#53;&#36895;&#21457;&#22269;&#38469;&#24179;&#21488;&#30331;&#38470;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#20013;&#25991;&#20307;&#32946;&#22312;&#32447;;}
img{border:0;}
*:focus,a:focus,input:focus{border:0;}
.ma{margin: 0 auto;width: 1200px}
.w1200{margin: 0 auto;width: 1200px}
/* main */
.mianbg{width: 100%}
.main{padding: 30px 30px 40px 30px}
/* mainTop */
.mainTop{width: 100%}
/* section1 */
.mainTop .section1{width: 206px}
.mainTop .section1 div{width: 100%;height: 280px;padding: 10px;border: 1px solid #eeeeee}
.mainTop .section1 div img{width: 100%}
.mainTop .section1 p{font-size: 18px;text-align: center;margin-top: 0;color: #333333}
.mainTop .section1 span{font-size: 18px;color: #2d6fcd;font-weight: bold;margin-top: 15px;text-align: center;display: block;width: 100%}
.mainTop .section1 a{font-size: 16px;color: #e7a83b;display: block;width: 140px;height: 40px;background:url(e-mail_03.png) 24px center no-repeat #fff8ec;line-height: 40px;border-radius: 4px;padding-left: 52px;margin: 30px 0 0 35px}
/* section2 */
.mainTop .section2>span.active{background: url(open.png) center top no-repeat }
.mainTop .section2{margin-left: 30px;width: 608px;min-height: 1170px;}

.mainTop .section2 .jlHead{width: 100%;height: 50px;background: #2d6fcd;color: #ffffff;font-size: 18px;padding-left: 30px;line-height: 50px}
.fggz{background:url(fggz.png) left center no-repeat;font-size: 22px;padding-left: 30px;margin-bottom: 10px;line-height: 36px;}
.grjl{background:url(grjl.png) left center no-repeat;font-size: 22px;padding-left: 30px;margin-top: 10px;display: block;margin-bottom: 10px;line-height: 36px;}
.jl-mian{overflow: hidden;max-height: 1125px;padding: 20px;width: 100%;border: 1px solid #dddddd;}
.mainTop .section2 .jl-con{line-height: 32px;color: #333333}

.mainTop .section2 .all{background: url(close_03.png) center top no-repeat;display: block;width: 80px;height: 30px;margin: 0 auto;cursor: pointer;}
/* section3 */
.mainTop .section3{width: 262px}
.mainTop .section3Top{width: 100%;height: 50px;background:#1586d1;padding-left: 30px;line-height: 50px;color: #ffffff;font-size: 18px}
.mainTop .section3Btm{width: 100%;padding: 13px 0 }
.mainTop .section3Btm{line-height: 36px}
.mainTop .section3Btm span{font-size: 16px;color: #2d6fcd;display: inline-block;width: 112px;text-align: right}
.mainTop .section3Btm div div{width: 136px}
.mainTop .section3Btm a{font-size: 16px;display: inline-block;width: 64px}
.mainTop .section3Btm p{font-size: 16px;display: inline-block;width: 64px}


/* mainBtn */
.scrollBox{ width:1150px;position:relative; margin: 0 auto;left: -5px;}
.scrollBox .ohbox ul{ zoom:1;padding: 5px 5px;margin-top: 25px;height: 242px;overflow:hidden;width: 9999px;position: relative}
.scrollBox .ohbox{ position:relative;width:100%;overflow: hidden;height: 270px;}
.scrollBox {position:relative;zoom:1;}
.scrollBox .ohbox ul li{float:left; margin-left:20px;padding:20px 28px;width: 270px;height: 238px;background: url(btn-newbg_03.png) center center no-repeat;}
.scrollBox .ohbox ul li.active{background: url(btn-newbg_05.png) center center no-repeat}
.scrollBox .ohbox ul li:first-child{margin-left: 0}
.scrollBox .ohbox ul li a{font-size: 16px;color: #3f5ec2;display:block;line-height: 26px;height: 52px;}
.scrollBox .ohbox ul li p{text-indent: 28px;font-size: 14px;color: #333333;margin-top: 8px}


.scrollBox .pageBtn span{  display:block;width:30px;height:80px;position:absolute;top:45%;margin-top: -40px;cursor:pointer;overflow:hidden;color: #a5c3ef}
.scrollBox .pageBtn .prev{left:-25px;background-position:-11px -84px ;background: url(btn-left_03.png) right center no-repeat;}
.scrollBox .pageBtn .next{right:-25px;background-position:-53px -84px ;background: url(btn-right_03.png) left center no-repeat}
.scrollBox .pageBtn .list{margin-top: 30px;position: relative;height: 40px;display: flex;align-items: center}
.scrollBox .pageBtn .list li{width: 40px;height: 40px;background: url(btn-small_03.png) center no-repeat;margin-left: 250px;cursor: pointer;}
.scrollBox .pageBtn .list li.active{background: url(btn-big_03.png) center no-repeat}
.scrollBox .pageBtn .list .listbg{height: 6px;width: 100%;background: #e6f0ff;position: absolute;top: 50%;margin-top: -3px;z-index: -1}
.scrollBox .pageBtn .list li.on{background-position:-114px -57px }
    

.mainBtm{margin-top: 30px}
.mainBtm .mainBtm-top{font-size: 22px;font-weight: bold;color: #333333;height: 40px;border-bottom: 2px solid #e6f0ff;}