body{min-width:1360px;font-size: 14px;font-family: "Microsoft YaHei" , 微软雅黑;color: #333333;margin:0;padding:0;border:0}
header,section,div, p, span, h1, h2, h3, h4, h5, h6, form, input, a, ul, li, dt, dd, dl, ol, header, nav, footer {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;}
i,span,em{list-style:none;font-style:normal;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.p1920{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200{width: 1500px;margin: 0 auto;}
.w1300{width: 1700px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
 img{border:0px}
.ter{text-align:center}
 

li{list-style: none;}
a{text-decoration: none;color:#222;}
a:hover{color:#06F}
.clr{clear: both;}
.w-50{width: 50%;}
.w-100{width: 100%;}
header{
    width: 100%;    
    background-color: #fff;
    padding-left: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	
}

.fixed-header{
    display: block !important;
    /*position: fixed !important;*/
    top: 0;
    z-index: 999;
}

.head-logo{
    float: left;
    height: 75px;
    margin: 15px 0;
}
.head-logo a{
    display: inline-block;
    vertical-align: middle;
}
.head-logo img{
    height: 100%;
}
.head-logo div{
    border-left: 1px solid #808080;
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    padding-left: 10px;
    margin-left: 10px;
	margin-top: 15px;
}
.head-logo strong{
    display: block;
    font-size: 20px;
    color: #2e2e2e;
    font-weight: normal;
    line-height: 30px;
}
.head-logo p{
    font-size: 14px;
    color: #2e2e2e;
    font-weight: lighter;
    line-height: 18px;
    margin-top: 4px;
}
.head-logo p span{margin:0 10px 0;}
.head-logo p span:first-child{margin-left:0;}

.head-menu{
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}


.head-tel{
    /* display: inline-block;
    vertical-align: middle; */
    text-align: right;
    padding-top: 35px;
} 
.head-tel img{
    display: inline-block;
    vertical-align: middle;
}
.head-tel span {
    font-size: 16px;
    line-height: 30px;
    color: #626262;
    display: inline-block;
    vertical-align: middle;
}
.head-tel strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 30px;
    color: #333;
}

.head-right{
    float: right;
    text-align: right;
    position: relative;
}

.right-icon{
    display: inline-block;
    vertical-align: middle;
    padding: 29px 20px;
    border-left: 1px solid #e9e9e9;
    margin-left: 20px;
}
.menu-icon{
    width: 40px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}
.qrcode-i{
    background-image: url(/images/qrcode-icon.png)
}


.qrcode-box{
    display: none;
    width: 220px;
    background-color: #fff;
    position: absolute;
    top: 80px;
    right: 30px;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0,0,0,.175);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.175);
	z-index: 9999;
}
.qrcode-box::before{
    content: " ";
    position: absolute;
    top: -8px;
    right: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:  0 8px 8px 8px;
    border-color:  transparent transparent #cb271d transparent;
}
.qrcode-title{
    width: 100%;
    height: 46px;
    background-color: #cb271d;
    text-align: center;
    line-height: 46px;
    color: #fff;
    font-size: 16px;
    /* border-radius: 5px 5px 0 0; */
}
.qrcode-img{
    width: 160px;
    margin: 0 auto;
    padding: 10px 0;
}
.qrcode-img img{
    width: 100%;
}

.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.sh3 {background-color: #094296;}
.nav1 {}
.nav-li {position: relative;z-index: 999;}
.nav-li .nav-a {display: block;line-height: 56px;font-size: 16px;color: #fff;width: 170px;text-align: center;font-weight: bold;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 50%;top: 100%;background-color:#1976d2;z-index: 999;width: 100%;transform: translateX(-50%);}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: center;display: block;color: #fff;}
.nav-li:hover .nav-a {background-color: #1976d2;color: #fff;}
.nav-ul li a:hover {background-color: #2196f3;}


/* foot-ys */
footer{margin-top:20px;width: 100%;
   background:#094296;color:#999;padding-top:50px;
}
.foot{overflow:hidden;}
.flg{color:#fff;}
.fbox{overflow:hidden;margin-left:100px;}
.fbox p{color:#d0d0d0;line-height:28px;}
.cort{margin-top:50px;background:#3f3f3f;height:42px;line-height:42px;text-align:center;width: 100%;overflow:hidden;}


/*banner滑动*/
.banner-box{
    width: 100%;
    height: 853px;
    position: relative;
}
.banner{width:100%; position:relative; height:853px; background:#000;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ width:100% !important; height:853px; overflow:hidden; text-align:center;}
.banner .bd li a{ display:block; height:853px;}
.banner .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;}
.banner .hd ul{ text-align:center;}
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:6px; margin:1px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; line-height:999px;}
.banner .hd ul .on{ background:#f00;}
.banner .prev,.banner .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%; z-index:1; width:40px; height:60px;background:url(/templets/201311/2019images/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none;}
.banner .next{ left:auto; right:15%; background-position:-6px -137px;}
/* banner end */

.mbt h2{font-size:32px;font-weight:normal}
.mbt p{line-height:32px;color:#999;}

.btn{width: 120px; height: 45px;display: block;font-size: 16px;line-height: 43px;text-transform: uppercase;
    font-weight: normal; color: #a1a1a1; border: 1px solid #cccccc; text-align:center;background-color: #fff;
    background-repeat: no-repeat;background-position: right 20px center;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
.btn:hover{ background-color: #094296;color: #ffffff;}

.main-gywm{	padding: 60px 0;}
.m-box{margin:;overflow:hidden;border:0px solid #000}
.gwl{width:800px;}
.gwr{width:650px;margin-left:50px;text-align:right;}
.gbt{}
.gbt h2{font-size:32px;font-weight:normal}
.gbt p{line-height:32px;color:#999;}
.gbr{margin-top:10px;margin-bottom:15px;overflow:hidden;}
.gbr p{line-height:32px; font-size: 16px;}
.jsmore{width: 120px; height: 45px;}

.digital-row{	display: flex;	margin:50px auto 0;	padding:30px 0;	border:1px solid #000;}
.digital-item {	margin: auto;	height: auto;	padding-left: 0;	padding-right: 0;}
.digital-item.col-lg-4 {width: 25%;}
.digital-item.col-lg-3 {width: 33.33333%;}
.digital-item.col-lg-2 {width: 50%;}
.digital-item.col-lg-1 {width: 100%;}
.digital-num-item {line-height: 1;	font-size: 50px;	display: flex;	justify-content: center;	align-items: center;}
.digital-num-item div:first{background:#FC0;OVERFLOW:hidden}
.digital-num-item {	text-overflow: ellipsis;	white-space: nowrap;	overflow: hidden;}
.digital-num {	max-width: calc(100% - 61px);	font-weight:400;	font-family: 'MicrosoftYaHeiUILight';}
.digital-unit {	font-size: 14px;	padding-left: 5px;	top: -1em;	color:#999;}
.digital-title {font-size: 14px;	margin-top: 14px;	text-align: center;}

.main-news{	padding: 50px 0;background-color: #f7f7f7;}
.news-box{  margin-top: 20px;    margin-bottom: 40px;}
.news-left{    width: 650px;    float: left;}
.news-left a{    display: block;    width: 100%;    height: 100%;}
.news-left:hover .news-txt .news-title h3{    color: #06F;}
.news-img{    width: 100%;    height: 480px;    overflow: hidden;    margin-bottom: 15px;}
.news-img img{    width: 650px;	height:480px;}
.news-right{    width: 800px;    float: right;}
.news-right ul li{    width: 100%;    padding-left: 5px;    position: relative;	border-bottom:1px solid #dfdfdf;	line-height:58px;font-size:16px;
    
}
.news-right ul li p{float: right;font-size:14px;color:#666;}
.news-right ul li a{    display: block;    width: 100%;    height: 100%;	color:#222;}
.news-right ul li a:hover{   color: #06F;}
.news-txt{    width: 100%;}
.news-title{    width: 100%;    position: relative;    padding-right: 100px;    margin-bottom: 10px;}
.news-title h3{    font-size: 20px;    line-height: 24px;    color: #1c1c1c;    font-weight: normal;    -webkit-transition: all 400ms ease;    -moz-transition: all 400ms ease;    -ms-transition: all 400ms ease;    -o-transition: all 400ms ease;    transition: all 400ms ease;}
.news-title h4{    font-size: 16px;    line-height: 24px;    color: #1c1c1c;    font-weight: normal;    -webkit-transition: all 400ms ease;    -moz-transition: all 400ms ease;    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;    transition: all 400ms ease;
}
.news-title b{    font-size: 12px;    line-height: 24px;    color: #999999;    font-weight: normal;    position: absolute;    right: 0px;    top: 0px;}
.news-txt p{    font-size: 12px;    line-height: 24px;    color: #999999;}

.news-more{width: 178px; height: 45px;margin: 0 auto;}

.main-sb{	padding: 50px 0;}
.sb-box{  margin-top: 2px; margin-bottom: 20px;border-top:1px solid #dfdfdf;overflow:hidden}
.sbpic{width:100%;}
.sbpic ul{ overflow:hidden; zoom:1; }
.sbpic ul li{ margin:10px 10px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.sbpic ul li .pic{ text-align:center; }
.sbpic ul li .pic img{ width:386px; height:332px; display:block;  padding:2px; border:1px solid #ccc; }
.sbpic ul li .pic a:hover img{ border-color:#999;  }
.sbpic ul li .title{ line-height:28px;   }


/*/内容/*/
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:1200px;overflow:hidden;}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.page-position {  padding: 15px 0;  font-size: 14px;  color: #2f2f2f;}
.page-position a {  color: #2f2f2f;}
.page-position a:hover {  color: #ab001a;}

.page-wrap {  background: #ffffff;  padding-bottom: 3.38541667%;}
.page-wrap-left {overflow:hidden;
    float: left;
    width: 305px;
}
/* 内页左侧导航栏样式 */
.xypg-left-box {  margin-bottom: 20px;}
.xypg-left-title {  background: #094296;  padding: 10px 20px;  position: relative;}
.xypg-left-title h3 {  font-size: 20px;  color: #ffffff;  line-height: 30px;  font-weight: bold;  position: relative;  z-index: 9;}
.xypg-left-title span {  font-weight: normal;  font-size: 16px;  color: #fff;  opacity: .6;  margin-left: 10px;
  text-transform: capitalize;}
.xypg-left-title span:before {  content: "/";  padding-right: 5px;}
.xypg-left-con {   }
.xypg-left-nav {  margin: 0;border: 1px solid #d2d2d2;border-top: none;}
.xypg-left-nav > li {  position: relative;  border-bottom: 1px solid #eeeeee;}
.xypg-left-nav > li:last-child {  border-bottom: none;}
.xypg-left-nav > li > a {  display: block;  font-size: 16px;  line-height: 48px;  color: #2e2e2e; padding-left:120px;}
.xypg-left-nav > li:hover > a{
  background:#efefef;color:#06F;
}
.xypg-left-nav > li i{width:8px;height:20px;margin-top:15px;margin-left:10px;background:#dfdfdf;float:left;}
.xypg-left-nav > li:hover i{background:#06F;}

/*右侧*/
.page-wrap-right {  overflow: hidden;float: right;width:820px;}
.cp-title{border-bottom:1px solid #dfdfdf;margin-bottom: 10px;}
.cp-title h2{ font-size: 20px;font-weight: bold;line-height: 30px;color:#06F;line-height:50px;}
.cp-title h2 i{width:5px;height:49px;margin-top:1px;margin-right:20px;float:left;background:#06F;}

/* 内页图片列表 */
.pic-list {  margin: 0 0;  font-size: 0;width:102%;overflow:hidden}
.pic-list li {  display: inline-block;  vertical-align: bottom;  width: 31.333%;  margin: 0 2% 20px 0;  padding: 10px 10px 0 10px;  border: 1px solid #eeeeee;  -webkit-transition: all .5s ease;  transition: all .5s ease;}
.pic-list li .img {  display: block;}
.pic-list li h3 a { display: block; text-align: center; font-size: 14px; color: #5a5a5a; line-height: 1.6; padding: .8em 0;}
.pic-list li:hover {  border-color: #06F;}
.pic-list .no-result {  margin: 0 1.5%;  font-size: 14px;}
.pic-list li h3 a,.pic-list li .tit h3{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.pic-list li .img{  font-size: 0;overflow: hidden;}
.pic-list li .img img{ width: 100%;-webkit-transition: all .5s ease; transition: all .5s ease;
}
.pic-list li .img:hover img{  -webkit-transform: scale(1.1);    transform: scale(1.1);
}


/* 内页新闻列表 */
.news-list{    width: 100%;overflow:hidden;}
.news-list ul li{    width: 100%;    padding-left: 5px;    position: relative;	border-bottom:1px solid #efefef;	line-height:48px;font-size:16px;}
.news-list ul li p{float: right;font-size:14px;color:#666;margin-right:5px;}
.news-list ul li a{    display: block;    width: 100%;    height: 100%;	color:#222;}
.news-list ul li a:hover{   color: #06F; }
.news-list ul li:hover{background:#efefef;}
.banner2{width:1920px; height:711px; min-width:calc(100% - 21px); text-align:center;}

/* 分页基本样式 */
.xypg-pagination {  margin-top: 20px;  text-align: center;  font-size: 0;}
.xypg-pagination .pagin-left,.xypg-pagination .pagin-mid,.xypg-pagination .pagin-right,.xypg-pagination .pagin-select {  display: inline-block;  vertical-align: middle;}

.xypg-pagination a,.xypg-pagination #current {  display: inline-block;  font-size: 14px;  color: #333333;  font-family: "Microsoft YaHei",Arial;  line-height: 26px;  border: 1px solid #cbcbcb;  margin: 0 5px;  padding: 0 8px;}
.xypg-pagination #current,.xypg-pagination a:hover {  color: #fff;  border-color: #c40406;  background: #c40406;}

.xypg-pagination .pagin-mid {  font-size: 14px;}
.xypg-pagination .pagin-mid .mob-pagin-mid {  display: none;}
.xypg-pagination .pagin-select {  font-size: 14px;}
.xypg-pagination .pagin-select select {  height: 28px;  padding: 0 8px;  margin: -1px 5px 0 5px;}

.page-mob-tool {  position: fixed;  right: 15px;  bottom: 100px;  z-index: 9999;}
.page-mob-tool li {  width: 40px;  height: 40px;  line-height: 40px;  text-align: center;  margin-bottom: 1px;
  cursor: pointer;  position: relative;}
.page-mob-tool li:before {  content: '';  position: absolute;  left: 0;  right: 0;  bottom: 0;  top: 0;  background: #c40406;  opacity: .7;}
.page-mob-tool li i {  display: block;  width: 100%;  height: 100%;}
.page-mob-tool li .icon-dots-horizontal:after {  background-position: -30px -390px;}
.page-mob-tool li .icon-top:after {  background-position: -30px -60px;}

/*内页详情页面公用样式*/
.xypg-detail-title { font-size: 24px;color: #363636;font-weight: bold;  margin-bottom: 10px;  line-height: 1.7;
}
.cp-detail-title{background:#efefef;border-bottom:1px solid #c40106;margin-bottom: 10px;padding: 10px 20px 10px 28px;}
.cp-detail-title h1{ font-size: 20px;  color: #c40406;font-weight: bold;line-height: 30px;}

.xypg-detail-info-bar:after, .xypg-detail-info-bar .xypg-file-down .file-down-list li:after,.xypg-detail-pn div:after{content: "";  display: table;  clear: both;}
.xypg-detail-info-bar {  font-size: 14px;  font-family: Arial;  color: #9e9e9e;  line-height: 35px;border-bottom: 1px dashed #cfcfcf;  margin-bottom: 20px;}
.xypg-detail-info-bar .detail-info-time {  float: left;  margin-right: 20px;  position: relative;padding-left: 25px;}
.xypg-detail-info-bar .detail-info-time i {  position: absolute;  width: 20px;  height: 20px;  top: calc(50% - 10px);  left: 0;}
.xypg-detail-info-bar .detail-info-time i:after {  opacity: .5;  background-position: 0 -360px;}
.xypg-detail-info-bar .detail-info-numbers {  float: left;  position: relative;  padding-left: 25px;}
.xypg-detail-info-bar .detail-info-numbers i {  position: absolute;  width: 20px;  height: 20px;  top: calc(50% - 10px);  left: 0;}
.xypg-detail-info-bar .detail-info-numbers i:after {  opacity: .5;  background-position: 0 -330px;}

.xypg-detail-con-title {  margin: 20px 0 10px 0;}
.xypg-detail-con-title span {  display: inline-block;  font-size: 18px;  color: #c40406;}

.xypg-detail-con {  font-size: 14px;  color: #333;  line-height: 1.7;}
.xypg-detail-con img,.xypg-detail-con p img {  width: auto !important;  max-width: 100%;  height: auto !important;}
.xypg-detail-con p{text-indent:2em;margin:10px 0;}

.cp-detail-con {  font-size: 16px;  color: #333;  line-height: 1.8;margin-top:28px;}
.cp-detail-con img,.cp-detail-con p img {  width: auto !important;  max-width: 100%;  height: auto !important;}
.cp-detail-con p{text-indent:2em;margin:12px 0;}

.xypg-detail-pn {  margin-top: 30px;}
.xypg-detail-pn div + div {  margin-top: 15px;}
.xypg-detail-pn div {  line-height: 22px;  padding: 10px;  position: relative;  border: 1px solid #eeeeee;}
.xypg-detail-pn div b {  font-size: 14px;  color: #06F;  float: left;  font-weight: normal;}
.xypg-detail-pn div b:after {  content: '\FF1A';}
.xypg-detail-pn div a {  float: left;  width: 75%;  font-size: 14px;  color: #666666;}
.xypg-detail-pn div a:hover {  color: #06F;}
.xypg-detail-pn div span {  position: absolute;  right: 20px;  top: 11px;  font-size: 14px;  color: #666666;
}

/*相关产品 和 相关新闻*/
.xypg-relate {  margin-top: 45px;}
.relate-title {  border: 1px solid #eeeeee;  font-size: 14px;  line-height: 2.857;  margin-bottom: 15px;}
.relate-title span {  display: inline-block; color:#06F;  padding: 0 1.4em;  border-right: 1px solid #eeeeee;}

.relate-product-slick {  position: relative;width:101%;}
.relate-product-slick .owl-item {  display:inline-block;float:left;width:24%;  font-size: 0;  margin-right:1%;
}.relate-product-slick .owl-item .img {  display: block;  margin-bottom: 8px;}
.relate-product-slick .owl-item p {  margin-bottom: 0;  padding: .5em 0;  font-size: 12px;
  color: #c40406;  text-align: center;}
.relate-product-slick .owl-item:hover p {  color: #ab001a;}
.relate-product-slick .owl-nav button.owl-prev,.relate-product-slick .owl-nav button.owl-next {  width: 25px;
  height: 35px;  color: #fff;  font-size: 20px;  margin-top: -17.5px;  line-height: 35px;}
.relate-product-slick .owl-nav button.owl-prev span,.relate-product-slick .owl-nav button.owl-next span {
  display: inline;
}

.xypg-relate .relate-news {  margin-top: 45px;}
.relate-news-list li {  float: left;  width: 48%;  position: relative;  line-height: 2.143;  font-size: 14px;
  color: #c40406;}
.relate-news-list li:nth-child(even) {  float: right;}
.relate-news-list li a {  display: block;  padding-right: 75px;  color: #666666;}
.relate-news-list li a:before {  content: '+';  font-weight: bold;  font-size: 16px;  line-height: 1;  margin-right: 5px;}
.relate-news-list li span {  position: absolute;  right: 0;  top: 2.5px;  width: 75px;  text-align: right;  font-size: 12px;  color: #666666;}
.relate-news-list li:hover a {  color: #06F;;}
.relate-news-list li:hover a:before {  color: #06F;}
.relate-news-list li:hover span {  color: #06F;;}

/*新增部分*/