@import url("../../lib/layui/css/layui.css");

*{ margin:0; padding:0;}
body,html{width: 100%; height: 100%;}
body{ font-size:14px; font-family:'Verdana','Microsoft YaHei'; background: #f5f5f5;}
img{ display:block; border:0; max-width:100%;max-height: 100%;}
a{ color:#444; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());cursor: pointer;}
a:visited{ color:#444;outline:none;blr:expression(this.onFocus=this.blur());}
ul,li,dl,dt,dd{ list-style:none;}
.clear{ clear:both; height:0; overflow:hidden;}



/* 头部 */
.top{width: 100%; height: 50px;line-height: 50px; position: fixed;background: #fff;box-shadow: 3px 0px 5px 0px #ddd;z-index: 100;}
.top .t-left{width: 180px; float: left; position: relative;}
.top .t-left .logo{width: 180px;}
.top .t-left .logo a{display: block;font-size: 18px;}
.top .t-left .logo img{height: 30px;float: left;margin: 10px 0 0 40px;box-shadow:0 1px 1px 0 #ccc;margin-right: 8px;border-radius: 5px;}
.top .t-right{float: right; width: calc(100% - 180px);}
.top .t-right .rLeft{float: left;}
.top .t-right .rRight{ float: right;}
.top .t-right .rRight a{margin-right: 15px;padding:0 5px;border-radius: 5px;display: inline-block;}
.top .t-right .rRight a.shiyong{ background: #236fdd; color: #fff;font-size: 13px;padding:0 10px;height: 32px;line-height: 32px;}
.t-height{height: 50px;}

.main{height:calc(100% - 50px); padding-left: 180px; position: relative;}
.div-left{width: 180px;height: 100%;background: #fff;float: left;box-shadow:0 1px 1px 0 #ddd;position: fixed;left: 0; }
.div-left .tit{height: 30px;line-height: 30px; color: #999;font-size: 10px; padding-left: 20px;margin-top: 5px;}
.div-left .hr{height: 1px; overflow: hidden;background: #ddd;margin-top: 5px;}
.div-left ul{}
.div-left ul li{font-size: 13px;}
.div-left ul li.hover a{background: #f5f5f5;border-left: solid 5px #f00;}
.div-left ul li a{line-height: 20px; padding: 8px 0;display:block;border-left: solid 5px #fff;padding-left: 15px;}
.div-left ul li a:hover{background: #f5f5f5;}
.div-left ul li a i{width: 20px;height: 20px;margin-right: 10px; display: inline-block;}

.div-right{ width:100%; height: 100%; float: left; overflow: auto;}
.div-right .banner{margin: 35px; background: #f00;height: 200px;border-radius: 15px;}
.div-right .hotInfo{margin: 35px; padding: 35px 30px; text-align: center;background: #fff;border-radius: 15px;}
.div-right .hotInfo h1{font-size: 36px;font-weight: normal; color: #000;}
.div-right .hotInfo h3{font-size: 28px;font-weight: normal;margin: 20px 0;}
.div-right .hotInfo p{font-size: 15px;line-height: 30px; color: #666;}
.div-right .hotInfo .ewm{color: #000;font-size: 18px;margin: 20px auto 0 auto;line-height: 20px; height: 20px; width: 150px; position: relative;}
.div-right .hotInfo .ewm:hover .appdown{display: inline-block;cursor: default;}
.div-right .hotInfo .ewm strong{height: 20px;line-height: 20px;display: inline-block;font-weight: normal;float: left;}
.div-right .hotInfo .ewm .icon-ewm{background:url("../img/ewm.png") no-repeat center;background-size: 100% auto;margin-top: 1px; width: 18px; height: 18px;display: inline-block;float: left;margin-left: 5px;}
.div-right .hotInfo .ewm .appdown{ position: absolute; top: 30px;left: -75px; background: #fff;width: 300px; height: 260px; text-align: center;border-radius: 15px;font-size: 14px;display: none;}
.div-right .hotInfo .ewm .appdown img{width: 200px; margin: auto;margin-top: 20px;}


.div-right::-webkit-scrollbar {width: 6px;}
.div-right::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px #999;-webkit-border-radius: 5px;border-radius: 5px;}
.div-right::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px;background: #999;-webkit-box-shadow: inset 0 0 5px #ccc;}
.div-right::-webkit-scrollbar-thumb:window-inactive {background: #999;}

.single{margin: 35px 0 35px 35px;}
.single .single-div{ width: 50%; float: left;}
.single .single-div:hover .single-con{box-shadow:0px 5px 10px 0 #ddd;}
.single .single-div .single-con{background: #fff;border-radius: 15px;box-shadow:5px 5px 10px 0 #eee;margin-right: 35px;padding: 25px;overflow: hidden; position: relative;}
.single .single-div .single-con h1{margin-bottom: 25px; position: relative;font-size: 38px;}
.single .single-div .single-con h1 i{font-style: normal;font-weight: normal;margin-right: 10px;}
.single .single-div .single-con h1 span{font-weight: normal;font-size: 13px; color: #999;position: absolute;top: 28px;margin-left: 10px;}
.single .single-div .single-con p{line-height: 30px;}
.single .single-div .single-con p i{width: 30px; height: 30px;margin-right: 10px; color: green;font-weight: bold;}
.single .single-div .single-con .single-but{margin: 20px 0; position: absolute; right: 30px;top: 10px;}

.funTable{margin:50px 35px 35px 35px;}
.funTable .fun-div{background: #fff;border-radius: 15px;box-shadow:0px 5px 10px 0 #eee;}
.funTable .fun-div table{width: 100%;border-collapse: collapse;}
.funTable .fun-div table th{ padding:12px 10px;text-align: left;border-left: solid 1px #eee;}
.funTable .fun-div table tr{}
.funTable .fun-div table td{ padding:8px 10px;border-top: solid 1px #eee;border-left: solid 1px #eee;text-align: left;}
.funTable .fun-div table tr.notxian td{border-top: none;}
.font-hui{color: #888;}


.title{height: 25px; line-height: 25px; margin-bottom: 20px;}
.title strong{font-size: 24px;font-weight: normal;border-left: solid 5px #f00; padding-left: 15px;display: inline-block;float: left;}
.title span{padding: 0 10px; height: 24px; line-height: 24px; border: solid 1px #ddd;display: inline-block;background: #fff;border-radius: 5px;float: right;}
.title span i{width: 14px;text-align: center;margin-left: 5px; font-size: 12px;}

.infolist{margin:35px;}
.infolist ul{ width: calc(100% + 35px);}
.infolist ul li{width: calc(33.33333% - 35px); float: left; margin: 0px 35px 35px 0;background: #fff;border-radius: 15px;overflow: hidden;}
.infolist ul li:hover{box-shadow:0px 5px 10px 0 #ddd;}
.infolist ul li .pic{ width: 100%; height: 260px;}
.infolist ul li .txt{ padding: 15px;}
.infolist ul li .txt h3{ height: 50px; line-height: 25px; overflow: hidden; margin-bottom: 10px;}
.infolist ul li .txt p{ line-height: 25px;height: 75px; overflow: hidden; color: #666; margin-bottom: 10px;}
.infolist ul li .txt .fdate{ color: #000; margin-bottom: 5px;}


/* 名片 */
.cardDiv{margin: 10px; height: 180px; border-radius: 10px;background: #fff;background-size: 100% 100%;box-shadow:0 0 1px #ddd}

.cardStyle10{color: #e8c58f;position: relative;}
.cardStyle10 h3{position: absolute;left: 20px;top: 20px;font-size: 24px;}
.cardStyle10 h3 p{font-size: 13px;font-weight: normal;text-indent: 2px;}
.cardStyle10 .txt{position: absolute;left: 20px; bottom: 20px;font-size: 12px;}
.cardStyle10 .txt p{line-height: 22px;}
.cardStyle10 .txt p font{width: 70px; font-size: 11px;}

.cardStyle11{color: #028ccd;position: relative;}
.cardStyle11 h3{position: absolute;left: 20px;top: 20px;font-size: 24px;}
.cardStyle11 h3 p{font-size: 13px;font-weight: normal;text-indent: 2px;}
.cardStyle11 .txt{position: absolute;left: 20px; bottom: 20px;font-size: 12px;}
.cardStyle11 .txt p{line-height: 22px;}
.cardStyle11 .txt p font{width: 70px; font-size: 11px;}

.cardStyle12{color: #e7db87;position: relative;}
.cardStyle12 h3{position: absolute;left: 37%;top: 20px;font-size: 24px;}
.cardStyle12 h3 p{font-size: 13px;font-weight: normal;padding-right: 2px;}
.cardStyle12 .txt{position: absolute;left: 37%; bottom: 20px;font-size: 12px;}
.cardStyle12 .txt p{line-height: 22px;}
.cardStyle12 .txt p font{width: 70px; font-size: 11px;}

.cardStyle13{color: #ecdd4c;position: relative;}
.cardStyle13 h3{position: absolute; left: 15%;top: 20px;font-size: 24px;}
.cardStyle13 h3 p{font-size: 13px;font-weight: normal;text-indent: 2px;}
.cardStyle13 .txt{position: absolute;left: 15%; bottom: 20px;font-size: 12px;}
.cardStyle13 .txt p{line-height: 22px;}
.cardStyle13 .txt p font{width: 70px; font-size: 11px;}

.cardStyle14{color: #a35608;position: relative;text-shadow: 0.2px 0.2px 0.2px #000,-0.2px -0.3px 0.2px #e9e023;}
.cardStyle14 h3{position: absolute; left: 30px;top: 20px;font-size: 24px;}
.cardStyle14 h3 p{font-size: 13px;font-weight: normal;text-indent: 2px;}
.cardStyle14 .txt{position: absolute;left: 30px; bottom: 20px;font-size: 12px;}
.cardStyle14 .txt p{line-height: 22px;}
.cardStyle14 .txt p font{width: 70px; font-size: 11px;}

.cardStyle15{color: #da5c67;position: relative;}
.cardStyle15 h3{position: absolute;left: 20px;top: 20px;font-size: 24px;}
.cardStyle15 h3 p{font-size: 13px;font-weight: normal;text-indent: 2px;}
.cardStyle15 .txt{position: absolute;left: 20px; bottom: 20px;font-size: 12px;}
.cardStyle15 .txt p{line-height: 22px;}
.cardStyle15 .txt p font{width: 70px; font-size: 11px;}

.cardStyle16{color: #bea865;position: relative;}
.cardStyle16 h3{position: absolute;left: 20px;top: 15px;font-size: 24px;}
.cardStyle16 h3 p{font-size: 13px;font-weight: normal;text-indent: 2px;}
.cardStyle16 .txt{position: absolute;left: 20px; bottom: 30px;font-size: 12px;}
.cardStyle16 .txt p{line-height: 22px;}
.cardStyle16 .txt p font{width: 70px; font-size: 11px;}

.cardStyle17{color: #22aba3;position: relative;}
.cardStyle17 h3{position: absolute;left: 20px;top: 15px;font-size: 24px;}
.cardStyle17 h3 p{font-size: 13px;font-weight: normal;text-indent: 2px;}
.cardStyle17 .txt{position: absolute;left: 20px; bottom: 20px;font-size: 12px;}
.cardStyle17 .txt p{line-height: 22px;}
.cardStyle17 .txt p font{width: 70px; font-size: 11px;}

.cardStyle18{color: #8c6c3d;position: relative;}
.cardStyle18 h3{position: absolute;left: 20px;top: 15px;font-size: 24px;}
.cardStyle18 h3 p{font-size: 13px;font-weight: normal;text-indent: 2px;}
.cardStyle18 .txt{position: absolute;left: 20px; bottom: 20px;font-size: 12px;}
.cardStyle18 .txt p{line-height: 22px;}
.cardStyle18 .txt p font{width: 70px; font-size: 11px;}

.cardStyle19{color: #f1cf87;position: relative;}
.cardStyle19 h3{position: absolute;left: 20px;top: 15px;font-size: 24px;}
.cardStyle19 h3 p{font-size: 13px;font-weight: normal;text-indent: 2px;}
.cardStyle19 .txt{position: absolute;left: 20px; bottom: 20px;font-size: 12px;}
.cardStyle19 .txt p{line-height: 22px;}
.cardStyle19 .txt p font{width: 70px; font-size: 11px;}

.cardStyle20{color: #efc151;position: relative;}
.cardStyle20 h3{position: absolute;left: 20px;top: 15px;font-size: 24px;}
.cardStyle20 h3 p{font-size: 13px;font-weight: normal;text-indent: 2px;}
.cardStyle20 .txt{position: absolute;left: 20px; bottom: 20px;font-size: 12px;}
.cardStyle20 .txt p{line-height: 22px;}
.cardStyle20 .txt p font{width: 70px; font-size: 11px;}

.cardEdit{background: #fff;padding: 15px 0px 15px 5px;margin: 10px;border-radius: 10px;}
.cardEdit ul li{ height: 40px;line-height: 40px;}
.cardEdit ul li i{width: 20px; float: left;font-size: 16px;display: inline-block;color: #999;text-align: center;}
.cardEdit ul li i.icon-enterprise{width: 20px;height: 40px; background: url(../img/enterprise.png) no-repeat center;background-size:100% auto; display: inline-block;}
.cardEdit ul li strong{width: 60px;margin: 0 0px 0 10px; float: left;font-weight: normal;color: #999;display: inline-block;}
.cardEdit ul li p{width: calc(100% - 90px); float: left;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cardEdit ul li p font{font-weight: normal; color: #ccc;margin-left: 6px;transform: scale(0.94);font-size: 12px;position: absolute;margin-top: -1px;}
.cardEdit ul li p a{color: #999;}
.cardEdit ul li span{float: right;display: inline-block;color: #39f;}

.content{ margin: 35px;}
.content .content-left{width: calc(70% - 175px); padding:65px 70px; float: left;background: #fff;border-radius: 15px;}/* box-shadow:0 0 10px 0px #eee; */
.content .content-left .content-tit{}
.content .content-left .content-tit h1{text-align: center; padding-bottom: 15px;}
.content .content-left .content-tit p{text-align: center; padding:15px; border-top: solid 1px #ddd; color: #999;font-size: 13px;}
.content .content-left .content-tit .description{ background: #f5f5f5;line-height: 25px;font-size: 16px;text-align: left; color: #666;border-top: none;}
.content .content-con{ line-height: 25px; font-size: 16px; margin-top: 30px;}
.content .content-con img{margin: auto;display: block;}
.content .content-right{width: 30%; float: right;}
.content .content-right .content-rig-div{background: #fff; padding:10px 30px; margin-bottom: 15px;border-radius: 15px;}
.content .content-right .h3{ margin-top: 3px; height: 40px;line-height: 40px;}
.content .content-right .h3 strong{}
.content .content-right ul{}
.content .content-right ul li{ height: 75px; line-height: 25px; overflow: hidden;border-bottom: dashed 1px #ddd; padding: 15px 0;}
.content .content-right ul li:last-child{border-bottom: none;}
.content .content-right ul li .pic{ width: 100px;height: 75px; float: left;border-radius: 3px;}
.content .content-right ul li .txt{ width: calc(100% - 115px);float: left;margin-left: 15px;}
.content .content-right ul li .txt h3{font-weight: normal; height: 50px; overflow: hidden;}
.content .content-right ul li .txt p{color: #999;font-weight: normal;}
.content .content-right ul li a{display: block;}
.content .content-right .QRcode{ padding: 0 0 5px 0;}
.content .content-right .QRcode p{text-align: center;width: calc(50% - 10px);float: left; padding: 0 5px;line-height: 30px;}
.content .content-right .QRcode p img{ margin: auto;}