body{ background: #dcdcdc; width: 100%; font-size: 14px; font-family:"Microsoft YaHei";}
*{ padding: 0; margin: 0;}
a{ text-decoration:none;}
a:visited{ text-decoration: none;}
a:focus{ outline: none; text-decoration: none;}
a,button,input{ cursor: pointer; font-family:"Microsoft YaHei";}
img{ display: block; border: 0; margin: 0 auto;}
li{ list-style: none;}
.btn,#mobile-menu{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
}
.fl{ float: left;}
.fr{ float: right;}

.header{ width: 100%; min-width: 1200px; overflow: hidden; background: #D9A060; height: 58px;}
.head{ width: 1200px; margin: 0 auto; overflow: hidden; color: #fff;}
.indexBtn{ display: block; float: left; color: #000000; font-size: 30px; line-height: 58px;}
.rbtn{ float: left; overflow: hidden;}
.rbtn a{ display: block; float: left; margin:11px 0 0 28px; font-size: 16px; color: #000000; line-height: 36px;}
.rbtn a.on,.rbtn a:hover{ color: #000000; border-bottom: 2px solid #000000;}

.menuBox{ width: 100%; min-width: 1200px; overflow: hidden; background: #fff; border-bottom: 1px solid #eee;}
.menuList{ width: 1200px; padding-top: 15px; margin: 0 auto; font-size: 0; overflow: hidden; text-align: center;}
.menuList li{ display: inline-block; padding: 0 34px;}
.menuList li a{ padding: 18px 0; display: block; color: #999; font-size: 16px;}
.menuList li a.on,.menuList li a:hover{ color: #D8A651; border-bottom: 2px solid #D8A651;}

/*.mainPage{ width: 1200px; margin: 0 auto; overflow: hidden;}*/
.picList{ width: 1200px; margin: 30px auto; overflow: hidden;}
.picList li{ cursor: pointer; width: 280px; background: #fff; height: 320px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; float: left; margin: 0 10px 20px; position: relative;} /* height: 414px; */
.picList li .pic{ height: 214px; min-height: 214px; max-height: 414px;-webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; transition: transform .5s;}
.picList li .botText{ color: #333; font-size: 12px; position: absolute; left: 0; bottom: 0; background: #fff; width: 100%; min-height: 70px; padding-bottom: 55px;} /* min-height: 145px; */
.picList li .ewmImg{ position: absolute; width: 80px; height: 80px; right: 15px; top: -30px; -webkit-box-shadow: 1px 2px 5px #999; -moz-box-shadow: 1px 2px 5px #999; box-shadow: 1px 2px 5px #999;}
.picList li .name{ text-align: center; border-top: 1px solid #eee; height: 54px; line-height: 54px; padding: 0 20px; width: 240px; overflow: hidden; position: absolute; left: 0; bottom: 0; font-size:16px;}
.picList li .picdate{ color: #666; margin: 0 14px 10px; line-height: 16px; max-height: 64px; overflow: hidden;}
.botText h4{ font-size: 14px; font-weight: normal; padding: 10px 110px 2px 14px;}
.botText span{ display: block; padding: 0 14px 14px; color: #bbb;}
.picList li:hover .pic{
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.picList li:hover{ -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc;}

.footer{width: 100%; min-width: 1200px; overflow: hidden;background: #D9A060;height: 300px;padding-top: 60px;}
.fBox{width: 770px;margin: 0 auto;overflow: hidden;color: #FFFFFF;font-size: 12px;text-align: center;}
.rfooter{float: right;height: 146px;border-left: 1px solid #efd8bf;overflow: hidden;width: 325px;color: #FFFFFF;text-align: center;font-size: 12px;}
.rfooter li{ float: left; overflow: hidden; padding-left: 54px;}
.rfooter li span{ display: block; padding-bottom: 17px;}
.rfooter img{ width: 108px; height: 108px;}

.lfooter{float: left;overflow: hidden;}
.lfooter li{ float: left; overflow: hidden; text-align: center; padding-right: 45px;}
.lfooter a{ display: block; font-size: 12px; color: #efd8bf; padding: 4px 0;}
.lfooter a.on{color: #FFFFFF;font-weight: bold;}

.fBox p{ width: 100%; clear: both; padding: 50px 0 0;}

.slider{  position:relative; width: 100%; min-width: 1200px; overflow: hidden; height: 520px;}
.sli{ display: block; width: 100%;}
.slider-main{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0;}
.slider-main li{ position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.slider-main li a{ display: block; width: 100%; height: 100%; position: relative;}
.slider-main img{ display: block; width: 100%;}
.index{ display: block; left: 0; margin-bottom: 0; position: absolute; bottom: 10px; width: 100%; text-align: center;}
.index li{cursor: pointer; display: inline-block; width: 12px; height: 12px; margin: 0 5px; background: #f5f5f5; -webkit-transition: all .2s; transition: all .2s; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
.index li.active{ background: #D9A060;}

.lTitle{ text-align: center; position: relative; width: 100%; min-width: 1200px; overflow: hidden; font-size: 28px; color: #d8a451; padding: 0 0 8px; margin-bottom:30px;}
.lTitle em{ display: block; width: 110px; height: 1px; background: #d8a451; position: absolute; left: 50%; margin-left: -55px; bottom: 0;}

.mapBox{ width: 1200px; margin: 0 auto 70px; background: #FFFFFF; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 10px #ddd; -moz-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd;}
.BMapLabel{ display: none !important;}

.textBox{ width: 1200px; margin: 30px auto 55px; overflow: hidden;}
.leftBox{ float: left; width: 590px; overflow: hidden;}
.box1,.box2{ width: 530px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 30px;}
.box1{ height: 185px; padding-bottom: 30px; margin-bottom: 22px; padding-top: 30px; overflow: hidden;}
.box2{ height: 237px; padding-bottom: 30px;}
.rightBox{ float: right; width: 530px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 534px; overflow: hidden; padding: 0 30px;}
.textBox h4{ font-size: 20px; position: relative; font-weight: normal; padding-top: 10px; line-height: 38px; color:#d8a451} /* color: #333;*/
.textBox h4 em{ display: block; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background: #d8a451;}
.textBox .stitle{ font-size: 14px; color: #e4c292; padding: 7px 0 15px 0;}
.box2 p{ text-indent: 2em; font-size: 14px; line-height: 20px; max-height: 120px; overflow: hidden; color: #333;}
.box1 .zh{ font-size: 26px; line-height: 32px; height: 32px; color: #000; overflow: hidden; margin-top: 10px; }
.box1 .zhTime{ color: #D9A060; font-size: 28px; padding: 13px 0;}
.box1 .zhTime span{ color: #333; font-size: 16px; padding-left: 10px;}
.box1 .address{ color: #333; font-size: 16px; overflow: hidden; line-height: 24px; max-height: 48px; float: left; margin-top: 20px;}
.rightBox ul{ overflow: hidden; max-height: 400px;}
.rightBox ul a{ display: block; color: #333; font-size: 15px; padding-bottom: 14px;}
.rightBox ul a span{ color: #D9A060; font-size: 20px; display: block; padding-bottom: 5px;}

.banner_tree{ width:1200px; height:350px; overflow: hidden; margin: 0 auto; padding:10px 0 55px; position: relative;}

.color_font{ z-index: 50; width: 30px; height: 80px; position:absolute; top:145px; cursor: pointer;}
.left_btn{ left:0;}
.right_btn{ right:0;}
.show_s_ui{ width:1100px; height:100%; position:relative; margin: 0 auto;}
.show_s_ui>li{ text-align: center; width:220px; height:290px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; position:absolute; bottom: 0; top: 0; margin: auto; z-index: 30; cursor: pointer; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; font-size:40px;}

.show_s_ui>li>img{ width:150px; height:150px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border: 1px solid #333; margin: 30px auto;}
#middel_shows{ width:265px; height:348px; left:37.7%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity:1;}

#left_shows{left:8%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6;}
#right_shows{ left:73%; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
#small_left,#small_right{ width:154px; height:249px; opacity: 0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#small_left{ left:-15%;}
#small_right{left:102.5%;}

.show_s_ui li.cur{ -webkit-box-shadow: 0px 0px 10px #ddd; -moz-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd;}
.show_s_ui li.cur img{ width: 180px; height: 180px; margin: 35px auto;}

.show_s_ui li h4{ font-weight: normal; font-size: 26px; color: #333; line-height: 28px; height: 28px; padding: 0 10px; overflow: hidden;}
.show_s_ui li p{ font-size: 14px; color: #999; margin-top: 5px; max-height: 32px; overflow: hidden; padding: 0 10px; line-height: 16px;}

.show_s_ui li.cur h4{font-size: 31px; line-height: 33px; height: 33px;}
.show_s_ui li.cur p{ font-size: 16px; max-height: 38px; line-height: 19px; margin-top: 10px;}


/*2018-11-7交流互动 */
.mainBox{ width: 1200px; overflow: hidden; margin: 60px auto; text-align: center;}
.ewmBox{ background: url(http://aliyun.cdn.10006.info/ah/hd/20181106/hd.png) no-repeat; width: 450px; height: 380px; margin: 0 auto 30px; overflow: hidden;}
.ewmBox img{ width: 200px; height: 200px; margin: 110px 0 0 136px;}
.mainBox p{ color: #333; font-size: 28px; padding-bottom: 15px;}
.mainBox span{ display: block; font-size: 20px; color: #999; padding-bottom: 20px;}


/*案例*/
.example_content{ min-width: 1000px; position: relative; overflow: hidden; margin: 0 auto;}
.title_text{width: 100%; font-size: 22px; font-weight: normal; color: #d8a451; box-sizing: border-box; padding-left: 98px; font-weight: normal; margin-top: 45px;}
.example_left{width: 15%; position: relative; margin-top: 26px; float: left;padding-left: 50px; }
.example_left li{width: 100%; height: 48px; margin-bottom: 20px; background: #ffffff; border-radius: 6px; text-align: center; line-height: 48px; font-size: 14px;border: 1px solid #D9A060;}
.example_left li a{color: #D9A060;}

.tip{width: 100%; font-size: 14px; font-weight: normal; color: #333333; box-sizing: border-box; padding-left: 85px; font-weight: normal; margin-top: 10px}

.example_right{width: 75%; position: relative; margin-top: 26px; margin-left: 3%; float: left;}
.example_1{width: 100%; position: relative; overflow: hidden; box-sizing: border-box; padding-bottom: 14px; border-bottom: 1px solid #d9d8d8; margin-bottom: 16px;}
.example_data{width: 33%;position: relative; float: left;}
.example_data ul{width: 100%; height: 70px; background: #f2f1f1; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; padding: 16px 0;}
.example_data li{display: inline-block; width: 26%; height: 100%; font-size: 12px;}
.example_data li p{width: 100%; text-align: center; line-height: 14px;}

.b1{border-left: 1px solid #333333; box-sizing: border-box;}
.text_blue{color: #5e95d8; font-size: 12px; margin-top: 10px;}

.example_text{width: 100%; margin-left: 2%; position: relative; overflow: hidden; float: left;}
.example_text h5{width: 100%; font-size: 16px; font-weight: normal; color: #333333;}
.example_text p{width: 100%; font-size: 14px; color: #333333;}
.example_text p.text_hui{color: #7b7a7a;}
.example_text dl{width: 510px; height: 127px; font-size: 14px; color: #747171; margin: 12px 0; overflow: hidden;}
.example_text dt{font-weight: bold; color: #D9A060;}
.example_text dd{text-indent: 2em; line-height: 22px;}

.ewm_pacakge{width: 100px; position: absolute; top: 0; right: 10px;}
.ewm_pacakge p{width: 100%; text-align: center; font-size: 14px; color: #333333; margin-top: 6px;}

.example_left li.ex_active{/*! border: 1px solid #5e95d8; */ background: #D9A060; box-sizing: border-box;}
.example_left li.ex_active a{color: #ffffff;}

.tuwen_pag{width: 1200px; position: relative; margin: 50px auto 50px;}
.tuwen_pag h5{width: 100%; text-align: center; font-size: 24px; color: #333333; font-weight: normal; margin-bottom: 30px;}
.tuwen_pag h5 img{display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px;}
.tuwen_pag h5 span{line-height: 30px; display: inline-block; vertical-align: middle;}
.tuwen_pag p{font-size: 16px; color: #666; line-height: 30px; text-indent: 2em; margin-bottom: 10px;}
.tuwen_img{width: 100%; margin-bottom: 15px;}

.xu{width: 100%; text-align: center; font-size: 16px; color: #333333; font-weight: normal; margin-bottom:20px;}
.author{width: 100%; text-align: center; font-size: 16px; color: #333333; font-weight: normal; margin-bottom: 30px;}

.crumbs_pag{width: 1200px; position: relative; margin: 10px auto 0; font-size: 14px;}
.crumbs_pag a{color: #666666;}
.crumbs_pag a.blue_text{color: #003e96;}

.zlxx_left{width:65%; height:100%; float:left;}
.zlxx_right{ width:35%; height:100%; float:right;}

.zhTime,.address{font-size:20px; color: #d8a451; margin-top: 30px; margin-left: 30px;}
.zhTime p,.address p{font-size: 16px; color: #000000; margin-top: 5px;}

/*2019-10.27*/
.proBox{ width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 20px;}
.proBox li{ position: relative; width: 285px; height: 215px; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: left; margin:0 20px 20px 0;background-color: #fff}
.proBox li:nth-child(4n){ margin-right: 0;}
.proBox li img{ overflow: hidden; height:215px;} /*width: 100%; */
.proBox li .fbtext{ position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; background: rgba(0,0,0,0.6); overflow: hidden; font-size: 14px; text-align: center;}
.proBox li .fbtext p{ padding: 12px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}