jjg*{font-family: Helvetica, “PingFangSC”, ‘Microsoft Yahei’,  Arial, sans-serif;}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {width: 1170px\9;}
input{border-radius: 0}
li{ list-style:none}  
a {color: #333;text-decoration: none;}
a:hover{text-decoration: none;}
.fr{float: right;}
.fl{ float: left;}
/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
.clearfix{display:block} 
/*头部开始=========================================================================  */
.hamburger {
	cursor: pointer;
    display: none;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	overflow: visible;
	/*margin:-60px;*/
	width: 30%;
	text-align: right;
	position: absolute;
}
.hamburger:hover {
	opacity: 0.7;
}
.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: 3px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 20px;
	height: 4px;
	background-color: #ccc;
	border-radius: 4px;
	position: absolute;
    left:0;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.hamburger-inner{
    width: 40px;
    height: 4px;
    -webkit-animation: line2 1s linear infinite alternate;
    animation: line2 1s linear infinite alternate;
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
    -webkit-animation: line1 1s linear infinite alternate;
    animation: line1 1s linear infinite alternate;
}
.hamburger-inner::before {
	top: -10px;
}
.hamburger-inner::after {
	bottom: -10px;
}
.hamburger--emphatic-r {
	overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
	transition: background-color 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
	left: 0;
	transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
	transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
	top: 10px;
	right: 0;
	transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
	transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
@keyframes line1{
    0%{
        width: 20px;
        height: 4px;
    }
    100%{
        width: 40px;
        height: 4px;
    }
}
@keyframes line2{
    0%{
        width: 40px;
        height: 4px;
    }
    100%{
        width: 20px;
        height: 4px;
    }
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  width: 40px;
  -webkit-animation: line2 0;
  animation: line2 0;
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  width: 40px;
  -webkit-animation: line1 0;
  animation: line1 0;
	left: -80px;
	top: 80px;
	-webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
	transform: translate3d(80px, -80px, 0) rotate(-45deg);
	transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  width: 40px;
  -webkit-animation: line1 0;
  animation: line1 0;
	right: -80px;
	top: 80px;
  left:auto;
	-webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
	transform: translate3d(-80px, -80px, 0) rotate(45deg);
	transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.nav-box { width: 100%;height: 50px;background: #0f0f0f;}
/*内页开始====================================================================================*/
.banner{position: relative;}
.dingwei{position: absolute!important; bottom: 0; left: 0; right: 0;}
.productsroll{position:relative;width:1200px;}
/* productsroll Start */
/*#proinfo_c img{width: 100%;}*/
#page_main{ background: #f7f7f7;background-attachment: fixed;padding: 1% 1% 8%;box-sizing: border-box;}
.page-container{background-attachment: fixed;}
.page-about5{background: url(../images/ln-bg.png) no-repeat top center;min-height: 650px;}
.page-top-bg{ background: #fff;margin-bottom: 25px;}
.back{ margin-top: 10px; font-size: 14px; text-align: left; line-height: 32px; }
.back:before{display: block; content: ""; width: 1px; height: 11px; background: #000; float: left; margin-top: 10px;}
.back img{ float: left; margin-top: 10px; margin-left: 15px; margin-right: 14px; }
.page-url>ul{ padding: 0; display: flex;-webkit-box-align: center; align-items: center;margin-top:90px;}
.page-url li{border-right: 1px solid #fff;background: #d9d9d9;flex-grow:1;cursor: pointer;transition: all 0.6s;text-align: center;}
.page-url li:last-child{border-right:none;}
.page-url li a{display:block;line-height:60px;vertical-align:middle; font-size:16px; color: #000;}
.page-url li a span{font-size:16px; color: #000;}
.ddsmoothmenu-v ul li a span{display:block; line-height:60px; text-align: center;}
.page-url li:hover {background: #b3000c;}
.page-url li:hover span{ color: #fff;}
.page-url li.lihover a{background: #b3000c;}
.page-url li.lihover a span{background: #b3000c;color: #fff;}
.page-url li.lihover ul li{display: none;}
.page_list {
    float: right;
    padding-top: 20px;
    padding-bottom:60px;
}
.page_list span.current {
    border: #ddd 1px solid;
    padding: 4px 5px;
    font-weight: bold;
    margin-right: 2px;
    color: #FFF;
    background-color: #b71a1a;
}	
.page_list a {
    border: #ddd 1px solid;
    color: #2b2b2b;
    padding: 4px 5px;
    margin-right: 2px;
}
.page_list select{    width: 48px; line-height:29px; height:29px; margin-bottom:3px;
    background-color: #ffffff;
    border: 1px solid #cccccc;}
.page {
	margin-top:20px;
    padding-top: 10px;
    line-height: 35px;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}
.page span{ display: inline-block; width: 99%;}
.page-news9 li{border-bottom:1px dashed #ccc;cursor: pointer;transition: all 0.6s;line-height:60px;}
.downloadtimes i img{ margin-right: 5px; width: 15px;}
.dateTitle{width:80%;}
.proNav li{ background: #fafafa;text-align: center;position: relative; margin-bottom: 30px;}
.proNav li a{ display: block;padding:10px;border:#efefef 1px solid ;background: #fafafa;}
.proNav li span{ position:relative; display:block; overflow: hidden; width:100%; background:#fafafa; margin:0 auto;}
.proNav li span img{ display: inline-block; max-width: 100%; max-height: 100%;}
.proNav li:hover span{background: #0f7c3b;}
.proNav li:hover a{background:#0f7c3b; text-decoration: none;}
.proNav li p{ font-weight:100; display: block; width: 120px; line-height: 30px; border: 1px solid #0f7c3b; margin: 0 auto 20px; color:#0f7c3b;}
.proNav li label{ line-height: 30px; color: #333; padding: 20px 0;font-weight: bold; font-size:15px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; display: block !important;}
.proNav li:hover p{ color:#fff; border: 1px solid #fff;}
.proNav li:hover label{ color:#fff;}
.proNav .ckgd{display:block; width:130px; height:203px; float:left; margin-top:10px;}   
.jptj-header{ position:relative; text-align:center;}
.jptj-header .span6{height:1px; background:#666; padding:0; margin:0; margin-top:50px; margin-bottom:50px;}
.jptj-header p{ position:absolute; z-index:111; text-align:center; width:100%; padding-top:37px; font-size:14px; }	
.popover-banner{margin: 0 auto; position: relative;border: 1px solid #efefef;box-sizing: border-box;}
.popover-banner .flex-direction-nav{ display: block;}
.popover-banner .flex-prev,.popover-banner .flex-next{ position: absolute; display: block; width: 45px; height: 100px; background: url(../images/sprite.jpg) no-repeat 0 top; top: 50%; margin-top: -50px; }
.popover-banner .flex-prev{ left:-50px;}
.popover-banner .flex-next{background: url(../images/sprite.jpg) no-repeat -55px top; right: -50px;}
.lhgw{ display: block; width:580px; margin: 0 auto;}
#shop_cart{ width: 170px; float: left; }
#shopjg span{  text-align: center; display: block; width:180px ; height: 36px; margin: 20px 10px;background: #fe6a12;  line-height: 36px; font-size:16px ; color: #fff;}
#shopjg {width:180px ; float: left; overflow: hidden ;}
.lhcppg span{ display: inline-block;padding-left: 20px;margin-bottom:10px;background: #f7f7f7;}
#inhert_cart{ margin: 20px 10px; height: 36px;  line-height: 36px;}
#shop_cart #btn_buy{ display:none;}
.jptj-header b{ display:inline-block;   font-size: 25px;line-height: 25px;color: #002e79; padding: 0 20px 10px;background:#f7f7f7}
.photos span{  display: block; text-align:center;overflow: hidden;}
.photos span img{}
.photos p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 70px;font-size: 16px;}
.photos p a{line-height: 70px;font-size: 16px;}
.photos1 span{  display: block; text-align:center; }
.photos1 span img{ height: 260px;  max-width: 90%;}
.photos1 p{white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; line-height: 60px; padding: 0 15px; text-align: center; }
.pic-img1{height: 350px;}
.picMarquee-left{ overflow:hidden;}
.picMarquee-left .bd ul{ padding:15px;  zoom:1;  }
.picMarquee-left .bd li{  float:left; height: 230px; width: 20%; overflow: hidden;text-align: center;line-height: 20px;margin-left: 15px; margin-bottom: 5px;}
.picMarquee-left .bd li img{ border: 1px solid #ccc;}
.picMarquee-left .bd li:hover img{ border: 1px solid #000;}
.picMarquee-left .bd li img{ width:95%; display:block;}
.p-more{width: 90px; display:inline-block;    float: right;height: 25px;margin: 20px auto;border: #c2c2c2 solid 1px;  line-height: 25px;font-size: 15px;text-align: center;color: #000;}	 
.related-list li{ display: inline-block; width: 49%;}
#shownews .title{text-align: center; line-height: 35px; margin-bottom: 20px; font-weight: bold; font-size: 24px;}
#shownews .related {font-weight: bold;height: 40px;line-height: 30px;font-size: 13px;margin-top: 15px;background: url(../images/bg_news.gif) repeat-x;color: #fff;}
.related_cp ul { width: 100%;height: auto;padding-top: 6px;overflow: hidden;padding-bottom: 20px;}
.related_cp ul li {text-align: center;float: left; margin-right: 20px;}	
.related_cp ul li img { border: 1px solid #e4e4e4;height: 176px; padding: 5px;}
.related_cp ul li a:hover img { border: 1px solid #0f7c3b;}
.related_cp{margin-top:30px;}
#piclist li{ height:155px; background:none; border:1px solid #ddd;}	
#piclist li .ph_hover {top: 0;left: 0;width: 100%;height: 100%;display: block;position: absolute;}
.jobList li{ width:20%; float:left; text-align:center; line-height:40px; border-bottom:1px dashed #ccc; }
.jobList li span{ display: block; width: 100%; height: 100%;  display: block;  color: #f7f7f7;background: #0f7c3b; padding: 10px 0;}
.page-guestbook b{ line-height:30px;  display:inline-block; width:80px; text-align:right;}
.page-guestbook dt{ line-height:30px; width: 100%;}
.page-guestbook b span{ padding-left:10px;}
.page-guestbook #guestbook  dt{ line-height:30px; width: 100%; padding: 10px 0;}
.showjobList li{ border: 1px solid #ccc; border-top:none ; height: 40px; width:100%; line-height: 40px;}
.showjobList li div{ width: 100%; float: left;}
.showjobList li b{ color: #0f7c3b;  display: block; font-weight: 500; text-align: center;}
.showjobList li span{width: 120px; height: 100%; display: inline-block;text-align: center;color: #0f7c3b; margin-right: 10px; border-right: 1px solid #ccc;} 
.showjobList {border-top:1px solid #ccc;  margin-bottom: 0;}
.lhms{ width: 100%;border: 1px solid #ccc; border-top:none ;}
.lhms b{ font-weight: 100;width: 120px;display: inline-block;float: left; text-align: center;color: #0f7c3b;  }
.lhms>span{ display: inline-block; height: auto; border-left: 1px solid #ccc; padding-left: 10px;}
.lh616{ width: 150px; line-height: 40px; margin: 50px auto 0px; border: 1px solid #0f7c3b;}
#guestbook  dt{ display: inline-block; width:100%;}
#guestbook textarea,#guestbook input[type="text"]{width:80%; padding: 0 2.5%; min-width: 220px;height:40px; border:1px solid #C7E2F6 ;}
#guestbook .yzm input{ width: 50% ;}
.lh68{ position: absolute; top: 0; z-index: -1;}
.lhbd label{ display: inline-block;width:75px;height:40px;line-height:40px; margin-bottom: 0px;font-size: 15px;color: #202020;}
.lhbd dt{ padding: 10px 0; width: 100%;}
.lhbdfr label{max-width:100px ; width: 100%;}
.lhbd input{ width: 57%;}
.lhbdfl input{ width: 67%;}
.lhbd span{font-weight: 100;}
.lhbd .Content{ width: 84%;}
.clear{ clear: both;}
.lhbd .Content{ height:113px;}
.submit{ background: #b71a1a; color: #fff; display: block; width: 80px; line-height:40px; margin:0px auto; text-align: center; border: none;}
.lh615{  line-height:40px; margin: 0 10px; text-align: center; border: none;}
.aaaaa{width: 13.5%!important;min-width: 0!important;margin-right: 1.5%;}
.bbbbb{width: 10%!important;}
.content{width: 70%!important; height: 100px!important; margin-left: 5px;}
.bz{height: 100px!important; line-height: 100px!important; display: block!important; float: left;}
.beizhu{margin-top: 10px;}
.sl6-r-con p{line-height: 30px;}


/*手风琴效果*/
.ny-lxl-list{
  padding:2rem;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 10px;
  background: url(../images/zz-more.png) no-repeat 98%  2rem #fff;
}
.zz-title{
	font-size:22px;
	color: #000;
}
.ny-lxll-text{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 700;
}
.ny-lxl-list-active{
	display: block;
}
.ny-lxll-con{
	margin-top:2rem;
	border-top:1px solid #eee;
	background: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding:3VH 0;
  display: none;
  overflow: hidden;
}
.ny-lxllc-list{
  float: left;
  width:95%;
  margin:0 1.5%;
}
.zz-nycon li{
	line-height: 28px;
	color: #888;
	font-size:15px;
	margin-bottom: 30px;
}
.zz-nycon li p{
	font-size:18px;
	margin-bottom: 15px;
	color: #0f7c3b;
	font-weight: bold;
}

/*首页*/
#header{background: #b71a1a;padding: 15px 0px; z-index: 99;width: 100%;/*height: var(--hh);position: fixed;*/}
.index-logo {width: 50%;margin-top: 8px;display: flex;align-items: center;}
.index-logo img{width:auto;object-fit: cover;}
.header-search{width: 25%;background: #fafafa;border: 1px solid #dcdcdc;height:45px;border-radius:50px; margin-top:25px;margin-left:50px;}
.header-search form{display: flex;align-items: center;justify-content: space-between;height:45px;}
input::-webkit-input-placeholder{color: #c3c3c3;}
.h-s-input input{border: none;/*height: var(--hh);line-height: var(--hh);*/background: transparent;width: 10VW;margin-left:15px;text-indent: 0.5rem;font-size: 15px;}
.h-s-sub input{padding: 0 1rem;border: none;}
.home-nav{background: url(../images/banner.jpg) no-repeat top center;height: 450px}	
.nav-lxfs{padding-top: 35px;}
.nav-tel{font-size: 28px;font-weight: bold;line-height: 40px;margin-top: 20px;}
.nav-tel span{color: #d01515;font-size: 45px;font-family: "times new roman";font-weight: normal;}
.nav-dz{line-height: 40px;font-size: 24px;color: #000;}
.nav-dz p{font-size: 20px;}
.nav-top{margin-top: 30px;align-items: center;}
.nav-top ul{width:100%;display: flex;}
.nav-top li{float: left;position: relative;box-sizing: border-box;padding: 15px 40px;flex: 1;}
.nav-top li:nth-child(2){margin: 0px 5px;}
.dh-bt{color: #fff;font-size: 24px;}
.dh-bt p{color: #fff;font-size: 15px;line-height: 26px;margin-top: 5px;}
.nav-bottom{margin-top:5px;align-items: center;}
.nav-bottom ul{width:100%;display: flex;}
.nav-bottom li{float: left;position: relative;box-sizing: border-box;padding: 15px 25px;flex: 1;}
.nav-bottom li:nth-child(1),.nav-bottom li:nth-child(2),.nav-bottom li:nth-child(3){margin-right: 5px;}
.about{background: url(../images/about-bg.jpg) no-repeat top center;height:375px;padding-top: 45px;}	
.w-newsList{position: relative;}
.ab-tu{width:50%;float: left;}
.ab-con {width:50%;background: #f5f5f6;padding: 0px 2%;box-sizing: border-box;float: right;}
.box{width:100%;height:330px;position:relative;overflow:hidden;}
.box>ul{height:330px;width:100%;position:relative;}
.box>ul>li{height:330px;width:100%;top:0;position:absolute;}
.box ol{position:absolute;bottom:25px;width:260px;margin-left:-130px;left:45%;z-index:20;text-align:center;}
.box ol a{width:14px;height:14px;margin-right:10px;background:#fff;border-radius:50%;display:inline-block;box-shadow:2px 3px 5px #CCCCCC;}
.box ol a.active{background:#b71a1a;z-index:18;}
.about-bt{color: #000;font-size: 24px;line-height: 60px;text-align: left;}
.about-diao{color: #6e6e6e;font-size: 14px;line-height: 26px;text-align: left;text-indent:2em}
.about-more{text-align: center;background: #b71a1a;width: 145px;line-height: 40px;margin-top: 15px;}
.about-more a{color: #fff;font-size: 14px;}
.zixun{border-top: 1px dashed #ddd;margin-top:15px;padding-top: 5px;}
.zixun li{line-height:34px;}
.zx-xbt{display: -webkit-box;-webkit-line-clamp:1;overflow: hidden;-webkit-box-orient: vertical;}
.zx-xbt a{color: #0a0a0a;font-size:14px;}
.zx-xsj{color: #c7c7c7;font-size:14px;}
.gd{background: #b71a1a;padding: 40px 0px;}
.gd ul{width:100%;display: flex;}
.gd-con li{float: left;position: relative;box-sizing: border-box;height:135px;padding: 25px;/*flex: 1;*/width: 25%;}
.gd-con li p{background: url(../images/gd-tu_16.jpg) no-repeat right 5px center;line-height: 24px;color: #000;font-size: 20px;margin-top: 10px;}
.gda{background: url(../images/gd-xbg_03.jpg) no-repeat top center;}
.gdb{background: url(../images/gd-xbg_05.jpg) no-repeat top center;}
.gdc{background: url(../images/gd-xbg_07.jpg) no-repeat top center;}
.gdd{background: url(../images/gd-xbg_09.jpg) no-repeat top center;}
.star{background: url(../images/star-bg.jpg) no-repeat top center;height: 559px;padding-top: 35px;}
.star-title{text-align: center;padding: 0px 50px;color: #747474;font-size: 15px;line-height: 26px;}
.star-title p{font-size: 38px;color: #000;background: url(../images/gd-bt.png) no-repeat top center;line-height: 52px;margin-bottom:20px;}
.star-con{margin-top: 35px;}
.star-con ul{width:100%;display: flex;}
.star-con li{margin: 0px 5px;float: left;position: relative;box-sizing: border-box;/*flex: 1*/}
.star-con li .cp-tp{width: 100%;overflow: hidden;/*height: 240px;*/}
.star-con li .cp-con{background: #fff;padding: 10px 5px;}
.star-con li .cp-bt{color: #000;font-size: 15px;line-height: 26px;}
.star-con li .cp-bt p{color: #727272;font-size: 12px;}
.star-con li .cp-dq{text-align: center;background: #c90000;line-height: 25px;width: 60px;color: #fff;font-size: 14px;margin-top: 10px}
.home-map{background: url(../images/map-bg.jpg) no-repeat top center;height: 650px;padding-top: 55px;}
.map-title{text-align: center;color: #a8a8a8;font-size:18px;}
.map-title p{font-size: 38px;color: #000;}
.map-con{margin-top: 30px;}
.ditu-con {width: 45%;margin-top: 25px;}
.map-bt{line-height: 41px;color: #353535;font-size: 24px;border-bottom: 1px solid #ddd;padding-bottom:10px;margin-bottom: 30px;}
.map-city ul{width:100%;flex-wrap: wrap;display: flex;}
.map-city li{float: left;position: relative;box-sizing: border-box;line-height:40px;width: 15%;text-align: center;color: #000;font-size: 16px;}
.map-city li:hover{background: #f7a429;border-radius: 50px;color: #fff;}
.map-lxfs{margin-top:80px;}
.map-lxfs li{color: #000000;font-size:16px;line-height: 40px;}
.map-lxfs li span{color: #d01515;font-size:34px;font-family: "times new roman";}
.map-lxfs li img{vertical-align: middle;margin-right: 15px;} 
.ditu {width: 50%;}
.footer{background: url(../images/footer-bg.jpg) no-repeat top center;height: 200px;padding-top: 40px;}
.f-logo {width: 45%;font-size: 26px;color: #000;margin-top: 15px;}
.f-logo p{color:#d01515;font-family: "times new roman";font-size: 42px;margin-top:10px;}
.f-logo img{vertical-align: middle;margin-right:5px;}
.f-lxfs{width:45%;margin-top:45px;}
.f-lxfs li{color: #000;font-size: 16px;line-height: 38px;}
.banquan{margin-top: 10px;}
/*内页*/
.ny-location{line-height:70px;margin-top:30px;border-bottom:1px solid #ddd;color: #000;font-size: 15px;}
.ny-location img{margin-right:15px;}
.xbg{padding-top: 40px;}
.page-products,.page-news,.page-about,.page-guestbook,.page-news,.page-ss{width: 72%;}
.ny-fenlei{width: 25%;}
.zcfg{margin-bottom: 20px;}
.zcfg-bt{color: #000;font-size:18px;font-weight: bold;background: url(../images/ny-more.png) no-repeat right 15px center;margin-bottom:10px;}
.zcfg-nr li{border-bottom:1px dashed #ddd;line-height: 35px;}
.jyls li{width:48%;float: left;background: #fff;padding: 2%;box-sizing: border-box;margin-right: 15px;margin-bottom: 15px;}
.jyls-tu{width:40%;}
.jyls-nr{width:55%;background: #fff;}
.jyls-xbt{color: #000;font-size: 20px;line-height: 60px;}
.jyls-xbt p{color: #B2B2B2;font-size: 15px;line-height: 24px;}
.jyls-xdq{text-align: center;color: #fff;font-size: 15px;background: #b71a1a;line-height: 30px;width: 60px;margin-top: 20px;}
.lspj-nr{background: #fff;padding:3%;box-sizing: border-box;color: #000;font-size: 15px;line-height:30px;text-indent:2em;}
.lspj-nr P{color: #b71a1a;font-weight: bold;font-size:18px;margin-top: 20px;text-indent:0em;}
.liuyan-con{background: #fff;padding:3% 3% 5%;box-sizing: border-box;border-top:1px solid #eee;}
.page-news li{margin-bottom:15px;padding:3%;cursor: pointer;transition: all 0.6s;background: #fff;}
.page-news li:hover{box-shadow: 0px 5px 20px #f0f0f0;transform: scale(1.03);}
.page-news li .news-bt a{line-height:50px;font-size:22px;color: #000;font-weight: bold;}
.page-news li:hover .news-bt a{color: #b71a1a;}
.page-news li .news-sj{font-size: 14px;color: #ccc;line-height: 20px;}
.page-news li .news-nr{margin-top: 10px;}
.page-news li .news-nr a{font-size: 16px;color: #999;line-height: 30px;}
.ny-ss{width:95%;}
.ny-ss li{margin-bottom: 2px;line-height: 60px;background: #efefef;padding-left: 30px;font-size: 15px;}
.ny-ss li:hover{background: #b71a1a;}
.ny-ss li:hover a{color: #fff;}
/*律师搜索*/
.ls-search{width: 25%;background: #fafafa;border: 1px solid #dcdcdc;height:45px;border-radius:50px;margin-top: 20px;}
.ls-search form{display: flex;align-items: center;justify-content: space-between;height:45px;}
/*调解*/
.tiaojie{margin:20px 0px;}
.tiaojie li{border-bottom:1px dashed rgba(8,62,137,0.3);margin-bottom:20px;font-size: 15px;line-height: 30px;padding-bottom:20px;}
.tiaojie li p{font-weight: bold;color: #083e89;font-size: 20px;margin-bottom:5px;}
.tiaojie li p span{font-weight: normal;font-size: 32px;font-family: "times new roman";}
.tj-by{text-align: center;font-weight: bold;color: #083e89;font-size:36px;margin: 50px auto 0px;}
.tj-by p{font-weight: normal;color: #ccc;font-size:15px;text-transform: uppercase;}
.tj-con{margin-top: 30px;}
.tj-con li{float: left;border:1px dashed rgba(8,62,137,0.3);padding:2%;width:48%;margin:5px;font-size:15px;line-height: 28px;box-sizing: border-box;}
.tj-con li:hover{background: #083e89;color: #fff;}
.tj-sj{margin-top: 30px;}
.tj-sj p{font-weight: bold;color: #000;font-size:20px;margin-bottom:30px}
.tj-sj li{border-bottom:1px dashed rgba(8,62,137,0.3);margin-bottom:20px;font-size: 15px;line-height: 30px;padding-bottom:20px;}
.tj-sj li span{font-weight: normal;font-size: 32px;font-family: "times new roman";color: #083e89;}


/* 大屏幕 */
@media (min-width:1200px) { 
	
}

@media (min-width: 980px) and (max-width:1199px) {
/*首页*/
.index-logo {width:40%;margin-top: 8px;display: flex;align-items: center;}
.nav-tel{font-size:22px;font-weight: bold;line-height: 40px;margin-top:15px;}
.nav-tel span{color: #d01515;font-size:40px;}
.nav-dz{line-height:36px;font-size:22px;}
.nav-dz p{font-size:18px;}
.nav-top{margin-top:20px;}
.nav-top li{float: left;position: relative;box-sizing: border-box;padding:15px;flex: 1;}
.dh-bt{font-size: 22px;}
.dh-bt p{font-size:14px;line-height: 24px;margin-top: 5px;}
.nav-bottom li{float: left;position: relative;box-sizing: border-box;padding: 15px 10px;flex: 1;}
.about{height: 280px;}	
.ab-tu{width:45%;}
.ab-con {width:55%;background: #f5f5f6;padding: 0px 2%;}
.box ol{position:absolute;bottom:105px;width:100px;left:47%;z-index:20;text-align:center;}
.about-bt{font-size: 20px;line-height: 45px;}
.about-more{background: none;text-align: left;line-height: 20px;}
.about-more a{color: #d01515;font-size: 14px;font-weight: bold;}
.about-diao{display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;-webkit-box-orient: vertical;}
.zixun{;margin-top:10px;}
.zixun li{line-height:30px;}
.zx-xbt a{color: #0a0a0a;font-size:13px;}
.zx-xsj{color: #c7c7c7;font-size:13px;}
.gd{padding:30px 0px;}
.gd-con li{height:130px;padding:22px;margin: 0px 2px;}
.gd-con li p{font-size: 18px;}
.star-con li{margin: 0px 2px;}
.home-map{height:560px;}
.ditu-con {width:50%;margin-top:20px;}
.map-lxfs{margin-top:40px;}
.ditu {width: 50%;}
.map-lxfs li span{font-size:30px;}
.footer{height:140px;padding-top:20px;}
.f-logo {width:35%;font-size:22px;margin-top: 15px;}
.f-logo p{color:#d01515;font-family: "times new roman";font-size:26px;}
.f-lxfs{width:45%;margin-top:25px;margin-left: 50px}
.banquan{display: none;}
/*内页*/
.page-products,.page-news,.page-about,.page-guestbook,.page-news,.page-ss{width: 72%;}
.ny-fenlei{width: 25%;}
.jyls li{width:47%!important;margin-right:10px;margin-bottom:10px;}
.jyls-xbt{font-size:19px;line-height:50px;}
.jyls-xdq{margin-top:10px;}
.page-guestbook #guestbook  textarea{ width: 50%;}
	
}

/* 平板电脑和小屏电脑之间的分辨率 */
/*@media (min-width: 768px) and (max-width: 991px) {*/
@media (min-width: 768px) and (max-width: 979px) {
/*首页*/
.index-logo {width:40%;margin-top: 8px;display: flex;align-items: center;}
.header-search{width: 22%;height:40px;}
.h-s-input input{font-size: 13px;}
.home-nav{background: url(../images/banner-wap.jpg) no-repeat top center;height:380px}	
.nav-tel{font-size:20px;font-weight: bold;line-height: 40px;margin-top:15px;}
.nav-tel span{font-size:28px;}
.nav-dz{line-height:30px;font-size:20px;}
.nav-dz p{font-size:17px;}
.nav-top{margin-top:30px;}
.dh-tu {width:35%;}
.nav-top li{padding:15px 20px;}
.dh-bt{font-size: 20px;width:55%;}
.dh-bt p{display: -webkit-box;-webkit-line-clamp:1;overflow: hidden;-webkit-box-orient: vertical;margin-top:0px;}
.nav-bottom li{padding: 15px 10px;}
.about{background:#f5f5f6;padding: 40px 0px;height: auto;}	
.ab-tu{width:100%;margin: 0px auto;text-align: center;}
.box ol{bottom:360px;left:83%;}
.about-more{text-align: center;background: #b71a1a;width: 145px;line-height: 40px;margin-top: 15px;}
.about-more a{color: #fff;font-size: 14px;}
.about-diao{display: -webkit-box;-webkit-line-clamp:3;overflow: hidden;-webkit-box-orient: vertical;}
.ab-con {width:84%;background: #fff;padding:2% 4%;box-sizing: border-box;float: left;margin-left: 8%;}
.box{width:100%;height:680px;position:relative;overflow:hidden;}
.gd-con li{height:110px;padding:8px;margin: 0px 2px;flex: 1;}
.gd-con li p{font-size: 16px;}
.star{background:#f3f3f5;height:auto;padding:35px 0px;}
.star-con ul{width:100%;display: flex;flex-wrap:wrap;}
.star-con li{margin: 0px 1px;justify-content:space-between;width:33%;margin-bottom: 10px;}
.home-map{background:#f9f9f9;height:auto;padding:40px 0px;}
.ditu-con {width:90%;padding:0 5%;}
.map-lxfs{margin-top:30px;}
.ditu {width:90%;text-align: center;margin: 0px auto;float: none;}
.footer{height:140px;padding-top:20px;padding-left:5%;padding-right:5%;}
.f-logo {display: none;}
.f-lxfs{width:75%;margin-top:30px;}
.banquan{display: none;}
/*内页*/
.page-products,.page-news,.page-about,.page-guestbook,.page-news,.page-ss{width:100%;}
.ny-fenlei{display: none;}
.xbg{padding-top:20px;}
.jyls li{width:48%;float: left;background: #fff;padding: 2%;box-sizing: border-box;margin: 5px}

}

@media (max-width: 767px){
/*首页*/
.index-logo {width:60%;margin-top: 12px;padding-left: 5%;}
.h-ewm{display: none;}
.header-search{display:none;}
.home-nav{padding:5% 2%;background: url(../images/banner-wap.jpg) no-repeat top center;height: auto;}	
.nav-lxfs{padding-top: 10px;}
.nav-tel{font-size:18px;margin-top:0px;}
.nav-tel span{font-size:23px;}
.nav-dz{line-height:30px;font-size:18px;margin-top:10px;float: left;}
.nav-dz p{font-size:18px;}
.dh-bt p{display:none;}
.dh-tu {width:55%;text-align: center;margin: 0px auto;float: none;}
.dh-bt{font-size:16px;width:100%;float: none;text-align: center;}
.nav-top{margin-top:25px;}
.nav-top li{padding:5px 15px;}
.nav-bottom li{padding:5px 10px;}
.about{background:#f5f5f6;padding: 35px 0px;height: auto;}	
.ab-tu{width:100%;text-align: center;margin: 0px auto;}
.box ol{bottom:330px;left:83%;}
.ab-con {width:100%;background: #fff;padding:2% 4%;}
.about-bt{font-size: 20px;}
.about-diao{display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;-webkit-box-orient: vertical;}
.box{width:100%;min-height:530px;position:relative;overflow:hidden;}
.gd{padding:10px;}
.gd-con ul{display: flex;flex-wrap:wrap;flex:0;}
.gd-con li{height:110px;padding:10px 15px;margin:2px;width: 48%;}
.gd-con li p{font-size: 16px;}
.star-title{padding: 0 5%;}
.star-title p{font-size: 34px;}
.star-con li{margin: 0px 2px;justify-content:space-between;width:32%;margin-bottom: 10px;}
.map-title{font-size:16px;}
.map-title p{font-size: 34px;}
.map-lxfs{margin-top:30px;}
.map-lxfs li span{font-size:21px;}
.ditu {width:90%;text-align: center;margin: 0px auto;float: none;}
.star{background:#f3f3f5;height:auto;padding:35px 0px;}
.star-con ul{width:100%;display: flex;flex-wrap:wrap;}
.home-map{background:#f9f9f9;height:auto;padding:40px 0px;}
.ditu-con {width:90%;padding:0 5%;}
.footer{height:140px;padding-top:20px;padding-left:5%;padding-right:5%;}
.f-logo {display: none;}
.f-lxfs{width:65%;margin-top:5px;}
.banquan{display: none;}
.page-products,.page-news,.page-about,.page-guestbook,.page-news,.page-ss{width:100%;}
.ny-fenlei{display: none;}
.xbg{padding-top:20px;}
.jyls li{width:47%;float: left;background: #fff;padding: 2%;box-sizing: border-box;margin:5px;}
.jyls-xbt{ color: #000;font-size:18px;line-height:35px;}
.jyls-xdq{display: none;}
.ny-location {margin-top: 10px;}
.tj-con li{width:95%;}
.zx-xbt{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;text-align: left;width:69%;}
/*律师搜索*/
.ls-search{width:70%;background: #fafafa;border: 1px solid #dcdcdc;height:45px;border-radius:50px;margin-top: 20px;}
.ls-search form{display: flex;align-items: center;justify-content: space-between;height:45px;}

}

.mr10{margin-right:15px;}
.tarea{ margin-top: 10px;height:130px!important; width: 93%!important;}
.index-submit{width:150px; height:40px; float: left; margin-top: 15px;background: #0f7c3b;color:#fff;font-size:15px;border: none;}
.page-guestbook #guestbook1  dt{ line-height:30px; width: 100%; padding: 10px 0;}
.page-guestbook #guestbook1  textarea{ width: 84%;}
#guestbook1 dt{ display: inline-block; width: 50%;}
#guestbook1 textarea,#guestbook1 input[type="text"]{width:45%;min-width: 220px; border-radius:5px;background: #eeeeee;}
#guestbook1 .yzm input{ width: 50% ;}
#dmfb_maplist{float: left;width: 40%;padding-bottom: 50px;}
#dmfb_main{float: right;}

@media (max-width: 1000px) { 
.nav-pc li a span {font-size: 12px;}

}

@media (max-width: 398px){
#header{height:4.2rem;}

}