body{margin:0px auto;padding:0px;color:#000;font-size:14px;font-family:Arial;line-height:20px;background-color:#fff;}
a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}
img{border:none;}
ul,li,h1,h2,h3,p{margin:0px;padding:0px;}
li{list-style:none; }
div,ul,li{display:block;}
ul,li{overflow:hidden;}


.wrap{width:1200px;margin:0px auto; clear:both;}
.l{float:left;display:block;}
.r{float:right;display:block;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.fb{font-weight:bold;}
.fi{font-style:italic;}
.yh{font-family:Microsoft Yahei;}
.ctr{text-align:center;}

.top div{overflow:hidden;}
.top .logo{float:left;}
.top .logo img{ max-height: 85px;}
.top .srhnav{ float:left; overflow: unset;height: 66px;}
.top .tpr{float:right; padding-top:24px;}

.clear{ clear:both;}
.changtu{ max-width:100%; overflow:hidden; clear:both;height: 300px;overflow: hidden;display: flex;justify-content: center;}
.changtu img{width:1200px}
.srhnav .nav{ padding-left:20px;}
.srhnav ul{display: flex;height: 100%;}
.srhnav ul li{display: flex;align-items: center;}
.srhnav ul,.srhnav li{overflow: unset !important;}
.srhnav .nav li{padding-right:20px; }
.srhnav .nav .navSearch img {
  cursor: pointer;
}
.srhnav .nav .navSearch .searchInput {
  outline: none;
  border: none;
  border-bottom: 1px solid #cccccc;
  width: 0;
  line-height: 24px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.srhnav .nav .navSearch.active .searchInput{
  width: 180px;
  padding-right: 28px;
  margin-right: -24px;
}
.srhnav .nav .navPage{position: relative;}
.srhnav .nav .navPage .dropdown-menu {z-index: 2;position: absolute;top: 55px;height: auto;background-color: #fff;padding: 5px 0;border: 1px solid rgba(0, 0, 0, .15);display: none;}
.srhnav .nav .navPage .dropdown-menu div {display: flex;align-items: center;padding: 3px 20px;}
.srhnav .nav .navPage:hover .dropdown-menu{display: block;}
.srhnav .nav .navPage .dropdown-menu:hover{display: block;}
.srhnav .nav .navPage .dropdown-menu div:hover {text-decoration: none;background-color: #f5f5f5}
.srhnav .nav .navPage .dropdown-menu div:hover a {color: #262626;}
.banner{width:100%;height:550px;position:relative;background:#ddd; overflow:hidden;}
.banner ul.slider{display:block;height:550px;width:100%;overflow:hidden;}
.banner ul.slider li{display:block;height:550px;width:100%;overflow:hidden;position:relative;}
.banner ul.slider li img{width:100%}
.banner ul.slider li .matter{display:block;height:550px;width:10000px;overflow:hidden;text-align:center;margin-left:-5000px;position:absolute;left:50%;}
.banner ul.slider li .matter img{height:550px;}
.banner ul.num{position:absolute;width:200px;bottom:20px; left:10px;z-index:999;text-align:center;display:block;}
.banner ul.num li{width:15px;height:15px;display:inline-block;background-image:url(../images/paganation-white.png);background-repeat:no-repeat;
	background-position:-30px -130px;overflow:hidden;margin-right:8px;text-indent:-999px;float:left;}
.banner ul.num li.on{background-position:-2px -130px;}
.banner .next,.banner .prev {position:absolute;top:45%;width:40px;height:56px;display:none;overflow:hidden;z-index:999999;background:url(../images/paganation-white.png) no-repeat;text-indent:-999px;}
.banner .prev {background-position:-5px -3px;left:10px;}
.banner .prev:hover {background-position:-5px -60px;}
.banner .next{background-position:-74px -3px;right:10px;}
.banner .next:hover{background-position:-74px -60px;}
.banner:hover .next,.banner:hover .prev{display:block;}

.category{height:167px;}
.category img{margin:0px 10px 0px 0px;float:left;}
.category a:nth-child(4) img{margin:0px 0px 0px 0px;float:right; display:block;}

.idxcontact{border-top:solid 1px #d6d6d6;background:url(../images/contactbg.jpg) no-repeat right 0px;height:196px;font-size:14px;}
.idxcontact .hotline{height:20px;margin:24px 0px 20px 0px;line-height:20px;background:url(../images/724.jpg) no-repeat 0px 2px;font-size:14px;font-weight:bold;padding:0px 0px 0px 60px;}
.idxcontact p{padding:13px 0px 13px 20px;line-height:20px;}
.idxcontact a:hover{color:#ff0000;}

.btm{border-top:solid 1px #d6d6d6;padding:10px 0px 10px 0px;font-size:14px; text-align:right;}

.position{height:38px;border-bottom:solid 1px #d6d6d6;line-height:38px;font-size:10px;}
.position .red{color:#cb3500;}
.position2{height:45px;border-bottom:solid 1px #d6d6d6;line-height:45px;font-size:12px;width:230px;margin:0px auto;text-align:center;}
.position2 .red{color:#cb3500;}

.lft_pnl{width:224px;float:left;margin:0px 0px 0px 15px;}
.lft_pnl .menu{background-color:#f5f5f5;padding:0px 14px 0px 14px;}
.lft_pnl .menu .item{border-bottom:solid 3px #ccc; clear:both;}
.lft_pnl .menu .item a{display:block;}
.lft_pnl .menu .item a.sel{color:#cb3500;}
.lft_pnl .menu .item a.p{border-bottom:solid 3px #ccc;line-height:38px;text-transform:uppercase;font-size:20px;}
.lft_pnl .menu .item .sub{width:173px;float:right;}
.lft_pnl .menu .item .sub a{line-height:32px;border-bottom:solid 1px #ccc;font-size:15px;font-weight:500;}
.lft_pnl .menu .item .sub a.last{border-bottom:0px;}

.rgt_pnl{width:890px;float:right;margin:0px 32px 0px 0px;}
.rgt_pnl .tle{height:38px;border-bottom:solid 1px #d6d6d6;line-height:38px;}
.rgt_pnl .tle .nm{font-size:20px;float:left;}
.rgt_pnl .tle .sort{float:right;height:30px;margin:2px 0px 0px 0px;}
.rgt_pnl .tle .sort .sort_val{width:145px;height:27px;border:solid 1px #dedede;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:hidden;
                              line-height:27px;padding:0px 0px 0px 15px;background:url(../images/sort_arrow.jpg) no-repeat 142px 11px;display:inline-block;}
.rgt_pnl .tle .sort ul{width:160px;border:solid 1px #dedede;overflow:hidden;position:absolute;background-color:#fff;/*top:436px;left:50%;margin-left:406px;*/display:none;}
.rgt_pnl .tle .sort ul li{display:block;border-bottom:solid 1px #f0f0f0;padding:5px 0px 5px 10px;line-height:20px;cursor:pointer;}
.rgt_pnl .tle .sort ul li:hover{background-color:#f5f5f5;}

.prdt_list{width:888px;margin:0px auto;}
.prdt_list .item{width:200px;height:268px;float:left;padding:34px 11px 0px 11px;}
.prdt_list .item img{width:200px;height:200px;margin:0px 0px 8px 0px;}
.prdt_list .item .dis{width:200px;}
.prdt_list .item .dis a.p{line-height:16px;float:left;width:130px;margin:0px 0px 0px 10px;}
.prdt_list .item .dis a.d{display:block;float:right;width:48px;height:29px;color:#fff;overflow:hidden;line-height:29px;text-align:center;background-color:#000;
                          border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;margin:0px 10px 0px 0px;
}
.prdt_list .item .dis a.d:hover{background-color:#001e45;}

#pager{padding:1px 0px 30px 0px;text-align:center;}
#pager a{border:solid 1px #174178;margin:0px 3px 0px 3px;background-color:#ffffff;color:#666;height:26px;line-height:26px;display:inline-block;text-align:center; padding:0 6px;
         border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
}
#pager a:hover,#pager a.sel{background-color:#001e45;color:#ffffff;border:solid 1px #174178;}
#pager .current{border:solid 1px #174178;margin:0px 3px 0px 3px;background-color:#ffffff;color:#666;height:26px;line-height:26px;display:inline-block;text-align:center; padding:0 6px;
         border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#001e45;color:#ffffff;border:solid 1px #174178; padding:0 10px;}


.photo{width:491px;height:581px;float:left;margin:0px 0px 0px 13px;}
.photo .face{width:481px;height:481px;border:solid 1px #ccc;margin:0px 0px 0px 4px;text-align:center;}
.photo .face img{max-width:555px;max-height:555px;}
.photo .thumb{width:491px;height:98px;}
.photo .thumb ul{width:485px;height:98px;}
.photo .thumb ul li{width:95px;height:98px;float:left;margin:0px 2px 0px 0px;padding:3px 0px 0px 0px;overflow:hidden;}
.photo .thumb ul li img{width:93px;height:93px;border:solid 1px #ccc;}
.photo .thumb ul li:hover{background-color:#ddd;}
.photo .thumb ul li.sel{background-color:#e03b01;}
.photo .thumb ul li.sel:hover{background-color:#e03b01;}
/*.photo .thumb a.prev,.photo .thumb a.next { width:16px;height:22px;display:block;overflow:hidden;background:url(../images/thumb_arrow.jpg) no-repeat 0px 0px;position:absolute;top:522px;}
.photo .thumb a.prev { left:0px;background-position:0px 0px;}
.photo .thumb a.next { right:0px;background-position:-17px 0px;}*/

.thumbslide{width:491px;height:98px;position:relative;}
.thumbslide .slides_container{width:483px;height:98px;margin:0px 0px 0px 4px;}
.thumbslide .slides_container div{width:483px;height:98px;}
.thumbslide .next,.thumbslide .prev {width:16px;height:22px;display:block;overflow:hidden;background:url(../images/thumb_arrow.jpg) no-repeat 0px 0px;position:absolute;top:38px;z-index:100;}
.thumbslide .prev {left:0px;background-position:0px 0px;}
.thumbslide .next{right:0px;background-position:-17px 0px;}
.thumbslide .pagination {position:absolute;width:200px;bottom:20px; left:10px;z-index:999;text-align:center;}
.thumbslide .pagination li {display:inline-block;	margin:0 5px 0px 0px;float:left;}
.thumbslide .pagination li a {width:13px;height:13px;display:inline-block;background-image:url(../images/paganation-white.png);
	background-position:-2px -131px;overflow:hidden;margin-right:2px;text-indent:-999px;float:left;}
.thumbslide .pagination li.current a {background-position:-29px -131px;}

.inroduce{width:623px;min-height:581px;float:left;margin:0px 0px 0px 30px;line-height:24px;}
.inroduce h1{color:#e13b01;line-height:50px;font-size:40px;font-weight:lighter;}
.inroduce h2{line-height:25px;font-size:20px;text-transform:uppercase;border-bottom:solid 1px #ccc;width:388px;padding:0px 0px 30px 0px;font-weight:lighter;}
.inroduce h3{color:#e13b01;line-height:25px;font-size:20px;padding:30px 0px 10px 0px;font-weight:lighter;}
.inroduce .inrozoom{color:#666;font-size:14px;}

.news_list{width:1139px;margin:0px auto;}
.news_list h1{border-bottom:solid 1px #ccc;height:70px;text-align:center;line-height:70px;font-size:40px;font-weight:lighter;margin:0px 0px 15px 0px;}
.news_list ul{display:block;overflow:hidden;width:1184px;}
.news_list li{width:547px;
    height:92px;padding:20px 0px 20px 0px;float:left;
    border-bottom:solid 1px #ccc;line-height:22px;
    color:#666;margin:0px 45px 0px 0px;}
.news_list li .time{width:62px;height:90px;border:solid 1px #174178;display:block;float:left;overflow:hidden;}
.news_list li .time .month{display:block;text-align:center;line-height:24px;height:24px;text-transform:uppercase;color:#bbb;font-size:14px;}
.news_list li .time .day{display:block;text-align:center;line-height:38px;height:38px;text-transform:uppercase;color:#666;font-size:30px;font-weight:bold;}
.news_list li .time .year{border-top:solid 1px #174178;line-height:27px;text-align:center;font-size:14px;color:#bbb;display:block;}
.news_list li .dis{float:right;width:470px;height:92px;display:block;overflow:hidden;line-height:22px;}

.news_info{width:760px;margin:0px auto;}
.news_info h1{border-bottom:solid 1px #ccc;height:50px;text-align:center;line-height:50px;font-size:40px;font-weight:lighter;margin:20px 0px 20px 0px;}
.news_info h1.news { border-bottom:0px;margin:20px 0px 0px 0px;}
.news_info .time { border-bottom:solid 1px #ccc;padding:10px 0px 10px 0px;text-align:center;font-size:16px;color:#666;margin-bottom:20px;}
.news_info .news_zoom{line-height:24px;font-size:14px;color:#666;}
.news_info .news_zoom p{margin:0px;padding:12px 0px 12px 0px;}


#content_box{}
#content_box ul li{ background:url(../images/dot1.gif) no-repeat 20px center; padding-left:35px;}

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.par_logo{}
.par_logo li{ float:left; padding-right:13px;}
.linkarc_c{ font-size: 18px;}
.linkarc_c a{ color: #fff;}
.linkarc_c .prev{ width: 49%; float: left;text-align: center; background: #0E774A; line-height: 40px; color: #fff;}
.linkarc_c .next{ width: 49%; float: right; text-align: center;background: #e03b01; line-height: 40px;color: #fff;}

.OUTSTANDING{ background:url(../images/bg2.png) repeat-x top #dcddde;}
.OUTSTANDING h3{ font-size:22px; margin:0; text-align:center; line-height:30px;}
.OUTSTANDING .downloadWrap {
  font-size: 0;
}
.OUTSTANDING .downloadItem {
  position: relative;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  width: 176px;
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 5px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  overflow: hidden;
}
.OUTSTANDING .downloadItem .imgWrap {
  overflow: hidden;
}
.OUTSTANDING .downloadItem .imgWrap .img {
  width: 164px;
  height: 164px;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
}
.OUTSTANDING .downloadItem .title {
  margin: 10px 4px;
  line-height: 1.4;
}
.OUTSTANDING .downloadItem a {
  position: absolute;
  cursor: pointer;
  color: #097AE2;
  background-color: #ffffff;
  font-size: 16px;
  padding-top: 8px;
  width: 100%;
  left: 0;
  bottom: -36px;
  -webkit-transition: bottom 0.4s;
  -moz-transition: bottom 0.4s;
  -ms-transition: bottom 0.4s;
  -o-transition: bottom 0.4s;
  transition: bottom 0.4s;
}
.OUTSTANDING .downloadItem a > * {
  display: inline-block;
  vertical-align: middle;
}
.OUTSTANDING .downloadItem:hover .imgWrap .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.OUTSTANDING .downloadItem:hover a {
  bottom: 6px;
}
.OUTSTANDING .videoWrap {
  font-size: 0;
  padding-left: 18px;
  margin-right: -10px;
}
.OUTSTANDING .videoItem {
  display: inline-block;
  font-size: 14px;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 270px;
  margin-right: 28px;
  margin-bottom: 20px;
  text-align: center;
  cursor: pointer;
  vertical-align: top;
}
.OUTSTANDING .videoItem .coverWrap{
  position: relative;
  overflow: hidden;
}
.OUTSTANDING .videoItem .coverWrap:before{
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  border: 3px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -38px;
  z-index: 2;
  opacity: 0.3;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.OUTSTANDING .videoItem .coverWrap:after {
  content: '';
  position: absolute;
  z-index: 2;
  border-left: 32px solid #ffffff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -12px;
  opacity: 0.3;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.OUTSTANDING .videoItem .coverWrap .cover {
  position: relative;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  width: 252px;
  height: 136px;
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
}
.OUTSTANDING .videoItem .title {
  font-size: 18px;
  color: #495926;
  margin: 12px 0 8px;
}
.OUTSTANDING .videoItem .desc {
  color: #666666;
  line-height: 1.4;
  padding-bottom: 8px;
}
.OUTSTANDING .videoItem:hover .coverWrap .cover{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.OUTSTANDING .videoItem:hover .coverWrap:before,.OUTSTANDING .videoItem:hover .coverWrap:after{
  opacity: 1;
}
.OUTSTANDING .pro{ padding-left:0px;}
.OUTSTANDING .pro li{ border:1px solid #001e45; width:220px; float:left; margin:0 0 20px 15px;}

.OUTSTANDING .pro .title{ line-height:39px;height:39px; background:#001e45; font-size:16px; text-align:center; color:#fff;}
.OUTSTANDING .pro .pic{  background:#fff;  width:220px; height:220px; overflow:hidden;


}
.OUTSTANDING .pro .pic img{
width:220px; height:220px;
           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;
}
.OUTSTANDING .pro .pic img:hover{
transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
}
.OUTSTANDING .pro .model{ line-height:22px;height:22px; background:#8c8c8c; font-size:18px; text-align:center; color:#fff;}

.RELATED_PRO{ text-align:left; font-size:20px; padding:0 0 0 15px; line-height:36px;}

#proShowBox{ background:#ffffff; margin:0 15px;display: flex;}
#proShowBox .proImg{ width:555px;  padding-left:15px; }
#proShowBox .proImg .bigImg img {
    width: 555px;
    height: 555px;
}
#proShowBox .proImg .smallImg{ padding-top:10px;margin:0 34px;}
#proShowBox .proImg .smallImg img{ width:108px;height:108px; border:1px solid #eee;}
#proShowBox .proImg .swiper-button-prev {left:5px;}
#proShowBox .proImg .swiper-button-next {right:5px;}
#proShowBox .contentBox{width:565px; padding-left:15px; }
#proShowBox .contentBox h1{ background:#0F1E45; line-height:46px; margin:24px 0 20px 0; border-radius: 4px; color:#fff; font-size:20px; padding-left:10px;}
#proShowBox .contentBox .desc{ font-size:14px; font-weight: 600; line-height:22px; padding:20px 0;}
#proShowBox .contentBox .txt{ color:#666; line-height:26px;}







.bottom{ background:#001e45; clear:both; color:#fff; font-size:12px; line-height:18px; text-align:center; padding:20px 0 40px 0;}
.bottom a{ color:#fff;}
.bottom .add{ padding-top:18px;}
.bottom .logo1{ width:400px; margin:0 auto;}
.bottom .logo1 li{ float:left; padding:0 10px;}
.bottom .logo1 img{ width:40px; height:40px; border-radius:20px;}

.bottom .logo2{ width:460px; margin:0 auto;}
.bottom .logo2 li{ float:left; padding:0 10px;}
.bottom .logo2 img{ }

.bottom .logo2Div{ padding:10px 0 14px 0;}



.here{ line-height:44px; background:#001e45; margin:0 15px; border-radius:4px; font-size:14px; color:#fff; padding-left:20px;}
.here a{ color:#fff; font-weight:bold; padding:0 4px 0 0;}
.here .blue{ color:#a8ceff;}



/**产品导航展示菜单**/
.showNavBox{ position:absolute; background:#fff; z-index:99;top: 65px;width: 100%;display: flex;justify-content: center;}

.subNav{ display:none;width:1200px; background:#fff; }
.subNav ul{}
.subNav ul li{ padding-left:10px; width:180px; float:left; padding-bottom:20px;}
.subNav ul li .sub1{  background:#001e45; line-height:30px; color:#fff; font-size:14px; padding-left:10px; margin-bottom:10px;}
.subNav ul li .sub1 a{ color:#fff;}

.subNav ul li .sub2{  font-size:12px; padding-left:10px;}
.subNav ul li .sub2 a{ }
.page-top{position: relative;}

.proImg {
    position: relative;
}

.proImg .fd {
    width: 555px;
    height: 555px;
    position: absolute;
    display: none;
    z-index: 999;
    top: 0;
    right: 0;
    transform: translateX(100%);
    overflow: hidden;
    border: 1px solid #eee;
}
.proImg .fd img {
    width: 832px;
    height: 832px;
    position: absolute;
}
.proImg .bigImg{position: relative;}
.proImg .bigImg .blocks {
    width: 370px;
    height: 370px;
    background: rgba(254, 238, 167, .4);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
/*about*/
#bannerText{padding-top:184px; color:#fff;}
#bannerText .main{ font-size:48px; line-height:67px; padding-bottom:15px; }
#bannerText .desc{ font-size:24px; line-height:34px; width:682px;}
#aboutBox{padding:46px 24px;}
	.about_left{ float:left; width:512px;}
	.about_right{ float:right;width:600px;}
	.clear{ clear:both;}
/*#aboutBox p{ padding:12px 0;}*/
#aboutBox h3{ font-size:20px; line-height:22px; padding-bottom:24px;font-weight: bold}
.height10{ height:10px; clear:both;}
#aboutBox img{ padding-bottom:10px;}