@charset "utf-8";
body {margin:0px auto; font-family:"微软雅黑";}
ul,li,a,span,h1,div,ol,h1,h2,h3,h4,h5,p,hr,input,label{margin:0px; padding:0px; text-decoration:none; list-style:none;}
body,td,th {font-family: 微软雅黑;}
body {margin-left: auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;}

A {
	COLOR: #000; TEXT-DECORATION: none !important;
}
A:hover {
	COLOR: #FFCC00; 
}
a:link {text-decoration: none;}
a:active {text-decoration: none;}
border { border:0px;}
img { border:0; }
body,td,th {
	font-family: 微软雅黑; 
}
body {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#e60012;}

.scale_img dl img, .scale_img li img { -o-transition: all .8s ease 0s; transition: all .8s ease 0s }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0) }

i,em{
	font-style: normal;
}

.fl{ float:left;}
.fr{ float:right;}
.tac{text-align: center;}
.w1300{ width:80%; margin:0 auto}

.clear {
	clear: both;
}
.clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }


/*------------公用样式结束----------*/



/*--导航--*/
.header { height: 70px; background: #fff; }
.header .logo { float: left;}
.header .logo img {width:202px; }
.header .slogan { margin-top:25px;  margin-left: 10px; float: left; margin-right: 90px; }
.header .slogan h1{ font-size:24px; color: #363636; line-height:30px;font-family:"微软雅黑";}
.header .slogan p{ font-size: 14px; color: #363636; line-height:150%;font-family:"微软雅黑";}
.header .menu{float:right;}
.header .menu li { position: relative; float: left; height:50px; }
.header .menu li span { display: block; padding: 29px 40px 20px 0; font-size: 15px; color: #363636; text-align: center; line-height: 100%; }
.header .menu li:hover span, .header .menu li.cur span { font-weight: bold; }
.header .menu li em { display: none; top:70px; position: absolute; z-index: 99; background: #fff; line-height:30px; text-align: left; padding: 0 20px; }
.header .menu li em a { display: block; white-space: nowrap; }
.header .menu li.subnav:after { position: absolute; content: ""; width: 40px; height: 15px; background: url(img/nav.png) no-repeat center; right: 0; top: 29px; }

.nav-ul li{text-align:center;float:left;position:relative; padding-top:40px;}
.nav-ul li>a{
	color:#696969;
	font-size:14px;
	transition-duration: 0.15s;
	float:left;
	display: block;
	width:80px;
	height:40px;
	margin-right:20px;
	line-height:40px;
	transition-timing-function: ease-out;
}


.nav-ul li:hover>a,.nav-ul li.hover>a{ border-bottom:3px solid #cacac8;color: #696969;float:left;}
.nav-ul li:hover>a,.nav-ul li.hover>a{color: #cacac8;float:left;}
.nav-ul li .second-div{position:absolute;left:-83px;top:90px;z-index: 99999;transition-duration: 0.3s; width: 100%; }
.nav-ul li .second-div .second-ul{padding:20px;position:absolute;left:-20px;width:380px;display:none; background-color:#fff;}
.nav-ul li .second-div .second-li{float:left;text-align:left;width:160px;padding-left:13px;}
.nav-ul li .second-div .second-li .small_dl .bokang_02  a{width:150px;height:24px;line-height:24px;text-align:center;padding-left:0px;border:1px solid #ddd;background:#fff;display:inline-block;margin-top:8px;margin-left:16px;font-size:14px;color:#949393;padding-right: 0px;}
.nav-ul li .second-div .second-li .small_dl .bokang_02  a:hover{background:#db0101;border:1px solid #db0101;color: #fff;text-align:center;}

.nav-ul li .second-div .second-li .big_dl .bkne .bkclss{ display:block;font-size: 14px; line-height:16px; padding:5px; margin-left:15px;color: #ffffff;float: left;} 
.nav-ul li .second-div .second-li .big_dl .bokang_01 a {
width:230px;height:24px;line-height:24px;text-align:center;padding-left:0px;border:1px solid #ddd;background:#fff;display:inline-block;margin-top:6px;margin-left:16px;font-size:14px;color:#000;padding-right: 0px;	}
.nav-ul li .second-div .second-li .big_dl .bokang_01  a:hover{background:#db0101;border:1px solid #db0101;color: #fff;text-align:center;}

.nav-ul li .second-div .second-li .big_dl .bkne {float: left;}
.nav-ul li .second-div .second-li .big_dl .bkne a:hover{background:#db0101;color: #fff;text-align:center;}

.second-ul img{width: 196px; float: left; display: block;}

/*banner*/
.banner { min-width: 1200px; position: relative; overflow: hidden; z-index: 2; }
.banner .bd { position: relative; text-align:center; z-index: 0; }
.banner .bd ul { width: 100% !important; height:auto;}
.banner .bd li{line-height: 0;}
.banner .bd li img {max-width:80%; }
.banner .swiper-pagination { position: absolute; width: 100%; text-align: center; bottom: 57px; }
.banner .swiper-pagination-bullet { width: 7px; height: 7px; display: inline-block; background: #fff; border-radius: 50%; position: relative; cursor: pointer; margin: 0 13px !important; transition: .3s; opacity: 1; }
.banner .swiper-pagination-bullet-active { background: #e6212a; }
.banner .swiper-pagination-bullet-active:before { position: absolute; content: ""; width: 23px; height: 23px; border-radius: 50%; top: -9px; left: -9px; border: 1px solid #fff }

.h_more-k{margin:0 auto; width:80%;}
.h_more {width:80%; top: 0; border-bottom: 1px solid #f2f2f2; z-index: 99; height: 44px; text-align: right; font-size: 0; position: absolute; }
.h_info a { display: inline-block; font-size: 14px; color: #fff; line-height: 100%; padding: 15px 12px; position: relative; transition: .3s;}
.h_info a:hover {font-weight: bold;}
.h_info a:after { position: absolute; content: ""; width: 1px; height: 12px; background: rgba(255, 255, 255, .5); top: 16px; right: 0; }
.h_info a:last-child:after { display: none; }
.h_tel { font-size: 16px; color: #fff; padding-left: 41px; background: url(img/h_tel.png) no-repeat 14px 15px; position: relative; padding-top: 14px; padding-right:20px; line-height: 100%; font-weight: bold; }
.h_tel:before { position: absolute; content: ""; width: 1px; height: 12px; background: rgba(255, 255, 255, .5); top: 16px; left: 0; }
.h_search { position: relative; }
.h_search .s_btn { padding: 15px 16px 2px 50px; width: 16px; cursor: pointer; }
.h_search .s_key { display: none; position: absolute; top: 44px; }
.s_key { position: absolute; top: 66px; right: 0; width: 238px; height: 40px; z-index: 9; display: none; background: #fff; border-radius: 20px; }




@font-face{font-family:icon-font;font-display:block;src:url(img/icon-190906.woff2) format("woff2"),url(img/icon-190906.woff) format("woff"),url(img/icon-190906.ttf) format("truetype");font-weight:400;font-style:normal;unicode-range:U+0-0020,U+e600-ea00}
[class*=icon--]::before{font-size:1.875rem;font-family:icon-font,Arial,Roboto,Helvetica,sans-serif!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:normal}
.icon--lubricants::before{content:"\e610"}.icon--marine::before{content:"\e612"}.icon--fuels::before{content:"\e608"}.icon--notes::before{content:"\e614"}.icon--paper::before{content:"\e615"}.icon--wifi::before{content:"\e62e"}.icon--card::before{content:"\e605"}.icon--graduates::before{content:"\e60b"}.icon--lists::before{content:"\e60f"}.icon--tiles::before{content:"\e62d"}.icon--tags::before{content:"\e62b"}.icon--id::before{content:"\e60c"}.icon--pictures::before{content:"\e616"}.icon--windows::before{content:"\e62f"}.icon--fullscreen::before{content:"\e609"}.icon--job-area::before{content:"\e632"}.icon--globe::before{content:"\e634"}
.icon--home::before{content:"\e633"}.icon--app::before{content:"\e635"}.icon--locator::before{content:"\e636"}.icon--signpost::before{content:"\e637"}.icon--power::before{content:"\e638"}
.component{margin:0 auto; width:80%; border-top:8px solid #cacac8; height:140px; padding-top:10px;}
.component-info{background-color:#003c88;color:#fff; }
.atomic--button-link{width:100%;min-height:3.75rem;padding:0 1.25rem 0 1.25rem;transition:all .3s;transition-property:color,background-color,border-color;box-sizing:border-box;border-width:.0625rem;border-style:solid;display:inline-block;overflow:hidden;line-height:3.75rem;font-weight:700;text-align:center;text-decoration:none;vertical-align:middle;border-radius:0;color:#fff;background-color:#dd1d21;border-color:#dd1d21}
.atomic--button-link[class*=icon--]::before{padding:1rem .625rem 1rem 0;vertical-align:middle}
.top-tasks--palette-4,.top-tasks.colour--palette-4{--palette-background-colour:#e6212a;--palette-button-text-colour:#e6212a;background-color:#e6212a;}
.top-tasks--palette-4 .atomic--button-link,.top-tasks.colour--palette-4 .atomic--button-link{color:#fff;background-color:#525252;border-color:#525252}
.top-tasks--palette-4 .atomic--button-link:focus,.top-tasks--palette-4 .atomic--button-link:hover,.top-tasks.colour--palette-4 .atomic--button-link:focus,.top-tasks.colour--palette-4 .atomic--button-link:hover{background-color:#e6212a;color:#fff}

.top-tasks__base{box-sizing:border-box;width:100%;max-width:81.25rem;margin-left:auto;margin-right:auto;padding:1rem}
.top-tasks__base img{width:90px; height:90px; float:left;}
.top-tasks__button{box-sizing:border-box;margin:0 0 1.25rem 0;width:28%; margin-left:30px; margin-top:15px;min-width:0;text-align:left; float:left;display:block}

/*=========浮动导航========*/
.sp_header{height:50px;overflow:hidden;position:fixed;z-index:10;width:100%;}
.sp_logo{float:left;height:50px}
.sp_logo img{margin:auto;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#be8c45;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:100px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left; font-weight:normal; border-bottom:1px dotted #ddd;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#008cd4}
.sjj_nav ul li ul li>ul{margin-left:10px}






/*--手机导航--*/
.s-menu{
	width: 100%;
	height: auto;
	text-align: center;
	border-top:1px solid #ccc;
	overflow:hidden;
	
}
.ph-menu2{
	width: 100%;
	height: auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	overflow:hidden;

}


.ph-menu12 h2{
	display: block;
	margin:2px;
	padding:2%;
	height:20px;
	padding-top:5px;
	text-align: center;
	font-size: 14px;
	color: #363636;
	display: block;
}
.ph-menu12:hover h2{
	text-decoration: none;
}
.ph-menu12:focus{text-decoration: none}



/*手机banner轮播*/
.sj-banner{width:100%; }
.sj-banner img{display:block;width:100%}
.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:10px;bottom:5px;text-align:center;width:100%; background:rgba(fff, fff, fff, 0.6)!important; filter:Alpha(opacity=50); padding:6px;}
.swipe #pagenavi a{width:8px; height:8px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}
.swipe #pagenavi a.active{background:#ff0;  position:relative;}


/*news-list*/
.newslm{ margin:0 auto;width:80%; padding-top:40px; padding-bottom:50px;text-align:center; font-family:"微软雅黑"; font-size:24px; color:#666; font-weight:bold;}
.news .page-load{margin-top:20px;}
.news-list ul{ margin:0 auto; width:80%;font-size: 0;}
.news-list li{display: inline-block;vertical-align: top;width: 33.33333333%;background-color:#f5f5f5;}
.news-list li:hover{background-color:#fff;}
.news-list li a{text-decoration: none;}

.news .news-list li:nth-of-type(1) .cont,
.news .news-list li:nth-of-type(2) .cont,
.news .news-list li:nth-of-type(3) .cont{padding-top: 0;height: auto; overflow:hidden;}
.news-list .cont{position: relative;border-left: 1px solid #d9d9d9; border-bottom:5px solid #e1e0e0;height: 240px; padding-bottom:70px;padding-left: 20px;padding-right: 32px;padding-top: 78px;}
.news-list li:nth-child(3n) .cont{border-right: 1px solid #d9d9d9;}
.news-list .titel h2{font-family: "微软雅黑";font-size:18px;line-height: 34px;color: #333;max-height: 72px;overflow: hidden;text-transform: uppercase;}
.news-list .titel span{font-family:Impact;font-size: 14px;line-height:30px;color: #e6212a;overflow: hidden;}
.news-list .txt{margin-top:20px;height: auto;overflow: hidden;}
.news-list .txt p{font-size: 15px;line-height: 24px;color: #999;}
.news-list .vs{display: inline-block;position: absolute;bottom: 30px;width: 80px; height:20px;}
.news-list .vs span{font-family:Impact;transition: all .8s ease;display: inline-block;transform: translateX(-100%);opacity: 0;visibility: hidden;font-size: 12px;color: #e6212a; padding-top:7px;}
.news-list .vs i{width:15px;height:9px;transition: all .8s ease;display: block;position: absolute;left: 0;top:50%; background:url(img/19.png) no-repeat right center;margin-top:3px;}
.news-list .pic{position: relative;}
.news-list .pic:before{transition: all .8s ease;content: "";display: block;opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 100;margin: auto;width: 27px;height: 27px;background: url(img/21.png) no-repeat center center;}
.news-list .pic:after{transition: all .8s ease;content: "";display: block;opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(230,33,42,0.7);}
.news-list img{width: 100%;}
.news-list a:hover .vs span{transform: translateX(0);opacity: 1;visibility: visible;}
.news-list a:hover .vs i{left: 65px;background-image: url(img/20.png);}
.news-list a:hover .pic:before{opacity: 1;visibility: visible;}
.news-list a:hover .pic:after{opacity: 1;visibility: visible;}
/*end*/


.home .news-list li{width: 25%;}
.home .news-list .cont{padding-top:20px;}
.home .news-list li:nth-child(3n) .cont{border-right: none;}



/*------------ry----------*/

div.indexmaindiv{height:360px;margin:0px auto;width:78%;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('img/arrowhead.png') no-repeat left top;margin:186px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('img/arrowhead.png') no-repeat left -28px;margin:186px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:330px;height:360px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:330px;height:340px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:330px;height:340px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:330px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('img/arrowhead.png') no-repeat left -56px;margin:186px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('img/arrowhead.png') no-repeat left -84px;margin:186px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:95%;height:380px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:330px;height:380px;margin-left:13px;}





#sjry{width:100%; height:auto;padding-bottom:20px; text-align:center; overflow:auto;}
#sjry li{width:44%; padding:8px; height:auto; float:left;}
#sjry li img{width:100%;}

/*------------zp----------*/

.zpbj{ margin:0 auto; width:80%; height:423px; background:url(img/zp.jpg) center no-repeat; margin-top:50px;}
.zpbj ul{ width:35%; height:auto; padding:120px; text-align:left;}
.zpbj ul ol{ width:100%; height:40px; padding-top:20px; background-color:#525252; text-align:center; margin-top:30px;font-family:"微软雅黑"; font-size:15px; color:#fff; font-weight:bold; }
.zpbj ul ol:hover a{font-family:"微软雅黑"; font-size:15px; color:#fff; font-weight:bold;}
.zpbj ul ol:hover{background-color:#e6212a; border:1px solid #525252;}

.sjzp{width:auto; height:auto; background-color:#e6212a;text-align:center; margin-top:20px;}
.sjzp ul{ width:auto; padding:30px;  height:auto;text-align:left;}
.sjzp ul ol{ width:100%; height:40px; padding-top:20px; background-color:#525252; text-align:center; margin-top:30px;font-family:"微软雅黑"; font-size:15px; color:#fff; font-weight:bold; }
.sjzp ul ol:hover a{font-family:"微软雅黑"; font-size:15px; color:#fff; font-weight:bold;}
.sjzp ul ol:hover{background-color:#e6212a; border:1px solid #525252;}
.sjzp img{width:100%; height:auto;}

/*------------footer----------*/
.footer{margin:0 auto; width:80%; height:auto; margin-top:40px;  padding-top:20px;border-top:1px solid #f2f2f2;}
.footer .lmfl{width:20%; height:220px; padding-left:100px; padding-right:50px; text-align:left; border-right:1px solid #f1f1f1;}
.footer .lmfl h3{font-family:"微软雅黑"; font-size:14px; color:#666; font-weight:bold;}
.footer .lmfl li{ margin:2% 1% 0 auto; padding:4px; border-radius:5px; text-align:center; float:left;}
.footer .lmfl li a{font-family:"微软雅黑"; font-size:14px; color:#666; line-height:18px;}

.footer .f-lx{width:40%; height:auto; padding-left:100px; text-align:left; border-right:1px solid #f1f1f1;}
.footer .f-lx h3{font-family:"微软雅黑"; font-size:14px; color:#666; font-weight:bold;}
.footer .f-lx p{ font-family:"微软雅黑"; font-size:14px; color:#666; line-height:22px; padding-top:10px;}

.footer .f-er{width:233px; height:auto; padding-top:10px; text-align:center; float:right;}
.footer .f-er ol{width:100%; height:90px;}
.footer .f-er ol li{width:90px; height:90px; margin-left:10px; float:left;}

.copyright{margin:0 auto; width:80%; height:auto; margin-top:40px; background-color:#f1f1f1; padding-top:20px; padding-bottom:20px; overflow:hidden;}
.copyright li{width:50%; height:auto; text-align:left; padding-left:40px; font-family:"微软雅黑"; font-size:14px; line-height:20px; color:#888;}
.copyright li a{font-family:"微软雅黑"; font-size:14px; line-height:20px; color:#888;}
.copyright ol{width:20%; height:auto; text-align: right; padding-right:40px; font-family:"微软雅黑"; font-size:14px; line-height:20px; color:#888; float:right;}
.copyright ol a{font-family:"微软雅黑"; font-size:14px; line-height:20px; color:#888;}

/* 底部固定导航 */
.ph-bq{
  margin-bottom:33px;
  padding:9px 15px 15px 15px;
  font-size: 15px;
  color: #ffba00;
  text-align: center;
  line-height: 150%;
  background-color: #434343;
}
.ph-bq p,
.ph-bq p a,
.ph-bq a{
  font-size: 15px;
  color: #ffba00;
  text-align: center;
  line-height: 150%;
}
.ph-bq img{
  display: block;
  margin:0 auto;
  margin-top: 10px;
}

 /*ph页脚*/

.ph-foot{
  position: fixed;
  bottom:0px;
  left: 0px;
  padding-bottom: 3px;
  width: 100%;
  background-color: #707070;
  overflow: hidden;
  border-top:1px solid #fff;
  border-radius: 15px 15px 0px 0px;
}
.ph-foot li{
  float: left;
  padding:10px 0px;
  width: 25%;
  height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.ph-foot li img{
  display: block;
  margin:0 auto;
  width: 25%;
}
.ph-foot li p{
  display: block;
  margin-top: 5px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
/*返回顶部*/
.to-top { display: none; padding: 5px 10px; color: #fff; background-color: #f50;}

/*内页新闻1*/
.ny-news01{
  width:100%;
  height: auto;
}
.ny-news01 li{
	padding:20px 0px;
  width:100%;
  border-bottom:1px dashed #dedddd;
  overflow: hidden;
}
.ny-news01 li .tu1{
	float: left;
	width: 185px;
	height: 130px;
	overflow: hidden;
}
.ny-news01 li .tu1 img{
	width: 185px;
	height: 130px;
	overflow: hidden;
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ny-news01 li:hover .tu1 img{
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out;
}
.ny-news01 li .l01{
  float: right;
  margin-left:15px;
  width: 92px;
  height: 100px;
  background-color:#f5f5f5;
  border-right: 1px solid #efefef;
  border-left: 1px solid #efefef;
}
.ny-news01 li .l01 .n-day{
  width: 100%;
  height: 57px;
  font-size: 45px;
  color: #333;
  text-align: center;
  line-height: 57px;
  font-family: "Impact";
  letter-spacing: 0px;
  transition: all 0.4s ease-in-out;
}
.ny-news01 li:hover .l01 .n-day{
	color: #d90112;
}
.ny-news01 li .l01 .n-month{
  width: 100%;
  font-size: 15px;
  color: #555;
  text-align: center;
  letter-spacing: 0px;
}
.ny-news01 li .r01{
  float: left;
  margin-left:50px;
  width:750px;
  height: auto;
}
.ny-news01 li .r01 a h2{
  display: block;
  width: 100%;
  height: 36px;
  font-size: 16px;
  color: #333;
  letter-spacing: 0px;
  transition: all 0.3s ease-in-out;
}
.ny-news01 li .r01 a h2 span{color:#ccc; padding-right:10px;}
.ny-news01 li:hover .r01 a h2{
	color:#d90112;
}
.ny-news01 li .r01 p{
  display: block;
  width: 100%;
  height: 36px;
  font-size: 14px;
  color: #555;
  letter-spacing: 0px;
  line-height: 130%;
  overflow: hidden;
}

/*新闻详情页样式*/
.newszwbj{ width:auto; height:auto; padding:20px; overflow:hidden;}
.new-cont-h1{text-align:center; font-family:"微软雅黑"; font-size:20px; font-weight:bold; padding-top:20px;}
.new-xq{
  margin:0px auto;
  margin-top:30px;
  width:100%;
  height: auto;
  overflow:hidden;
}
.new-xq-l{
  margin:0px auto;
  width:40%;
  height:50px;
  text-align:center;
  
}
.new-xq-l .date1{
  position: relative;
  width: 100%;
  height: 36px;
  text-align: center;
}
.new-xq-l .date1 .year1 {
  font-size: 20px;
  color: #000;
  font-family:Impact;
  text-align: center;
}
.new-xq-l .date1 .year1 span{
  position: absolute;
  left:20%;
  z-index:2;
  display:block;
  padding: 0 5px;
  font-size: 20px;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0px; 

}
.new-xq-l .date1:before{
  content: "";
  display: block;
  width: 100%;
  height:30px;
  position: absolute;
  background-color:#f7f7f7;
  left: 0;
  z-index:1;
}
.new-xq-l .date2{
  margin-top: 32px;
  text-align: center;
  font-size: 34px;
  line-height: 120%;
  color: #27cbf1;
  font-family:Impact;
  letter-spacing: 0px;
}
.new-xq-l .read1{
  position:relative;
  z-index:22222;
  width:120px;
  font-size:13px;
  padding-top:0px;
  text-align: center;
  color: #333333;
  letter-spacing: 0px;
  float:right;
  margin-right:85px;
 
}
.new-xq-l .read1 strong{
  font-weight: bold;
}
.new-xq-r{
  margin:0 auto;
  padding:10px;
  width:90%;
  height:auto;
  margin-bottom:30px;
  text-align:center;
  border:1px solid #f7f7f7;
  overflow: hidden;
}
.new-xq-r p{
  display: block;
  height: auto;
  font-size: 14px;
  color: #666;
  line-height: 170%;
  letter-spacing: 0px;
  overflow: hidden;
}
.new-xq-r p p{
  font-size: 15px;
  color: #333;
  line-height: 170%;
  letter-spacing: 0px;
}

/*内页产品分类*/
.zhanshiz{
  float:left;
  width:20%;
  margin-top:30px;
  height:auto;
  background-color:#f5f5f5;
}	
.zhanshiz1{
  width: 100%;
  height: auto;
   background-color:#525252;
   border-radius:5px;
}
.zhanshiz1-1{
  width: 100%;
  height: auto;
   background-color:#525252;
   margin-top:30px;
}
.zhanshiz1-wz{
	width: 100%;
	height:30px;
	color:#fff;
	font-size:24px;
	font-weight: bold;
	padding-top:10px;
	text-align:center;
}
.zhanshiz1-wz a{
	
	color:#fff;
	font-size:24px;
	font-family:"微软雅黑";
	
}
.zhanshiz1-wz1{
	width: 100%;
	color:#fff;
	font-size:14px;
	padding-top:10px;
	text-align:center;
	text-transform: uppercase;
	padding-bottom:10px;
}

.zhanshiz2{
  width: 100%;
  height: auto;
}	
.zhanshiz2-1{
  width: 100%;
  height: auto;
  margin: 0 auto;
  color:#666666;
  font-size:16px;
  line-height:28px;
}
.zhanshiz2-1 p{
  width: 100%;
  height: auto;
  margin: 0 auto;
  color:#666666;
  font-size:16px;
  line-height:28px;
}		
.zhanshizr{
  float:right;
  margin-top:30px;
  width:75%;
  height: auto;
}	

.ny-weizhi{padding:10px 0px;width: 100%;height: auto;background-color: #efefef;border:1px solid #DFDEDE;}
.ny-weizhi .ny-r-t{margin:0 auto;width: 100%; font-size: 15px;color: #333; padding-left:10px;}

.fenl{
	width:100%;
	height: auto;
	margin-top:20px;

}
.yjdl{margin:0 auto; width:150px; height:30px; margin-top:10px; border-bottom:1px solid #070707; margin-bottom:10px; padding-left:10px;}
.yjdl a{font-family:"微软雅黑"; font-size:15px; color:#070707; line-height:24px; text-decoration:none; font-weight:bold;}
.yjdl a:hover{text-decoration:none; color:#00A8FF;}
.fenl h3{
	display: block;
	margin:0 auto;
	width:90%;
	height:30px;
	font-size:16px;
	color: #333;
	font-weight:normal;
	text-align: left;
	line-height:35px;
	padding-top:5px;
	margin-top:2px;
	background-color:#e1dfdf;
	background-repeat: no-repeat;
	background-position: center top;	
}

.fenl h3 a{
	display: block;
	width: 90%;
	height:20px;
	background-image: none;
	font-size:14px;
	text-indent:20px;
	color: #434343;
	line-height: 30px;

}
.fenl h3 a:hover{
	
	display: block;
	width:100%;
	height: 30px;
	background-image: none;
	font-size:14px;
	text-indent:20px;
	color: #d90112;
	line-height:20px;
	text-decoration:none;
	transition: all ease .3s; 


}
.fenl dl{
	width: 100%;
	height: auto;
}
.fenl dl dd a{
	margin:0 auto;
	display: block;
	margin-bottom:3px;
	width:90%;
	height:35px;
	font-size: 14px;
	font-family:"微软雅黑";
	color: #525252;
	line-height:35px;
	text-indent:10px;
	border-bottom: 1px dotted #999999; 
}

.fenl dl dd a:hover{
	color: #d90112;
}	

/*手机分类*/
.h-proc1{
    margin:0 auto;
	width:90%;
	height: auto;
	text-align: center;
}
.h-proc1 a{
	display: inline-block;
	margin:4px;
	height:40px;
	width:46%;
	background-color:#525252;
	font-size: 15px;
	color: #ccc;
	text-align: center;
	line-height:40px;
	border-spacing:5px;
	transition: all 0.3s ease-in-out;
}
.h-proc1 a:hover{
	background-color: #e6212a;
	text-decoration : none;
	color: #fff;}


.n-sjfl{ width:auto; height:auto; padding-left:20px; padding-top:10px; padding-bottom:10px; overflow:hidden;}

/* 内页 */
#nybanner{margin:0 auto;width:80%; height:300px; background:url(img/aboutnybanner.jpg) center no-repeat;}
#nybanner1{margin:0 auto;width:80%; height:300px; background:url(img/lxbanner.jpg) center no-repeat;}
#nybanner2{margin:0 auto;width:80%; height:300px; background:url(img/newsbanner.jpg) center no-repeat;}
#nybanner3{margin:0 auto;width:80%; height:300px; background:url(img/zpbanner.jpg) center no-repeat;}
#nybanner4{margin:0 auto;width:80%; height:300px; background:url(img/picbanner.jpg) center no-repeat;}
#nybanner5{margin:0 auto;width:80%; height:300px; background:url(img/pic1banner.jpg) center no-repeat;}
#nybanner6{margin:0 auto;width:80%; height:300px; background:url(img/pic2banner.jpg) center no-repeat;}
#nybanner7{margin:0 auto;width:80%; height:300px; background:url(img/rybanner.jpg) center no-repeat;}
#nybanner8{margin:0 auto;width:80%; height:300px; background:url(img/cfbanner.jpg) center no-repeat;}


.nyzw-lm1{ margin:0 auto;width:79%;height:auto; background-color:#f7f7f7; border-bottom:1px dotted #ccc; padding-left:20px; padding-top:10px; padding-bottom:10px;margin-bottom:30px;overflow:hidden;}
.nyzw-lm2{width:500px; height:auto; text-align:left;}
.nyzw-lm4{width:100px; height:25px; padding-top:2px;text-align:center; background-color:#F4F4F4; margin-right:10px;float:right; }
.nyzw-lm4 a{font-family:"微软雅黑"; font-size:14px; color:#296acc; font-weight:bold;}
.nyzw-lm4:hover{background-color:#296acc;}
.nyzw-lm4:hover a{color:#fff;}

#nylm{width:100%; height:auto; text-align:center;}
#nylm h3{font-family:"微软雅黑"; font-size:40px; color:#343434; line-height:40px; font-weight:normal;}
#nylm p{font-family:"微软雅黑"; font-size:16px; color:#8F8F8F; line-height:30px;}


.nyzw1{margin:0 auto; width:80%; height:auto; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-top:40px; overflow:hidden;}
.sj-nycpzs{width:90%; padding:10px; height:auto;overflow:hidden;}
.nyzw{margin:0 auto; width:80%; height:auto;text-align:left;font-family:"微软雅黑"; line-height:30px; font-size:15px; color:#222; overflow:hidden; }
.ny-xl{margin:0 auto; width:80%; height:auto; padding-bottom:30px; overflow:hidden;}
.ny-xl li{ margin:4% 2% 0 auto; width:15%; padding:20px; border:1px solid #525252; background-color:#e6212a; text-align:center; font-family:"微软雅黑"; font-size:18px; color:#fff; line-height:20px; font-weight:bold;float:left;}
.ny-xl li:hover { background-color:#525252;}

.ny-r-t{margin:0 auto; width:99%; height:auto; background-color:#f2f2f2; padding:10px; margin-bottom:20px;}
.lx-nyzw{margin:0 auto; width:1200px; height:auto;padding:20px;text-align:left; margin-bottom:20px; overflow:hidden; margin-top:20px; font-family:"微软雅黑"; font-size:15px; color:#222;border:1px solid #ccc;}

.about-bj{ margin:0 auto; width:80%; height:423px; background:url(img/aboutbj.jpg) center no-repeat; margin-top:50px;}
.about-bj ul{ width:35%; height:auto; padding:120px; text-align:left;}
.about-bj ul ol{ width:100%; height:40px; padding-top:20px; background-color:#525252; text-align:center; margin-top:30px;font-family:"微软雅黑"; font-size:15px; color:#fff; font-weight:bold; }
.about-bj ul ol:hover a{font-family:"微软雅黑"; font-size:15px; color:#fff; font-weight:bold;}
.about-bj ul ol:hover{background-color:#e6212a; border:1px solid #525252;}


/*====================手机====================*/
@media only screen and (max-width: 768px){
	
	.w1300{ width:100%;}
	.header .slogan{display: none;}
	.logo{padding:10px;}
    .banner{display: none;}
	.menu{display: none;}
    .component{width:100%; height:260px;}
	.top-tasks__base img{display: none;}
	.top-tasks__button{width:100%;margin-left:5px;margin:0 0 1rem 0;}
	.atomic--button-link{padding:0 1rem 0 1rem}
	
	.news-list ul{width:100%;font-size: 0;}
    .home .news-list li{width:100%;}
	.news-list .cont{ height:200px;}
	.zpbj{display: none;}
	.indexmaindiv{display: none;}
    .footer{width:90%;}
	.footer .lmfl{width:100%; height:auto; padding-left:10px; padding-right:10px; border-right:1px solid #fff;}
	.footer .f-lx{width:100%; padding-left:10px; padding-top:10px; margin-top:10px;  border-top:1px solid #f1f1f1;border-right:1px solid #fff;}
	.footer .f-er{width:100%;  padding-top:10px; margin-top:10px;  border-top:1px solid #f1f1f1;float:left;}
	.footer .f-er img{float:left;}
	.footer .f-er ol li{ margin-left:0px;}
	.copyright{width:100%;  margin-top:20px;}
	.copyright li{width:80%;}
	.copyright ol{width:80%;}
	
	#nybanner{width:100%; height:80px;background-size:100% auto;}
	#nybanner1{width:100%; height:80px;background-size:100% auto;}
	#nybanner2{width:100%; height:80px;background-size:100% auto;}
	#nybanner3{width:100%; height:80px;background-size:100% auto;}
	#nybanner4{width:100%; height:80px;background-size:100% auto;}
	#nybanner5{width:100%; height:80px;background-size:100% auto;}
	#nybanner6{width:100%; height:80px;background-size:100% auto;}
	#nybanner7{width:100%; height:80px;background-size:100% auto;}
	#nybanner8{width:100%; height:80px;background-size:100% auto;}
    .nyzw-lm1{width:auto;}
	
	.newszwbj{padding:0px;}
	
	.nyzw{ margin:0 auto;width:90%;}
	.ny-xl{margin:0 auto; width:90%; height:auto; padding-bottom:30px; overflow:hidden;}
    .ny-xl li{ margin:4% 2% 0 auto; width:25%; padding:10px; border:1px solid #525252; background-color:#e6212a; text-align:center; font-family:"微软雅黑"; font-size:18px; color:#fff; line-height:20px; font-weight:bold;float:left;}
	.about-bj{display: none;}
	
	.zhanshiz{display: none;}
	.zhanshizr{width:100%;}
	.ny-weizhi{display: none;}
	#nylm h3{font-size:30px;}
    .ny-news01 li .r01{ margin:0 auto; width:100%; margin-left:0px;}
	.new-xq-l{width:100%}
	.new-xq-r{ margin:0 auto;width:90%; padding:2px;}

	
	
	/*系统原样式修改*/
	.min_box_content{display: none;}
	.showpics{margin:3% !important;}
	.showleft{display: none;}


}
/*====================平板====================*/
@media screen and (min-width: 768px) and (max-width: 1200px){
   .w1300{ width:100%;}
   .header .slogan {margin:0 auto; width:100%; margin-top:20px;text-align:center;}
   .banner{display: none;}
   .menu{display: none;}
   .component{width:100%}
   .top-tasks__base img{display: none;}
   .top-tasks__button{width:100%;margin-left:5px;margin:0 0 1rem 0;}
   .atomic--button-link{padding:0 1rem 0 1rem}
   .news-list ul{width:100%;font-size: 0;}
   .news-list .cont{ height:200px;}
   .home .news-list li{width:100%;}
   .zpbj{display: none;}
   .indexmaindiv{display: none;}
   .footer{width:90%;}
   .footer .lmfl{width:100%; padding-left:10px; padding-right:10px; border-right:1px solid #fff;}
	.footer .f-lx{width:100%; padding-left:10px; padding-top:10px; margin-top:10px;  border-top:1px solid #f1f1f1;border-right:1px solid #fff;}
	.footer .f-er{width:70%;  padding-top:10px; margin-top:10px;  border-top:1px solid #f1f1f1;float:left;}
	.copyright{width:100%;  margin-top:20px;}
	.copyright li{width:80%;}
	.copyright ol{width:80%;}
	
	#nybanner{width:100%; height:80px;background-size:100% auto;}
	#nybanner1{width:100%; height:80px;background-size:100% auto;}
	#nybanner2{width:100%; height:80px;background-size:100% auto;}
	#nybanner3{width:100%; height:80px;background-size:100% auto;}
	#nybanner4{width:100%; height:80px;background-size:100% auto;}
	#nybanner5{width:100%; height:80px;background-size:100% auto;}
	#nybanner6{width:100%; height:80px;background-size:100% auto;}
	#nybanner7{width:100%; height:80px;background-size:100% auto;}
	#nybanner8{width:100%; height:80px;background-size:100% auto;}
    .nyzw-lm1{width:auto;}
	
	.newszwbj{padding:0px;}
	
	.nyzw{ margin:0 auto;width:90%;}
	.ny-xl{margin:0 auto; width:90%; height:auto; padding-bottom:30px; overflow:hidden;}
    .ny-xl li{ margin:4% 2% 0 auto; width:25%; padding:10px; border:1px solid #525252; background-color:#e6212a; text-align:center; font-family:"微软雅黑"; font-size:18px; color:#fff; line-height:20px; font-weight:bold;float:left;}
	.about-bj{display: none;}
	
	.zhanshiz{display: none;}
	.zhanshizr{width:100%;}
	.ny-weizhi{display: none;}
	#nylm h3{font-size:30px;}
    .ny-news01 li .r01{ margin:0 auto; width:100%; margin-left:0px;}
	.new-xq-l{width:100%}
	.new-xq-r{ margin:0 auto;width:90%; padding:2px;}
	
}
/*====================PC====================*/
@media only screen and (min-width: 1200px){
	.sj-banner{display: none;}
	.s-menu{display: none;}
	.ph-bq{display: none;}
	.ph-foot{display: none;}
	.sjpicys{display: none;}
	.sjzp{display: none;}
	#sjry{display: none;}
	.sp_header{display: none;}
	.n-sjfl{display: none;}
}



.a1 {
	font-family: "微软雅黑";
	font-size: 24px;
	font-weight: bold;
	color: #666666;
	font-style: normal;
	line-height: 30px;
}
.a2 {
	font-family: "微软雅黑";
	font-size: 24px;
	font-weight: bold;
	color: #E6212A;
	font-style: normal;
	line-height: 30px;
}
.a3 {
	font-family: "微软雅黑";
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	font-style: normal;
	line-height: 40px;
}
.a4 {
	font-family: "微软雅黑";
	font-size:16px;
	font-weight: normal;
	color: #fff;
	line-height:30px;
}

.a5 {
	font-family: "微软雅黑";
	font-size:16px;
	font-weight: bold;
	color: #fff;
	font-style: normal;
	line-height:30px;
}
.a6 {
	font-family: "微软雅黑";
	font-size:14px;
	font-weight: normal;
	color: #888;
	font-style: normal;
	line-height:30px;
}

.nav-ul li>a {
	width: 99px;
}