* { box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-text-size-adjust: none; outline: none; }

/* 通用滚动条代码 */
::-webkit-scrollbar {
	width: 5px;
	background-color: #bf9f62;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #bf9f62;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: #0054a7; }
  .preloader .preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .preloader .preloader-inner .preloader-icon {
      width: 117px;
      height: 150px;
      display: inline-block;
      padding: 0px; }
      .preloader .preloader-inner .preloader-icon span {
        position: absolute;
        display: inline-block;
        width: 117px;
        height: 117px;
        border-radius: 100%;
        -webkit-animation: preloader-fx 1.5s linear infinite;
        animation: preloader-fx 1.5s linear infinite; background: #fff}
        .preloader .preloader-inner .preloader-icon span:last-child {
          animation-delay: -0.8s;
          -webkit-animation-delay: -0.8s;}

.preloader .preloader-inner .preloader-icon .load_logo {
position: absolute;display: inline-block;
width: 117px; height: 117px; text-align: center;z-index: 2;}
.preloader .preloader-inner .preloader-icon  .load_logo img{width: 117px;height: 117px;}



.preloader .preloader-inner .preloader-icon .load_txt { position: absolute;display: inline-block; width: 117px; 
 text-align: center; z-index: 3;font-size: 22px; color: #F1F2E5;bottom: 0px;font-weight: 300;letter-spacing:5px}

@keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0; } }
@-webkit-keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    opacity: 0; } }


.space1{ overflow:hidden; clear:both; height:10px; width:100%}
.space2{ overflow:hidden; clear:both; height:20px; width:100%}
.space3{ overflow:hidden; clear:both; height:30px; width:100%}
.space4{ overflow:hidden; clear:both; height:40px; width:100%}

.box_top{ max-width:1350px;  width:94%; margin:0 auto;}
.main_box{ max-width:1350px; overflow:hidden; width:94%; margin:0 auto;}
@media (min-width: 1930px) {
.main_box { max-width: 1800px; width:94%; margin:0 auto;}
}


@media only screen and (max-width:1000px) {
.space2{ overflow:hidden; clear:both; height:10px; width:100%}
.space3{ overflow:hidden; clear:both; height:15px; width:100%}
.space4{ overflow:hidden; clear:both; height:20px; width:100%}
}


.hui_bg{ background:#F6F6F6; width:100%; padding:100px 0px 100px 0px; overflow:hidden; position: relative}
.bai_bg{ background:#ffffff; width:100%; padding:100px 0px 100px 0px; overflow:hidden;  position: relative}


@media only screen and (max-width:1450px) {
.hui_bg{padding:80px 0px 80px 0px;}
.bai_bg{padding:80px 0px 80px 0px;}
}

@media only screen and (max-width:1300px) {
.hui_bg{ padding:60px 0px 60px 0px;}
.bai_bg{ padding:60px 0px 60px 0px;}
}

@media only screen and (max-width:1100px) {
.hui_bg{ padding:30px 0px 30px 0px;}
.bai_bg{ padding:30px 0px 30px 0px; }
}



.sy_title{ text-align:center; }
.sy_title h4{ color: #111;font-size: 42px;line-height:50px; margin:0px; padding:0px; padding-bottom:15px; font-weight:600;letter-spacing:2px;  position: relative;font-family: 'Koulen';}
.x_txt{ margin:0 auto;line-height: 30px;padding:0px 15px;font-size:18px; color: #666; text-align: center;font-family: 'Aileron-Regular';max-width: 1000px;}

.sy_title h4::before{position: absolute; z-index: 1;content: ""; bottom:0; width: 82px; height: 2px; background: #bf9f62;left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}



@media only screen and (max-width:1450px) {
.sy_title h3{ font-size: 34px; line-height:36px;}	
	
}

@media only screen and (max-width:1190px) {
.sy_title h4{ font-size: 30px; line-height:36px;}
.x_txt{font-size: 16px;line-height: 24px;}
}
@media only screen and (max-width:800px) {
.sy_title h4{ font-size: 26px; line-height:30px;}
.x_txt{font-size: 14px;}
.pro-detail-title {font-size: 20px;}
}





.sy_txt_box{ position: absolute; z-index: 12; width: 100%; height: auto;top: 48%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.sy_txt_box dl{ padding: 0px; margin: 0px;}
.sy_txt_box dl dt{ padding: 0px; margin: 0px; text-align: center; color: #fff; margin-bottom:10px;}
.sy_txt_box dl dd{ padding: 0px; margin: 0px; text-align: center;color: #fff;font-size: 36px; line-height:50px;letter-spacing:1px;text-shadow: 1px 2px 5px  rgba(0, 0, 0, 0.1);}

.sy_txt_box dl dt h1 { overflow: hidden;

      font-weight: 700;
     font-family:"Microsoft YaHei";
      color: #fff;
      font-size:80px;letter-spacing:10px;line-height: 100px;
	position: relative;
    background-image: -webkit-linear-gradient(left,#fff,#7fbf26,#fff 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 5s forwards linear infinite;text-shadow: 1px 2px 5px  rgba(0, 0, 0, 0.1);}
@keyframes masked-animation {
	from {
	background-position:0 0
}
to {
	background-position:-200% 0
}
}



@media only screen and (max-width:1300px) {	
	.sy_txt_box dl dt h1 { font-size:60px;letter-spacing:12px;line-height: 60px;}
	.sy_txt_box dl dd{font-size: 30px; line-height:40px;}
	.sy_txt_box{top: 48%;}
}

@media only screen and (max-width:1100px) {	
	.sy_txt_box dl dt h1 { font-size:50px;letter-spacing:10px;line-height: 60px;}
	.sy_txt_box dl dd{font-size: 26px; line-height:30px;}
	.sy_txt_box{top: 50%;}
}



@media only screen and (max-width:700px) {	
	.sy_txt_box dl dt h1 { font-size:44px;letter-spacing:5px;line-height: 60px;}
	.sy_txt_box dl dd{font-size: 20px; line-height:30px;}
}

@media only screen and (max-width:550px) {	
	.sy_txt_box dl dt h1 { font-size:40px;letter-spacing:5px;}
	.sy_txt_box dl dd{font-size: 18px; line-height:26px;}
	
}

@media only screen and (max-width:450px) {	
	.sy_txt_box dl dt h1 { font-size:36px;letter-spacing:2px;}
	.sy_txt_box dl dd{font-size: 16px; line-height:26px;letter-spacing:0px;}
}
@media only screen and (max-width:400px) {	
	.sy_txt_box dl dt h1 { font-size:32px;letter-spacing:2px;line-height: 40px;}
}







.side_R{ float:right; margin:0px; padding:0px; overflow:hidden; width:22%; display:block}
.side_L{ float: left; margin:0px; padding:0px; overflow:hidden; width:75%;}

 @media only screen and (max-width:1000px) {
.side_R{ float:left; margin:0px; padding:0px; overflow:hidden; width:100%; margin-bottom:15px; display: none}
.side_L{ float:left; margin:0px; padding:0px; overflow:hidden; width:100%;}
}


.side_nav_lm{ line-height:70px; text-align:center; color:#fff; font-weight:700; font-size:26px;background:#bf9f62}
.side_nav_lm span{ margin-right:10px}

.side_nav{overflow:hidden;padding:0px; display:block;  background:#fff;border: #ddd 1px solid;border-top: #CECECE 0px solid;}
.side_nav li{ line-height:54px; height: 54px;list-style:none;font-size:16px; width:100%; border-bottom:#eee 1px solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent: 20px;  position: relative}
.side_nav a{ display: block; color: #333; font-size:16px; height: 54px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.side_nav a:hover {color: #bf9f62; background:#eee}
.side_nav a:hover,.side_nav a:active,.side_nav li.active a{color: #bf9f62; font-size:16px; text-decoration:none; height: 54px;line-height:54px; }
.side_nav li.active a{color: #bf9f62; font-size:16px;text-decoration:none; height:54px; background:#eee}
.side_nav li:last-child{border-bottom:#DCEDF4 0px solid;}

.side_nav li a i{ font-size:20px; color:#bbb;  position: absolute;right: 20px;top: 15px; text-align: center;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.side_nav li.active a i{color: #bf9f62;right:10px;}
.side_nav a:hover i{right:10px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;color: #bf9f62;}

.pro-detail-title {
    position: relative;
    font-size: 24px;
    text-transform: uppercase;
    color: #333333;
    line-height: 30px;
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 16px;font-family: 'Raleway';
}

.pro-detail-title {
    position: relative;
    font-size: 24px;
    font-family: ITCAvantGardeStd-Md;
    color: #333;
    line-height: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 40px;
}

.pro-detail-title::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -2px;
    height: 5px;
    width: 95px;
    background: #bf9f62;
}

.dh_box{ overflow:hidden; line-height:40px;font-size:14px;color:#666; background: #f5f5f5; padding: 5px 0px}
.wzdh_k{ overflow:hidden; line-height:40px;font-size:14px;color:#666}
.wzdh_k span a{ font-size:14px; color:#666}
.wzdh_k i{ margin-right:3px;color:#666;font-size:16px;}




.product_list_tj{overflow: hidden; margin: 0 auto; padding: 0px;border: #ddd 1px solid;transition: all 0.4s ease; width: 94%; background: #fff }
.product_list_tj dl{overflow: hidden; margin: 12px; padding: 0px;}
.product_list_tj dl dt{overflow: hidden; margin:0; padding: 0px;}
.product_list_tj dl dd{ margin:0; padding: 10px 30px 10px 20px; color: #222; font-size: 16px; line-height: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-top: 10px; position: relative}
.product_list_tj a{display:inline}

.product_list_tj  dl dd::after{ content: "\1F816";position: absolute; z-index: 1;right:15px;font-size: 42px; color: #666;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);transition: all ease 0.36s;}


.product_list_tj  dl .img_box{overflow: hidden; position: relative}
.product_list_tj  dl .img_box .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.product_list_tj .img_box .product_img img{display: block;width: 100%;height: auto; vertical-align: top}
.product_list_tj .img_box:hover .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.product_list_tj:hover{  background: #bf9f62;box-shadow: 8px 0 16px rgba(0,0,0,0.1);
    transition: all ease 0.36s;transition: all 0.3s ease; }
.product_list_tj:hover dd{  color: #fff}

.product_list_tj:hover dl dd::after{right:5px; color: #fff;transition: all ease 0.36s;}
	
	
@media screen and (max-width: 1400px) {
.product_list_tj dl dd{ line-height: 24px;}
}

@media screen and (max-width: 1300px) {
.product_list_tj dl dd{ font-size:14px; line-height: 24px;}
.product_list_tj dl dd::after{right:12px;font-size: 32px;}
.product_list_tj dl{overflow: hidden; margin: 8px; padding: 0px;}
}

@media screen and (max-width: 1000px) {
.product_list_tj dl dd{ margin:0; padding: 10px 20px 4px 5px;}
.product_list_tj dl dd::after{right:10px;font-size: 26px;}
.pro-detail-title {font-size:20px;padding-bottom: 14px;}
}


/* ---form--book--------*/
.form_input-flexing{display: flex; gap: 20px;}
.form_df-input {flex-basis: 50%;position: relative;margin-top: 20px;}
.form_df-input input {border: 1px solid #5E5E5E45; padding: 0 20px 0 40px;height: 50px; width: 100%;border-radius:5px;font-size: 16px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_df-input i{position: absolute; z-index: 1; left: 8px;top: 12px;
font-size: 25px; vertical-align: top;  color:#ccc}
.form_texting-fild {margin-top: 20px;position: relative;}
.form_texting-fild textarea { border: 1px solid #5E5E5E45;height: 140px; padding: 10px 20px 10px 20px; width: 100%;border-radius:5px;font-family:"Microsoft YaHei";font-size: 16px;}

.form_df-input input:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_texting-fild textarea:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_df-input input::placeholder {color:#666;}
.form_texting-fild textarea::placeholder {color:#666;}




.form_btn_k {width: 200px;}

.form_btn_k button{border:0; width: 100%}
.form_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
    background: #bf9f62;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;
}
.form_btn_k:hover .form_btn { background: #ffbd3d;}


@media only screen and (max-width:800px) {
.form_texting-fild textarea {font-size: 14px;}
.form_df-input input {height: 46px;font-size: 14px}
.form_df-input i{top: 10px; }
	
}


@media only screen and (max-width:450px) {
.form_btn_k {width: 200px;margin: 0 auto;}
.form_df-input {flex-basis: 100%;margin-top: 15px;}
.form_input-flexing{gap:0;display: block;}
}


/*--form--book-------////  */



.sy_cplist{ overflow:hidden; margin:0px; padding:0px; margin:0 auto}
.sy_cplist li{ overflow:hidden; margin:0px; padding:0px; width:23.5%; float:left;display:inline;  margin-bottom:2%; margin-right: 2%}
.sy_cplist dl{ overflow:hidden; margin:0px; padding:10px;margin:0 auto; border:#ddd 1px solid;background:#fff;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative; background:#fff;}
.sy_cplist dl a{ display:inline}
.sy_cplist dl dt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:26px; font-weight:normal;color:#222; position:relative; text-align:center;}
.sy_cplist dl dd{ overflow:hidden; margin:0px;font-size: 14px}
.sy_cplist dl dt h3{ font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:30px; padding:2px 5px 0px 5px;  margin-top:5px;font-family:'Aileron-Bold'}
.sy_cplist dl dd span{ color:#777; margin-right:2px}
.sy_cplist dl dt img{width:100%;height:auto; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; margin:0 auto }
.sy_cplist li:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.1); background:#fff; border:#bf9f62 1px solid; }
.sy_cplist li:hover dt h3{ color:#bf9f62;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


.cpsx_sm_txt{ overflow:hidden; margin:0px; padding:0px 5px; font-size:14px; line-height:20px; color:#555;padding:0px 5px 0px 5px;height:40px}
.cpsx_sm_txt span{ color:#777; margin-right:2px}


.sy_cplist li:hover dt{color:#E81821}

.sy_cplist li:nth-child(4n){ margin-right:0}

.sy_cplist dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:8px; bottom:0px}
.cp_dv i{ color:#6633FF;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;font-size: 26px;
background: -webkit-linear-gradient(45deg, #6633FF, #fb0071);
background: -o-linear-gradient(45deg, #6633FF, #fb0071); 
background: -moz-linear-gradient(45deg, #6633FF, #fb0071); 
background: linear-gradient(45deg, #6633FF, #fb0071); 
    -webkit-background-clip: text;
    color: transparent;}
.sy_cplist dl  .cp_dv img{ height:22px; width:auto}

.sy_cplist dl .cp_dv:hover i{transform:rotate(360deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1300px) {
.sy_cplist dl{ overflow:hidden; padding:10px;}
.sy_cplist dl dt h3{ font-size:14px;}
.cpsx_sm_txt{ font-size:12px}
	.sy_cplist dl  .cp_dv i{font-size: 22px;}
}

@media only screen and (max-width:750px) {
.sy_cplist li{ width:49%; margin-bottom:15px}
	.sy_cplist li:nth-child(2n){ margin-right:0}
.sy_cplist dl{ overflow:hidden;padding:15px;}
.sy_cplist dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:4px; bottom:-10px}
}

@media only screen and (max-width:650px) {

.sy_cplist dl{ overflow:hidden;  padding:6px;}

}




.cplist_xx{ overflow:hidden; margin:0px; padding:0px; margin:0 auto}
.cplist_xx li{ overflow:hidden; margin:0px; padding:0px; width:32%; float:left;display:inline;  margin-bottom:2%; margin-right: 2%}
.cplist_xx dl{ overflow:hidden; margin:0px; padding:10px;margin:0 auto; border:#ddd 1px solid;background:#fff;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative; background:#fff;}
.cplist_xx dl a{ display:inline}
.cplist_xx dl dt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:26px; font-weight:normal;color:#222; position:relative; text-align:center;}
.cplist_xx dl dd{ overflow:hidden; margin:0px;font-size: 14px}
.cplist_xx dl dt h3{ font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:30px; padding:2px 5px 0px 5px;  margin-top:5px;font-family:'Aileron-Bold'}
.cplist_xx dl dd span{ color:#777; margin-right:2px}
.cplist_xx dl dt img{width:100%;height:auto; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; margin:0 auto }
.cplist_xx li:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.1); background:#fff; border:#E81821 1px solid; }
.cplist_xx li:hover dt h3{ color:#E81821;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.cplist_xx li:hover dt{color:#E81821}

.cplist_xx li:nth-child(3n){ margin-right:0}

.cplist_xx dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:8px; bottom:0px}
.cp_dv i{ color:#6633FF;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;font-size: 26px;
background: -webkit-linear-gradient(45deg, #6633FF, #fb0071);
background: -o-linear-gradient(45deg, #6633FF, #fb0071); 
background: -moz-linear-gradient(45deg, #6633FF, #fb0071); 
background: linear-gradient(45deg, #6633FF, #fb0071); 
    -webkit-background-clip: text;
    color: transparent;}
.cplist_xx dl  .cp_dv img{ height:22px; width:auto}

.cplist_xx dl .cp_dv:hover i{transform:rotate(360deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1300px) {
.cplist_xx dl{ overflow:hidden; padding:10px;}
.cplist_xx dl dt h3{ font-size:14px;}
.cpsx_sm_txt{ font-size:12px}
	.cplist_xx dl  .cp_dv i{font-size: 22px;}
}

@media only screen and (max-width:650px) {
.cplist_xx li{ width:49%; margin-bottom:15px}
	.cplist_xx li:nth-child(3n){ margin-right:2%}
	.cplist_xx li:nth-child(2n){ margin-right:0}
.cplist_xx dl{ overflow:hidden;padding:15px;}
.cplist_xx dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:4px; bottom:-10px}
}

@media only screen and (max-width:650px) {

.cplist_xx dl{ overflow:hidden;  padding:6px;}

}



/* 产品详细 */

.wap_cplist{ display:none; padding:0px; margin:0px; margin-bottom:20px; width:100%;}
.wap_cplist  label{ width:100%; }
.wap_cplist select {  text-align: center; text-align-last: center;  background: #fff}
.wap_cplist option{ line-height:40px; text-indent:20px}


@media (max-width: 1000px) {
.wap_cplist{ display: block}
}

.L_bai{ overflow:hidden; background:#fff; margin:0px; padding:30px 30px}

.fa_xx_tu{ overflow:hidden; margin:0px; padding:0px}
.fa_xx_tu_L{ overflow:hidden; margin:0px; padding:0px; text-align:center; float:left; width:56%}

.fa_xx_tu_R{ overflow:hidden; margin:0px; padding:0px; float: right; width:40%}
.fa_xx_tu_R dl{overflow:hidden; margin:0px; padding:0px; margin-top:6%}
.fa_xx_tu_R dl dt{overflow:hidden; margin:0px; padding:0px; font-size:30px; color:#222; margin-bottom:20px; line-height:180%}
.fa_xx_tu_R dl dd{overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:190%; color:#666}

@media only screen and ( max-width:1000px ) {
.fa_xx_tu_L{ overflow:hidden; margin:0px; padding:0px; text-align:center; float:left; width:63%}
.fa_xx_tu_R{ overflow:hidden; margin:0px; padding:0px; float: right; width:33%}
.fa_xx_tu_R dl dt{ font-size:24px; margin-bottom:10px; line-height:26px}
.fa_xx_tu_R dl{overflow:hidden; margin:0px; padding:0px; margin-top:0px}
.L_bai{ overflow:hidden; background:#fff; margin:0px; padding:20px 20px}
}

@media only screen and ( max-width:900px ) {

.L_bai{ overflow:hidden; background:#fff; margin:0px; padding:10px 10px}
.fa_xx_tu_L{  float: none; width:100%;margin-bottom:20px}
.fa_xx_tu_R{ float:  none; width:100%}

.fa_xx_tu_R dl dt{text-align:center;}
.fa_xx_tu_R dl dd{ font-size:14px; line-height:22px;}

}

@media only screen and ( max-width:700px ) {
.fa_xx_tu_R dl{ padding:10px; }
.fa_xx_tu_R dl dt{ font-size:20px; margin-bottom:10px; line-height:26px}
.fa_xx_tu_R dl dd{ font-size:14px; line-height:22px;}

}





/* 服务 */
.sy_ser_box{position: relative;z-index: 1; background: #fff}
.sy_serlist{ overflow: hidden; margin: 0px; padding: 0px;}



.ser_warp{ max-width: 1400px;width: 100%; margin: 0 auto; overflow: hidden; padding: 0px 10px}
.sy_serlist{ overflow: hidden; margin: 0 auto; padding: 0px; background: #f6f6f6; width: 92%; min-height: 260px;border-radius: 6px; border:#f4f4f4 1px solid}


.sy_serlist dl{ overflow: hidden; margin: 0px; padding: 0px; padding: 30px;}
.sy_serlist dl dt{ overflow: hidden; margin: 0px; padding: 0px; text-align: center;margin-bottom: 8px; }

.sy_serlist dl dt h3{ overflow: hidden; margin: 0px; padding: 0px;font-weight: 700; font-size: 20px; line-height: 36px;color: #111}
.sy_serlist dl dd{ overflow: hidden; margin: 0px; padding: 0px;font-size: 14px; line-height: 24px; color: #666; text-align: justify}

.ser_icon1{ width:76px; height: 76px; margin: 0 auto; background: #28a745; text-align: center;border-radius: 50%}
.ser_icon1 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon2{ width:76px; height: 76px; margin: 0 auto; background: #0062cc; text-align: center;border-radius: 50%}
.ser_icon2 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon3{ width:76px; height: 76px; margin: 0 auto; background: #ffc107; text-align: center;border-radius: 50%}
.ser_icon3 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon4{ width:76px; height: 76px; margin: 0 auto; background: #b23249; text-align: center;border-radius: 50%}
.ser_icon4 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon5{ width:76px; height: 76px; margin: 0 auto; background: #28a745; text-align: center;border-radius: 50%}
.ser_icon5 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon6{ width:76px; height: 76px; margin: 0 auto; background: #0062cc; text-align: center;border-radius: 50%}
.ser_icon6 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon7{ width:76px; height: 76px; margin: 0 auto; background: #b23249; text-align: center;border-radius: 50%}
.ser_icon7 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon8{ width:76px; height: 76px; margin: 0 auto; background: #ffc107; text-align: center;border-radius: 50%}
.ser_icon8 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon9{ width:76px; height: 76px; margin: 0 auto; background: #29bec7; text-align: center;border-radius: 50%}
.ser_icon9 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon10{ width:76px; height: 76px; margin: 0 auto; background: #0062cc; text-align: center;border-radius: 50%}
.ser_icon10 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon11{ width:76px; height: 76px; margin: 0 auto; background: #b23249; text-align: center;border-radius: 50%}
.ser_icon11 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}

.ser_icon12{ width:76px; height: 76px; margin: 0 auto; background: #ffc107; text-align: center;border-radius: 50%}
.ser_icon12 img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}





.sy_serlist1{ overflow: hidden; margin: 0px; padding: 0px;}
.sy_serlist1 li{ overflow: hidden; margin: 0px; padding: 0px;float: left;width: 23.5%; margin-right: 2%; margin-bottom: 2%}
.sy_serlist1{ overflow: hidden; margin: 0 auto; padding: 0px;min-height: 260px;border-radius: 6px; }


.sy_serlist1 li dl{ overflow: hidden; margin: 0px; padding: 0px; padding: 0px 20px;}
.sy_serlist1 li dl dt{ overflow: hidden; margin: 0px; padding: 0px; text-align: center;margin-bottom: 8px; }

.sy_serlist1 li dl dt h3{ overflow: hidden; margin: 0px; padding: 0px;font-weight: 700; font-size: 20px; line-height: 36px;color: #111}
.sy_serlist1 li dl dd{ overflow: hidden; margin: 0px; padding: 0px;font-size: 14px; line-height: 24px; color: #666; text-align: justify}

.ser_pic{ width:76px; height: 76px; margin: 0 auto; background: #28a745; text-align: center;border-radius: 50%}
.ser_pic img{width: 40px; height:40px; vertical-align: top; margin-top: 18px}
.sy_serlist1 li:nth-child(4n+0){margin-right:0;}


.sy_lx_bg{overflow: hidden;background:#003e6e url(../images/sy_lx.jpg) no-repeat center;background-size: cover; padding: 60px 0px}
.sy_lx_txt{margin: 0px; padding: 0px 25px; overflow: hidden}
.sy_lx_txt dl{margin: 0px; padding: 0px; overflow: hidden;text-align: center}
.sy_lx_txt dl dt{margin: 0px; padding: 0px; overflow: hidden; color: #fff;font-size: 24px; margin-bottom: 20px; line-height: 30px;}
.sy_lx_txt dl dd{margin: 0px; padding: 0px; overflow: hidden}

.sy_lx_btn{width: 160px; background: #ff9000; color: #fff;  line-height: 46px; border-radius: 5px; display: inline-block}
.sy_lx_btn:hover{ background: #005EAE}

@media only screen and (max-width:1200px) {
	.sy_lx_txt dl dt{font-size: 20px;line-height: 26px}	
	.sy_lx_btn{width: 130px;}	
}

@media only screen and (max-width:800px) {
	.sy_lx_bg{ padding: 30px 0px}
	.sy_lx_txt dl dt{font-size: 16px;line-height: 24px}	
	
}




.standard_box{margin: 0px; padding: 60px 0px 60px 0px; position: relative; background: #fff; overflow: hidden} 
.sy_yslist li{ overflow:hidden; margin:0px; padding:30px 20px; width:23.5%; float:left; margin-right: 2%;;display:inline; border: #ddd 1px solid; min-height: 330px}
.sy_yslist li dl{ overflow:hidden; margin:0px; padding:0px;  margin:0 auto;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative; text-align: center}

.sy_yslist li dl dt{overflow:hidden;line-height:24px; font-weight:700;font-size: 18px;color:#111;text-align:center; margin-bottom: 10px}
.sy_yslist li dl dd{ overflow:hidden; margin:0px;color:#666;font-size: 14px;  line-height: 22px; }

.i_sy_tu{ width: 80px; height: 80px; background: #f87070; border-radius: 50%; margin: 0 auto; text-align: center}
.i_sy_tu i{font-size: 35px;color:#fff; vertical-align: middle; line-height: 80px}


.sy_yslist li:nth-child(4n+0){margin-right: 0%;}

.sy_yslist li:nth-child(1) .i_sy_tu { background:#f87070}
.sy_yslist li:nth-child(2) .i_sy_tu { background:#f9ab4f}
.sy_yslist li:nth-child(3) .i_sy_tu { background:#8c73e4}
.sy_yslist li:nth-child(4) .i_sy_tu { background:#bf9f62}
@media only screen and (max-width:1200px) {
	.standard_box{ padding: 30px 0px 20px 0px; }
	.sy_yslist li dl dd{font-size: 13px;line-height: 20px}
}
@media only screen and (max-width:1000px) {
.sy_yslist li .i_sy_tu{ width: 60px; height: 60px;}
.sy_yslist li .i_sy_tu i{font-size: 26px; vertical-align: middle; line-height: 60px}	
.sy_yslist li{ width:49%; margin-bottom:2%; min-height: 260px;padding:30px 15px;}	
.sy_yslist li:nth-child(2n+0){margin-right: 0%;}
}


@media only screen and (max-width:550px) {
.sy_yslist li dl dt{font-size: 16px; margin-bottom: 6px}
.sy_yslist li dl dd{ overflow:hidden; margin:0px;font-size: 12px;  line-height:20px}
}
@media only screen and (max-width:420px) {
.sy_yslist li{ width:100%; margin-bottom:20px; min-height: 260px;padding:30px 15px; margin-right: 0px; min-height: 100px; height: auto}	
.sy_yslist li:last-child{margin-bottom:0px;}
}


.hot_cplist{ overflow:hidden; margin:0 auto; padding:0px; width: 94%;background:#fff;}
.hot_cplist dl{ overflow:hidden; margin:0px; padding:10px 10px 20px 10px;  margin:0 auto;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative; background:#fff; border:#eee 1px solid;}
.hot_cplist dl a{ display:inline}
.hot_cplist dl dt{overflow:hidden;line-height:24px; font-weight:normal;color:#222; position:relative; text-align:center;}
.hot_cplist dl dd{ overflow:hidden; margin:0px;}
.hot_cplist dl dt h3{ font-size:14px;overflow:hidden; line-height:24px; padding:0;text-align:center; margin-top:10px;white-space:nowrap;text-overflow:ellipsis; font-weight:normal;}
.hot_cplist dl dd span{ color:#777; margin-right:2px}
.hot_cplist dl dt img{width:100%;height:auto; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; margin:0 auto }
.hot_cplist :hover dl{ border:#4d6ef1 1px solid;}
.hot_cplist :hover dt h3{ color:#e7353c;}

.hot_cplist :nth-child(4n+0){margin-right: 0%;}

.hot_cplist:hover  dl{ background: #eee}


@media only screen and (max-width:750px) {
	.hot_cplist dl{padding:5px; }
	.hot_cplist dl dt h3{ font-size:14px;}	
}







@media only screen and (max-width:1300px) {
.sy_serlist{ min-height: 280px;}

.sy_serlist dl{ padding:20px;}
.sy_serlist dl dt{margin-bottom: 5px; }
.sy_serlist dl dt h3{font-size: 18px}
.ser_icon1{ width:64px; height: 64px; margin: 0 auto; background: #28a745; text-align: center;border-radius: 50%}
.ser_icon1 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}

.ser_icon2{ width:64px; height: 64px; margin: 0 auto; background: #0062cc; text-align: center;border-radius: 50%}
.ser_icon2 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}

.ser_icon3{ width:64px; height: 64px; margin: 0 auto; background: #ffc107; text-align: center;border-radius: 50%}
.ser_icon3 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}

.ser_icon4{ width:64px; height: 64px; margin: 0 auto; background: #b23249; text-align: center;border-radius: 50%}
.ser_icon4 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}

.ser_icon5{ width:64px; height: 64px; margin: 0 auto; background: #28a745; text-align: center;border-radius: 50%}
.ser_icon5 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}

.ser_icon6{ width:64px; height: 64px; margin: 0 auto; background: #0062cc; text-align: center;border-radius: 50%}
.ser_icon6 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}

.ser_icon7{ width:64px; height: 64px; margin: 0 auto; background: #b23249; text-align: center;border-radius: 50%}
.ser_icon7 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}

.ser_icon8{ width:64px; height: 64px; margin: 0 auto; background: #ffc107; text-align: center;border-radius: 50%}
.ser_icon8 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}
	
.ser_icon9{ width:64px; height: 64px; margin: 0 auto; background: #28a745; text-align: center;border-radius: 50%}
.ser_icon9 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}

.ser_icon10{ width:64px; height: 64px; margin: 0 auto; background: #0062cc; text-align: center;border-radius: 50%}
.ser_icon10 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}

.ser_icon11{ width:64px; height: 64px; margin: 0 auto; background: #b23249; text-align: center;border-radius: 50%}
.ser_icon11 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}

.ser_icon12{ width:64px; height: 64px; margin: 0 auto; background: #ffc107; text-align: center;border-radius: 50%}
.ser_icon12 img{width: 34px; height:34px; vertical-align: top; margin-top: 15px}
}

@media  (max-width:1100px) {
.sy_serlist{ min-height: 294px;}		
}
@media  (max-width:750px) {
.sy_serlist{ min-height: 294px;}		
}

@media  (max-width:600px) {
.sy_serlist{ min-height: 304px;}	
	
}
@media  (max-width:450px) {
.sy_serlist dl{ padding:20px 30px;}
.sy_serlist{ min-height: 294px;}		
}

.more_k{margin: 0px; padding: 0px 20px; line-height: 34px; border: 1px solid #ccc; display: inline-block; margin-top: 20px;font-size: 14px;border-radius: 3px }
.sy_serlist:hover .more_k{ background: #0054a7; color: #fff;border: 1px solid #0054a7;}
.sy_serlist:hover{border:#ddd 1px solid;}


.sy_serlist dl:hover dd{ color: #222}
.sy_serlist dl:hover dt h3{ color: #0054a7}
.sy_serlist dl:hover .ser_icon1{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon1 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon2{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon2 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon3{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon3 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon4{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon4 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon5{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon5 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon6{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon6 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon7{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon7 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon8{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon8 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon9{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon9 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon10{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon10 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon11{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon11 img{animation: tada 2s infinite;}

.sy_serlist dl:hover .ser_icon12{ transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.3)}
.sy_serlist dl:hover .ser_icon12 img{animation: tada 2s infinite;}



.sy_news_bk{ overflow:hidden; padding:0px; margin:0px;}
.sy_news_bk li{overflow:hidden; padding:0px; margin:0px;  width:49%; margin-right: 2%; list-style:none; padding:1%; border:#E4E4E4 1px solid; float:left;margin-bottom:2%; list-style:none}
.sy_news_bk li dl{overflow:hidden; padding:0px; margin:0px;}
.sy_news_bk li dl dt{overflow:hidden; padding:0px; margin:0px; font-size:16px; color:#222; line-height:22px;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 5px; font-weight: bold}
.sy_news_bk li dl dd{overflow:hidden; padding:0px; margin:0px;color:#888;line-height:22px; height:44px; font-size:14px}

.sy_news_bk li:nth-child(2n+0){ margin-right: 0;}

.sy_news_bk li:hover{ border:#0054a7 1px solid;}
.sy_news_bk li:hover dl dt{ color:#0054a7; }


.sy_news_bk li:hover .date_box1{background:#7fbe25;}

.date_box1{ margin:0px;padding:0px; width:66px; height:70px; background:#969393; color:#FFFFFF;text-align:center; margin-right:15px; float:left;}
.date_box1 h3{ font-size:22px; margin:0px; padding:0px; line-height:30px; padding-top:5px}
.date_box1 p{ margin:0px; font-size:12px;margin-bottom: 0px; font-weight:normal; padding:0px;line-height:26px}



 /* ---news-------- */
.news_bg{background:#fff url(../images/new_bg.jpg) no-repeat center; background-size: cover;}

.news_warp{ max-width: 1398px;width: 100%; margin: 0 auto; overflow: hidden; padding: 0px 10px}
.news_list_tj{overflow:hidden; padding: 0px; margin: 0px;margin: 0 auto; width: 94%;margin-bottom: 10px; position: relative;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #f6f6f6}
.news_list_tj a{display: inline}
.news_list_tj dl{overflow:hidden; padding: 20px 20px; }
.news_list_tj dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 16px; color: #000; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 15px;  position: relative; padding-bottom: 10px; font-weight: bold}
.news_list_tj dl dd{overflow:hidden; padding: 0px; margin: 0px;white-space:nowrap;text-overflow:ellipsis;color:rgba(0, 0, 0, 0.6);font-size: 14px}
.news_list_tj dl dt::after{ position: absolute; z-index: 2;left: 0px; bottom: 0px; width: 0px; height: 1px; background: #7fbe25;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; content: "";}

.n_time{ position: absolute; z-index: 2; padding: 5px 10px;font-size: 12px; background: rgba(0, 0, 0, 0.2); float: left;left: 0px; bottom: 0; color: #fff; }

.news_list_tj .img_box_tj{overflow: hidden; position: relative}
.news_list_tj .img_box_tj .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; overflow: hidden;
}

.news_list_tj .img_box_tj .product_img img{display: block;width:100%;height: auto; vertical-align: top}

.news_list_tj:hover dl dd{color:rgba(255, 255, 255, 0.8)}
.news_list_tj:hover dl dt{color:#fff}
.news_list_tj:hover .img_box_tj .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news_list_tj:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #0054a7}
.news_list_tj:hover .n_time{ background: #0054a7;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; color: #fff}

.news_list_tj:hover dl dt::after{ width: 100%;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}



@media screen and (max-width: 1450px) {
.news_list_tj dl dt{font-size:20px;line-height: 30px;}	
}

@media screen and (max-width: 1300px) {
.news_list_tj dl dt{font-size:18px;line-height: 30px;}
}

@media screen and (max-width: 1000px) {
.news_list_tj dl dt{font-size:16px;line-height: 24px;}
}

@media screen and (max-width:750px) {
.news_list_tj dl dd{font-size: 14px; line-height: 24px}	
}
@media screen and (max-width:700px) {
	.sy_news_bk li{ width:100%; margin-right: 0%; margin-bottom: 20px; padding: 10px}
}

@media screen and (max-width:600px) {
.news_list_dm li dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
}


 /* ---about-------- */
.jiary_about_pic{margin: 0px; padding: 0px; overflow: hidden;}
.jiary_about_pic li{margin: 0px; padding: 0px; overflow: hidden; width: 50%; float:left;}
.jiary_about_pic li img{width: 100%; height: auto;vertical-align: top}



.jiary_about_L{ margin: 0px; padding: 0px; overflow: hidden;float: left;width: 50%; position: relative}
.jiary_about_L img{width: 100%; height: auto; vertical-align: top}

.jiary_about_R{ margin: 0px; padding: 0px; overflow: hidden;float:left;width: 50%; }

.jiary_about_R dl{overflow:hidden; padding:0px 0px 0px 80px; margin:0px; max-width: 675px; width:100%; color: #fff;left:50%; 
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}
.jiary_about_R dl dt{overflow:hidden; padding:0px; margin:0px;}
.jiary_about_R dl dd{overflow:hidden;padding:0px; margin:0px;line-height:200%;font-size: 14px;}

.jiary_about_box{overflow:hidden;background:#222  url(../images/about_bg.jpg)  no-repeat center fixed;background-size:cover;margin: 0px; padding: 0px; }

@media screen and (max-width: 1450px) {
	.jiary_about_R dl{overflow:hidden; padding:0px 50px 0px 50px;}	
}

@media screen and (max-width: 1300px) {

.jiary_about_R dl{overflow:hidden; padding:30px 40px 30px 40px; margin:0px; max-width: 100%; width:100%; color: #fff;left: inherit; 
position:  inherit;
top: inherit;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);}
}

@media only screen and (max-width:1200px) {
.jiary_about_box{overflow:hidden;background:#222  url(../images/about_bg.jpg)  no-repeat center;background-size:cover}	
}

@media screen and (max-width: 1180px) {
.jiary_about_L{ margin: 0px; padding: 0px; overflow: hidden;float:none;width:100%;}
.jiary_about_R{ padding: 0px; overflow: hidden;float:none;margin-bottom: 20px; background:rgba(0,0,0,0.4);position: relative; z-index: 2; width: 94%; margin: 0 auto;margin-top: -140px; border-radius: 6px}
.jiary_about_box{position: relative}

}
@media screen and (max-width: 550px) {
.jiary_about_R dl{overflow:hidden; padding:30px 20px 30px 20px; }
}
.sy_about_box{background: #014e9a;margin: 0px; padding: 0px; overflow: hidden; position: relative}
.sy_about_L{ margin: 0px; padding: 0px; overflow: hidden;float: left;width: 50%; position: relative}
.sy_about_L img{width: 100%; height: auto; vertical-align: top}

.sy_about_R{ margin: 0px; padding: 0px; overflow: hidden;float:left;width: 50%; }

.sy_about_R dl{overflow:hidden; padding:0px 0px 0px 80px; margin:0px; max-width: 675px; width:100%; color: #fff;left:50%; 
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}
.sy_about_R dl dt{overflow:hidden; padding:0px; margin:0px;}
.sy_about_R dl dd{overflow:auto; padding:0px; margin:0px;line-height:200%;font-size: 14px;height: 226px;  padding-right: 10px}

@media screen and (max-width: 1450px) {
	.sy_about_R dl{overflow:hidden; padding:0px 50px 0px 50px;}	
	.sy_about_R dl dd{height: 170px; }
}

@media screen and (max-width: 1300px) {

.sy_about_R dl{overflow:hidden; padding:30px 40px 30px 40px; margin:0px; max-width: 100%; width:100%; color: #fff;left: inherit; 
position:  inherit;
top: inherit;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);}
}


@media screen and (max-width: 1000px) {
.sy_about_R dl dd{height: 135px; }
}

@media screen and (max-width: 950px) {
	.sy_about_R dl dd{height: 110px; line-height: 190% }	
	
}

@media screen and (max-width: 800px) {
	.sy_about_R dl dd{height: 100px; }	
	
}


@media screen and (max-width: 750px) {
.sy_about_R dl dd{height: 135px; }
.sy_about_L{ margin: 0px; padding: 0px; overflow: hidden;float:none;width:100%;}
.sy_about_R{ padding: 0px; overflow: hidden;float:none;margin-bottom: 20px; background: #014e9a; position: relative; z-index: 2; width: 94%; margin: 0 auto;margin-top: -140px; border-radius: 6px}
.sy_about_R dl{overflow:hidden; padding:30px 20px 30px 20px;}
.sy_about_box{background: none;position: relative}

}

.videolist { margin: 0px; padding: 0px}
.videolist:hover{ cursor: pointer;}
.videos{ display:none; position:fixed; z-index:9999999; max-width:1000px;width:85%; height:auto;left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); background:#fff; margin: 0px; padding: 5px 5px 3px 5px;box-shadow:0 0 20px 1px rgba(0,0,0,.3) }
.vclose { position:absolute;right:10px; top:10px; border-radius:100%; cursor: pointer; background: #fff; padding: 2px}

@media only screen and (max-width: 700px) {
.videos{width:80%;background:#eee;}		
}



.bgPop{  display: none;position:fixed;z-index:9999998;left:0;top: 0;width: 100%;height:100%;background: rgba(0,0,0,.5); overflow:hidden;   }

@media only screen and ( max-width:800px ) {
.pop {  display: none;  width:88%;left:4%; top:15%;}
}

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px);}



.cy_tool{margin: 0px; padding: 0px; overflow: hidden;}
.cy_tool li{margin: 0px; padding: 8px 0px; overflow: hidden; width: 13.08%;float:left; text-align: center; margin-right: 1.4%}
.cy_tool li dl{margin: 0px 0px; padding: 0px; overflow: hidden;}
.cy_tool li dl dd{margin: 0px; padding: 8px 0px; overflow: hidden;color: #333;font-size: 16px; line-height: 30px; border:#ddd 1px solid;border-radius: 5px;}
.cy_tool li dl dd i{margin: 0px; padding: 0px; overflow: hidden;font-size: 22px; color: #888;line-height: 30px; vertical-align: top; margin-right: 5px}

.cy_tool li dl dd i img{width:20px; height: 20px;  vertical-align: middle}

.cy_tool li:nth-child(7n+0){ margin-right: 0}

.cy_tool li dl:hover dd{color: #0054a7; background: #f6f6f6}
.cy_tool li dl:hover dd i{ color: #0054a7}

@media (max-width:1150px){
	.cy_tool li dl dd{font-size: 14px; }

}
@media (max-width:950px){
.cy_tool li{margin: 0px; padding: 8px 0px; overflow: hidden; width:19.2%;float:left; text-align: center; margin-right: 1%}
.cy_tool li:nth-child(7n+0){ margin-right:1%}
.cy_tool li:nth-child(5n+0){ margin-right:0%}
}

@media (max-width:720px){
.cy_tool li{margin: 0px; padding: 8px 0px; overflow: hidden; width:24.25%;float:left; text-align: center; margin-right: 1%}
.cy_tool li:nth-child(7n+0){ margin-right:1%}
.cy_tool li:nth-child(5n+0){ margin-right:1%}
.cy_tool li:nth-child(4n+0){ margin-right:0%}
}

@media (max-width:555px){
.cy_tool li{margin: 0px; padding: 8px 0px; overflow: hidden; width:32%;float:left; text-align: center; margin-right: 2%}
.cy_tool li:nth-child(7n+0){ margin-right:2%}
.cy_tool li:nth-child(5n+0){ margin-right:2%}
.cy_tool li:nth-child(4n+0){ margin-right:2%}
.cy_tool li:nth-child(3n+0){ margin-right:0%}
	.cy_tool li dl dd i{font-size:18px}
.cy_tool li dl dd i img{width:20px; height: 20px;  vertical-align: middle}
}
@media (max-width:410px){
.cy_tool li{margin: 0px; padding: 8px 0px; overflow: hidden; width:49%;float:left; text-align: center; margin-right: 2%}
.cy_tool li:nth-child(7n+0){ margin-right:2%}
.cy_tool li:nth-child(5n+0){ margin-right:2%}
.cy_tool li:nth-child(4n+0){ margin-right:2%}
.cy_tool li:nth-child(3n+0){ margin-right:2%}
.cy_tool li:nth-child(2n+0){ margin-right:0%}
}

.footer_box{ background:#000 url(../images/d_bg.png) no-repeat center bottom; background-size: cover;padding:40px 0px 40px 0px; margin:0px;}

.d_box_L{overflow:hidden; padding:0px; margin: 0px; width: 35%;float: left}
.d_box_M{overflow:hidden; padding:0px; margin: 0px; width: 35%;float: left; text-align: center}
.d_box_R{overflow:hidden; padding:0px; margin: 0px; width: 30%;float: right;text-align: right}

.d_box_L li{overflow:hidden; padding:0px; margin: 0px;float: left;width: 50%}
.d_box_L li dl{overflow:hidden; padding:0px; margin: 0px;}
.d_box_L li dl dt{overflow:hidden; padding:0px; margin: 0px; margin-bottom: 10px; font-size: 18px; color: #fff; font-weight:bold;font-family: 'Aileron-Light';}
.d_box_L li dl dd{overflow:hidden; padding:4px 0px; margin: 0px; line-height: 24px;font-size: 14px; color: #ddd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.d_box_L li dl dd a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #ddd}
.d_box_L li dl dd a:hover{color: #ffa200}
.d_box_L li:nth-child(2) dl dd{ width: 100%;float: left}
.d_box_L li dl dt a{color: #fff; }
.d_box_L li dl dt a:hover{color: #ffa200}

.d_box_lx{overflow:hidden; padding:0px; margin: 0px;display: inline-block}
.d_box_lx dl{overflow:hidden; padding:0px; margin: 0px; text-align:left;}
.d_box_lx dl dt{overflow:hidden; padding:0px; margin: 0px;  margin-bottom: 10px; font-size: 18px; color: #fff; font-weight: bold;font-family: 'Aileron-Light';}
.d_box_lx dl dd{overflow:hidden; padding:4px 0px; margin: 0px;  line-height: 24px;font-size: 14px; color: #ddd}
.d_box_lx dl dd i{ margin-right: 4px;font-size: 18px;vertical-align: middle}
.d_box_lx dl dd span{    line-height: 28px;font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; letter-spacing: -0.5px;font-size: 22px;vertical-align: middle}

.d_2wm_box{overflow:hidden; padding:0px; margin: 0px 10px;display: inline-block;}
.d_2wm_box dl{overflow:hidden; padding:0px; margin: 0px; }
.d_2wm_box dl dt{overflow:hidden; padding:0px; margin: 0px;  margin-bottom:5px; }
.d_2wm_box dl dt img{width: 120px; height: 120px; vertical-align: top;border-radius: 5px;}
.d_2wm_box dl dd{overflow:hidden; padding:4px 0px; margin: 0px;  line-height: 24px;font-size: 14px; color: #fff; text-align: center}


.d_copxx{overflow:hidden; padding:0px; margin: 0px; font-size: 14px; color: #fff; text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgb(255,255,255,0.2)}
.d_copxx a{color: #fff;} 


@media (max-width:1100px){
.d_2wm_box dl dt img{width: 100px; height: 100px; vertical-align: top;border-radius: 5px;}	
	.footer_box{ padding:40px 0px 25px 0px;	}
}



@media only screen and (max-width: 1000px){
.d_box_L{ display: none}	
.d_box_bg{ padding:30px 0px 20px 0px; }
	
.d_box_lx{display: block}
.d_box_M{overflow:hidden; padding:0px; margin: 0px; width: 65%;float: left; text-align: center}
.d_box_R{overflow:hidden; padding:0px; margin: 0px; width: 35%;float: right;text-align: right}
.d_2wm_box:nth-child(2){ display: none}
}

@media only screen and (max-width: 550px){
	.d_box_lx dl dl{font-size: 16px}
.d_box_lx dl{overflow:hidden; padding:0px; margin: 0px; text-align:center}
	.d_box_lx dl dd{ padding:1px 0px;}
	.d_box_lx dl dd i{display: none}
.d_box_M{overflow:hidden; padding:0px; margin: 0px; width: 100%;float: none; text-align: center; margin-bottom: 20px}
.d_box_R{overflow:hidden; padding:0px; margin: 0px; width: 100%;float: none;text-align:  center}
	.d_copxx{margin-top:10px;}
}


.foot_btn_box{ position: fixed; z-index: 9; float:right;  bottom:120px; right: 2%; text-align: center;display: none}
.foot_btn_box a{ display: inline;line-height: 39px;}


.R_btn_tel_k{width: 39px;height: 39px; text-align: center; border-radius: 50%;background: #fff;box-shadow:0 0 15px rgba(55, 55, 55, 0.3);
background: -webkit-linear-gradient(45deg, #c19f5f, #ecce87);
background: -o-linear-gradient(45deg, #c19f5f, #ecce87); 
background: -moz-linear-gradient(45deg, #c19f5f, #ecce87); 
background: linear-gradient(45deg, #c19f5f, #ecce87); 
}
.R_btn_tel_k i{ line-height: 36px; font-size: 20px; color: #fff; vertical-align: middle}


@media screen and (max-width: 1000px) {
.foot_btn_box{ display:block}	
}

.nr_lm_txt1{position: absolute;  height: auto;left:0; width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index:auto;}

.nr_lm_txt1{padding:0px;overflow: hidden; }
.nr_lm_txt1 dl {max-width: 1350px;width: 94%; margin: 0 auto; text-align: center}
.nr_lm_txt1 dl dt{padding: 0px;margin: 0;overflow: hidden; color: #fff; line-height:52px;font-weight: 300; position: relative; text-align: center;font-size:40px;letter-spacing: 4px; }

@media screen and (max-width: 750px) {
.nr_lm_txt1{top: 30%;}
}
@media screen and (max-width: 450px) {
.nr_lm_txt1{top: 23%;}
}


.nr_lm_txt{position: absolute;  height: auto;left:0; width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index:auto;}

.nr_lm_txt{padding:0px;overflow: hidden; }
.nr_lm_txt dl {max-width: 1350px;width: 94%; margin: 0 auto; text-align: center}
.nr_lm_txt dl dt{padding: 0px;margin: 0;overflow: hidden; color: #fff; line-height:48px;font-weight: 300; position: relative; text-align: center;font-size:56px; margin-bottom: 8px;font-family: 'Koulen';letter-spacing: 4px; }
.nr_lm_txt dl dd{padding: 0px;margin: 0;overflow: hidden;font-size:16px; color: #fff;line-height:30px;font-weight: 400;text-transform: capitalize;text-transform:uppercase; }


 @keyframes myfirst1 {
0% {
 transform: scale(0.90);
}
 50% {
 	 -webkit-transform: scale(1.0);transform: scale(1.0);-moz-transform: scale(1.0);
}
 100% {
transform: scale(0.90);
}
}


.dv_iconBox {
    position: absolute;
    width: 80px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left:-40px;
	margin-top: -40px;
    cursor: pointer;
    height: 80px;
    -webkit-transition: all .6s;
}
.dv_iconBox::after {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/dv_play.png) no-repeat;
    background-size: auto 100%;
    content: '';
    margin-left: -40px;
	margin-top: -40px;}

.dv_iconBox img{
-webkit-transition: all .5s;
    -webkit-animation: lineAnimate 10s linear infinite;
}
.dv_iconBox img {
    display: block;
    width: 100%;
    max-width: 100%;
}


@-webkit-keyframes lineAnimate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes lineAnimate {
	0% {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}



@media (max-width: 1300px) {
.nr_lm_txt dl dt{line-height:40px;font-size:45px;  }
.nr_lm_txt dl dd{font-size:14px; line-height:24px }


.dv_iconBox {
    position: absolute;
    width: 60px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left:-30px;
	margin-top: -30px;
    cursor: pointer;
    height: 60px;
    -webkit-transition: all .6s;
}
.dv_iconBox::after {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/dv_play.png) no-repeat;
    background-size: auto 100%;
    content: '';
    margin-left: -30px;
	margin-top: -30px;
	}
	
	
	

}
@media (max-width: 800px) {
.nr_lm_txt dl dt{line-height:26px;font-size:28px;  margin-bottom:0px;letter-spacing: 3px;   }
.nr_lm_txt dl dd{ line-height:22px }
.dv_iconBox {
    position: absolute;
    width: 44px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left:-22px;
	margin-top: -22px;
    cursor: pointer;
    height: 44px;
    -webkit-transition: all .6s;
}
.dv_iconBox::after {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/dv_play.png) no-repeat;
    background-size: auto 100%;
    content: '';
    margin-left: -22px;
	margin-top: -22px;
	}
	
	
 }








  /* --banner-- */
.ln_txt{ margin:0px; text-align:center; padding:30px 0px; text-align:center; font-size:30px; line-height:190%; color:#FFFFFF;} 
 
.sub_banner {
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s;
}

.sub_banner .s {
  width: 100%;
  height: auto;
  position: relative;
}

.sub_banner img {
  opacity: 0;
  visibility: hidden;
  filter:contrast(2.5) brightness(2.5);
  -webkit-transition: all 1s;
  -webkit-transform: scale(1.05); vertical-align: top
}


.sub_banner.active img {
  filter: contrast(1) brightness(1);
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);width:100%;height: auto;
}

.nr_lmbox{padding-top:0px;position: absolute; z-index:2;left: 0px;height: 100%; width: 100%; opacity: 1; background:rgba(0, 0, 0, 0.4);}
@media (max-width: 1024px) {
.nr_lmbox{ background:rgba(0, 0, 0, 0.2);}	
}

 /* ---关于我们-------- */

.sub_nav{ margin: 0 auto;padding: 0px; text-align: center;max-width:1300px; text-align: center}
.sub_nav li{padding: 0px 10px;list-style: none; background:#ddd;text-align:center; height:50px;font-weight: bold; margin-right:0.15%;margin-left:0.15%; line-height:50px; color:#222;cursor:pointer;transition:all .1s; display: inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family: 'Aileron-Bold';}

.sub_nav li a{font-size: 16px;color: #222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sub_nav li:hover{ background:#bf9f62;color:#000;}
.sub_nav li:hover a{color: #ffe380;font-weight: bold;}
.sub_nav .on{background:#bf9f62;color:#fff;}
.sub_nav .on a{color: #fff;}

.sub_nav1{ margin: 0 auto;padding: 0px; text-align: center;max-width:400px;}
.sub_nav1 li{padding: 0px;list-style: none;width:49.6%; background:#ddd;text-align:center; height:50px;font-weight: bold; margin-right:0.2%;margin-left:0.2%; line-height:50px; color:#222;cursor:pointer;transition:all .1s; display: inline-block;float: left}

.sub_nav1 li a{font-size: 18px;color: #222;}
.sub_nav1 li:hover{ background:#bf9f62;color:#000;}
.sub_nav1 li:hover a{color: #ffe380;font-weight: bold;}
.sub_nav1 .on{background:#bf9f62;color:#fff;}
.sub_nav1 .on a{color: #fff;}

@media only screen and (max-width:800px) {
.sub_nav li{margin:0px; width: 24.25%;margin-right: 1%; float:left;padding: 0px 0px;  display: block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sub_nav li:nth-child(4n+0){margin-right: 0%;}
}



@media (max-width: 740px) {
.sub_nav li{height:44px;line-height:44px;}	
.sub_nav li a{font-size: 14px;}	
}

@media only screen and (max-width:450px) {
.sub_nav li{margin:0px; width: 49%;margin-right: 2%; margin-top: 10px}
.sub_nav li:nth-child(4n+0){margin-right: 2%;}
.sub_nav li:nth-child(2n+0){margin-right: 0%;}
}



.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:45%; margin-bottom:20px}
.about_L_txt{ font-size:16px; line-height:220%;overflow:hidden; padding:0px; margin:0px;}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:50%; }
.about_R img{ width:100%; height:auto; vertical-align:top}

.gsjs_bt{font-size: 30px;width: 100%;margin: 0px 0px 20px 0px;line-height: 40px; color:#111;font-weight: bold}

@media screen and (max-width: 1400px) {
.gsjs_bt{font-size: 22px;margin: 0px 0px 15px 0px;line-height: 30px; }	
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:47%; }

}
@media screen and (max-width: 1000px) {
.gsjs_bt{font-size: 20px;margin: 0px 0px 15px 0px;text-align: center}	
.about_L{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; margin-bottom:20px}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; }
}
@media screen and (max-width: 600px) {
.gsjs_bt{font-size: 18px;}
}


.fx_culture{overflow:hidden;background:url(../images/wh_bg.jpg) no-repeat center; background-size:cover; min-height: 750px; position: relative}

.gs_wh_box{ position: absolute; z-index: 2;float: left;width: 100%; height:100%; padding: 0px; margin: 0px;left:0; top: 0;}
.gs_wh_box li{ width: 33.333%;float: left; position: relative; height: 100%; overflow: hidden}
.gs_wh_box li dl{ padding: 50px 10px; margin: 0px; text-align: center; left: 0;top: 50%; position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index: 5; width: 100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.gs_wh_box li dl dt{ padding: 0px; margin: 0px; text-align: center; margin-bottom: 15px}
.gs_wh_box li dl dd{ padding: 0px ; margin: 0px; text-align: center;font-size: 16px; line-height: 30px;color: #fff}
.gs_wh_box li dl dt h3{font-size: 25px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px;position: relative; color: #fff; margin-top: 5px}
.gs_wh_box li dl dt h3::after{ position: absolute; z-index: auto; content: ""; height: 3px; width: 50px; background: #fff; bottom: 0px; left: 0px; left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}

.gs_wh_box li:nth-child(2){ border-left:rgba(255, 255, 255, 0.3) 1px solid; border-right:rgba(255, 255, 255, 0.3) 1px solid;}


.gs_wh_box li:hover{ background:rgba(0, 0, 0, 0.2); backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);	}
.gs_wh_box li:hover dl{top: 46%; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}




@media (max-width: 1400px) {
.fx_culture{min-height: 600px;}
.gs_wh_box li dl dd{font-size: 16px; line-height:24px;}
}

@media (max-width: 1300px) {
.fx_culture{min-height: 500px;}
}

@media (max-width: 1200px) {
.gs_wh_box li dl dt h3{font-size: 22px;}
.fx_culture{min-height: 400px;}
.gs_wh_box li dl dd{font-size: 14px; line-height:24px;}
}
@media (max-width: 1100px) {
.gs_wh_box li dl dt h3{font-size: 22px;}
.fx_culture{min-height: 360px;}
}

@media (max-width: 900px) {
.gs_wh_box li dl dt h3{font-size: 20px; line-height: 24px}
.fx_culture{min-height: 300px;}
}
@media (max-width: 600px) {
.gs_wh_box li dl dd{line-height:22px;}
.gs_wh_box li dl dt h3{font-size: 18px;}
}



/*-------新闻列表--------*/
.n_list{overflow:hidden; padding: 0px; margin: 0px;}
.n_list li{overflow:hidden; padding:20px 20px; margin: 0px;position: relative; margin-bottom: 20px;  background:#fff}

.n_list li dl{overflow:hidden; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; padding-top: 2% }
.n_list li dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 20px; color: #222; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 10px;  position: relative; font-weight: 700}
.n_list li dl dd{overflow:hidden; padding: 0px; margin: 0px;color:rgba(0, 0, 0, 0.6);font-size: 16px; line-height: 24px; max-height: 48px}

.n_list li .n_xw_tu{ width: 30%;float:left; margin-right:30px; position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;}
.n_list li .n_xw_tu img{width:100%;height: auto; vertical-align: top}

.n_list li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.n_list li:hover dl dt{ color:#0054a7}
.n_list li:hover .n_xw_tu{-webkit-transform: scale(0.95);transform: scale(0.95);-moz-transform: scale(0.95);}

.n_date{padding:0px;font-size: 12px;color:rgba(0, 0, 0, 0.6); margin-bottom: 5px }

@media screen and (max-width:1450px) {
	
	.n_list li dl dd{font-size: 14px; }	
}


@media screen and (max-width:1000px) {
	.n_list li .n_xw_tu{ width: 40%;}
	.n_list li dl dd{font-size: 14px; }	
	.n_list li dl dt{font-size: 18px;}
}

@media screen and (max-width:700px) {
	.n_list li dl{padding-top:0px }
	.n_list li .n_xw_tu{ width: 40%;margin-right:20px; }
	.n_list li dl dd{font-size: 14px;}
	.n_list li dl dt{font-size: 16px;}
}
@media screen and (max-width:600px) {
.n_list li .n_xw_tu{ width: 200px;}
}

@media screen and (max-width:550px) {
.n_list li{ padding: 15px}
.n_list li .n_xw_tu{ width: 100%;margin-right:0px;float: none; margin-bottom: 15px}
}



.join_sm{ text-align: center; line-height: 30px; padding: 0px; color: #0054a7}


.new_top_bg{overflow:hidden; clear:both; height:85px; width:100%; background: #0054a7 }
@media (max-width: 1024px){
.new_top_bg{height:50px; display:none;  }	
}





/*-----newslist------*/

.LB_newslist1{ overflow:hidden; margin:0px; padding:0px}
.LB_newslist1 li{ overflow:hidden; margin:0px; padding:2% 2%; margin-bottom:15px; list-style:none; background:#fff}

.LB_newslist1 li dl{ overflow:hidden; margin:0px; position:relative}
.LB_newslist1 li dl dt{ overflow:hidden; margin:0px; font-size:20px; color:#222; white-space:nowrap;text-overflow:ellipsis; line-height:190%;font-weight: 700}
.LB_newslist1 li dl dt a{ font-size:20px; color:#222; display:inline}
.LB_newslist1 li dl dt a:hover{ color:#0058a6;}
.LB_newslist1 li dl dd{ overflow:hidden; margin:0px; font-size:14px;}
.LB_newslist1 li dl dd .des_txt{font-size:14px; line-height:24px; overflow:hidden; margin:0px; padding:0px; height:48px; color:#666666;}
.LB_newslist1 li dl dd .time{ font-size:14px; margin-bottom:5px; line-height:190%;color:#666666}
.LB_newslist1 li dl dd .more{ float: right;position: absolute;bottom: 26px;right: 0; z-index:1 }


.LB_newslist1 li .more a{display: block;color: #313134;border:1px solid #313134;width:115px;text-align:center;line-height:35px;height: 35px;border-radius: 35px;position: relative;}
.LB_newslist1 li .more a i{position: absolute;right: 5px;top: 50%;margin-top: -4px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}
.LB_newslist1 li .more a:hover{background: #0058a6;color: #fff;border:1px solid #0058a6;}
.LB_newslist1 li .more a:hover i{border-left: 8px solid #fff;}


.LB_news{ float:left; margin-right:30px; width:200px; overflow:hidden; height:auto; position: relative}
.LB_news img{ width:100%; height:120px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.LB_newslist1 li:hover .LB_news img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} 
@media only screen and (max-width:700px) {
.LB_newslist1 li{ overflow:hidden; padding:3% 4% 4% 4%; }
.LB_newslist1 li dl dt a{ font-size:16px; color:#222;}
.LB_newslist1 li .more a{display: block;color: #313134;border:1px solid #313134;width:95px;margin:0 auto;text-align:center;line-height:30px;height: 30px;border-radius: 30px;position: relative;}

.LB_newslist1 li dl dd .des_txt{ line-height:20px; overflow:hidden; margin:0px; padding:0px; height:40px; color:#666666;font-size:12px;}

.LB_newslist1 li dl dd .more{ float:left;position: inherit;bottom: 5px;right: 0; z-index:1; margin-top:5px ; font-size:12px}

.LB_newslist1 li .more a i{position: absolute;right: 1px;top: 50%;margin-top: -3px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}

.LB_news{ float:left; margin-right:20px; width:160px; overflow:hidden; height:auto;}
.LB_news img{ width:100%; height:96px}
}

@media only screen and (max-width:600px) {

.LB_news{ float: none; margin-right:0px; width:100%; overflow:hidden; height:auto;}
.LB_news img{ width:100%; height:auto; margin-bottom:5px}

}



.show_cp_L{width: 22%;float: left; margin: 0px; padding: 0px; overflow: hidden}
.show_cp_R{width: 74%;float:right; margin: 0px; padding: 0px; overflow: hidden;}
@media (max-width: 1000px) {
.show_cp_L{width: 100%;float: none; margin: 0px; padding: 0px; overflow: hidden; display: none}
.show_cp_R{width: 100%;float:none; margin: 0px; padding: 0px; overflow: hidden;}
}
.zw_column{ width:100%; height:35px; border-bottom:2px solid #ddd; position:relative; margin-bottom:15px; display:block}
.zw_column span{ display:inline-block; *display:inline; zoom:1; height:35px; line-height:35px; font-size:18px; color:#0054a7; border-bottom:2px solid #0054a7; padding:0px 10px; font-weight:bold}



.sy_dszn_cp_bt1{ overflow:hidden; margin:0px; padding:15px 20px; background:#0054a7; color:#FFFFFF;width:100%}
.sy_dszn_cp_bt1 h3{ font-size:24px; margin:0px; padding:0px;color:#FFFFFF; line-height:30px;text-align:center}

@media screen and (max-width: 1300px) {
.sy_dszn_cp_bt1{ overflow:hidden; margin:0px; padding:10px 0px 10px 0px;}
.sy_dszn_cp_bt1 h3{ font-size:22px; margin:0px; padding:0px;color:#FFFFFF; line-height:30px; text-align:center}
}

@media screen and (max-width: 1300px) {

.sy_dszn_cp_bt1 h3{ font-size:20px; margin:0px; padding:0px;color:#FFFFFF; line-height:30px; text-align:center}

}

.l-sub3{overflow:hidden;padding:0px; display:block; margin-bottom:10px; background:#fff; border: #eee 1px solid;}
.l-sub3 li{ overflow:hidden;line-height:46px; height: 46px;list-style:none;font-size:16px; width:100%; border-bottom:#eee 1px solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent: 20px;}
.l-sub3 a{ display: block; color: #333; font-size:16px; height: 46px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.l-sub3 a:hover {color: #0054a7; background:#eee}
.l-sub3 a:hover,.l-sub3 a:active,.l-sub3 li.active a{color: #0054a7; font-size:16px; text-decoration:none; height: 46px;line-height:46px; }
.l-sub3 li.active a{color: #fff; font-size:16px;text-decoration:none; height:46px; background: #ffa705}
.l-sub3 li:last-child{border-bottom:#DCEDF4 0px solid;}

.l-sub3 li a i{ float:right; margin-right:20px; line-height:46px; font-size:16px; color:#bbb}
.l-sub3 li.active a i{color: #fff;}



.lxwm_L{ margin: 0px; padding: 0px; overflow: hidden;float: left;width:44%; position: relative}

.lxwm_R{ margin: 0px; padding: 0px; overflow: hidden;float:left;width: 53%; }

@media screen and (max-width: 1100px) {
.lxwm_L{width:42%;}
.lxwm_R{width:58%;}
}


@media screen and (max-width: 1000px) {
.lxwm_L{float: none;width:100%;}
.lxwm_R{float: none;width:100%;}
}

.nq_lx_info_k{margin:0px; padding:0px; overflow: hidden; }
.nq_lx_info{margin:0px; padding:0px; overflow: hidden; position: relative}
.nq_lx_info li{margin:0px; padding:20px 10px; overflow:hidden;}
.nq_lx_info li dl{margin:0px; padding:0px; overflow:hidden;}
.nq_lx_info li dl dt{margin:0px; padding:0px; overflow:hidden;font-size: 20px; color: #0054a7;font-weight: 400; margin-bottom: 5px}
.nq_lx_info li dl dd{margin:0px; padding:0px; overflow:hidden;font-size: 16px; line-height:26px; color: #333;font-family: 'AVGBBT';}

.nq_lx_icon{float: left; margin-right:20px; width: 80px; height: 80px; border-radius: 50%; background: #fff; box-shadow:0 0 20px 1px rgba(0,0,0,.1) ; text-align: center; line-height: 80px;z-index:2; position: relative}

.nq_lx_icon i{font-size: 30px; color: #0054a7;line-height: 80px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.nq_lx_info::after{content: "";  position: absolute;z-index:1; height: 300px; width: 3px;top: 30px; left:49px;background:url(../images/dot1.png) repeat-y;}
.nq_lx_info li:hover .nq_lx_icon i{ color: #7ebc25;font-size: 34px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.nq_lx_2wm_box{margin:0px; padding:0px; overflow: hidden; padding-top: 30px;text-align: center}
.nq_lx_2wm_box li{display:inline-block;margin:0px 10px; padding:0px; overflow: hidden; width: 120px}
.nq_lx_2wm_box li p{margin:0px; padding:0px; overflow: hidden; text-align: center;line-height: 34px;font-size: 14px; color: #666}
.nq_lx_2wm_box li img{width: 120px; height: 120px; vertical-align: top;}

@media screen and (max-width: 1400px) {
.nq_lx_info li dl dd{font-size: 14px; line-height:24px}
.nq_lx_2wm_box{padding-top:20px;}	
}

@media screen and (max-width: 1100px) {
.nq_lx_info li dl dt{font-size:18px;}
}





#allmap {overflow: hidden; box-sizing: inherit; height: 100%; height: 500px}



@media screen and (max-width: 1300px) {
#allmap {height: 400px}
}

@media screen and (max-width: 1000px) {
#allmap {height: 300px}
}


/* ----服务----- */


.ser_M{ overflow:hidden; padding:0px; margin:0px;}
.ser_M li{ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n-1){ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n){ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}



.img_box1{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:50%; float:left;  position: relative; z-index:2}
.img_box1 img{ overflow:hidden; vertical-align: middle;width:100%;height:auto;z-index:2; position: relative; }

.ser_M li:nth-child(2n-1).img_box1{ float:left;}
.ser_M li:nth-child(2n) .img_box1{ float: right;}


@media only screen and (max-width:1000px) {
.ser_M li:nth-child(2n-1){padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n){ padding:0px 0px 0px 0px; overflow:hidden;}
.img_box1{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:100%; float: none; margin-bottom: 10px}

.ser_M li:nth-child(2n-1).img_box1{ float:none;}
.ser_M li:nth-child(2n) .img_box1{ float: none;}
}



.ser_txt1{overflow:hidden; padding:2% 0px 10px 0px; margin:0px; }
.ser_txt1 dl{overflow:hidden; padding:0px; width:86%; margin:0 auto}
.ser_txt1 dl dt{overflow:hidden; padding:0px; margin:0px; font-size:30px; color:#005cbb; line-height:34px;  margin-bottom:10px; font-weight:bold; position: relative; padding-bottom: 10px}
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;font-size:16px;  line-height:190%;color:#555}
.ser_txt1 dl dd strong{color:#333;font-weight:bold}
.ser_txt1 dl dd  h3{color:#111; margin-bottom: 5px; margin-top: 10px}

.ser_txt1 dl dt::after{ height:4px; width:60px; position: absolute;content:""; float: left;left:0;  bottom: 0px; z-index: 4; background: #01b7ec;
background:-webkit-linear-gradient(left,#a2df4a,#7fbe25);
	background:-o-linear-gradient(right,#a2df4a,#7fbe25);
	background:-moz-linear-gradient(right,#a2df4a,#7fbe25);
	background:linear-gradient(to right,#a2df4a,#7fbe25); transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}

.img_box1:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.ser_txt1:hover dl dt::after{width:120px; 
	background:-webkit-linear-gradient(left,#7fbe25,#a2df4a);
	background:-o-linear-gradient(right,#7fbe25,#a2df4a);
	background:-moz-linear-gradient(right,#7fbe25,#a2df4a);
	background:linear-gradient(to right,#7fbe25,#a2df4a); transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
@media only screen and (max-width:1300px) {
.ser_txt1{overflow:hidden; padding:20px 0px 10px 0px; margin:0px; }
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;font-size:14px;  line-height:190%;color:#555}
}
@media only screen and (max-width:1200px) {
.ser_txt1 dl dt{font-size:26px; line-height:34px; }

}


@media only screen and (max-width:1000px) {
.ser_txt1{overflow:hidden; padding:20px 0px 20px 0px;}
.ser_txt1 dl{overflow:hidden; padding:0px; width:94%; margin:0 auto}
.ser_txt1 dl dt{font-size:22px; line-height: 30px }
}

@media only screen and (max-width:740px) {
.ser_txt1 dl{overflow:hidden; padding:0px;padding-bottom:15px; width:92%; margin:0 auto}
.ser_txt1{overflow:hidden; padding:10px 0px 10px 0px;width:100%; margin:0 auto}
}





.business_list{ overflow:hidden; margin:0px; padding:0px;}
.business_list li{ overflow:hidden; margin:15px 15px; padding:3% 3%; margin-bottom: 30px;  background: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.business_list li dl{ overflow:hidden; margin:0px; padding-top:3%;}
.business_list li dl dt{ overflow:hidden; margin:0px; padding:0px; color: #222; line-height: 30px; font-size: 24px; margin-bottom: 12px}
.business_list li dl dd{ overflow:hidden; margin:0px; padding:0px; color: #666; line-height: 24px; font-size: 14px; max-height: 96px}
.business_list li dl dd p{ overflow:hidden; margin:0px; padding:0px; }
.business_list li dl dd div{ overflow:hidden; margin:0px; padding:0px; } 
.business_tu{ width: 30%; margin-right:4%; float: left}
.business_tu img{ width: 100%; height: auto; vertical-align: top}

.m_k{margin: 0px; margin-top: 25px;}

.zx_btn3{ width:160px; border:#555 1px solid; font-size:16px; color:#555; text-align:center; height:44px; line-height:44px}
.zx_btn3:hover{ background:#d40000; color:#FFFFFF;border:#d40000 1px solid; }


.business_list li:hover dl dt{ color: #d40000}
.business_list li:hover{box-shadow: 0 0 10px 0 rgba(49,102,156,.33);}



@media (max-width:1100px){
.business_list li{ overflow:hidden; margin:15px 0px; padding:3% 3%;}	
.business_list li dl{padding-top:2%;}
}
@media (max-width:1000px){
.business_list li{ overflow:hidden; margin:15px 0px; padding:3% 3%;}	
.business_list li dl{padding-top:0%;}
}
@media (max-width:1000px){
.business_tu{ width: 45%; margin-right:4%; float: left}
}

@media (max-width:800px){
.business_tu{ width: 45%; margin-right:4%; float: left}
.m_k{margin: 0px; margin-top: 10px}
.zx_btn3{ width:120px; border:#555 1px solid; font-size:16px; color:#555; text-align:center; height:36px; line-height:36px}	
.business_list li dl dd{max-height:72px}
}

@media (max-width:650px){
.business_tu{ width:100%; margin-right:0%; float:  none; margin-bottom: 15px}	
.business_list li dl dt{font-size: 22px}
}	
	




/* ----详细----- */
.Position_k{max-width: 1200px; width: 94%; margin: 0 auto}
.Position{text-align: left; font-size:14px;line-height:26px;display:block; padding: 20px 0px;}
.Position a{font-size:14px;}

.side_ConR{ margin:0 auto; padding:55px 4% 50px 4%; overflow:hidden;background:#fff;max-width: 1200px; width: 94%; position: relative;box-shadow: 0 0 15px rgba(0,0,0,.05);}

@media only screen and (max-width:750px) {
.side_ConR{ padding:30px 4% 30px 4%; overflow:hidden; background:#fff}
}

.content_bt{ width:100%; line-height:34px; font-size:30px;margin-bottom:15px; color:#222; text-align:center;font-weight: normal}
.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; line-height:25px; text-align:center; overflow: hidden; margin-bottom: 20px}
.i_date{margin-right:5px;}
.i_from{ margin-right:5px}
.i_View{}

.xx_news_bt{ width:100%; line-height:34px; font-size:30px;margin-bottom:15px; color:#222;font-weight: normal}

.xx_btn_k{width:140px; margin:0 auto; }
.xx_btn{ margin:0px; text-align:center; color:#0054a7;  border:#0054a7 1px solid; line-height:40px; height:40px; font-size:16px; border-radius:30px;}
 
.xx_btn_k:hover .xx_btn{ background:#0054a7; color:#fff;border:#0054a7 1px solid;}
.xx_btn i{ margin-right: 5px; font-size:18px; }
.xx_btn_k a{display: inline}

.news_title_bt{width:100%; line-height:34px; font-size:26px;margin-bottom:15px; color:#222; text-align:center;}
.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; margin-bottom:0px; line-height:25px;}
.content_time i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300}


.content_txt{line-height:190%; color:#333333; font-size:16px; overflow:hidden; text-align:justify}
.content_txt p{line-height:190%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}


.content_img{overflow:hidden; width:100%; text-align:center;font-size:16px;}
.content_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content_txt table{ table-layout: fixed;word-break: break-all; }
.content_txt table td{border:1px solid #999; padding: 0px 5px}
.content_txt table{border:1px solid #999;} 



@media (max-width: 1400px) {
.news_title_bt{ width:100%; line-height:34px; font-size:22px;margin-bottom:10px; color:#222; text-align:center; }
}



@media (max-width: 1400px) {
.content_txt{line-height:190%;  font-size:14px; overflow:hidden; }
.content_txt p{line-height:190%; overflow:hidden;}
.content_img{overflow:hidden; width:100%; text-align:center;font-size:14px;}
}
@media (max-width: 1300px) {
.content_txt{font-size:14px; }	
.content_txt p{font-size:14px; }	
	
}
@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
.news_title_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;}
.content_time{font-size:12px; }
.content_time i{ font-size:14px;}
}

@media screen and (max-width: 650px) {
.content_time{text-align: center}	
}



/*-----page------*/
.next_k{ padding:0px;margin-top:25px; border-top:#ededed 1px solid;}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#333; font-size:14px; list-style:none}
.next_k ul li a{font-size:14px}

.page_k{ text-align:center; padding:0px; font-size:14px;border-top:#CCCCCC 0px solid; margin-top:35px;}
.page_k a{ font-size:14px}
.page_k a:hover{ font-size:14px}




.post_prev_box{width: 100%; height: auto; margin: 0px; padding: 0px; margin-top:30px; margin-bottom: 20px; overflow: hidden;}

.post_prev{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: left;display: flex}
.post_prev .icon{width: 20px;line-height: 20px; position: relative;height: 20px;}
.post_prev .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block; line-height: 20px;font-size: 14px}
.post_prev .icon i{ font-size: 24px; line-height: 20px;color: #ccc; vertical-align: middle; margin-top: -5px}
.post_prev .icon::before{width:1px;height:14px;position:absolute;right:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_next{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: right;display: flex}
.post_next .icon{width: 20px; display:inline-block;line-height:20px; height: 20px; position:relative;float:right; text-align: right; margin-left: 5px}
.post_next .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;line-height: 20px; font-size: 14px}
.post_next .icon i{ font-size: 24px; line-height: 20px; vertical-align:top;color: #ccc; }
.post_next .icon::before{width:1px;height:14px;position:absolute;left:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 16px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 16px}

.post_prev:hover{ background: #0054a7}
.post_prev:hover a{ color: #fff}
.post_next:hover{ background: #0054a7}
.post_next:hover a{ color: #fff}

@media screen and (max-width: 1300px) {
	
.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 14px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 14px}	
}

@media screen and (max-width: 900px) {
.post_prev{width: 100%; margin-bottom: 15px}
.post_next{width: 100%;}
}


#pages {
    text-align: center;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #014e9a;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #014e9a;
}

#pages li:hover a {
    color: #fff;
}

.loadmore {
    width: 80%;
    margin: 1.5em auto;
    line-height: 1.6em;
    font-size: 14px;
    text-align: center;
}
.loadmore-line {
    border-top: 1px solid #E5E5E5;
    margin-top: 2.4em;
}
.loadmore-line .loadmore-tips {
    position: relative;
    top: -0.9em;
    padding: 0 .55em;
    background-color: #FFFFFF;
    color: #808080;
}
.loadmore-tips {
    display: inline-block;
    vertical-align: middle;
}


.btn1 {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #666;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.btn1:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff
}
.transition {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}


.tc{ text-align: center; padding-top: 20px}




.news_list{ margin:10px 15px 11px 15px; padding:0px; overflow: hidden}
.news_list dl{ margin:0px; padding:0px; overflow:hidden;}
.news_list dl dd{ margin:0px; padding:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; position: relative;text-indent:12px; font-size:16px; line-height:40px; border-bottom: 1px #ccc dotted;}
.news_list dl dd a{ display:inline; font-size:16px;color:#444;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_list dl dd span{ float:right; margin-left:20px; color:#666666; font-size:16px}

.news_list dl dd:hover a{color:#00499a}

.news_list dl dd:last-child{border-bottom: 0px #ccc dotted}


.news_list dl dd::after{ position:absolute; content: ""; width: 3px; height:3px; border-radius: 50%; border: 1px solid #00499a; z-index: auto; float: left;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);left: 0px; background: #fff}
.news_list dl dd:hover::after{ background: #aeecf3}



@media screen and (max-width:1200px) {
.news_list dl dd a{ display:inline; font-size:14px;}
.news_list dl dd span{  font-size:14px}
}


.news_zheren{overflow:hidden; padding: 0px; margin: 0px;}
.news_zheren li a{display: inline}
.news_zheren li{overflow:hidden; padding: 0px; margin: 0px; width: 32%;float: left; margin-right: 2%; margin-bottom:2%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;background: #f6f6f6}
.news_zheren li dl{overflow:hidden; padding: 30px 30px; margin: 0px;}
.news_zheren li dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 22px; color: #222; line-height: 30px; height:60px;text-align: justify;}
.news_zheren li dl dd{overflow:hidden; padding: 0px; margin: 0px;font-size: 16px; color: #888; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;}

.news_zheren li .img_box_wx{overflow: hidden; position: relative}
.news_zheren li .img_box_wx .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.news_zheren li .img_box_wx .product_img img{display: block;width:100%;height: auto; vertical-align: top}

.news_zheren li:nth-child(3n+0){margin-right:0%;}


.news_zheren li:hover .img_box_wx .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.news_zheren li:hover dl dt{ color:#0054a7}
.news_zheren li:hover dl dd{ color:#555}

.news_zheren li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #fff}


@media screen and (max-width: 1450px) {
.news_zheren li dl dt{font-size:20px;line-height: 30px;}	
}

@media screen and (max-width: 1300px) {
.news_zheren li dl dt{font-size:18px;line-height: 30px;}
}
@media screen and (max-width: 1000px) {
	.news_zheren li dl{overflow:hidden; padding: 20px 20px;}
.news_zheren li dl dt{font-size:16px;line-height: 24px; height:48px;}
}

@media screen and (max-width: 750px) {
.news_zheren li{overflow:hidden; padding: 0px; margin: 0px; width: 49%;float: left; margin-right: 2%; margin-bottom:20px;}
.news_zheren li:nth-child(3n+0){margin-right:2%;}
.news_zheren li:nth-child(2n+0){margin-right:0%;}
}

@media screen and (max-width: 420px) {
.news_zheren li{overflow:hidden; padding: 0px; margin: 0px; width:100%;float: left; margin-right: 0%; margin-bottom:20px;}
.news_zheren li:nth-child(3n+0){margin-right:0%;}
.news_zheren li dl dt{font-size:16px;line-height: 24px; height:48px; height: auto}
}



/*-------newshow---*/
.main_inbox{ overflow:hidden;  margin:0px; padding:30px 4% 20px 4%;}
@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
}


.content{ overflow:hidden;}

.side_R1{ margin:0px; padding:0px; overflow:hidden; float:right; width:25%;}


@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}

}

.lead { overflow:hidden; height:auto; line-height:200%; font-weight:400; font-size:16px;text-align: justify;word-break:break-all; letter-spacing:1px}
.lead img {max-width:100%;  width:auto; height:auto}



#print{ width:auto; display:inline}
#print img{ vertical-align:middle}


@media (max-width:1100px){
.lead {font-size:14px; line-height:190%}
.side_R1{ margin:0px; padding:0px; overflow:hidden; float:right; width:100%; margin-top:2px}

}




.R_title_bt{ font-size:18px;font-weight:bold; width:100%; text-align: center; line-height: 40px; background: #f6f6f6; margin-bottom: 10px}
.side_newlist{overflow:hidden; margin:0px; padding:0px; background: #fff}
.side_newlist li{overflow:hidden; margin:0px; padding:5px 0px; list-style:none;border-bottom:#CCCCCC 1px dashed;line-height:190%;white-space:nowrap;text-overflow:ellipsis; background:url(../images/n_dot.png) no-repeat left center; padding-left:15px}
.side_newlist li a{overflow:hidden;font-size:14px; line-height:190%; white-space:nowrap;text-overflow:ellipsis;display:inline}
.side_newlist li span{ float:right; margin-left:10px; font-size:12px}
.side_newlist li h3{ padding:0px 0px;overflow:hidden;  margin:0px; font-weight:normal; white-space:nowrap;text-overflow:ellipsis; font-size:16px; color:#111; line-height:170%;}
.side_newlist li h4{ padding:0px 0px;overflow:hidden;  margin:0px; font-weight:normal;color:#777; font-size:14px; line-height:200%}
.side_newlist li:hover h3{ color:#dc1d2b; }

.side_cp_list{overflow:hidden; margin:0px; padding:0px; background: #fff}
.side_newlist li:hover a{ color:#0054a7; }


.tj_cplist{ overflow:hidden; margin:0px; padding:0px;  }
.tj_cplist li{ overflow:hidden; padding:0px; float:left; width:48.5%; list-style: none; margin-right:3%; margin-bottom:5px}
.tj_cplist li dl{ overflow:hidden; text-align:center;}
.tj_cplist li dl dt{ overflow:hidden; margin:0px; padding:0px;}
.tj_cplist li dl dt img{ width:100%; height:auto; vertical-align:top}
.tj_cplist li dl dd{ overflow:hidden;margin:0px;padding:0px; font-size:14px;line-height:30px; padding-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tj_cplist li a{ display:inline}


.tj_cplist li:nth-child(2n){ margin-right: 0%}



.colorful-tab-content{width:100%; overflow: hidden}

.colorful-tab-content li{float:left; list-style:none;padding:0px; background:#f4f6f8;border-radius:10px; line-height:200%; position:relative; overflow: hidden;}
.colorful-tab-content li:hover,.colorful-tab-content li.active{ float:left; list-style:none; background: #0054a7;border-radius:10px; line-height:200%; color:#fff;position:relative; overflow: hidden;}

 
.colorful-tab-content li{ width:32%; padding:20px; margin-right: 2%; float: left;}
.colorful-tab-content li P.title{ color:#0054a7;font-size: 24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.colorful-tab-content li:hover P.title{ color:#ffffff}
.colorful-tab-content li p.green{ background:#7fbe25;border-radius:8px; color:#fff; padding:10px; margin:10px 0px; }
.colorful-tab-content li p.green span.kg{ font-size:20px; font-weight:bold; color:#fff000;}
.colorful-tab-content li div.Price{margin:15px 0px 0px 0px}
.colorful-tab-content li span.ck{ background:#0054a7;border-radius:5px; color:#ffffff; padding:3px 10px; clear:both; font-size:12px}
.colorful-tab-content li:hover span.ck{ background:#7fbe25;border-radius:5px; color:#0054a7; padding:3px 10px; clear:both; font-size:12px}
.colorful-tab-content li span.xiadan{ background:#ff6c00; float:right;border-radius:5px; color:#fff; padding:0px 10px}
.colorful-tab-content li:nth-child(3n+0){margin-right:0%;}
.xtd1{font-size: 16px; height: 26px; line-height: 26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xtd2{font-size: 16px; height: 52px; line-height: 26px;overflow:hidden;}

.xtd1 i{font-size: 22px; height: 26px; margin-right: 5px; color:#666;   vertical-align: middle}
.xtd2 i{font-size: 22px; height: 26px; margin-right: 5px;color:#666;  vertical-align: middle}
.colorful-tab-content li:hover .xtd1 i{ color:#ffffff;}
.colorful-tab-content li:hover .xtd2 i{ color:#ffffff;}
.tape-section {
   text-align: center;
   background: #7fbe25;
   position: absolute;
   top:-30px;
   right: -40px;
   width: 130px;
   height:30px;
   line-height:30px;
   transform-origin: 0 100%;
   transform: rotate(45deg);
   color:#fff;
   text-align:center;
}
@media (max-width: 1400px){
.colorful-tab-content li P.title{ font-size: 20px;}	
.xtd1{font-size: 14px; height: 24px; line-height: 24px;}
.xtd2{font-size: 14px; height: 48px; line-height: 24px;}
	
}
@media (max-width: 1100px){
.colorful-tab-content li span.xiadan{ background:#ff6c00;font-size:14px; float:right;border-radius:5px; color:#fff; padding:0px 6px}
.colorful-tab-content li p.green span.kg{ font-size:16px;}	
.colorful-tab-content li P.title{ font-size: 18px;}	
}


@media (max-width: 767px){
.colorful-tab-content li P.title{ font-size:20px;}	
.colorful-tab-content li{ width:100%; padding:20px; margin:10px 0px;}
}


.tj-content{width:94%; overflow: hidden; margin: 0 auto}

.tj-content li{list-style:none;padding:0px; background:#f4f6f8;border-radius:10px; line-height:200%; position:relative; overflow: hidden;}

.tj-content li{padding:20px;}
.tj-content li P.title{ color:#0054a7;font-size: 24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tj-content li:hover P.title{ color:#ffffff}
.tj-content li p.green{ background:#7fbe25;border-radius:8px; color:#fff; padding:10px; margin:10px 0px; }
.tj-content li p.green span.kg{ font-size:18px; font-weight:bold; color:#fff000;}
.tj-content li div.Price{margin:15px 0px 0px 0px}
.tj-content li span.ck{ background:#0054a7;border-radius:5px; color:#ffffff; padding:3px 10px; clear:both; font-size:12px}

.colorful-tab-content li:hover{background: #0054a7;border-radius:10px; line-height:200%; color:#fff;position:relative; overflow: hidden;}
.tj-content li:hover span.ck{ background:#7fbe25;border-radius:5px; color:#0054a7; padding:3px 10px; clear:both; font-size:12px}
.tj-content li span.xiadan{ background:#ff6c00; float:right;border-radius:5px; color:#fff; padding:0px 10px}
.tj-content li:hover,.colorful-tab-content li.active{ list-style:none; background: #0054a7;border-radius:10px; line-height:200%; color:#fff;position:relative; overflow: hidden;}

.tj-content:hover P.title{ color:#ffffff}
.tj-content li:hover .xtd1 i{ color:#ffffff;}
.tj-content li:hover .xtd2 i{ color:#ffffff;}
.tape-section {
   text-align: center;
   background: #7fbe25;
   position: absolute;
   top:-30px;
   right: -40px;
   width: 130px;
   height:30px;
   line-height:30px;
   transform-origin: 0 100%;
   transform: rotate(45deg);
   color:#fff;
}
@media (max-width: 1400px){
.tj-content li P.title{ font-size: 20px;}	
.xtd1{font-size: 14px; height: 24px; line-height: 24px;}
.xtd2{font-size: 14px; height: 48px; line-height: 24px;}
	
}
@media (max-width: 1100px){
.tj-content li span.xiadan{ background:#ff6c00;font-size:14px; float:right;border-radius:5px; color:#fff; padding:0px 6px}
.tj-content li p.green span.kg{ font-size:22px;}	
.tj-content li P.title{ font-size: 18px;}	
}


@media (max-width: 767px){
.tj-content li P.title{ font-size:20px;}	
.tj-content li{ width:100%; padding:20px; margin:10px 0px;}
}



.cpxx_L{ overflow:hidden; float:left; width:48%;  text-align: center }
.cpxx_R{ overflow:hidden; float: right; width:48%;}
.cpxx_L img{max-width: 100%; width: auto; height: auto;}

@media only screen and (max-width:1100px) {
.cpxx_L{  width:50%;}
.cpxx_R{width:46%;}	
}
@media only screen and (max-width:750px) {
.cpxx_L{ overflow:hidden; float: none; width:100%; margin-bottom: 20px}
.cpxx_R{width:100%; float: none;}	
}



.cpxx{ overflow:hidden; padding:0px; margin:0px; margin-bottom: 15px}
.cpxx dl{ overflow:hidden; padding:0px; margin:0px}
.cpxx dl dt{ overflow:hidden; padding:0px; margin:0px; font-size:24px; line-height:190%; color:#222; margin-bottom:10px}
.cpxx dl dd{ overflow:hidden; padding:0px; margin:0px; font-size:16px; line-height:200%;}
.cpxx dl dd i{ margin-right: 4px;font-size:20px; vertical-align: middle; color: #666}



@media (max-width: 1300px){
	.cpxx dl dd{ font-size:14px;line-height:190%;}
}

.pc_cx_btn_k {
    width: 180px; margin-top: 20px

}


.pc_cx_btn_k:hover .pc_cx_btn {
    background: #ffa800;
}
.pc_cx_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
    background: #bf9f62;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;
}

@media only screen and (max-width:900px) {
	.cpxx dl dt{text-align: center}
	.pc_cx_btn_k {margin: 0 auto;margin-top: 10px;width: 150px; }
	
	.pc_cx_btn {
    line-height: 40px;
    text-align: center;
    font-size: 16px;
		height: 40px;}
	
}



.odform{margin: 0 auto;max-width: 800px; }

.sy_about_bg{overflow:hidden;background:#222  url(../images/about_bg.jpg)  no-repeat center fixed;background-size:cover}


.sy_about_txt{ text-align:center; margin-bottom:30px}
.sy_about_txt h3{ color: #fff;font-size: 42px;margin-bottom: 12px; line-height:45px; font-weight:600;font-family: 'Koulen'; letter-spacing: 2px}
.sy_about_txt .x_txt{font-size: 16px; color: #fff;max-width:1080px; width:92%; margin:0 auto; font-weight:300; line-height:180%;font-family: 'Aileron-Regular';}


@media only screen and (max-width:1190px) {
.sy_about_txt h3{ font-size: 30px; line-height:36px;}
	.sy_about_txt .x_txt{font-size: 14px; }
.sy_about_bg{overflow:hidden;background:#222  url(../images/about_bg.jpg)  no-repeat center;background-size:cover}
}
@media only screen and (max-width:800px) {
.sy_about_txt h3{ font-size: 26px; line-height:30px;}
}

/*-----------btn1-----------*/

.common_more {
	font-size:16px;
	overflow:hidden;
	position:relative;
	z-index:0;
	display:flex;
	width:160px;
	height:46px;
	margin-top:0px;
	padding:0;

	border:1px solid #fff;
	border-radius:32px;
	align-items:center;
	color:#fff;
	cursor:pointer; text-align: right; padding-left:60px
}

.common_more.active::after,.common_more.active::before {
	display:none
}
.common_more.c {
	margin:0px auto;
}
.common_more::before {
	font-size:33px;
	line-height:46px;
	position:absolute;
	z-index:-1;
	top:2px;
	left:3px;
	width:40px;
	height:40px;
	content:"";
	transition:all 0.56s;
	text-align:center;
	text-indent:0px;
	color:#fff;
	border-radius:50%;
	background:#bf9f62
}
.common_more::after {
	font-size:33px;
	line-height:40px;
	position:absolute;
	z-index:-1;
	top:0px;
	left:3px;
	width:40px;
	height:40px;
	content:"+";
	transition:all 0.56s;
	text-align:center;
	text-indent:0;
	color:#fff;
	border-radius:50%;
	background:transparent
}
.common_more:hover {
	color:#fff;
	border:1px solid #fff;
	border-color:transparent;
	background:transparent
}
.common_more:hover::before {
	content:"";
	transform:scale(8);
	color:#fff
}
.common_more:hover::after {
	color:#fff
}
/*-----btn1---//-----*/

.product { margin: 0px; padding: 0px; overflow: hidden; }
.product li{margin: 0 auto; padding: 0px; overflow: hidden; width: 94%; background: #fff;}
.product li .img_box{overflow: hidden; position: relative}
.product li .img_box .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.product li .img_box .product_img img{display: block;width: 100%;height: auto; vertical-align: top}
.product li .img_box:hover .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.product li .cp_title{ padding: 10px 0px; text-align: center; line-height:30px;font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product li a{display:inline}

.product li .img_box .des_txt_box{ position:absolute; z-index: 2; float: left; lef:0px; top: 200%; height: 100%; width: 100%; background: url("../images/h_bg.png");transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.product li .img_box .des_txt{ position:absolute; z-index: 3; top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);font-size: 14px;  color: #fff; line-height: 24px; max-height: 72px;width: 100%; padding: 0px 20px}
.product li:hover .des_txt_box{; top:0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.product li:hover .cp_title{color: #0444B3}
.product li .img_box .des_txt h4{ line-height:30px;font-size: 18px; color: #fff; margin: 0px; padding: 0px; margin-bottom: 5px; padding-bottom: 10px;  position: relative;font-weight: normal}
.product li .img_box .des_txt h4::after{ height:2px; width:70px; position: absolute;content:""; float: left;left:0;  bottom: 0px; z-index: 4; background: #fff;}

.product li .img_box .des_txt_box .des_txt h5{font-size: 20px; color: #fff; text-align: center; margin:0px; padding: 0px; width: 100%;font-weight: normal}
.product li .img_box .cp_title_1{ position:absolute; z-index: 2; float: left; lef:0px; padding: 5px 20px; bottom: 0px;  width: 100%; background: url("../images/h_bg.png");transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;line-height:30px;color: #fff;font-size: 18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-align: center; }





.tab_nav1{ overflow:hidden; width:100%;  padding: 0px 0px 10px 0px; margin: 0px; text-align: center}
.tab_nav1 li{color:#333; text-align:center; cursor:pointer;margin-left:2px; margin-right:2px; display:inline-block; background: #fff;line-height:48px;position: relative;font-size: 16px;font-weight: bold;border: #ccc 1px solid; padding: 0px 15px; margin-bottom: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.tab_nav1 li.active1{ color:#fff; display:inline-block; line-height:48px;  background: #bf9f62;border: #bf9f62 1px solid;}

.tab_bd1 .div1{display:none; padding:0px 0px; border-top:0 none; font-size:16px; width: 100%}
.tab_bd1 .div1.thisclass{ display:block; width: 100%}


@media only screen and (max-width:1200px) {
.tab_nav1 li{font-size:14px; line-height:42px; }
	.tab_nav1 li.active1{line-height:42px;}
}

@media only screen and (max-width:800px) {
	.tab_nav1 li{margin:0px; width: 24.25%;margin-right: 1%; float:left;padding: 0px 5px;  display: block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
		.tab_nav1 li:nth-child(4n+0){margin-right: 0%;}
	.tab_nav1 li.active1{display:block;}
}

@media only screen and (max-width:450px) {
	.tab_nav1 li{margin:0px; width: 49%;margin-right: 2%; margin-top: 10px}
	.tab_nav1 li:nth-child(4n+0){margin-right: 2%;}
	.tab_nav1 li:nth-child(2n+0){margin-right: 0%;}
}

.ny_about_bg{overflow:hidden;background:#f9f9f9  url(../images/ny_about_bg.jpg)  no-repeat center bottom;background-size:cover}