/* [author:liaozhiyan]
*[QQ:317764739]
*[微信:18692236817]
*/
html { color: #000; background: #FFF;height:100%;min-width: 360px; max-width: 1920px; margin:auto }
body { color: #111111; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 14px; margin:auto; min-width: 360px; max-width: 1920px;height:100%;font-size: 1.4rem;/*1.4 × 10px = 14px */;margin: 0 auto;padding:0}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { *font-size:100%;
}
img { vertical-align: middle }

table { background: #fff }

a { text-decoration: none !important; color: #1a1a1a; }
a:hover{ color:#1a1a1a}
.fl { float: left; }
.fr { float: right; }
input, select { vertical-align: middle; }
.u-fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
.is-animated { -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1); animation-timing-function: cubic-bezier(.4, 0, .2, 1) }
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 75%, 0);
transform:translate3d(0, 75%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 75%, 0);
transform:translate3d(0, 75%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-right: 10px;padding-left: 10px;}

/*头部*/
.wrap_header{overflow: hidden;background:#fff;width: 100%; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); z-index:1000}
.header{width: 88.5%; max-width:1700px; margin:auto;overflow: hidden;padding-bottom: 40px; }
.header ul{float: left;width: 60.4%;}
.header ul li{float: left;margin-right:8.5%; height:40px;padding-top: 30px;padding-bottom: 30px;overflow: hidden; font-size:1rem}
.header ul li em{height: 40px;display: block;overflow: hidden;}
.header ul li em a { transition: 0.3s cubic-bezier(0.1, 0.1, 0.5, 1.4); display: block; margin-top: -40px; color: #1A1A1A; line-height: 40px;}
.header ul li em a:hover { margin-top: 0px; }
.header ul li em a:before { content: attr(data-text); display: block; }
.header img.logo{float: right;margin-top: 30px;}
.xiangmu{display: none;float: left;width: 8%;}
.xiangmu img{width: 100%;}

@media only screen and (max-width:1200px) and (min-width:900px) {
.header ul{float: left;width: 45.4%;}
}

@media only screen and (max-width:1200px) and (min-width:640px) {
	.header ul li{margin-right: 15%;}
}

@media only screen and (max-width:899px) and (min-width:641px) {
.xiangmu{display: none !important;}
.header{}
.header ul{float: left;width: 50.4%;}
.header ul li em{height:30px}
.header ul li em a {margin-top: 0px;}
.header ul li{margin-right: 10%;}
.header img.logo{margin-top: 35px;}
}

@media only screen and (max-width:3000px) and (min-width:641px) {
.header ul li span{display: none;}
.header .close{display: none;}
.header img.logo{display: inline-block;}
.header img.logo1{display: none;}
}

@media only screen and (max-width:640px) and (min-width:360px) {
.header ul li em{display: none;}
.wrap_header{}
.xiangmu{display: block;}
.header ul{float: left;width: 20.4%;}
.header img.logo{display: none;}
.header img.logo1{display: inline-block;width: 56%;float: right; padding-top:1.5rem}
.header{height: 4.5rem;line-height: 4.5rem;}
.wrap_ul{position: absolute;width: 100%;top: 0;left: 0; z-index: 10000; background:  url(../images/open_bg.png) repeat-y;display: none;height:100%}
.wrap_ul a{color: #fff;}
.header ul{ left:0;width: 100%;padding-top:1rem; z-index: 100}
.header ul li{width: 89%;margin-right: 0; text-align: right; color: #000;float: left;padding-top: 0;}
.header ul li span{float: right; height:40px; line-height:40px;}
.header ul li a{color: #000;}
.header .close{ position: absolute;left: 38px;top:1.4rem }
}

@media only screen and (max-width:550px) and (min-width:450px) {
	.wrap_ul{ background:  url(../images/open_bg1.png) repeat-y;}
	.header .close{left: 30px;}
	.header .close img{ width: 30px;height: 30px; }
}

@media only screen and (max-width:450px) and (min-width:360px) {
.wrap_ul{ background:  url(../images/open_bg2.png) repeat-y;}
.header{height: 5rem;line-height: 5rem;}
.header img.logo{margin-top: 1.5rem;}
.header .close{left: 28px; }
.header .close img{ width: 20px;height: 20px;  }
}

/*banenr*/
.index-banner{width: 100%; max-width:3000px; margin:auto;}
.index-banner img{width: 100%;display: block;margin:auto;}

/*主导航*/
.wrap_content{overflow: hidden; background: #f6f6f6}
.main_nav{height: 6rem;width: 100%; max-width:3000px; text-align: center}
.main_nav a{ display: inline-block;margin-top: 1.8rem; font-size:1rem; height:3rem;overflow: hidden; margin-right: 1%;margin-left:1%; padding:0 0.2%; position:relative}
.main_nav a img{ position:absolute; bottom: 16px;left: 2px; width:0}
.main_nav a.on img{position:absolute; bottom: 16px;left: 2px; width:36px}

@media only screen and (max-width:1920px) and (min-width:640px) {
.main_nav a.on img{ width:36px !important}
}

@media only screen and (max-width:640px) and (min-width:360px) {
	.main_nav a{margin-right: 1.2%;margin-top:0; font-size:0.9rem;padding:0 1.4%;}
	.main_nav a img{bottom: 6px;}
	.main_nav a.on img{bottom: 6px;}
	.main_nav{height: 3.5rem;}
	.main_nav a{line-height: 3.5rem;}
}

@media only screen and (max-width:640px) and (min-width:450px) {
	.main_nav a{padding:0 2.0%;}
}

@media only screen and (max-width:450px) and (min-width:360px) {
	.main_nav a{padding:0 0.8%;}
}

/*首页主体*/

.wrap_container{ background: #f0f0f0;overflow: hidden;padding-bottom: 5rem;}
@media only screen and (max-width:3000px) and (min-width:1201px) {
	.container{max-width: 1700px}
}
.con{margin-bottom: 1.5rem; position:relative;overflow: hidden; float:left}
.con img{width: 100%;}
.con .inner{width: 100%;float: left;overflow: hidden; position: relative}
.con-txt{width: 100%;float: left;padding-top: 0.6rem;padding-left: 3%; position: relative; background: #fff; }
.con-txt h2 { font-weight: normal; font-size: 16px}
.con-txt h3 { font-weight: normal; font-size: 12px;color: #929292;padding:5px 0}
.con-txt p { font-size: 12px;padding-top: 2.4rem;padding-bottom: 1rem;}
.con-txt-cover{ position:absolute; left: 0;top:0; filter:alpha(opacity:0); opacity:0; width:100%; }
.con-txt span { float:right;padding-right: 10px;}
.con-txt img{width:15px; height:25px; position:absolute; top: 0;right: 3%; }
@media only screen and (max-width:1200px) and (min-width:768px) {
	.con-txt p {padding-top: 1.2rem;padding-bottom: .5rem;}
}
@media only screen and (max-width:768px) and (min-width:360px) {
	.con-txt p {padding-top: 1rem;padding-bottom: .5rem;}
	.con-txt{padding-top: 1rem;}
}

/*联系我们*/
.jieshao{max-width:3000px; width: 100%; margin:auto;overflow: hidden; background:#edeef2; color: #191919;}
.jieshao .j-left{width: 36%;float: left;}
.jieshao .j-right{padding-left: 7.5%;float: left;padding-top: 7%; letter-spacing:2px;width: 64%;padding-bottom: 3rem;}
.jieshao .j-right li{padding-bottom: 2px;}
.j-right .r_ul1{ font-size:0.9rem; padding-top: 4.7rem;}
.j-right .r_ul1 li a:hover{ text-decoration:underline !important}
.j-right .r_ul2{ font-size:0.9rem; padding-top: 3rem;}
.j-right .r_ul2 li img,.j-right .r_ul1 li img{width: 16px;}
.j-right .r_ul3{ font-size:0.9rem; padding-top: 3rem;}
.j-right .r_ul3 p{ font-size:12px}
.j-right .r_ul4{  padding-top: 3rem;}
@media only screen and (max-width:1600px) and (min-width:1200px) {
	.jieshao .j-right{padding-top: 3%;}
	.j-right .r_ul1{ padding-top: 2rem;}
	.j-right .r_ul2{ padding-top: 1.8rem;}
	.j-right .r_ul3{ padding-top: 1.8rem;}
	.j-right .r_ul4{  padding-top: 1.8rem;}
}
@media only screen and (max-width:1200px) and (min-width:960px) {
	.jieshao .j-right{padding-top: 1%;}
	.j-right .r_ul1{ padding-top: 1rem;font-size:0.7rem; }
	.j-right .r_ul2{ padding-top: 0.8rem;font-size:0.7rem; }
	.j-right .r_ul3{ padding-top: 0.8rem;font-size:0.7rem; }
	.j-right .r_ul4{  padding-top: 0.8rem;font-size:0.7rem; }
}
@media only screen and (max-width:960px) and (min-width:320px) {
	.jieshao .j-left{display: none;}
	.jieshao .j-right{width: 100%;padding-top: 5%; }
	.j-right .r_ul1{ font-size:0.9rem; padding-top: 3.7rem;}
	.j-right .r_ul2{ font-size:0.9rem; padding-top: 3rem;}
	.j-right .r_ul3{ font-size:0.9rem; padding-top: 3rem;}
}
@media only screen and (max-width:640px) and (min-width:320px) {
	.contact_logo{display: none;}
}
.contact_erweima span{display: block; width: 100%; font-size:14px; letter-spacing:5.5px}
.contact_erweima img{width: 130px;}
#loading { display: none; line-height: 30px; left: 0;bottom: 0; font-size:12px; background:#000; opacity:0.8; z-index: 99999; color: #fff; text-align: center; height: 30px; width: 100%; position: fixed; color: #c1b396; border:none !important;}

/*列表*/
.bread_nav{max-width: 1280px; color: #646464; width: 96%; margin: auto; font-size: 1rem; line-height: 2rem;height: 2rem; margin-bottom: 3rem;margin-top: 4rem;}
.bread_nav1{margin-bottom: 1rem;}
.bread_nav a{color: #646464;}
.intro{width: 96%; max-width: 1280px; margin: auto;overflow: hidden;}
.intro .intro_content{width: 45%;float: left; font-size:1rem;line-height: 2rem; margin-right: 5%;color: #646464;}
.intro .intro_content h2{padding:1rem 0; font-size: 1.8rem;font-weight: normal; color: #000; letter-spacing:6px}
.intro .intro_content p{ font-size:0.9rem; letter-spacing:2px; line-height: 2rem; color: #646464;}

@media only screen and (max-width:640px) and (min-width:320px) {
	.intro .intro_content h2{ font-size: 1.4rem;}
	.intro .intro_content p{font-size:0.8rem; line-height: 1.8rem;}
}

.list_content{width: 96%; max-width: 1300px; margin:4rem  auto; margin-bottom: 6rem;overflow: hidden;}
.list_content li{margin-bottom: 2rem; text-align:center}
 
.list_content li img{max-width: 100%; display:inline-block; }

@media only screen and (max-width:640px) and (min-width:320px) {
	.list_content{margin:2rem  auto;}
	.list_content li{margin-bottom: 1rem;} 
}

/*翻页*/
.pagelist{text-align: center; overflow: hidden; padding-top: 2rem;}
.pagelist .prev{float: left;padding-left: 5%;}
.pagelist .prev{ }
.pagelist .push img { vertical-align: middle; transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; }
.pagelist .push img:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }
.pagelist .next{float: right;padding-right: 5%;}
@media only screen and (max-width:1200px) and (min-width:641px) {
	.list_content{margin:4rem  auto; margin-bottom: 3rem;}
	.pagelist{ padding-top: 1rem;}
}
@media only screen and (max-width:960px) and (min-width:320px) {
	.bread_nav{margin-top: 1rem;margin-bottom: 0;}
	.intro .intro_content{width: 100%;float: left; font-size:1rem;line-height: 2rem; color: #646464;}
}

@media only screen and (max-width:640px) and (min-width:320px) {
	.pagelist{ display: none;}
}


/*底部*/
.wrap_footer{ background: #191919; color: #fff;overflow: hidden;padding:44px 0 66px 0}
.wrap_footer .footer{ max-width:1700px; margin: auto; font-size: 0.8rem;line-height: 1.5rem;}
.wrap_footer .footer ul{float: left; color: #efefef; line-height: 28px;}
.wrap_footer .foo_1{margin-right: 5%;}
.wrap_footer .foo_1 li{ letter-spacing:2px}
.wrap_footer .foo_2{margin-right: 5%;}
.wrap_footer .foo_2 li{letter-spacing:2px}
.wrap_footer .footer ul.foo_3{float: right; text-align: right; color: #787878;line-height: 1.8rem;}
.wrap_footer .footer ul.foo_3 img{margin-left: 30px; width: 30px;}
.wrap_footer .footer ul.foo_3 .mob{display: none;}
.open_weixin{width:300px;height: 422px; padding-left: 48px; background:#fff;overflow: hidden; display: none;}
.open_weixin img{padding:48px 0 0 0;float: left;}
.open_weixin h2{width: 200px;float: left;color: #1A1A1A; font-size:16px;text-align: center;padding-top: 28px;}
.open_weixin .buttom{display: block;width: 200px;float: left;text-align: center;margin-top: 14px; background:#000; color: #FFF;line-height: 40px; font-size:18px}


@media only screen and (max-width:1700px) and (min-width:960px) {
	.wrap_footer .foo_1{margin-left:2%}
	.wrap_footer .footer ul.foo_3{margin-right:2%}
}
@media only screen and (max-width:959px) and (min-width:641px) {
	.wrap_footer .foo_1{margin-left:2%}
	.wrap_footer .footer ul.foo_3{margin-right:2%}
	.wrap_footer .footer ul.foo_3{width: 35%;}
}
@media only screen and (max-width:959px) and (min-width:320px) {
	.wrap_container{padding-bottom:3rem;}
	.wrap_footer{padding:24px 0 33px 0}
	.wrap_footer .footer ul.foo_3{width: 100%; text-align: left}
}
@media only screen and (max-width:3000px) and (min-width:641px) {
	.footer ul li.copy{ display: none;}
	.footer ul li.copy1{ display: inline-block;}
}
@media only screen and (max-width:640px) and (min-width:320px) {
	.wrap_footer .footer ul.foo_3 img{margin-right: 30px;margin-left: 0;}
    .wrap_footer .foo_1, .wrap_footer .foo_2{display: none;}
	.wrap_footer .footer ul.foo_3 .mob{display:inline-block;float: right;margin-right: 5%;margin-bottom: 1em;}
	.wrap_footer .footer ul.foo_3{width: 96%; float: padding-left: 2%;}
	.footer ul li{float: left; font-size: 1.2rem;padding-bottom: 0.5rem;}
	.footer ul li.copy{ display: none;}
	.footer ul li.copy1{ display: inline-block;}
}
@media only screen and (max-width:450px) and (min-width:320px) {
	.footer ul li{float: left; font-size: 0.8rem;padding-bottom: 0.5rem;}
	.wrap_container{padding-bottom:1rem;}
	.wrap_footer .footer ul.foo_3 img{margin-right: 15px;margin-left: 0;}
}
.float_right{ position: fixed;right: 2%;bottom: 194px;width: 210px;opacity:0;}
.float_right a{width: 47px;height: 47px;display: block;float: left; margin-bottom: 8px;}
.float_right a img{width: 100%;}
.float_right .qq{ background-position: 0 -56px;margin-top: 56px;}
.float_right .top{background-position: 0 -112px}
.float_right .qq_hover{top: 0; float: left; opacity:0}

@media only screen and (min-width:641px) {
	.float_right .phone{display: none; }
}
@media only screen and (max-width:3000px) and (min-width:640px) {
	.float_right .top2{display: none;}
	.float_right .top1{display: block;}
}
@media only screen and (max-width:640px) and (min-width:320px) {
	.float_right{ bottom: 34px;}
	.float_right .phone{display: block; }
	.float_right a{width: 37px;height: 37px;}
	.float_right .qq{display: none; }
	.float_right .top2{display: block;}
	.float_right .top1{display: none;}
}

@media only screen and (max-width:959px) and (min-width:320px) {
	.float_right{ width: auto;}
	.float_right .qq_hover{display: none;}
	.float_right a{ float:none}
}

/*回顶部*/





/** author liaozhiyan
* QQ  317764739
* weixin 18692236817
**/
.newmain{ max-width: 1174px; margin: auto; overflow: hidden; margin-top: 32px; padding-bottom: 120px; width: 98%;}
.newmain dl.listdl dd{ float: left; width: 41%; margin-right: 9%; border-bottom: solid 1px #b8b8b8; margin-top: 74px; padding-bottom: 19px;}
.newmain dl.listdl dd h2{font-size: 20px; padding-bottom: 6px;height:34px;line-height:34px;overflow:hidden;letter-spacing:4px}
.newmain dl.listdl dd p{color:#929292;font-size: 14px}
.newmain dl.listdl dd p strong{ float: right;}
.newmain dl.listdl dd.nomarginright{ margin-right: 0; float: right;}
.newmain dl.listdl dd:hover h2 a{ color: #0057ff;}
.newmain dl.listdl dd:hover p{ color: #0057ff;}

@media only screen and (max-width:1174px) and (min-width:992px) {
  .newmain dl.listdl dd{ margin-top: 64px;}
}
@media only screen and (max-width:992px) and (min-width:768px) {
  .newmain dl.listdl dd{ width: 45%; margin-right: 5%;}
  .newmain dl.listdl dd{ margin-top: 34px;}
  .newmain dl.listdl dd h2{font-size: 20px}
  .newmain{ padding-bottom: 80px;}
}
@media only screen and (max-width:768px) and (min-width:540px) {
  .newmain dl.listdl dd{ width: 45%; margin-right: 5%;}
  .newmain dl.listdl dd{ margin-top: 34px;}
  .newmain dl.listdl dd h2{font-size: 18px}
  .newmain{ padding-bottom: 80px;}
  .newmain dl.listdl dd{ padding-bottom: 10px;}
  .newmain dl.listdl dd p{font-size: 12px}
}



.friendlink{ max-width: 1680px; width: 98%; height: 22px; line-height: 22px; overflow: hidden;margin: auto; margin-top: 27px; margin-bottom: 50px;}
.friendlink dt{ width: 82px; line-height:22px; height: 22px;font-size: 14px; color: #ffffff; text-align: center;letter-spacing: 2px; font-weight: normal;background: #0057ff; float: left; margin-right: 21px;}
.friendlink dd{ float: left;font-size: 14px;padding:0 21px;}
.friendlink dd a:hover{color:#929292}

@media only screen and (max-width:540px) and (min-width:360px) {
  .newmain dl.listdl dd{ width: 100%; margin-right: 0;}
  .newmain dl.listdl dd{ margin-top: 24px;}
  .newmain dl.listdl dd h2{font-size: 18px}
  .newmain{ padding-bottom: 50px;}
  .newmain dl.listdl dd{ padding-bottom: 10px;}
  .newmain dl.listdl dd p{font-size: 12px}
  .friendlink dd{ padding:0 10px;}
  .friendlink dt{margin-right: 10px;}
}


.news_bread_nav{ max-width: 1000px; width: 96%;}
.news_content{ max-width: 1000px; width: 96%; margin: auto;padding-bottom: 6rem;}
.news_content h1.title{ padding: 1rem 0;font-size: 1.8rem;font-weight: normal;color: #000;letter-spacing: 6px;}
.news_content .smalltext{    font-size: 0.9rem;letter-spacing: 2px;line-height: 2rem;color: #646464;}
.newcon{ font-size: 0.9rem;letter-spacing: 2px;line-height: 2rem;color: #646464; }
.newcon img{max-width:100%; width:100%; height: auto; padding-bottom: 32px;}
.news_content .prev{ padding-left: 0;}
.news_content .next{ padding-right: 0;}
.news_content .pagelist{ margin-top: 20px;}

@media only screen and (max-width:992px) and (min-width:768px) {
  .news_content h1.title{font-size: 22px; margin-top: 1rem;}
}

@media only screen and (max-width:768px) and (min-width:540px) {
  .news_content h1.title{font-size: 18px;margin-top: 1rem;}
  .news_content .smalltext{ padding-top: 1rem; font-size: 14px; line-height: 2; padding-bottom: 1rem;}
  .newcon img{ padding-bottom: 25px;}
  .news_content{ padding-bottom: 3rem;}
}

@media only screen and (max-width:540px) and (min-width:360px) {
  .news_content h1.title{font-size: 18px;margin-top: 1rem;}
  .news_content .smalltext{ padding-top: 1rem; font-size: 14px; line-height: 2; padding-bottom: 1rem;}
  .newcon img{ padding-bottom: 15px;}
  .news_content{ padding-bottom: 2rem;}
}