/*===================CSS Reset============================*/
@font-face{ font-family: fontB; src: url('../font/SourceHanSansCN-Bold.otf');}
@font-face{ font-family: fontC; src: url('../font/centurygothic.ttf');}
@font-face{ font-family: fontR; src: url('../font/SourceHanSansCN-Regular.otf');}
html{ -webkit-box-sizing:border-box; box-sizing:border-box;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #666; font: 16px fontR,'微软雅黑',tahoma,Srial,helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style: none;}
table{ border-collapse:collapse; border-spacing:0;}
html{ overflow-y:scroll;overflow-x:auto;}
input,select,textarea,button{ outline:none; box-sizing:border-box;}
textarea{ resize:none;}
input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}
input::-webkit-input-placeholder{ /* WebKit browsers 适配谷歌 */ color: #666;}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 适配火狐 */ color: #666;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ 适配火狐 */ color: #666;}
input:-ms-input-placeholder{ /* Internet Explorer 10+  适配ie*/ color: #666;}
select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url(../images/jt2.png); background-repeat: no-repeat; background-size: 11px; background-position: center right; padding-right: 30px; padding: 0\0; background: none\0; border: none;}
select::-ms-expand{ display:none;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; transition: all ease 400ms; -webkit-transition: all ease 400ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1200px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bold{ font-weight: bold;}
.textC{ text-align: center;}
.textR{ text-align: right;}
.fontB{ font-family: fontB,"微软雅黑";}
.fontC{ font-family: fontC,"微软雅黑";}
.color-0{ color: #000 !important;}
.color-3{ color: #333 !important;}
.color-6{ color: #666 !important;}
.color-9{ color: #999 !important;}
.color-f{ color: #fff !important;}
.bg-f{ background-color: #fff;}
.bg-f8{ background-color: #f8f8f8;}
.dong{ transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.imgH img{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms;}
.imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}

/*============================ Header ============================*/
.header{ width: 100%; height: 90px; box-shadow: 0 4px 10px rgba(0,0,0,.1); border-bottom: 1px solid #eee\0; position: fixed; top: 0; left: 0; z-index: 999;}
.header .logo{ display: block; width: 90px; margin-top: 0px;}
.header .logo img{ width: 100%;}
.header .info a{ display: inline-block; line-height: 90px;}
.header .info .icon1,.header .info .icon2{ border-right: 1px solid #ebebeb; padding: 0 16px 0 54px; background-position: center left 20px; background-position: 20px 32px\0; background-repeat: no-repeat; background-size: 25px;}
.header .info .icon1{ background-image: url(../images/iconYy.png);}
.header .info .icon2{ background-image: url(../images/iconSc.png);}
.header .info .icon3{ padding: 0 25px;}
/*登录状态*/
.header .info .icon4{ font-size: 14px; padding: 12px 25px 0;}
/*.header .info .icon4 .img{ width: 40px; height: 40px; margin: 0 auto 5px; border-radius: 50%; vertical-align: middle;}*/
.header .info .icon4 .img img{ width: 100%;}
.header .info .icon4 .tc{ line-height: 16px;}

.is-fixed .info .icon4{ padding-top: 5px;}
.is-fixed .info .icon4 .img{ width: 30px; height: 30px;}

/*头像角标*/
.header .info .icon4 .img{ width: 40px; height: 40px; margin: 0 auto 5px; vertical-align: middle; position: relative;}
.header .info .icon4 .img i{ display: block; width: 20px; height: 20px; color: #fff; font-size: 12px; text-align: center; line-height: 18px; border: 1px solid #fff; background: #e85959; border-radius: 50%; position: absolute; bottom: 0; right: 0; z-index: 1;}
.header .info .icon4 .img img{ width: 100%; border-radius: 50%;}


.header .info a:hover{ color: #e85959;}
.header .navBar li{ float: left; margin-right: 40px;}
.header .navBar li a{ display: block; color: #666; line-height: 90px; background-position: center bottom; background-repeat: no-repeat; background-size: 8px;}
.header .navBar li.slt a,.header .navBar li:hover a{ color: #333; background-image: url(../images/jt1.png);}

.is-fixed{ height: 70px;}
.is-fixed .logo{ margin-top: 9px;}
.is-fixed .navBar li a{ line-height: 70px;}
.is-fixed .info a{ line-height: 70px;}
.is-fixed .info .icon1,.is-fixed .info .icon2{ background-position: 20px 22px\0;}

#popBg{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; z-index:99998; -moz-opacity: .8; opacity: .8; filter: alpha(opacity=70);}
#popDl,.popSc{ display: none; width: 560px; height: 390px; border-radius: 10px; background: #fff; position: fixed; top: 50%; left: 50%; margin: -195px 0 0 -280px; z-index:99999; overflow: auto;}
#popDl .gb,.popSc .gb{ display: block; width: 32px; height: 32px; font-size: 0; background: url(../images/popGb.png) center no-repeat; background-size: contain; position: absolute; top: 0; right: 0;}
#popDl .dlTit{ border-bottom: 1px solid #eee;}
#popDl .dlTit span{ display: inline-block; font-size: 24px; padding: 0 13px; margin: 0 5px; line-height: 62px; border-bottom: 2px solid rgba(0,0,0,0); cursor: pointer;}
#popDl .dlTit .a{ color: #333; border-bottom: 2px solid #333;}
#popDl .dlCon{ display: none; padding: 0 30px;}
#popDl .dlCon input{ height: 62px; line-height: 62px; background: #F8F8F8; border-radius: 6px; padding: 0 15px;}
#popDl .dlCon .t1{ margin-top: 22px;}
#popDl .dlCon .t1 input{ width: 100%;}
#popDl .dlCon .t2{ padding: 15px 0;}
#popDl .dlCon .t3 input{ width: 100%; color: #fff; background: #333; cursor: pointer; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
#popDl .dlCon .t4{ margin-top: 22px;}
#popDl .dlCon .t4 .inp1{ width: 60%;}
#popDl .dlCon .t4 .inp2{ width: 35%; cursor: pointer; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
#popDl .dlCon a:hover{ color: #e85959 !important;}
#popDl .dlCon .t3 input:hover{ background: #000;}
#popDl .dlCon .t4 .inp2:hover{ background: #333; color: #fff !important;}

.popSc{ height: 280px; margin-top: -140px; padding: 20px 30px 0;}
.popSc .tit{ font-size: 24px;}
.popSc .txt{ background: #FFFFFF; margin: 40px 0 25px; border-bottom: 8px; padding: 10px 20px;}
.popSc .txt span{ display: block; width: 80px; line-height: 40px;}
.popSc .txt p{ padding-left: 90px;}
.popSc .txt p select{ max-width: 300px; height: 40px; line-height: 40px; background-color: #f8f8f8; cursor: pointer;}
.popSc .an input{ width: 100%; height: 64px; color: #fff; line-height: 64px; background: #333; border-radius: 8px; cursor: pointer;}
.popSc .an input:hover{ background: #000;}

/*============================ Footer ============================*/
.footer{  background: #333; padding: 30px 0;}
.footer .left{ width: 80%; line-height: 36px;}
.footer .left span{ display: block;}
.footer .left span a{ color: #fff; display: inline-block;}
.footer .left span i{ display: inline-block; margin: 0 15px;}
.footer .left p a{ display: inline-block; color: #999; margin-right: 15px;}
.footer .left a:hover{ color: #e85959;}
.footer .right img{ width: 116px; border-radius: 5px; margin-bottom: 5px;}

/*============================ Index ============================*/
.main{ min-height: calc(100vh - 301px); margin-top: 90px;}

.ixSlide{width: 100%; height: auto; margin-top: 30px; position: relative;}
.ixSlide .bd li img{ width: 100%; float: left; border-radius: 5px;}
.ixSlide .dots{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 15px; z-index: 9;}
.ixSlide .dots li{ display: inline-block; width: 12px; height: 12px; font-size: 0; border: 2px solid #fff; border-radius: 50%; margin: 0 3px; opacity: .5; cursor: pointer;}
.ixSlide .dots li.active{ background: #fff; opacity: 1;}

.ixTit{ font-size: 32px; padding: 20px 0;}

.ixPart1{ margin: 0 -7px 10px;}
.ixPart1 a{ display: block; float: left; width: 120px; color: #666; line-height: 48px; margin: 30px 7px 0; background: #f8f8f8; border-radius: 30px;}
.ixPart1 a:hover{ background: #000; color: #fff;}

.ixPart2 .left{ width: 360px; height: 360px; border-radius: 6px;}
.ixPart2 .left .img{ display: block; width: 360px; height: 240px; border-radius: 6px; position: relative;}
.ixPart2 .left .img span{ display: inline-block; background: #333; padding: 0 20px; line-height: 34px; border-radius: 20px 0 0 20px; position: absolute; top: 0; right: 0; z-index: 2;}
.ixPart2 .left .img i{ display: block; width: 100%; height: 100%; background: url(../images/iconBf1.png) center no-repeat rgba(0,0,0,.65); position: absolute; top: 0; left: 0; z-index: 1;}
.ixPart2 .left .img img{ width: 100%; float: left;}
.ixPart2 .left .txt{ padding: 10px;}
.ixPart2 .left .txt span{ display: block; font-size: 20px;}
.ixPart2 .left .txt p{ height: 64px; line-height: 32px;}
.ixPart2 .right{ width: 810px; height: 360px; padding: 20px; border-radius: 6px;}
.ixPart2 .right .part{ width: 48%;}
.ixPart2 .right .part span,.ixPart2 .right .part em{ display: block;}
.ixPart2 .right .part .box1 img{ width: 144px; height: 144px; border-radius: 6px;}
.ixPart2 .right .part .box1 .txt{ width: 200px; padding: 15px 20px 0 0;}
.ixPart2 .right .part .box1 .txt em{ margin: 10px 0 5px;}
.ixPart2 .right .part .box1 .txt p{ height: 48px; line-height: 24px;}
.ixPart2 .right .part .box2{ margin-top: 20px;}
.ixPart2 .right .part .box2 span{ width: 60%; background: url(../images/iconBf2.png) center left no-repeat; background-size: 12px; padding-left: 26px;}
.ixPart2 .right .part .box2 em{ width: 35%;}
.ixPart2 a:hover,.ixPart3 .right .txt a:hover{ color: #e85959 !important;}

.ixPart3{ background: url(../images/ixImg2_1.jpg) center no-repeat; background-size: cover; padding: 30px 0 60px; margin-top: 40px;}
#qkCont{ width: 360px; height: 240px; margin: 50px 0 0 60px;}
#qkCont .roundabout-holder{ width: 360px; height: 240px;}
#qkCont .roundabout-moveable-item{ width: 360px; height: 240px; cursor:pointer;}
#qkCont .roundabout-moveable-item img{ width:100%; height: 100%; border-radius: 5px;}
.ixPart3 .right{ width: 620px;}
.ixPart3 .right .txt{ padding: 8px 0; line-height: 34px;}
.ixPart3 .right .txt span,.ixPart3 .right .txt em{ display: block;}
.ixPart3 .right .txt span{ width: 60%;}
.ixPart3 .right .txt span i{ display: block; width: 10%; height: 34px; text-align: center; margin-right: 2%; background-position: center; background-repeat: no-repeat; background-size: 22px;}
.ixPart3 .right .txt span i.icon1{ font-size: 0; background-image: url(../images/ixImg2_3.png);}
.ixPart3 .right .txt span i.icon2{ font-size: 0; background-image: url(../images/ixImg2_4.png);}
.ixPart3 .right .txt span i.icon3{ font-size: 0; background-image: url(../images/ixImg2_5.png);}
.ixPart3 .right .txt span a{ display: block; max-width: 88%;}
.ixPart3 .right .txt em{ width: 35%;}

.ixPart4 .list{ margin: 0 -50px;}
.ixPart4 .list a{ display: block; width: 154px; margin: 0 50px 40px;}
.ixPart4 .list a .img{ width: 154px; height: 154px; border-radius: 50%; margin-bottom: 10px;}
.ixPart4 .list a .img img{ width: 100%; height: 100%;}
.ixPart4 .list a:hover,.ixPart5 .list .box:hover{ color: #E85959;}

.ixPart5 .list{ margin: 0 -25px;}
.ixPart5 .list .box{ width: 200px; margin: 0 25px 40px;}
.ixPart5 .list .box .img{ background: url(../images/ixImg4_11.png) center right no-repeat; background-size: auto 100%; border-radius: 6px; margin-bottom: 20px;}
.ixPart5 .list .box .img img{ width: 160px; height: 150px; float: left;}

.ixPart6{ padding: 10px 0 40px;}
.ixPart6 .left{ display: block; width: 360px; position: relative; border-radius: 6px; }
.ixPart6 .left .img{ width: 360px; height: 300px; border-radius: 6px 6px 0 0;}
.ixPart6 .left .img img{ width: 100%; height: 100%;}
.ixPart6 .left p{ padding: 8px 10px;}
.ixPart6 .left:hover p{ background: #000; color: #fff;}
.ixPart6 .right{ width: 840px;}
.ixPart6 .right a{ display: block; width: 190px; height: 160px; margin: 0 0 20px 20px; border-radius: 6px; position: relative;}
.ixPart6 .right a img{ width: 100%; height: 100%;}
.ixPart6 .right a p{ width: 100%; background: rgba(0,0,0,.3); padding: 5px; position: absolute; left: 0; bottom: 0; z-index: 1;}
.ixPart6 .right a:hover p{ background: #000;}

/*============================ Others ============================*/
.grPart1{ height: 240px; padding: 45px 40px 0; background: url(../images/grImg1_1.jpg) center no-repeat; background-size: cover; margin: 30px 0;}
/*.grPart1 img{ width: 142px; height: 142px; border-radius: 50%;}*/
.grPart1 .txt{ margin-left: 40px; line-height: 46px;}
.grPart1 .txt p em{ font-size: 24px;}

.grPart1 .img{ width: 142px; height: 142px; position: relative;}
.grPart1 .img i{ display: block; width: 30px; height: 30px; color: #fff; text-align: center; line-height: 30px; border: 1px solid #fff; background: #e85959; border-radius: 50%; position: absolute; bottom: 0; right: 10px; z-index: 1;}
.grPart1 .img img{ width: 100%; height: 100%; border-radius: 50%;}

.grPart2{ border-bottom: 2px solid #333;}
.grPart2 a{ display: block; float: left; font-size: 22px; padding-bottom: 20px; background-position: center bottom; background-repeat: no-repeat; background-size: 11px; margin-right: 40px;}
.grPart2 a.slt,.grPart2 a:hover{ font-family: fontB,"微软雅黑"; background-image: url(../images/jt1.png);}
.grCont{ border: 1px solid #eee; margin-bottom: 40px;}
.grCont .part1{ padding: 0 10px 25px;}
.grCont .part1 .box1,.grCont .part1 .box2{ width: 530px; margin: 25px 20px 0; padding: 15px 15px 15px 0; line-height: 40px; border-radius: 6px;}
.grCont .part1 .box1 span,.grCont .part1 .box2 span{ display: block; width: 110px; padding: 0 15px;}
.grCont .part1 .box1 input,.grCont .part1 .box1 select,.grCont .part1 .box2 input,.grCont .part1 .box2 select{ max-width: 400px; width: 400px\0; color: #333; height: 40px; line-height: 40px; background-color: #f8f8f8; text-align: right;}
.grCont .part1 .box1 textarea{ width: 400px; height: 100px; color: #333; padding: 10px 0 0; background-color: #f8f8f8;}
.grCont .part1 .box2{ padding: 0;}
.grCont .part1 .box2 span{ width: 90px; padding: 0;}
#editor{ width: 440px !important; float: left;}
#editor .w-e-toolbar,#editor .w-e-text-container{ border-color: #eee !important;}
#editor .w-e-toolbar .w-e-menu{ width: 25px !important; height: 25px !important;}
#editor .w-e-toolbar .w-e-menu i{ font-size: 12px !important;}
#editor .w-e-text-container{ height: 200px !important;}
#editor .w-e-icon-fullscreen{ display: none;}
.grCont .part1 .box3,.grCont .part1 .box4{ margin: 25px 20px 0;}
.grCont .part1 .box3 span{ width: 110px;}
.grCont .part1 .box3 .upload{ display: block; width: 120px; height: 120px; position: relative; text-decoration: none; background: url(../images/file.jpg) center no-repeat; background-size: contain;}
.grCont .part1 .box3 .upInp{ width: 120px; height: 120px; position: absolute; overflow: hidden; right: 0; top: 0; opacity: 0; cursor: pointer;}
.grCont .part1 .box3 .showImg{ width: 100% !important;}
.grCont .part1 .box4 input{ width: 240px; height: 64px; color: #fff; line-height: 64px; background: #333; border-radius: 6px; cursor: pointer; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.grCont .part1 .box5 input{ margin-left: 110px;}
.grCont .part1 .box4 input:hover{ background: #000;}
.grCont .part1 .box6{ padding: 20px 20px 0;}
.grCont .part1 .box6 i{ display: block; width: 90px; margin-top: 5px;}
.grCont .part1 .box6 p{ padding-left: 90px;}
.grCont .part1 .box6 p em{ display: block; float: left; width: 120px; margin-bottom: 10px;}
.grCont .part1 .check .checkInp{ appearance: none; -webkit-appearance: none; outline: none; display: none; display: inline-block\0; margin-right: 5px\0;}
.grCont .part1 .check .checkInp+span{ width: 24px; height: 24px; display: inline-block; background: url(../images/check1.png) no-repeat; position: relative; top: 5px; margin-right: 5px; display: none\0;}
.grCont .part1 .check .checkInp:checked+span{ background-image: url(../images/check2.png);}

.grCont .part2 .box{ padding: 20px;}
.grCont .part2 .box .img{ width: 180px; height: 180px; border-radius: 6px;}
.grCont .part2 .box .img img{ width: 100%; height: auto;}
.grCont .part2 .box .txt{ width: 950px;}
.grCont .part2 .box .txt span,.grCont .part2 .box .txt span a{ display: block; font-size: 20px;}
.grCont .part2 .box .txt p{ height: 64px; line-height: 32px; margin: 5px 0;}
.grCont .part2 .box .txt .an a{ display: block; float: left; text-align: center; width: 130px; height: 36px; line-height: 34px; border: 2px solid #999; border-radius: 20px; margin: 10px 15px 0 0;}
.grCont .part2 .box .txt span a:hover,.grCont .part3 .box .txt .t1 span a:hover{ color: #e85959 !important;}
.grCont .part2 .box .txt .an a.slt,.grCont .part2 .box .txt .an a:hover{ color: #fff; background: #000; border-color: #000;}
.grCont .part3{ padding: 0 35px 35px;}
.grCont .part3 .box{ margin-top: 30px; border-radius: 6px; padding-right: 40px;}
.grCont .part3 .box .img{ width: 160px; height: 160px; border-radius: 6px;}
.grCont .part3 .box .img img{ width: 100%; height: 100%;}
.grCont .part3 .box .txt{ width: 900px;}
.grCont .part3 .box .txt .t1{ padding: 15px 0; line-height: 30px;}
.grCont .part3 .box .txt .t1 span,.grCont .part3 .box .txt .t1 span a{ display: block; font-size: 20px;}
.grCont .part3 .box .txt .t1 span{ width: 55%;}
.grCont .part3 .box .txt .t1 em{ display: block; width: 40%;}
.grCont .part3 .box .txt .t2{ margin-bottom: 15px;}
.grCont .part3 .box .txt .t2 em{ display: inline-block; margin: 0 40px 10px 0;}
.grCont .part3 .box .txt .t3 em{ display: inline-block; font-size: 24px;}

.flPart1{ padding: 25px 0 10px;}
.flPart1 .t1{ padding-bottom: 15px;}
.flPart1 .t2{ margin: 0 -7px;}
.flPart1 .t2 em{ display: block; float: left; width: 120px; line-height: 36px; background: #fff; border-radius: 20px; margin: 0 7px 20px; cursor: pointer;}
.flPart1 .t2 .slt{ color: #fff; background: #333;}
.flPart2{ padding-bottom: 50px;}
.flPart2 .list{ margin: 0 -20px;}
.flPart2 .list .box{ width: 270px; margin: 0 20px 30px;}
.flPart2 .list .box .img{ display: block; width: 270px; height: 184px; border-radius: 6px; margin-bottom: 15px; position: relative;}
.flPart2 .list .box .img i{ display: block; width: 100%; height: 100%; background: url(../images/iconBf1.png) center no-repeat rgba(0,0,0,.65); background-size: 36px; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0;}
.flPart2 .list .box .img img{ width: 100%; height: 100%;}
.flPart2 .list .box .img:hover i{ opacity: 1;}
.flPart2 .list .box .t1{ font-size: 20px;}
.flPart2 .list .box .t2{ line-height: 20px; margin-top: 5px;}
.flPart2 .list .box .t2 span{ display: block; width: 50%; margin-top: 8px\0;}
.flPart2 .list .box .t2 span i{ display: inline-block; font-size: 20px;}
.flPart2 .list .box .t2 em{ display: block; width: 45%; padding: 0; font-size: 0;}
.flPart2 .list .box .t2 em a{ display: inline-block; width: 23px; height: 20px; margin: 0 0 0 20px; background-position: center; background-repeat: no-repeat; background-size: auto 100%;}
.flPart2 .list .box .t2 em a.icon1{ background-image: url(../images/flIcon1.png);}
.flPart2 .list .box .t2 em a.icon2{ background-image: url(../images/flIcon2.png);}
.flPart2 .list .box .t2 em a.icon1:hover{ background-image: url(../images/flIcon1H.png);}
.flPart2 .list .box .t2 em a.icon2:hover{ background-image: url(../images/flIcon2H.png);}
.flPart2 .list .box .t1 a:hover{ color: #E85959;}

.flPart3{ padding: 40px 0;}
.flPart3 .part .img{ width: 330px; height: 230px; position: relative;}
.flPart3 .part .img img{ width: 320px; height: 220px; border-radius: 5px; position: absolute; top: 0; left: 0; z-index: 1;}
.flPart3 .part .img p{ width: 320px; height: 220px; box-shadow: 0 0 8px rgba(0,0,0,.2); position: absolute; bottom: 0; right: 0; border-radius: 5px;}
.flPart3 .part .right{ width: 850px;}
.flPart3 .part .right .t1{ font-size: 24px; margin-top: 20px;}
.flPart3 .part .right .t2 em{ display: inline-block; margin: 10px 20px 0 0;}
.flPart3 .part .right .t3{ font-size: 24px; margin-top: 20px;}
.flPart3 .part .right .t3 i{ font-size: 36px;}
.flPart3 .part .right .t4{ margin-right: -20px;}
.flPart3 .part .right .t4 a{ display: block; float: left; width: 140px; height: 48px; font-size: 20px; line-height: 48px; margin: 10px 20px 0 0; border: 1px solid #333; border-radius: 30px; overflow: hidden;}
.flPart3 .part .right .t4 a i{ display: inline-block; background-position: center left; background-repeat: no-repeat; background-size: auto 20px; padding-left: 28px;}
.flPart3 .part .right .audio-play i.icon1{ display: block; width: 100%; height: 100%; background: url(../images/flIcon3.png) center no-repeat; background-size: auto 100%; font-size: 0;}
.flPart3 .part .right .audio-stop i.icon1{ background-image:url(../images/flIcon3H.png)}
.flPart3 .part .right .t4 a i.icon2{ background-image: url(../images/flIcon1H.png);}
.flPart3 .part .right .t4 a i.icon3{ background-image: url(../images/flIcon2H.png);}
.flPart3 .part .right .t4 a i.icon4{ background-image: url(../images/flIcon4.png);}
.flPart3 .part .right .t4 a:hover{ color: #fff; background: #333;}
.flPart3 .part .right .audio-play:hover i.icon1{ background-image: url(../images/flIcon5.png);}
.flPart3 .part .right .audio-stop:hover i.icon1{ background-image: url(../images/flIcon5H.png);}
.flPart3 .part .right .t4 a:hover i.icon2{ background-image: url(../images/flIcon1W.png);}
.flPart3 .part .right .t4 a:hover i.icon3{ background-image: url(../images/flIcon2W.png);}
.flPart3 .part .right .t4 a:hover i.icon4{ background-image: url(../images/flIcon4H.png);}
.audio-box{ width:100%; min-width:338px; height:auto; color:#999; margin-top: 40px;}
.audio-body{ width: 100%; float:left; height: 54px; position: relative;}
.audio-backs{ position:relative; height: 20px;}
.audio-setbacks{ height: 10px; border-radius: 5px; background: #ddd;}
.audio-setbacks{ position:relative; top: 50%;}
.audio-cache-setbacks,.audio-this-setbacks{ height: 100%; position: absolute; left: 0; top: 0; border-radius: 5px 0 0 5px;}
.audio-cache-setbacks{ background: #ddd; z-index: 1; border-radius: 5px; cursor: pointer;}
.audio-this-setbacks{ background: #333; z-index: 2;}
.audio-backs-btn{ position:absolute; width: 18px; height: 18px; top: 50%; right: -16px; margin-top: -9px; background: #333; border-radius: 50%; cursor: pointer;}
.audio-this-time,.audio-count-time{ width: 40%; position: absolute; bottom: 0; left: 0;}
.audio-count-time{ left: auto; right: 0; text-align: right;}
.flPart4{ margin: 30px 0 40px; border: 1px solid #eee; border-top: 4px solid #333; padding: 18px;}
.flPart4 .tit{ font-size: 24px; margin-bottom: 10px;}
.flPart4 .txt{ line-height: 36px;}
.gmPart{ margin: 40px 0; padding: 30px 40px;}
.gmPart .t1{ padding-bottom: 20px;}
.gmPart .t1 span{ font-size: 32px;}
.gmPart .t1 span i{ display: inline-block; font-size: 42px;}
.gmPart .t2 span{ display: inline-block; width: 120px; line-height: 36px; text-align: center; border: 2px solid #bbb; border-radius: 20px; margin-right: 24px; cursor: pointer;}
.gmPart .t2 span i{ display: inline-block; background-position: center left; background-repeat: no-repeat; background-size: 20px; padding-left: 26px;}
.gmPart .t2 span i.icon1{ background-image: url(../images/iconWx.png);}
.gmPart .t2 span i.icon2{ background-image: url(../images/iconZfb.png);}
.gmPart .t2 .wx.slt{ border-color: #09bb07;}
.gmPart .t2 .zfb.slt{ border-color: #0fadf2;}

.zzPart1{ padding-top: 10px;}
.zzPart1 a{ display: block; float: left; font-size: 20px; margin-top: 20px; padding: 0 15px 10px; border-bottom: 4px solid rgba(0,0,0,0);}
.zzPart1 a.slt,.zzPart1 a:hover{ font-family: fontB,"微软雅黑"; border-bottom: 4px solid #333;}
.zzPart2{ padding: 40px 0 70px;}
.zzPart2 .list{ margin: 0 -50px;}
.zzPart2 .list .box{ display: block; width: 154px; margin: 0 50px 40px;}
.zzPart2 .list .box .img{ width: 154px; height: 154px; border-radius: 50%; margin-bottom: 10px;}
.zzPart2 .list .box .img img{ width: 100%; }
.zzPart2 .list .box:hover{ color: #E85959;}
.zzPart3{ padding: 30px 0 25px;}
.zzPart3 .img{ width: 200px; height: 200px; border-radius: 50%;}
.zzPart3 .img img{ width: 100%; height: 100%; border-radius: 50%;}
.zzPart3 .right{ width: 960px;}
.zzPart3 .right .t1{ font-size: 24px; margin-bottom: 10px;}
.zzPart3 .right .t2 span{ display: block; width: 870px;}
.zzPart3 .right .t2 a{display: block;}
.zzPart3 .right .t2 a:hover{ color: #E85959;}
.zzPart3 .right .t3{ padding: 10px 0;}
.zzPart3 .right .t3 i{ display: inline-block; font-size: 24px;}
.zzPart3 .right .t4 a{ display: block; width: 160px; color: #fff; font-size: 20px; text-align: center; line-height: 48px; background: #333; border-radius: 30px;}
.zzPart3 .right .t4 a:hover{ background: #E85959;}
.zzPart4{ padding: 30px 0 50px;}
.zzPart4 .tit{ font-size: 24px; margin-bottom: 15px;}

/*新增*/
.zzPart4 .tit .type{cursor: pointer;color: #9b9b9b}
.zzPart4 .tit .type:nth-child(2){margin-left: 10px;}
.zzPart4 .tit .on{color: #0b2e13;}



.zzPart4 .part{ border: 1px solid #eee; border-top: 2px solid #333;}
.zzPart4 .part table{ width: 100%;}
.zzPart4 .part table tr:nth-child(even){ background: #f8f8f8;}
.zzPart4 .part table tr td{ padding: 10px;}
.zzPart4 .part .fenye{ padding: 20px 0 25px;}

.xdPart{ margin: 50px 0 60px; padding: 40px 10px;}
.xdPart .tit{ font-size: 24px; padding-bottom: 40px;}
.xdPart .box{ width: 560px; margin: 0 15px 30px; padding: 15px 20px;}
.xdPart .box span{ display: block; width: 80px; line-height: 40px;}
.xdPart .box input{ width: 440px; height: 40px; color: #333; line-height: 40px;}
.xdPart .tj input{ width: 240px; height: 64px; color: #fff; line-height: 64px; background: #333; margin: 0 15px; cursor: pointer; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.xdPart .tj input:hover{ background: #000;}

.fenye a,.fenye span{ display: inline-block; width: 36px; height: 36px; color: #999; line-height: 34px; border: 2px solid #ccc; border-radius: 50%; margin: 10px 7px 0;}
.fenye .l{ width: 76px; border-radius: 20px;}
.fenye a:hover,.fenye span{ color: #fff; background: #333; border-color: #333;}

.hyPart1{ height: 480px; font-size: 78px; background: url(../images/tqBanner.jpg) center no-repeat; background-size: cover; padding: 60px 0;}
.hyPart2{ margin-top: -70px;}
.hyPart2 .part{ width: 100%; height: 386px; border: 1px solid #e9e9e9; border-radius: 10px; padding: 15px;}
.hyPart2 .part img{ width: 48px; margin-bottom: 5px;}
.hyPart2 .part .t1{ font-size: 20px;}
.hyPart2 .part .t2{ line-height: 32px; margin: 5px 0 15px;}
.hyPart3{ margin: 30px 0 50px; border-radius: 10px; padding: 30px 20px 20px;}
.hyPart3 .title{ font-size: 24px; margin-bottom: 20px;}
.hyPart3 .part1{ margin: 0 -20px;}
.hyPart3 .part1 .box{ width: 360px; height: 160px; border: 2px solid #fff; border: 2px solid #eee\0; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 10px; padding: 25px 20px 0; margin: 0 20px 30px; cursor: pointer;}
.hyPart3 .part1 .box span{ display: block; font-size: 24px;}
.hyPart3 .part1 .box em{ display: block; font-size: 20px;}
.hyPart3 .part1 .box em i{ display: inline-block; font-size: 42px;}
.hyPart3 .part1 .box.slt{ border-color: #333; box-shadow: initial;}
.hyPart3 .part2{ display: none; border: 1px dashed #ddd; padding: 30px;}
.hyPart3 .part2 .t1{ margin-bottom: 15px;}
.hyPart3 .part2 .t1 span{ font-size: 32px;}
.hyPart3 .part2 .t1 span i{ font-size: 42px;}
.hyPart3 .part2 .t2 span{ display: inline-block; width: 120px; line-height: 36px; text-align: center; border: 2px solid #bbb; border-radius: 20px; margin-right: 24px; cursor: pointer;}
.hyPart3 .part2 .t2 span i{ display: inline-block; background-position: center left; background-repeat: no-repeat; background-size: 20px; padding-left: 26px;}
.hyPart3 .part2 .t2 span i.icon1{ background-image: url(../images/iconWx.png);}
.hyPart3 .part2 .t2 span i.icon2{ background-image: url(../images/iconZfb.png);}
.hyPart3 .part2 .t2 .wx.slt{ border-color: #09bb07;}
.hyPart3 .part2 .t2 .zfb.slt{ border-color: #0fadf2;}

.zcPart{ padding: 25px 180px 25px 280px; margin: 40px 0 50px;}
.zcPart .title{ font-size: 24px; margin-bottom: 20px;}
.zcPart .txt1{ margin: 0 80px 20px 0; padding: 18px 20px; line-height: 40px; border-radius: 6px;}
.zcPart .txt1 span,.zcPart .txt2 .l span{ display: block; width: 80px; line-height: 40px;}
.zcPart .txt1 input,.zcPart .txt1 select,.zcPart .txt2 .l input{ width: 540px; height: 40px; color: #333; line-height: 40px; background-color: #f8f8f8;}
.zcPart .txt1 select{ width: auto; max-width: 540px;}
.zcPart .txt2{ margin: 0 80px 20px 0;}
.zcPart .txt2 .l{ width: 420px; padding: 18px 20px; padding: 10px 20px\0; border-radius: 6px;}
.zcPart .txt2 .l input{ width: 300px;}
.zcPart .txt2 .r{ width: 200px;}
.zcPart .txt2 .r input{ width: 100%; height: 60px; color: #999; line-height: 60px; background: #f8f8f8; border-radius: 6px; cursor: pointer; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.zcPart .txt2 .r input:hover{ color: #fff; background: #333;}
.zcPart .txt3{ margin-bottom: 20px;}
.zcPart .txt3 span{ display: block; width: 110px; line-height: 40px;}
.zcPart .txt3 .r{ width: 630px; line-height: 40px;}
.zcPart .txt3 .r em{ display: block; float: left; width: 120px;}
.zcPart .check .checkInp{ appearance: none; -webkit-appearance: none; outline: none; display: none; display: inline-block\0; margin-right: 5px\0;}
.zcPart .check .checkInp+span{ width: 24px; height: 24px; display: inline-block; background: url(../images/check1.png) no-repeat; position: relative; top: 5px; margin-right: 5px; display: none\0;}
.zcPart .check .checkInp:checked+span{ background-image: url(../images/check2.png);}
.zcPart .txt4 .check .checkInp+span{ width: 20px; height: 20px; background-image: url(../images/check3.png); top: 3px;}
.zcPart .txt4 .check .checkInp:checked+span{ background-image: url(../images/check4.png);}
.zcPart .txt5{ margin: 20px 80px 0 0;}
.zcPart .txt5 input{ width: 100%; height: 64px; color: #fff; line-height: 64px; background: #333; border-radius: 6px; cursor: pointer; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.zcPart .txt5 input:hover{ background: #000;}
.zcPart .txt6 span{ display: block; width: 110px;}
.zcPart .txt6 .upload{ display: block; width: 160px; height: 160px; position: relative; text-decoration: none; background: url(../images/file2.png) center no-repeat; background-size: contain; margin-right: 20px;}
.zcPart .txt6 .upInp{ width: 160px; height: 160px; position: absolute; overflow: hidden; right: 0; top: 0; opacity: 0; cursor: pointer;}
.zcPart .txt6 .showImg{ width: 100% !important;}
.zcPart .txt6 em{ display: block; margin-top: 130px;}

.yyBg{ background: url(../images/yyrImg1.jpg) center no-repeat; background-size: cover;}
.yyPart .part1{ padding: 90px 0 10px;}
.yyPart .part1 p{ font-size: 36px; text-transform: uppercase;}
.yyPart .part1 span{ display: block; font-size: 72px;}
.yyPart .part1 span i{ font-size: 96px; vertical-align: middle;}
.yyPart .part2{ background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.1); padding: 30px 0;}
.yyPart .part2 .box{ width: 33.333%; padding: 0 20px;}
.yyPart .part2 .box img{ width: 80px;}
.yyPart .part2 .box p{ padding-left: 100px; line-height: 32px;}
.yyPart .part2 .box p span{ display: block; font-size: 24px; padding: 15px 0 0;}
.yyPart .part3 a{ display: inline-block; width: 320px; font-size: 24px; line-height: 64px; background: #fff; border: 2px solid #fff; margin-top: 40px; margin-bottom: 40px\0; border-radius: 40px;}
.yyPart .part3 a:hover{ color: #fff; background: #000;}

.lxPart{ margin: 40px 0 60px; padding: 30px 10px 40px;}
.lxPart .title{ font-size: 24px; margin-bottom: 30px;}
.lxPart .box{ width: 270px; margin: 0 12px; padding: 15px 5px;}
.lxPart .box img{ width: 42px; margin-bottom: 5px;}
.lxPart .box span{ display: block; font-size: 24px; margin-top: 5px;}