﻿/***************************************
 ***************************************
 *************公共样式********************
 ***************************************
 ***************************************/ 
html{overflow-x:hidden; }
*{margin:0;padding:0;}
body {font-size:12px;line-height:16px;}

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
a:hover{ color:#4489fe }
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}

table { width:100%!important;} 

body{ margin:0 auto;padding:0px;width:100%; font-family:microsoft yahei;font-size:16px!important;color:#646464; margin:0px; }

table th{background: #f6f6f6;}
fieldset,img {border:0;}

ol,ul,li{list-style:none;}
a{text-decoration:none;}
a:link,a:visited{text-decoration:none}
a:hover,a:active{text-decoration:none!important;}
caption,th {text-align:left;}
q:before,q:after {content:'';}

@font-face {
	font-family:BebasNeue-Regular;
	src: url('../fonts/BebasNeue-Regular-3.ttf'); }


/*******************头部*********************/ 
.alogo{ width:1200px; margin:0 auto; padding-top:0px; padding-bottom:0px;}
.gsmc{ padding-top:22px; width:700px; float:left; padding-bottom:3px;}
.gsmc img{float:left; padding-right:20px; height:70px;}
.gsmc h1{ color:#454545; font-size:33px; font-weight:900;float:left;padding-top:5px; line-height:35px; }
.gsmc h1 span{ color:#454545; font-size:17px; font-weight:normal; font:Arial, Helvetica, sans-serif; letter-spacing:0px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}

.head_y{ width:28%; padding-top:35px;}
.tel{ background:url(../images/tel.jpg) no-repeat left 3px; padding-left:55px; line-height:58px; font-family:BebasNeue-Regular; float:right}
.tel span{ font-size:37px; color:#4489fe; }
.yuyan{ background:#4489fe; width:45px; height:45px; line-height:45px; text-align:center; border-radius:50px; margin-top:3px;margin-right:10px;}
.yuyan a{ color:#fff; font-size:17px; text-align:center}


.nav_bgc{width:100%;height:60px; margin-top:0px; background:#313fa0; }
.nav ul{ width:1200px; margin:0 auto; display:flex}
.nav li {list-style: none;font-size: 18px;text-align: center;box-sizing: border-box; position: relative; flex:1 }
.nav li a:hover:before {width: 100%;}
.nav li:hover:after,.nav li.cur:after{width:100%;color: #fff;}
.nav li a { padding-left:35px; padding-right:35px;z-index: 1; 
display: block;text-align: center;position: relative;color: #fff;height:60px;line-height:60px;}
.nav  li a:hover{color: #fff; }
.nav li.hover a, .nav li:hover a {color: #fff; background:#4489fe; }
.nav li .subnav {background: #fff;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%; width: 100%;z-index: 99; border-top:0px solid #3f7225; }
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 16px;font-weight: 500; margin-left:0px; margin-right:0px;
line-height: 50px;height: 50px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #3d98da;background: #4489fe;}
.nav li .subnav a:hover {color: #fff;background:#2b399a;}
.nav li:last-child .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #494949;display: block;font-size: 15px;font-weight: 500; margin-left:0px; margin-right:0px;line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 0px!important;background: #fff;}


.nav1{ width:198px!important; float:left;margin-left:0px!important;}
.nav2{ width:400px!important; float:left;margin-left:-130px!important;}
.flash1{display:none}
.flash{ width:100%; float:left; padding-bottom:70px;}

.tel span {
    font-size: 37px;
    color: #4489fe;
}

/*---简介-----------*/
  
/*about*/
.about { overflow: hidden;
    width: 100%;  padding: 113px 0; background:url(../images/ab_bg.jpg) no-repeat center top }
.about_pic{ float:left}
.about_wen{ float:right; width:518px}
.about_wen h2{  font-size:37px; color:#1c1c1c; margin-top:0px;line-height:40px}
.about_wen h3{ margin-top:10px; font-size:23px; color:#4489fe; text-transform:uppercase; font-family:Barlow-Regular; font-weight:normal; line-height:30px}
.about_wen b{ width:78px; height:2px; background:#4489fe; display:block; margin-top:18px}
.about_wen p{ width:100%; margin-top:30px; font-size:15px; line-height:32px}
.morere{ margin:14px 0; font-size:14px; float:left;text-transform:capitalize; margin-bottom:30px}
.morere:hover{ border-bottom:1px #da251d solid; padding-bottom:2px; letter-spacing:2px ;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; color:#da251d ; text-decoration:none; }

.about4{ width:600px; float:left; display:flex; flex-direction:row;  margin-top:0px}
.about4 li{ flex:1; list-style:none; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; text-align:left
	}
.about4 li:hover{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:-10px; }
	.about4 li:hover div{color:#0360bf}
	.about4 li:hover .line{ width:70%;  background: #0360bf;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:3px; margin-bottom:3px }
	
	
.about4 li .shuzi_1{ font-size:46px; font-family:Arial, Helvetica, sans-serif;  font-weight:bold; background-image: -webkit-linear-gradient(left,#1d2f9d,#1d2f9d,#5567d4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.about4 li .shuzi_1 span{ font-size:16px; margin:0 5px; font-weight:normal}
.about4 li .line{ width:0; height:1px; background: #5a5a5a ; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.about4 li .shuzi_2{ font-size:16px; color:#5a5a5a; text-align:left}

 
 .bot { width:100%;  margin-top:50px; float:left;  box-shadow: 0px 0px 40px 0px rgba(5, 5, 5, 0.08);}
 .bot .img2{display: none;}
 .bot li{width: 33.333%;float: left;height: 150px;text-align: center;background: #FFFFFF;position: relative;cursor: pointer;}
 .bot li .bot-li{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;text-align: left;    width: fit-content;padding-left: 85px;width: 50%;}
 .bot-li img{position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
 .bot li p{margin-bottom: 0;color: #777777;}
 .bot li:hover{background-color: #4489fe; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
	
	
 .bot li:nth-child(2):hover{background-color: #313fa0; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
	
	 .bot li:nth-child(3):hover{background-color: #4770cc; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
	
	
	
	
	
	
	
	
	
	
 .bot li:hover .img1{display: none;float: left;}
 .bot li:hover .img2{display:inline-block;float: left;}
 .bot li:hover p, .bot li:hover h6{color: #FFFFFF;}
.h3-size30 {
    font-size: 26px; font-weight:normal; color:#333333
}.bot li p {
    margin-bottom: 0;
    color: #777777; font-size:16px; margin-top:4px
}
.header, .content, .footer, .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}



.a_more{ font-size:15px; color:#4489fe; padding:3px 30px 3px 30px; margin:30px 0 28px 0; display:inline-block; background:#fff;
  border: 1px solid #4489fe; float:left;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #4489fe;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}





/*-----------
*/




.pro1 {
	width: 100%;
	margin: 0px auto;
	clear: both;
	overflow: visible;
	height:700px;
	padding-top: 0px;
	background-attachment: fixed;
	background-image: url(../images/a4.jpg);
	background-repeat: no-repeat;
	background-position: 90% 5%;
}
.pro .nr {width:87%; margin:0px auto; clear:both; overflow:visible; }
.pro .nr .con { width:100% !important;}
.pro .nr .fl { width:578px; float:left; }
.pro .nr .fl .tu { float:left; width:578px; height:658px; margin-bottom:9px;}
.column2 {
    overflow: hidden;
    padding: 70px 0 0;
}.wrap {
    width: 87%;
    margin: 0 auto;
    min-width: 1150px;
}.column2 {
	overflow: hidden;
	padding: 70px 0 0;
	
}
.column2 h2{ color:#fff; font-size:45px ; text-align:center; font-weight:900}
.column2 h3{ font-size:24px; color:#fff; text-transform:uppercase; text-align:center; font-weight:normal; margin-top:10px}


.column2 h3 line {
    width: 40px;
    height: 2px;
    background: #fff;
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
}

.column2 span{ width:740px; height:32px; background:#429767; border-radius: 5px; margin:0 auto; display:block; line-height:32px; color:#fff; text-align:center; margin:10px  auto; margin-top:16PX}
.column2 span a{ color:#fff; font-size:17px!important; margin:0 3px}
.indexC2Con {
	position: relative;
}

.rollBox1{  width:100%; margin:0 auto; margin-top:20PX }
.rollBox1  h3{width:100%;  font-size:35px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px; background:url(../images/pro.png) no-repeat top center; padding-top:30px; margin-top:50px;}
.rollBox1 h3 span{color:#828282; text-align:center; font-size:17px; line-height:27px; padding-top:15px; float:left;width:1200px; }

.rollBox1 .Cont{width:100%;float:left; padding-top:20px;}

.rollBox1 .Cont .pick{width:31.333%; height:360px;  float:left;text-align:center; color:#333; margin: 0 1%; margin-bottom:20px; 
           
  }
.rollBox1 .Cont .pic1{width:100%; height:360px; float:left;text-align:left;  color:#333; overflow:hidden;font-family:"微软雅黑"; border:#e1e1e1 solid 1px;
  background:#fff; -webkit-border-radius: 20px;
            -moz-border-radius: 25px;
 }.rollBox1 .Cont .pic1 p{ font-size:18px; margin:0; margin-top:20px; margin-bottom:0px; font-weight:100; color:#333}
.rollBox1 .Cont .pic1 h5{ width:100%;float:left; color:#3b3b3b; font-size:18px!important; text-align:center;  margin-top:0px; font-weight:normal; text-align:center; line-height:25px; font-family:Arial, Helvetica, sans-serif; color:#b0b0b0}
.rollBox1 .Cont .pic1 h5 li a { color:#999; font-size:17px; line-height:30px}
.rollBox1 .Cont .pic1 .gao{ width:100%; margin:0 auto; text-align:center; margin-bottom:0px; margin-top:40px}

.rollBox1 .Cont .pic1 h5 a{  color:#b0b0b0; text-align:center; display:block }
.rollBox1 .Cont .pic1 h5 img{  width:270px!important; height:auto!important ; margin-bottom:0px; margin-top:20px;}

  .rollBox1 .Cont .pic1 h5 .grgr{font-size:24px; margin:0; margin-top:0px; margin-bottom:0px; font-weight:900; color:#333}



.rollBox1 .Cont .pic1 .linkmore a{ width: 43%; height:31px; line-height:31px; margin:0 auto; text-align:center; display:block; text-decoration:none; background:#eaeaea; color:#a5a5a5; display:block; margin:20px 30% ; float:left; font-size:16px }
.rollBox1 .Cont .pic1 .linkmore a:hover{ color:#fff; background:#2b399a; border:0; }


.rollBox1 .Cont .wenn{width:100%; text-align:center; height:50px;  float:left; margin-bottom:20px}

 line{ width: 40px;
    height: 2px;
    background: #ba0913;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;}

.rollBox1 .Cont .pick:hover img{ transition:all 0.4s;}
.rollBox1 .Cont .pick:hover p{ color:#2b399a;}

.rollBox1 .Cont .pick:hover .linkmore a{ color:#fff; background:#2b399a; border:0}

.rollBox1 .Cont .pick:hover .wenn{ color:#2b399a}

.rollBox1 .Cont .pic1{ transition:all 0.4s}

.rollBox1 .Cont .pic1:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




   transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    -moz-transform: translate(0,-30px);
    -o-transform: translate(0,-30px);
    -ms-transform: translate(0,-30px);   }

.rollBox1 .Cont .pic1:after{right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;}

.rollBox1 .Cont .pic1:after{content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 6px;
    width: 0;
    background:#2b399a;
    transition: 400ms ease all; }



.rollBox1 .Cont .pic1:hover:after {
    width: 100%;
    transition: 800ms ease all;
}








.more { width:30%!important; text-align:left; font-family:Arial, Helvetica, sans-serif; height:59px; line-height:59px; font-size:17px; text-align:left;  color:#000; border-bottom:0px solid #585858; background:url(../images/pro_more_jt.png) no-repeat right center; float:left!important;


display: block; color: #fff; width:220px; height:45px; background:#e50012;  text-align: center; line-height: 45px; box-shadow: 0px 5px 15px rgba(229,0,18,0.5); margin-top:20px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; color:#fff; text-align:center !important;
}















.sub01 {left: 80px;}
.sub02 {left: 90px;}
.sub03 {left: -300px;}
.sub04 {right: 0}
.sub05 {right: 0;}
.sub06 {right: 0;}
.subimg {float: left;width: 230px;height: 141px;padding: 20px 0 0 0;}
ul#topnav li .sub ul {width: 162px;height: auto;overflow: hidden;background: url(../images/subx.jpg) right center no-repeat;list-style: none;padding: 18px 0 0 0;float: left;}
ul#topnav .sub ul li {padding: 0 0 0 0;float: none;width: auto;height: 27px;color: #000;margin: 0 auto}
#topnav .sub ul li a {height: 27px;display: block;line-height: 27px;width: 112px;color: #666666;text-align: left;padding-left: 40px;font-size: 14px;}
#topnav .sub ul li a:hover {color: #4489fe;}
.navbar_dq {color: #4489fe !important;}
nav a:hover{color: #4489fe !important;}



/*******************底部********************/ 
/*footer*/
#footer { width:100%; height:680px; background:#161718; clear: both; overflow:visible;


}#footer p a:hover{ color:#4489fe;  border-bottom:1px #4489fe solid; margin-left:2px}
#footer li a:hover{ color:#4489fe;  border-bottom:1px #4489fe solid; margin-left:2px}

.footer_l { float: left; width:19%;  text-align:left; height:222px;   }
.footer_l h2 { font-size:15px; line-height:29px;  color:#FFF; margin-top:0}
.footer_l  p{ font-size:15px; color:#999;line-height:29px; margin-top:0px }
.footer_l h3 { font-size:35px; line-height:39px;  color:#FFF; font-family:BEBAS}

.footer_l h2 i { font-size:25px;}
.footer_l_tb { width:50%; float:left; margin-top:20px;}
.footer_l span {font-size:25px; line-height:42px; text-align:center; color:#090f16; width:42px; height:42px; display:block; background-color:#FFF; border-radius:50%; float:left; margin-right:12px; margin-top:30px;}
.footer_l.icon.iconfont {}


.footer_d { margin-top:97px; float: left; width:22.5%;  text-align:left; height:222px; border-right:1px solid #292b2d; padding-right:2%}
.footer_d h2 { font-size:15px; line-height:29px;  color:#FFF;}
.footer_d  p{ font-size:15px; color:#cbcbcb;line-height:29px; margin-bottom:10px; font-family:Barlow-Regular; text-transform:uppercase }
.footer_d h3 { font-size:22px; line-height:39px;  color:#FFF; font-family:BEBAS}

.footer_d h2 i { font-size:25px;}
.footer_d_tb { width:100%; float:left; margin-top:20px;}
.footer_d span {font-size:25px; line-height:42px; text-align:center; color:#090f16; width:42px; height:42px; display:block; background-color:#FFF; border-radius:50%; float:left; margin-right:12px; margin-top:30px;}
.footer_d.icon.iconfont {   }




.footer_d_tb a:hover{ text-decoration:none!important}

.footer_r { float: left; width:76%; color:#FFF; display:flex; margin-left:0% ; }
.footer_r ul:first-child{ width:47%;border-right: 1px solid #292b2d; padding-left:0}

.footer_r ul:first-child li{ width:50%; float:left}



.footer_r ul:nth-child(2){ width:38%; padding-right:5%}
<!--.footer_r ul:nth-child(3){ width:18%;}-->
.footer_r ul { width:32%; float:left; text-align:left; border-right: 1px solid #292b2d; padding-left:5%}
.footer_r ul h3 a { color:#FFF;}
.footer_r ul h3 { font-size:22px; margin-bottom:21px; font-weight:normal}
.footer_r ul h3 span{ font-family:Barlow-Regular; font-size:18px}
.footer_r ul li a{ font-size:16px}

.footer_r ul li {font-size:16px; line-height:35px;}
.footer_r ul li a { color:#999;}
.footer_r ul li p { color:#999;line-height:35px;}

.footer_r ul:nth-child(2) p{  color:#999;line-height:35px;}

.footer_banquan { width:100%; margin-top:104px; border-top:1px solid #292b2d; float:left; text-align:center; line-height:42px; padding-top:5px;}
.footer_banquan_l { float:left; width:105%; text-align:left; padding-top:40px;}
.footer_banquan_l p { line-height:25px; }
.footer_banquan_l_p1 {color:#FFF; font-size:16px;  }
.footer_banquan_l_p1 a {color:#FFF; margin-right:20px;  }
.footer_banquan_l_p2 {color:#a6a6a6; font-size:15px; text-align:center  }
.footer_banquan_l_p2 a {color:#a6a6a6;}
.footer_banquan_r { float:right; width:25%; padding-top:16px;}
.footer_banquan_r_img { width:113px; height:113px; float:right; margin-left:20px; border-radius:5px; overflow:hidden; text-align:center; padding-top:2px; background-color:#FFF;}

.page-ht { height:0.9rem; }
/*******************内页小标题*********************/ 
.main-title{overflow: hidden;}
.main-title-cn{font-size: 30px;color:#333333;line-height: 32px;text-align: center;}
.main-title-en{font-size: 14px;color:#b2b5b7;margin-top:8px;text-transform: uppercase;text-align: center;}



/*********************内页盒子**********************/ 
.wrapper{width:100%;background: url(../images/fw_back.png);overflow: hidden;}
.nymain{width:1150px;margin:0 auto;padding:23px 0 40px 0;overflow: hidden;}
.dy{font-size: 14px;color:#666666;padding:50px 45px 80px 45px;background: #ffffff;border:1px solid #dadada; line-height:24px;}



/*******************小导航*********************/ 
.sidebar{width:100%;overflow: hidden;border-bottom: 1px solid #e7e7e7;background: url(../images/fw_back.png);}
.sidebar-text{width:1150px;margin:0 auto;}
.sidebar-text-left{float: left;border-left:1px solid #e5e5e5;overflow: hidden;}
.sidebar-text-left a{display: block;text-align:center;float:left;font-size: 14px;color:#333333;line-height:55px;height:55px;padding:0 45px;border-right:1px solid #e5e5e5;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.sidebar-text-left a.sidebar-active{color:#EF0D33;}
.sidebar-text-left a:hover{color:#EF0D33;}
.sidebar-text-right{float: right;font-size: 12px;color:#333333;margin-top:20px}
.sidebar-text-right a{color:#333333;}



/*******************分页*********************/ 
.paging{overflow: hidden;text-align: center;margin-top:45px;}
.paging-text{display: inline-block;}
.paging-text a{display: block;float: left;width:35px;height:35px;text-align: center;line-height:35px;font-size: 12px;border:1px solid #dddddd;color:#666666;margin-left:15px;}
.paging-text .paging-active{color:#ffffff;border:none;background: #ee1d23;width:37px;height: 37px;line-height: 37px;}
.paging-text .paging-up,.paging-text .paging-down{width:100px;}
.paging-text a:hover{color:#ffffff;border:none;background: #ee1d23;width:37px;height: 37px;line-height: 37px;}
.paging-text .paging-up:hover,.paging-text .paging-down:hover{width:102px;}
.paging-text a:first-child{margin-left:0;}



/******************查看更多******************/ 
.all-mores{float:right;overflow: hidden;width:63px;height:24px;background: #ee1d23;font-size: 12px;text-align: center;line-height: 24px;color:#ffffff;display: block;margin-top:20px;border-radius: 50px;}
.alist-styletwo .all-mores{float: left;}


/*******************内页banner*********************/ 
.nybanner{width:100%;position: relative;height:300px;}
.nybanner img{position: absolute;left:50%;margin-left:-960px}



/*******************返回顶部*********************/ 
.actGotop{position:fixed;bottom:80px;right:30px;width:41px; height:35px; display:none;z-index: 100000;}
.actGotop a,.actGotop a:link{width:53px;height:53px;display:inline-block; background:url(../images/tops.png) no-repeat; outline:none;}
/*******************首页新闻*********************/ 
.in_news_nav{ padding-bottom:10px;}
.in_news_nav li{float:right; }
.in_news_nav li a{ font-size:16px;color:#595757;height:20px; line-height: 20px;}
.in_news_nav li span{ padding:0 10px; color:#f89c1c;}
.news_hot{margin-bottom: 20px;}
.news_hot .n_date 	{ width:140px;height:130px; background: #f89c1c; float: left;}
.n_date span{ font-size:36px; height:36px; line-height: 36px; color:#fff; font-weight: 900;text-align: right;padding:25px 15px 0 0; display:block;}
.n_date font{ font-size:43px; height:44px; line-height: 44px;color:#fff; font-weight: 900;text-align: center; display: block;}
.news_hou{ width:247px; height:331px; border:1px #eaeaea solid; background:url(../images/news_bg.jpg) no-repeat center top;margin-top:54px} 
.wenO p{ font-size:18px; color:#fff; padding-left:27px; padding-top:70px}
.more21 a{ width:77px; height:30px; border:1px #fff solid; margin-left:27px; margin-top:30px; display:block; text-align:center; line-height:30px; color:#fff}










.news_hot .n_box 		{ width: 930px; height:98px; border:1px solid #dfdbd8;padding:15px 20px;float:right;}
.n_box h3 a{ font-size: 20px; color:#f89c1c;height:36px; line-height: 36px; font-weight: normal;}
.n_box p   { font-size: 16px; color:#666;height:32px; line-height: 32px;  text-indent: 2em;}


.n_box h3 a:hover{ color:#f89c1c;}
.news_left h3 a{ font-size: 18px; color:#666;height:36px; line-height: 36px; font-weight: normal; padding-left:10px}
.news_left h3 a:hover{ color:#f89c1c;}

.n_l_list { padding:6px; border-top:1px solid #dfdbd8;}
.n_l_list li{ position: relative; padding-left:20px;}
.n_l_list li:after{ content:""; display:block;height:7px; width:7px;background: #f89c1c; border-radius:  50%;position: absolute;left:4px;top:14px;}
.n_l_list li a{  font-size: 16px; color:#666;height:32px; line-height: 32px;}
.n_l_list li a:hover{color:#f89c1c;}
.n_l_list li span{ float:right;}

.news_right { float: right;width:351px; height:332px; box-sizing: border-box;margin-top:78px;}
.news_right img{ width:100%; height:332px;}
.news_right p{ font-size: 16px; color:#666; text-align: center; height:40px; line-height: 40px; padding-left:10px}





/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  
.syyyyup{ display:none}


.about {
    overflow: hidden;
    width: 100%;
    padding: 83px 0;}
.header, .content, .footer, .container {
    margin-left: auto;
    margin-right: auto;
    width: 92%;
}

.about_wen {
    float: right;
    width: 100%
}
.about_pic img{ width:100%}

.about_wen h2 {
    font-size: 25px;
    color: #1c1c1c;
    margin-top: 40px;
    line-height: 40px;
}
.about_wen h3 {
    margin-top: 0px;
    font-size: 18px;
    color: #4489fe;
    text-transform: uppercase;
    font-family: Barlow-Regular;
    font-weight: normal;
    line-height: 30px;
}
.about_wen p {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    line-height: 28px;
}
.a_more {
    font-size: 13px;
    color: #4489fe;
    padding: 3px 20px 3px 20px;
    margin: 20px 0 20px 0;
    display: inline-block;}
.about4 li .shuzi_1 {
    font-size: 30px;}

.about4 {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    margin-top: 0px;
}
.about4 li .shuzi_2 {
    font-size: 14px;
    color: #5a5a5a;
    text-align: left; line-height:24px
}.about4 li .shuzi_1 span {
    font-size: 14px;
    margin: 0 5px;
    font-weight: normal;
}
.h3-size30 {
    font-size: 17px;
    font-weight: normal;
    color: #333333;
}


.bot li p {
    margin-bottom: 0;
    color: #777777;
    font-size: 14px;
    margin-top: 4px;
    display: none;
}.bot{ display:none}
.pro1 {
    width: 100%;
    margin: 0px auto;
    clear: both;
    overflow: visible;
    height: 700px;
    padding-top: 0px;
    background-attachment: fixed;
    background-image: url(../images/a4.jpg);
    background-repeat: no-repeat;
    background-position: 90% 5%; background-attachment:scroll
}

.wrap {
    width: 82%;
    margin: 0 auto;
    min-width: 82%;
}
.column2 h2 {
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-weight: 900;
}.column2 h3 {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    margin-top: 0;
}.column2 h3 line {
    width: 20px;
    height: 1px;
    background: #fff;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}
.rollBox1 .Cont .pick {
    width: 90%;
    height: 360px;
    float: left;
    text-align: center;
    color: #333;
    margin: 0 5%;
    margin-bottom: 20px;
}.rollBox1 .Cont .pic1 .gao {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 20px;
}
.rollBox1 .Cont .pic1 .gao img{ width:16%}

.rollBox1 .Cont .pic1 h5 {
    width: 100%;
    float: left;
    color: #3b3b3b;
    font-size: 15px!important; margin-top:-10px}

.rollBox1 .Cont .pic1 h5 .grgr {
    font-size: 20px;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 900;
    color: #333; line-height:10px
}
.rollBox1 .Cont .pic1 h5 li a {
    color: #999;
    font-size: 14px;
    line-height: 20px;
}.rollBox1 .Cont .pic1 {
    width: 100%;
    height: 260px;}

.rollBox1 .Cont .pic1 .linkmore a {
    width: 40%;
    height: 31px;
    line-height: 31px;
    margin: 0 auto;
    text-align: center;
    display: block;
    text-decoration: none;
    display: block;
    margin: 20px 30%;
    float: left;
    font-size: 13px;
}
.rollBox1 .Cont .pick {
    width: 90%;
    height: 260px;
    float: left;
    text-align: center;
    color: #333;
    margin: 0 5%;
    margin-bottom: 20px;
}
.column2 {
    overflow: hidden;
    padding: 50px 0 0;
}.pro1 {
    width: 100%;
    margin: 0px auto;
    clear: both;
    overflow: visible;
    height: 1070px; background-size:cover}


.pz {
    width: 92%;
    margin: 0 auto;
    clear: both;
    padding-top: 90px;
    padding-bottom: 90px;
}
.pro h3 {
    font-size: 22px;}

.pro h3 span {
    font-family: Barlow-Regular;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #333;
}
.pro h3 span line1{ display:none}

.sgw_img {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}.sgw_img dt {
    width: 100%;
    float: left;
    display: inline;
    position: relative;
    overflow: hidden;
    height: 240px;
}.sgw_img_dd1 {
    width: 100%;
    display: inline;
}.pro {
    margin: 0px auto;
    width: 100%;
    background: url(../images/pro_bg.jpg) repeat;
    padding-bottom: 50px;
    height: 820px;
}

.news .pz{ padding:50px 0}
.news .h2_tong h2 {
    font-size: 25px;
    color: #000;
    text-transform: uppercase;
    font-family: DIN-Medium;
}.news .h2_tong span {
    font-size: 16px;
    color: #4d4d4c;
}.indexbanner_footer_jt img{ width:75%}
.shubiao {
    width: 100%;
    position: relative;
    height: 50px;
    padding-top: 0px!important;
}
#footer{ display:none}

.rollBox1 .Cont .pick {
    width: 45%;
    height: 170px;
    float: left;
    text-align: center;
    color: #333;
    margin: 0 2.5%;
    margin-bottom: 20px;
}.rollBox1 .Cont .pic1 p {
    font-size: 15px;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 100;
    color: #333; width:100%
}
	.rollBox1 .Cont .pic1 {
    width: 100%;
    height: 155px;
}.rollBox1 .Cont .pic1 h5 img {
    width: 94%!important;
    height: auto!important;
    margin-bottom: 0px;
    margin-top: 20px;
}


.kbm h2 srtong a{ font-size:18px!important}









}


