﻿@charset "utf-8";
/* CSS Document */

html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin:0; padding:0; }
/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 
 
/* body */ 
body{color:#000; font-size:14px; line-height:24px;  font-family:'Microsoft Yahei,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif'; -webkit-text-size-adjust: none;  background:#FFF;} 
i, em, cite { font-style:normal; }

/* a */ 
a{color:#757575; font-size:14px; /*-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;*/ text-decoration: none; }
a:hover { color:#d02228; }
/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
textarea,input {vertical-align:middle;font-size:14px; outline:none}

iframe{ border:0}
/* li */ 
ul,li{list-style-type:none;} 
/* img */ 
body img{border:0 none; vertical-align:middle;} 

/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;}


/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */
/*********清除浮动处理**********/
.clr { clear:both; display:block; height:0;font-size:0; overflow:hidden;}
/*返回顶部*/
.totop{position:fixed; right:50%; margin-right:-528px; z-index:10000; bottom:25px;display:block; width:26px; height:62px; background:url(../images/rocket.png) no-repeat 0 0; -webkit-transition: all 0.2s ease-in-out;}





.headTop{ height:50px; background:#ffffff; position:relative; border-bottom: 1px solid #e6e6e6}
.headTop .head{ width:1200px;  margin:0 auto; position:relative; line-height:50px;color:#b2b2b2; font-size:15px;}
.headTop .head .Right{overflow:hidden;color:#b1b1b1; position:absolute; right:0; top:0; bottom:0; margin:auto }
.headTop .head .Right a{color:#b2b2b2; font-size:15px;  margin: 0 10px}

.headTop .head .Left p{ display:inline-block; margin-right:22px}
.headTop .head .Left p img{margin-top:-3px}


.top-T_Wrap .top-T .tel{overflow:hidden;color:#d02228; font-size: 18px; font-weight: bold; position:absolute; background:url(../images/ej.png) left center no-repeat; padding-left: 40px; line-height: 20px;  right:80px; top:33px; margin:auto }
.top-T_Wrap .top-T .tel strong{color:#808080; display: block; font-size:15px;}

.nav-right{ position:absolute; right:0; top:35px}
/*右边导航菜单项*/
.nav-right .option{ position:relative; cursor:pointer;  }
.nav-right .option span{height:40px; width: 50px; display:block;  background:url("../images/en.png") right center no-repeat; }
.nav-right .option:hover .drop-wrap{ display:block;}
.nav-right .option .drop-wrap{ display:none; position:absolute; top:35px; right:0;  padding:15px 0;}
.nav-right .option .drop-wrap .item{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow: hidden;  background: #ffffff; display: block; width: 100px; -moz-box-shadow:0 0 10px rgba(197,197,197,0.9); -webkit-box-shadow:0 0 10px rgba(197,197,197,0.9); box-shadow:0 0 10px rgba(197,197,197,0.9);}
.nav-right .option .drop-wrap .item li{ margin: 0 10px;}
.nav-right .option .drop-wrap .item li a{ display:block; padding:15px 0 15px; border-bottom: 1px solid #edeff5; color:#686f7f; font-size:13px;  white-space:nowrap; background:url(../images/right.png) right center no-repeat;  background-size:15px ; }
.nav-right .option .drop-wrap .item li a:hover{ color:#d02228; text-decoration:none;  }
.nav-right .option .drop-wrap .item li:nth-last-child(1) a{border-bottom: 0;}
/**************************************PC网站头部**********************************************/

.top-T_Wrap{-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out; margin:0 auto; position:fixed; left:0; right:0; top:0; z-index:10; background:#FFF; z-index:100; -moz-box-shadow:0 0 10px rgba(128,128,128,0.4); -webkit-box-shadow:0 0 10px rgba(128,128,128,0.4); box-shadow:0 0 10px rgba(128,128,128,0.4);}
.SitePC .top-T_Wrap .top-T{-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out; width:1200px; margin:0 auto; height:110px; background: #FFF; position:relative;}

.SitePC .top-T_Wrap .top-T .logo{width:300px; height:110px; position: absolute; left:0; top:0; background:url(../images/logo.png) left center no-repeat; background-size:190px auto; overflow:hidden;}
.SitePC .top-T_Wrap .top-T .logo a{ display:block; width:100%; height:100%;}
.SitePC .top-T_Wrap .top-T .hea-R{display:none}



/***********nav*******/
.SitePC .top-T_Wrap .top-T .nav{height:110px; position:absolute; right:280px; top:0; margin:auto; bottom:0; z-index:10;}
.SitePC .top-T_Wrap .top-T .nav li{ float:left; text-align:center; position:relative}
.SitePC .top-T_Wrap .top-T .nav li > a{ text-transform:uppercase;  height:110px; line-height:110px; width:90px; font-size:16px;  color:#1a1a1a; display:block; position:relative}



.ProBoxWrap{  -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out; display:none; -moz-box-shadow:0 0 10px rgba(128,128,128,0.4); -webkit-box-shadow:0 0 10px rgba(128,128,128,0.4); box-shadow:0 5px 5px rgba(128,128,128,0.2); text-align:left; width:270px; z-index:100; position:absolute; top:110px; left:-90px; background:#FFF}
.SitePC .ProBoxWrap .ProBox{margin:0 auto;}
.SitePC .ProBoxWrap .ProBox .T{ }
.SitePC .ProBoxWrap .ProBox .T a{ display:block; height:40px; text-align:center; text-transform:capitalize; line-height:40px; color:#000; font-size:14px;}
.SitePC .ProBoxWrap .ProBox .T a:hover{ color:#d02228;}
.SitePC .top-T_Wrap .top-T .nav li:hover .ProBoxWrap{ display:block;}
.SitePC .top-T_Wrap .top-T .nav li:hover > a{ color:#d02228;}
.SitePC .top-T_Wrap .top-T .nav li > a:hover,.SitePC .top-T_Wrap .top-T .nav li > .cur{/*color:#d02228*/}

#nav_5 > a:after,#nav_2 > a:after,#nav_1 > a:after{content:''; width:6px; height: 3px; position: absolute; right:5px; top: 0; bottom: 0; margin: auto;}
/*.SitePC .top-T_Wrap .top-T .nav li#nav_5:hover > a:after,.SitePC .top-T_Wrap .top-T .nav li#nav_2:hover > a:after,.SitePC .top-T_Wrap .top-T .nav li#nav_1:hover > a:after{ background: url("../images/triangle01.png") center center no-repeat}*/


/**************************************PC网站头部 结束**********************************************/

.PicScroll {width:100%; margin-top:110px; overflow: hidden; position:relative}
.PicScroll .swiper-container { width: 100%; height: 100%;}
.PicScroll .swiper-slide  img{ width:100%}
.PicScroll .swiper-slide {
        text-align: center; 
}

.pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  margin-bottom: 50px;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width:60px;
  height: 5px;
  background: #ffffff;
  margin: 0 5px;
  cursor: pointer;
}
.swiper-active-switch {
	background: #d02228;
}


.homeWrap .top-T_Wrap{ }
/*.homeWrap .top-T_Wrap.black{background:rgba(0,0,0,0.75);}*/

.SitePC.homeWrap .top-T_Wrap .top-T{width:1200px}
.SitePC.homeWrap .top-T_Wrap .top-T .logo{ }
.SitePC.homeWrap .top-T_Wrap .top-T .nav li > a{width: 90px; }
.SitePC.homeWrap .top-T_Wrap .top-T .tel{ }

.homeWrap .ProBoxWrap{background:rgba(0,0,0,0.15);}
.homeWrap.SitePC .ProBoxWrap .ProBox .T a{ color:#FFF; }
.homeWrap .top-T_Wrap.black .ProBoxWrap{background:rgba(0,0,0,0.75);}
.SitePC .top-T_Wrap .top-T .nav #nav_54 > a,.homeWrap .top-T_Wrap .top-T .nav #nav_54 > a{width: 120px; }
.SitePC .top-T_Wrap .top-T .nav #nav_22 > a,.homeWrap .top-T_Wrap .top-T .nav #nav_22 > a{width: 120px; }



.searchWrap{width:1140px; background: #FFF; color: #808080; height: 90px; line-height: 90px; padding: 0 20px; margin: -45px auto 60px; z-index: 10; position: relative;  -moz-box-shadow:0 0 15px rgba(128,128,128,0.4); -webkit-box-shadow:0 0 15px rgba(128,128,128,0.4); box-shadow:0 0 15px rgba(128,128,128,0.4);}
.searchWrap a{ margin-right:10px;}

.searchWrap .search{position:absolute; right:20px; top:0; line-height: 30px; margin: auto; bottom:0; width:300px; height:30px; background:url(../images/search.png) center center no-repeat;}
.searchWrap .search .keys{ width:250px; height:30px; border:0;  background:none; padding-left:20px; font-size:14px; color:#ccc;}
.searchWrap .search .btns{ border:0; background:none; width:30px; height:30px; position: absolute; right: 0; top: 0; cursor:pointer}



.PublicTitleWrap{position: relative; width: 1180px; margin:0 auto 30px;}
.PublicTitleWrap strong{ font-size:30px; color: #333333; line-height: 36px; margin-bottom: 5px; display: block}
.PublicTitleWrap span{ font-size: 30px; color: #808080; font-family: '微软雅黑 Light'; text-transform: uppercase}
.PublicTitleWrap .more{ position:absolute; right: 0; bottom:5px; text-align: center;}
.PublicTitle{text-align: center;}
.PublicTitle li{ display: inline-block; float: left; margin:5px 5px 5px 0; }
.PublicTitle li a{ font-size: 16px; color: #808080; display: block; border: 1px solid #cccccc; padding: 0 15px; padding: 5px 10px}
.PublicTitle li a:hover{ background: #d02228;  border: 1px solid #d02228;  color: #FFF}

/***首页产品***/
.HotProWrap{ background:#f5f5f5;; position: relative; padding-bottom: 60px}

.HotProWrap .HotProlist{ width: 1200px; margin:100px auto 0; overflow: hidden}
.HotProWrap .HotProlist li{ width:300px; float: left; margin-bottom: 20px;}
.HotProWrap .HotProlist li .Box{ margin: 0 10px; border: 1px solid #e5e5e5; background: #e6e6e6; overflow: hidden}
.HotProWrap .HotProlist li .pic{ display:block; overflow: hidden;position: relative; width:280px; height: 280px;}
.HotProWrap .HotProlist li .pic img{ max-width:100%; position: absolute; max-height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.HotProWrap .HotProlist li .pic p{-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out; opacity: 0; width: 80%; filter:alpha(opacity=0); position:absolute;  right:0; left:-100%; bottom:30%; top:30%;display: inline-table;  vertical-align: middle; padding: 0 10%; margin: auto;text-align: center; z-index: 11; color: rgba(255,255,255,1); line-height: 24px; font-size: 16px; }
.HotProWrap .HotProlist li .pic p strong{ display:block; color: #FFF; font-size: 24px; line-height: 30px; margin-bottom: 20px;}
.HotProWrap .HotProlist li .pic p span{ display:block;  margin:20px auto 0}
/*.HotProWrap .HotProlist li .pic:after{-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;  opacity: 0; filter:alpha(opacity=0); content:''; position: absolute;  left:0; right: 0; top: 0; bottom: 0; background: rgba(9,65,138,0.8); z-index: 10; }
.HotProWrap .HotProlist li .pic:hover p{ opacity: 1;filter:alpha(opacity=100); left:0%}
.HotProWrap .HotProlist li .pic:hover:after{opacity: 1; filter:alpha(opacity=100);}*/
.HotProWrap .HotProlist li .title{color: #1a1a1a; font-size: 16px; position: relative; display: block; line-height:24px; height:46px; margin:10px 15px 0; overflow: hidden; background: url("../images/jt02a.png") right center no-repeat; padding-right: 24px;}

.HotProWrap .HotProlist li .text{ color: #808080; font-size: 14px; position: relative; display: block; line-height:20px; height:20px; margin:0 15px 15px; overflow: hidden;}

.HotProWrap .HotProlist li .Box:hover{ background: #d02228}
.HotProWrap .HotProlist li .Box:hover .title{  background: url("../images/jt02.png") right center no-repeat; color: #FFF}
.HotProWrap .HotProlist li .Box:hover .text{color: #FFF}


/***成功案例
.caseList{ width: auto; background: url("../images/casebj.jpg") center center no-repeat; height: 400px; overflow: hidden}
.caseList li{ width: 16.666%; float: left; height: 100%}
.caseList li a{ display:block; height: 100%; width: 100%; overflow: hidden;position: relative}

.caseList li a p{position:absolute; right:0; left:0; bottom:30%; top:30%;margin: auto;text-align: center; z-index: 11; color: rgba(255,255,255,1); line-height: 24px; font-size: 12px; width: 100%; text-transform: uppercase }
.caseList li a p strong{ display:block; color: #FFF; font-size:22px; line-height: 30px; }
.caseList li a p span{ display:block; width:70px; height: 70px; margin: 0 auto 10px}
.caseList li a:after{-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;  opacity: 0; filter:alpha(opacity=0); content:''; position: absolute;  left:0; right: 0; top: 0; bottom: 0; background: rgba(9,65,138,0.8); z-index: 10; }
.caseList li a:hover:after{opacity: 1; filter:alpha(opacity=100);}

.caseList li a:before{content:''; position: absolute; height: 100%; width: 1px; z-index: 12; background:rgba(255,255,255,0.1); left: 0; top: 0}
****/


.minbanner{height:250px;  background: url("../images/minbaner.jpg") center center no-repeat}

/**行业应用**/
.IndustryWrap{ overflow: hidden; background:#f5f5f5}
.IndustryWrap .Industry{ width: 1225px; margin:60px auto 30px;   position: relative}

.IndustryWrap .IndustryTitle{ width: 1200px; margin: 0 auto; position: relative; line-height: 36px; border-bottom: 1px solid #cccccc; color: #333333;}

.IndustryWrap .IndustryTitle strong{ font-size: 30px; display: block; margin-bottom: 10px}
.IndustryWrap .IndustryTitle a{ position: absolute; right: 0; top: 0; font-size: 14px; color: #808080}
.IndustryWrap .IndustryTitle a:hover{ color: #d02228}


/***成功案例****/
.nycaseList{width:1225px; margin: 0 auto; overflow: hidden}
.caseList{ width: auto; margin-top: 40px; overflow: hidden}
.caseList li{ width:175px; float: left; height:240px}
.caseList li a{ display:block; height: 100%; width: 150px; height: 210px; margin: 0 auto; overflow: hidden; position: relative}
.caseList li a img{ position: absolute; max-height: 100%; max-width: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto}

/**关于我们**/
.aboutWrap{ height: 280px; overflow: hidden; background: url("../images/aboutbj.jpg") center top no-repeat #f5f5f5; padding-top: 550px}
.aboutWrap .about{ width: 1200px; margin: 0 auto;  height: 280px; position: relative; background: #FFF}
.aboutWrap .about a{ display: block; margin-left: 370px; font-size: 16px; color: #000000; padding-top: 40px; line-height:33px; padding-right: 40px}
.aboutWrap .about a strong{display:block; font-size: 24px; color: #d02228; line-height: 36px; margin-bottom: 10px}


.aboutWrap .aboutTitle{width:305px; display: block; height: 400px; position: absolute; left: 0; bottom: 0}

/*新闻中心*/
.news{width:auto; margin:50px auto 60px; overflow:hidden;  position:relative;}
.news .newsLeft{ width: 1215px; margin:30px auto 0}
.news .txtImg{width:405px;text-align: center;  float: left}
.news .txtImg .pic{  width:370px; position: relative; display: block; margin: 0 auto; background:#f5f6fa; overflow:hidden;  }
.news .txtImg .pic img{width:100%}
.news .txtImg .text{ width:300px; z-index: 5; padding: 0 10px 60px 10px; background:url("../images/more02a.png") center bottom no-repeat #FFF; margin:-40px auto 0; display: block; font-size:13px; line-height:22px; position:relative; color:#808080}

.news .txtImg .text span{ display:block; color: #000; padding-top: 20px; font-family:'arial'; font-size: 16px; }
.news .txtImg .text span i{ font-size: 48px; display: block; font-weight: bold; line-height: 40px;}

.news .txtImg .text strong{ display:block; font-size:15px; margin:10px 0; overflow:hidden; color:#000000; position:relative;}

.news .txtImg .text:hover{ background:url("../images/more02.jpg") center bottom no-repeat #FFF;}
.news .txtImg .text:hover span i{color:#d02228}


/*内页样式*/
.Loc_navigation{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color: #000; width:1200px; margin:30px auto 0;/* background: #f5f5f5;*/ position:relative;  font-size: 14px}

.Loc_navigation a{ font-size: 14px; color:#000}
.Loc_navigation a:hover{ color:#d02228}
.Loc_navigation span{font-family:'宋体'}

.nyContent{ width:1200px; margin:15px auto 0; overflow: hidden}
.nyContent .nyLeft{ width:190px; float:left; background: #FFF; margin-bottom: 50px;}

.nyContent .nyCenter{ float: left; width:660px; margin-left: 40px;}
.nyContent .nyRight{ width:270px; float:right; margin-bottom: 40px;}
.nyContent .nyRightAbout{ width:970px; float: right}


/**左侧**/
.nyContent .nyLeft .nyLeftBox{width:190px;transition:all .5s; position:inherit; top: 0}
.nyContent .nyLeft .Lefttitle{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: #d02228; line-height: 60px; text-align: center; font-size:22px; color: #FFF; font-weight: bold}
.nyContent .nyLeft .LeftList li{ margin: 10px 0;  line-height:36px; text-align: center; }
.nyContent .nyLeft .LeftList li a{font-size:16px;border: 1px solid #e6e6e6;  background: #FFF; color: #4c4c4c; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow: hidden; display: block; padding:5px;}
.nyContent .nyLeft .LeftList li a:hover,.nyContent .nyLeft .LeftList li a.cur{border: 1px solid #d02228;  color: #d02228}

/**列表页浮动导航**/
.nyContent .nyLeft .FloatNav{ position: fixed; top: 130px;  z-index: 99; }


/**右侧**/
.nyContent .nyRight .Right_box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width: 270px; background: #f7f7f7; margin-bottom: 20px;}
.nyContent .nyRight .Righttitle{line-height: 60px; font-size:18px; color: #333333; padding-left:15px; position: relative; font-weight: bold}
.nyContent .nyRight .Righttitle:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height:40%; width:4px; background: #d02228}
.nyContent .nyRight .RightList{ padding:0 10px 10px;}

.nyContent .nyRight .RightList a{margin-bottom: 10px;font-size:14px;/* background: url("../images/dian.png") left 2px no-repeat; padding-left: 20px;*/ color: #333333; line-height: 20px; overflow: hidden; display: block}
.nyContent .nyRight .RightList a:hover{ color: #d02228}

/*右侧产品*/
.nyContent .nyRight .Right_box_pro{background: #FFF;}
.nyContent .nyRight .Right_box_pro a { font-size:16px; text-align: center; margin-bottom: 10px;line-height: 26px;}
.nyContent .nyRight .Right_box_pro a img{border: 1px solid #f8f8f8; display: block; max-width: 99%}
.nyContent .nyRight .Right_box_pro .RightList {padding:0}

.ny-right-about{ width:auto;  overflow:hidden; margin:0 auto; min-height:400px; margin-bottom: 80px; font-size:14px; color:#474747}


/**内新闻列表**/
.ny-right-news{ width:auto; margin:0 auto;  padding:0 0; min-height: 300px;}
.ny-right-news ul{ margin-bottom:20px;}
.ny-right-news li{ width:auto; display:block; padding:15px 0; position: relative; }
.ny-right-news li:hover{background:#fcfcfc; }
.ny-right-news li .pic{width:190px; height:130px; position: absolute; left: 0; top:15px;  display: block; background:#f8f8f8; overflow:hidden;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.ny-right-news li .pic img{ max-height:100%; position:absolute; margin:auto; left:-50%; top:0; bottom:0; right:-50%;}
.ny-right-news li .text{ margin-left:210px;  height: 130px; display: block; font-size:14px; line-height:24px; position:relative; color:#4c4c4c}
.ny-right-news li .text .bt{ display:block;  word-break:break-all; font-size:20px; line-height:28px; margin-bottom:10px;  color:#1a1a1a; position:relative; font-weight: normal; }

.ny-right-news li .text .btfot{right:0; color:#5c5c5c; font-size: 12px;  position: absolute; left: 0; bottom: 0}
.ny-right-news li .text .btfot .v{  background: url("../images/i02.png") left center no-repeat; padding-left: 25px; position: absolute; right:20px; bottom: 0;}
.ny-right-news li .text .btfot .fotsh { position: absolute; right:80px; bottom: 0; cursor: pointer}
.ny-right-news li .text .btfot .fotsh .s{  background: url("../images/i03.png") left center no-repeat; padding-left: 25px;}

.ny-right-news li .text .btfot .fotsh .pare1{display:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;border: 1px solid #ddd; padding:5px 0 5px 10px; position: absolute; left: -25px; top:24px; width:90px; background: #fff; z-index: 10}
.ny-right-news li .text .btfot .fotsh .pare1 a{ display: block; line-height: 30px; height:30px; font-size: 12px;}
.ny-right-news li .text .btfot .fotsh .pare1 a.p_weixin{ background: url("../images/share/sh01.png") left center no-repeat; padding-left: 25px;}
.ny-right-news li .text .btfot .fotsh .pare1 a.p_sqq{ background: url("../images/share/sh03.png") left center no-repeat; padding-left: 25px;}
.ny-right-news li .text .btfot .fotsh .pare1 a.p_tsina{ background: url("../images/share/sh02.png") left center no-repeat; padding-left: 25px;}

.ny-right-news li .text .btfot .fotsh .pare1:after{ content: ''; position: absolute; left:43px; top:-4px; width: 6px; height: 6px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);border-top:1px solid #ddd;border-left:1px solid #ddd; background: #FFF}
.ny-right-news li .text .btfot .fotsh:hover .pare1{display: block; }

.ny-right-news li .text .btfot .d{ /* background: url("../images/i01.png") left center no-repeat; padding-left: 25px;*/ margin-left:15px;}
.ny-right-news li .text .bt:hover{color:#d02228}

/*相册*/

.Album_List{ width:1220px; margin:0 auto; padding:20px 0; overflow:hidden}
.Album_List li{ width:305px; float:left; overflow:hidden;  margin-bottom:15px; position:relative;}
.Album_List li a{ font-size:16px; width:280px; color:#808080;  display:block;  margin:0 auto}
.Album_List li .pic{ width:280px; overflow:hidden; height:395px; border:1px solid #ededed; margin:0 auto; position:relative}
.Album_List li .pic img{ max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute;}
.Album_List li .txt{ text-align:center; overflow:hidden; height:45px; line-height:45px}
.Album_List li a:hover{ color:#293577}

.Album_List li .cfcjpic{ width:280px; overflow:hidden; height:280px; border:1px solid #ededed; margin:0 auto; position:relative}
.Album_List li .cfcjpic img{ max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute;}
/**内产品列表**/
/*样式1*/
.ny-right-pro li .text .btfot .d{ margin-left:0;}
.ny-right-pro li .pic{width:240px; height: 240px; border: 1px solid #f8f8f8}
.ny-right-pro li .text{margin-left:260px; min-height: 240px; margin-right:10px;}
.ny-right-pro li .text .nr{font-size:16px; line-height:30px; color: #4c4c4c}

/*样式2*/
.ny-right-pro2 ul{float: left}
.ny-right-pro2 li{width:303px; padding: 0; float: left; margin-bottom: 20px;}
.ny-right-pro2 li .pic{ width: 280px; height: 280px; top: 0; margin: 0 auto; position: inherit;  border: 1px solid #f8f8f8}
.ny-right-pro2 li .text{width: 280px; margin:10px auto; height: 120px;}
.ny-right-pro2 li .text .btfot .d{ margin-left:0;}

.ny-right-pro2 li:hover{background:none}

/**********************新闻详情*************************/
.nyShowLeft{width:890px; float: left}
.nyShowLeft .ShowNewsTitle{ font-size: 36px; line-height:50px; color: #1a1a1a}
.nyShowLeft .ShowProTitle{ font-size: 24px; text-align: center; line-height:36px; margin-bottom: 15px; color: #1a1a1a}
.nyShowLeft .ShowNewsBox{  margin: 40px 0 90px; overflow: hidden}
.nyShowLeft .ShowNewsBox .NewsBoxLeft{transition:all .5s; position: inherit; top: 0; float: left; width: 110px; padding-right: 30px; border-right: 1px solid #e6e6e6}
.nyShowLeft .ShowNewsBox .NewsBoxLeft .newsData{text-align: center; font-family: "Arial"; color: #1a1a1a; font-size: 36px;  overflow: hidden}
.nyShowLeft .ShowNewsBox .NewsBoxLeft .newsData p{display:block; line-height: 20px; margin-bottom: 15px; font-size: 18px; position: relative}
.nyShowLeft .ShowNewsBox .NewsBoxLeft .newsData p:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 1px; z-index: 5; width:80%; background: #e6e6e6; margin: auto}
.nyShowLeft .ShowNewsBox .NewsBoxLeft .newsData p span{ display:inline-block; padding: 0 10px; background: #FFF; vertical-align:bottom; position: relative; z-index: 6}
.nyShowLeft .ShowNewsBox .NewsBoxLeft .newsData i{display:block; font-size: 18px; margin-top:10px;}


.nyShowLeft .ShowNewsBox .NewsBoxLeft .author{text-align: center; color: #808080; line-height: 20px;  margin-top:30px;font-size:14px; }
.nyShowLeft .ShowNewsBox .NewsBoxLeft .author span{display:block; padding: 2px 0; margin-bottom: 5px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; background: #d02228; color: #FFF}

/**详情页页浮动导航**/
.nyShowLeft .ShowNewsBox .NewsBoxLeft.FloatNav{ position: fixed; top: 130px;  z-index: 12; }

/**详情页页右边浮动导航**/
.NewsRight.FloatNav{ position: fixed; top: 90px;  z-index: 12;}

/**分享**/
.shareWrap{ position: relative}
.shareWrap  .gb_res_t{display:block; text-align: center; color: #1a1a1a; line-height: 20px; margin-bottom: 15px; font-size: 16px; position: relative; margin-top: 40px;}
.shareWrap  .gb_res_t:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 1px; z-index: 5; width:80%; background: #e6e6e6; margin: auto}
.shareWrap  .gb_res_t span{ display:inline-block; padding: 0 10px; background: #FFF; vertical-align:bottom; position: relative; z-index: 6}
.shareWrap .bdsharebuttonbox { position: relative}
.shareWrap .bdsharebuttonbox a {-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; overflow: hidden; background: #cccccc;width: 40px!important; height: 40px!important; margin: 0 auto 10px;  display: block; position: relative}
.shareWrap .bdsharebuttonbox a:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 30px; height: 30px; z-index: 5  }

.shareWrap .bdsharebuttonbox .bds_tsina:after { background: url(../images/share/x01.png) no-repeat center center; background-size:25px ; }
.shareWrap .bdsharebuttonbox .bds_weixin:after  { background: url(../images/share/x02.png) no-repeat center center; background-size:22px ;}
.shareWrap .bdsharebuttonbox .bds_sqq:after  { background: url(../images/share/x03.png) no-repeat center center; background-size:22px ;}

.shareWrap .bdsharebuttonbox a:before{-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;  z-index: 1; transition:all 0.3s;  content: '';  position: absolute; width: 0; height: 0; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform:scale(0)}
.shareWrap .bdsharebuttonbox a:hover:before{ background:#f00; width: 50px; height: 50px; transform:scale(1)}

.shareWrap .bdsharebuttonbox a.bds_tsina:hover:before{ background:#f56467;}
.shareWrap .bdsharebuttonbox a.bds_weixin:hover:before{ background:#8dc81b;}
.shareWrap .bdsharebuttonbox a.bds_sqq:hover:before{ background:#68a5e1;}


.shareWrap .bdsharebuttonbox li.wx:hover .qrcodeBox{ display: block}

.shareWrap .bdsharebuttonbox .qrcodeBox{ text-align: center; position: absolute; left:100px;  padding: 10px; font-size: 12px; line-height: 20px; top: -60px; display: none;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;border: 1px solid #ddd;  background: #fff; z-index: 10}
.shareWrap .bdsharebuttonbox .qrcodeBox canvas{ width: 140px !important; margin: 0 auto}
.shareWrap .bdsharebuttonbox .qrcodeBox .title{ font-size: 14px; margin-bottom: 10px;}

.nyShowLeft .ShowNewsBox .NewsBoxRight{ float:right; width: 710px; min-height:500px; }


.ny-news-nr{ width:auto; font-size: 14px; line-height: 24px; overflow:hidden; margin-bottom:20px;}
.ny-news-nr a{ color: #2310e5; font-size: 14px; text-decoration: underline}
 .ny-news-nr img{max-width: 100%; height: auto!important}
.MainPicture {margin-bottom:10px;}
.MainPicture img{text-align:center; display: block; margin: 0 auto; border:1px solid #e7e7e7}

/**tag和本文链接**/
.newsOther {margin:10px 0; font-size: 14px;color: #000}
.newsOther a{font-size:14px; line-height: 30px; color: #000}
.newsOther a:hover{ color: #d02228}

/*推荐产品*/
.RecProducts{line-height:70px; border-top: 1px solid #e6e6e6; font-size:18px; color: #333333; padding-left:15px; position: relative; font-weight: bold}
.RecProducts:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height:40%; width:4px; background: #d02228}
.RecProductsList{ width:auto; overflow:hidden;  }
.RecProductsList li{width:25%; float:left; margin-bottom:10px; }
.RecProductsList li .LiBox{ width:auto;  margin:0 5px;  overflow:hidden;text-align:center }
.RecProductsList li .LiBox .pic{width:atuo; overflow:hidden; background:#FFF;  text-align:center; position:relative}
.RecProductsList li .LiBox .pic a{display:block;border:1px solid #e8e8e8; }

.RecProductsList li .LiBox .pic img{ max-height:100%; max-width:100%;  margin: auto; text-align:center; display:block}
.RecProductsList li .LiBox .text{  display: block; width:auto; overflow:hidden; margin: 5px 0;  text-align:center; line-height:20px; font-size:14px; color:#999999}



/*子导航*/
.SubnavWrap{ background: #FFF; -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out; position: fixed; top: -100px; left: 0; right: 0; z-index: 20; border-bottom: 1px solid #e6e6e6}
.Subnav{ height: 62px; width:85%; margin: 0 auto; position: relative}
.Subnav .SubLogo{ display: block; width: 170px; background:url("../images/logo03.png") no-repeat left center; background-size:150px ; height: 100%; }


.Subnav .SubnavBox{border: 1px solid #fff; border-bottom: 0; position:absolute; width: 40px; padding-left: 22px; padding-top: 22px; height: 39px; left:200px; top:0; margin:auto; bottom:0; z-index:100; cursor: pointer;}
.Subnav .SubnavBox .more-icon{  display: inline-block;width:20px; position:relative; transition:all  .3s; -webkit-transition:all  .3s;  }
.Subnav .SubnavBox .more-icon i{display:block; width: 20px;  height:10px; position: relative}
.Subnav .SubnavBox .more-icon .box-t:before,.Subnav .SubnavBox .more-icon .box-t:after{ content: ''; position: absolute; left:0; top:0; width: 8px; height: 8px; background: #9a9a9a;  transition:transform .3s 0.3s; -webkit-transition:transform   .3s 0.3s;}
.Subnav .SubnavBox .more-icon .box-t:after{left:10px; }
.Subnav .SubnavBox .more-icon .box-b:before,.Subnav .SubnavBox .more-icon .box-b:after{ content: ''; position: absolute; left:0; top:0;  width: 8px; height: 8px; background: #9a9a9a;}
.Subnav .SubnavBox .more-icon .box-b:after{left:10px;}
.Subnav .SubnavBox:hover .more-icon{ transform: rotate(90deg);  -webkit-transform:rotate(90deg); }
.Subnav .SubnavBox:hover .more-icon .box-t:before{ transform: rotate(45deg);  -webkit-transform:rotate(45deg); }
.Subnav .SubnavBox:hover .box-t:before,.Subnav .SubnavBox:hover .box-t:after{ background: #d02228}
.Subnav .SubnavBox:hover .box-b:before,.Subnav .SubnavBox:hover .box-b:after{ background: #d02228}

.Subnav .SubnavBox .SubTowNav{border: 1px solid #e6e6e6; display: none; width:330px;  position:absolute; top:61px; left:-1px; z-index: 101; background:#FFF;}
.Subnav .SubnavBox .SubTowNav .ProBox{margin:0 auto; padding: 25px 0 25px; overflow: hidden}
.Subnav .SubnavBox .SubTowNav .ProBox .T{ float: left; width: 110px; text-align: center;}
.Subnav .SubnavBox .SubTowNav .ProBox .T a{ height:45px; text-align:center;  line-height:45px; color:#808080; font-size:14px;}
.Subnav .SubnavBox .SubTowNav .ProBox .T a:hover{color:#d02228}
.Subnav .SubnavBox:hover .SubTowNav{ display:block;}
.Subnav .SubnavBox:hover { border: 1px solid #e6e6e6; border-bottom: 0}
.Subnav .SubnavBox:hover:after{ content: ''; position: absolute; left: 0; right: 0; width: 100%; height:2px; background: #fff; bottom:-1px; z-index:1022}

.Subnav .SubnavText{ position:absolute; left:300px; top:0; line-height: 60px; font-size: 18px; color: #1a1a1a; margin:auto;z-index:10;}


/**详情页处理浮动效果**/
.show-postion .nyShowLeft .ShowNewsBox .NewsBoxLeft.FloatNav{top:90px}
/**********************新闻详情结束*************************/





.linkWrap{position: relative;}
.linkWrap:after{content:""; position: absolute; left: 0; right: 0; width: 100%; height: 50%; bottom: 0; background: #f5f6fa; z-index: 10}
.link strong{  font-size: 16px; font-weight: normal}
.link{ width:970px; padding:40px 30px 60px 210px; z-index: 20;  background:url("../images/links.png") no-repeat 50px center #FFF;  margin: 0 auto; position:relative; overflow:hidden;-moz-box-shadow:0 0 15px rgba(128,128,128,0.2); -webkit-box-shadow:0 0 15px rgba(128,128,128,0.2); box-shadow:0 0 15px rgba(128,128,128,0.2);  }
.link a{color:#808080; font-size:16px; line-height:30px; margin-right:20px;}
.link a:hover{color:#808080; text-decoration: underline}


/*footer*/
.footWrap{background:#ffffff;  position:relative; overflow:hidden;}
.footWrap .foot{ width:810px; margin:0 auto; padding: 50px 0; padding-left: 390px; line-height:30px; background: url("../images/logo02.png") left center no-repeat;  position:relative; overflow:hidden}
.footWrap .foot .List{ width:500px; }
.footWrap .foot .List strong{ color:#4c4c4c; padding-bottom:5px;  margin-bottom:10px; position:relative; font-size:18px; display:block;}
.footWrap .foot .List p{ color:#1a1a1a;  font-size:18px; font-weight: bold; line-height: 36px}
.footWrap .foot .List p span{ color:#808080; font-weight: normal; margin-right:10px;}
.footWrap .foot .List p span i{ letter-spacing:35px}
.footWrap .foot .List p img{margin-top:-3px; margin-right: 5px;}
.footWrap .foot .ewm{ position: absolute; width: 122px; text-align: center; right:0; top:35px}



.copyWrap{color:#FFF; font-size:14px; background: #d02228}
.copyWrap .copy{width:1200px; padding:10px 0; margin:0 auto; position:relative}
.copyWrap .copy i{ position:absolute; right:0; top:10px}
.copyWrap a{font-size:14px;  color:#FFF;}
.copyWrap a:hover{ color:#FFF}



/*翻页*/
.pageNavi{text-align:center; margin-top:20px; margin-bottom:60px;}
.wp-pagenavi {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow: hidden; CLEAR: both;bORDER: #e6e6e6 1px solid; display:inline-block;  font-size: 14px}
.wp-pagenavi A {display:inline-block;  PADDING-RIGHT:15px; BORDER-RIGHT: #e6e6e6 1px solid; PADDING-LEFT:15px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px;  TEXT-DECORATION: none}
.wp-pagenavi SPAN {display:inline-block; BORDER-RIGHT: #e6e6e6 1px solid; PADDING-RIGHT: 15px;  PADDING-LEFT: 15px; PADDING-BOTTOM:6px;  PADDING-TOP:6px;  TEXT-DECORATION: none}
.wp-pagenavi A:hover {background: #a1a2a4; color: #FFF}
.wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}

.wp-pagenavi SPAN:nth-last-child(1){border-right:0}
.wp-pagenavi a:nth-last-child(1){border-right:0}




/*******************************************************移动端样式**************************************************************/

@media screen and (max-width: 1100px) {
	.linkWrap{ display:none}
}
body.webapp{font-family:"Helvetica Neue",Helvetica, sans-serif; line-height: 24px;} 
.webapp{ max-width:640px; margin:0 auto; margin-top: 60px;}
.webapp .headTop{display:none}
.webapp .Tel{display:none}
.webapp .top-T_Wrap{ max-width:640px; background:#FFF}
.webapp .top-T_Wrap .top-T{ height:50px; width:auto; }
.webapp.homeWrap{margin-top:0}
.webapp .top-T_Wrap .top-T .logo{width:auto; height:50px; background:url(../images/logo.png) 5px center no-repeat; background-size:114px auto; overflow:hidden;}
.webapp .top-T_Wrap .top-T .logo a{ display:block; width:100%; height:100%;}
.webapp .top-T_Wrap .top-T .hea-R{overflow:hidden; width: 50px; height:50px; position:absolute; right:0; top:0; cursor:pointer; display:block}
.webapp .top-T_Wrap .top-T .hea-R img{height:100%;}

.webapp .top-T_Wrap .top-T .tel{ display: none}
.webapp .nav-right{display:none}
.webapp .searchWrap{display:none}

.webapp .PicScroll{ margin-top:50px;}
.webapp .swiper-pagination-switch {
  width:6px;
  height: 6px;
  margin: 0 3px;
}

.webapp .linkWrap{display:none}

.webapp .footWrap{ height:auto; display: none;  min-height: auto; padding: 0}
.webapp .footWrap .foot{width:auto; padding: 0;background: none; min-height: auto}
.webapp .foot .List{display: none}
.webapp .foot .List:nth-last-child(2){display:block; width:auto !important; padding: 20px;}
.webapp .footWrap .foot .ewm{display:none}
.webapp .footWrap .Partner{ display: none}
.webapp .copyWrap{ position:inherit}
.webapp .copyWrap .copy{ text-align:center; padding:10px 20px; width:auto}
.webapp .copyWrap .copy i{ display:none}





/****移动端首页***/
.webapp .PublicTitleWrap{width:auto; margin: 20px auto 0; text-align: center}
.webapp .PublicTitle{width:auto; padding-top:20px; position: inherit; top: 0; padding-bottom: 20px;}

.webapp .PublicTitle li{  width:auto; display: inline-block; float:inherit; height: 40px; text-align: center; }
.webapp .PublicTitle li a{font-size:15px;border: 1px solid #e6e6e6;  background: #FFF; color: #4c4c4c; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow: hidden; display: block;  width: auto; }
.webapp .PublicTitle li a:hover,.nyContent .nyLeft .LeftList li a.cur{border: 1px solid #d02228;  color: #d02228}


.webapp .HotProWrap{ height:100% ;}

.webapp .HotProWrap .HotProlist{width:auto; margin: 0 5px}
.webapp .HotProWrap .HotProlist li{width:50%; margin-bottom: 10px;}
.webapp .HotProWrap .HotProlist li .Box{margin:0 5px;}
.webapp .HotProWrap .HotProlist li .pic{width:100%; height: auto}
.webapp .HotProWrap .HotProlist li .pic p{display:none; width: 0; height: 0}
.webapp .HotProWrap .HotProlist li .pic img{position:}
.webapp .HotProWrap .HotProlist li .pic:after{width:0; height: 0}
.webapp .HotProWrap .HotProlist li .title{font-size:14px; height:68px;}

.webapp .nycaseList{width:auto}
.webapp .caseList{  overflow: hidden; margin-top: 30px; margin-bottom: 30px}
.webapp .caseList li{width:50%; height:auto}
.webapp .caseList li a p{ top: 0; bottom: 0; display: inline-table; line-height: 16px;}
.webapp .caseList li a p span{margin-bottom:0; width: 50px; height: 50px;}
.webapp .caseList li a p span img{width:50px;}
.webapp .caseList li a p strong{font-size:16px;}
.webapp .caseList li a p i{ padding: 0 8px}
.webapp .caseList li a img{width:100%}

.webapp .caseList li a:after{ display: none; z-index: 10; }
.webapp .caseList li a:hover:after{opacity:0; filter:alpha(opacity=0);}
.webapp .caseList li a:hover strong{opacity: 0; filter:alpha(opacity=0);}

.webapp .IndustryWrap{ padding-top: 30px; height: auto}
.webapp .IndustryWrap .Industry{width:auto; margin: 0}
.webapp .IndustryWrap .Industry .tips{display:none}
.webapp .IndustryWrap .IndustryTitle{text-align:center;color: #000; width: auto;padding-top:10px;border: 0; font-size: 16px;}
.webapp .IndustryWrap .IndustryTitle a{ margin-bottom: 0;  display: none; font-size:22px}


.webapp .aboutWrap{height:auto; padding: 20px; background: #FFF}
.webapp .aboutTitle{padding-top:30px; display: none; text-align: center}
.webapp .aboutTitle strong{ margin-bottom: 0; font-size:22px}
.webapp .aboutTitle span{font-size:16px}
.webapp .aboutWrap .about{width:auto; padding-top: 0; height: auto}
.webapp .aboutWrap .about a{ padding:0; margin: 0; font-size: 14px; line-height: 30px;  width:auto ;}
.webapp .aboutWrap .about a strong{font-size:18px;}
.webapp .aboutWrap .about a span{font-size:12px;}
.webapp .aboutWrap .about .video {position:inherit; width: auto; top: 0; height: auto; margin-bottom: 15px;}
.webapp .aboutWrap .about .video img{width:100%;}

.webapp .PublicTitleWrap .more{display:none}

.webapp .caseList li a{width:auto; margin: 10px}

.webapp .ny-right-pro2 ul{float: inherit}


/*相册*/
.webapp .Album_List{width:auto}
.webapp .Album_List li{width:50%}
.webapp .Album_List li a{width:100%}
.webapp .Album_List li .pic{width:90%; height: auto}
.webapp .Album_List li .pic img{ position: inherit}


.webapp .news{width:auto; padding: 20px 20px 0; margin: 0;}
.webapp .news .newsLeft{width:auto; margin-bottom: 0; border: 0; float: inherit}
.webapp .news .newsRight{width:auto; display: none}
.webapp .news .txtImg{margin-bottom:0; float: inherit; width: auto}
.webapp .news .txtImg .pic{width: auto;}
.webapp .news .txtImg .pic img{width:100%}
.webapp .news .txtImg .text {line-height:18px; margin-top: 0; background: none; padding-bottom: 30px; font-size:12px;}
.webapp .news .txtImg .text strong{font-size:15px; margin-bottom:5px}
.webapp .news .txtImg .text span{margin-top:0}
.webapp .news .txtImg .text span i{font-size:40px}

.webapp .minbanner{display:none}

/****移动端首页结束******/

/****移动内页****/
.webapp .Loc_navigation{  display: none}
.webapp .nyContent{width:auto; margin-top: 20px;}
.webapp .nyContent .nyLeft{float: inherit; width: auto; padding: 0 20px; margin-bottom: 20px;}
.webapp .nyContent .nyLeft .nyLeftBox{ width:auto}
.webapp .nyContent .nyLeft .nyLeftBox .Lefttitle{ display: none}
.webapp .nyContent .nyLeft .LeftList li{ display: inline-block; margin-top: 0; margin-bottom: 0; margin-right:2px; line-height:35px}
.webapp .nyContent .nyLeft .LeftList li a{ padding: 0 10px; font-size: 14px;}
.webapp .nyContent .nyRightAbout{float:inherit; width: auto; padding: 0 20px}

.webapp .nyContent .nyCenter{float:inherit; width: auto; padding: 0 20px; margin-left: 0}
.webapp .nyContent .nyRight{width:auto; padding:0 20px; float: inherit}
.webapp .nyContent .nyRight .Right_box{width:auto; overflow: hidden; float: inherit}

.webapp .ny-right-about img{max-width:100%}

/*新闻列表*/
.webapp .ny-right-news li .pic{ width:110px; height:80px;}
.webapp .ny-right-news li .text{ margin-left:120px; height:80px; min-height: 80px }
.webapp .ny-right-news li .text .bt{font-size:16px; line-height: 20px;}
.webapp .ny-right-news li .text .btfot .fotsh{display:none}
.webapp .ny-right-news li .text .btfot .d{ display: none}

/*产品列表样式1*/
.webapp .ny-right-pro li .text .bt{margin-bottom:0}
.webapp .ny-right-pro li .text .btfot .d{ display: block}
.webapp .ny-right-pro li .pic{width:100px; height: 100px;}
.webapp .ny-right-pro li .text{ margin-left:120px; height:100px; min-height: 100px }
.webapp .ny-right-pro li .text .nr{display:block; height:36px; line-height:20px; overflow: hidden; font-size: 12px;}

/*产品列表样式2*/

.webapp .ny-right-pro2 li{ width: 48%; height: auto; margin-bottom:0}
.webapp .ny-right-pro2 li:nth-child(2n){float:right}
.webapp .ny-right-pro2 li .pic{ position: relative; width: 100%; margin: 0 auto; min-height: 150px; overflow: hidden}
.webapp .ny-right-pro2 li .pic img{ max-width: 95%; max-height:95%; left: 0; right: 0; }
.webapp .ny-right-pro2 li .text{ text-align: center; margin-left:0; height:50px; width: auto; min-height: auto }
.webapp .ny-right-pro2 li .text .btfot{display:none;;}
.webapp .ny-right-pro2 li .text .bt{font-size:14px;}


/*详情*/
.webapp .nyShowLeft{float:inherit; width: auto;padding: 0 20px;}
.webapp .nyShowLeft .ShowNewsTitle{font-size: 22px; line-height: 30px;}
.webapp .nyShowLeft .ShowNewsBox{margin-top:30px; margin-bottom: 20px;}
.webapp .nyShowLeft .ShowNewsBox .NewsBoxLeft{ display: none}
.webapp .nyShowLeft .ShowNewsBox .NewsBoxRight{float:inherit; width: auto;padding: 0;}
.webapp .RecProductsList{width:auto; -moz-column-count:2; 
        -webkit-column-count:2; 
        column-count:2; column-gap:10px; -webkit-column-gap:10px;  -moz-column-gap:10px;}
.webapp .RecProductsList li{ width: auto; -moz-page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
      break-inside: avoid;}


.webapp .MainPicture img{width:95%}

.webapp .nyShowLeft .ShowProTitle{ font-size: 18px}

/*右边产品*/
.webapp .nyContent .nyRight .Right_box_pro .RightList {overflow:hidden}
.webapp .nyContent .nyRight .Right_box_pro .RightList a{width:46%; margin: 0 2%; float: left; margin-bottom: 20px;}
.webapp .nyContent .nyRight .Right_box_pro a img{width:98%}

/*****移动内页结束*****/


/*导航*/
.webapp #navwrap{position: fixed; left:0; z-index:99999; top:0; height: 100%; width: 100%; background:rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.webapp #navwrap.winshow{ opacity: 1; visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.webapp .navwrap_wrap{position:absolute; top:0; width:150px; right:0;  height:100%; background:rgba(255,255,255,0.9);
	  -webkit-transform: translateX(150px);
	  -moz-transform: translateY(150px);
	  -ms-transform: translateY(150px);
	  -o-transform: translateY(150px);
	  transform: translateX(150px);
	  /* Force Hardware Acceleration in WebKit */
	  -webkit-backface-visibility: hidden;
	  -webkit-transition-property: -webkit-transform;
	  -moz-transition-property: -moz-transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.2s;
	  -moz-transition-duration: 0.2s;
	  transition-duration: 0.2s;
}
.webapp .winshow .navwrap_wrap { 
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.webapp #navwrap .navwrap_wrap ul{width:150px; padding:10px 0; height:auto;  }
.webapp #navwrap .navwrap_wrap ul li{ width:100px; margin:0 auto; border-bottom:1px solid #e5e5e5; height:55px; line-height:55px;}
.webapp #navwrap .navwrap_wrap ul li a{ font-size:14px; text-align:center; display:block; color:#333333}

.webapp .navwrap_title{ height:30px; width:150px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDMkJDMzIwMDc5MDExRTc5MzEyODQ1RUQwMjM5QUJDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDMkJDMzIxMDc5MDExRTc5MzEyODQ1RUQwMjM5QUJDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkMyQkMzMUUwNzkwMTFFNzkzMTI4NDVFRDAyMzlBQkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkMyQkMzMUYwNzkwMTFFNzkzMTI4NDVFRDAyMzlBQkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5/PRqvAAAC50lEQVR42uzd3XHiMBAHcPEfCqCEXAdOBZc8+fFawBXkroJMOuA6SAv3yBOTCi4lpAQ64FYZmfEREutbK613ZseMwcL+zRqBhGF1Op3UEv6xHm/s9/uOFg+UN5SvlE993x/nGqDtqgagY1QWx7ihxU/K75RvlL9pO22kYB6g0Q6UW8o78+CD2VB0GANt82hstNFfWn93BjSVd4nVSUec4HVX7n6YAnaftCEWcQZPjQU3Av75oi1xiBZ4Ol7OgPSCuDMdh3hESzxttZtWoI576YgOePfjOxRMuvOjZEQfvMsKFIvoi6djde2TiEuDlMfK/bzxPlSgTyVeef8oBu9TQCGIwXhfAjaOGAVvFrBRxGh4VoCNIUbFswZsBDE6nhNg5YhJ8JwBK0VMhucFWBliUjxvwEoQk+MFATJHzIIXDGiCG2LWz/GItNMj4nNhxOyDIIi483qHhoKIRUaQkOBASiAWG35DolMpJ2LRsctUgLkQiw/8pgRMjchi1Dw1YCpENlMOOQBjI7Kar8kFGAuR3WRXTsBQRJYzhbkBfRHZTrOWAHRFZD1HvVblYjDL7QyiUown+EsC2iIqrnglT2GX05ktHhdAH0Q238vhAuiCyOpLTZwANxaveewCjPAOloCs5p1RGd4lYicdcBMAwQIRzPFeZzqWTWnENXO8aW+7nWlrbmq1mQr0wRu4ViIqwFOcEVEJHltEVITHEhGV4bFDRIV4rBBRKR4bRFSMxwIRleMVR0QDeEUR0QheMUQ0hFcEEY3hZUcMAmR+YbYVovnFpvyAlVzVnhwRDeNlQUTjeMkRIQAvKSKE4CVDhCC8JIgQhhcdEQLxoiJCKF40RAjGe4++74MQEYIXerFyC4iQjheKCEe8Z3qi29bwQhDhiDeoxsMB8WZagdsFzxnxcQr4Y8FzRvyvAl8WPGfEtyngblyx4Fkh6k706QxoetVbyl/mjmHB+4A4GBtt9I3WvRfcavk7jLD4J8AAOuAam2/BASgAAAAASUVORK5CYII=') center center no-repeat; margin-top:10px; background-size:20px;}



.loading{ width:100%; height:100%; position:fixed; background:rgba(255,255,255,1); z-index:10000000; left:0; right:0; top:0;}
.loading .pic{-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:5px;  position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;  width:35px;  height:35px; background:url('data:image/gif;base64,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') center center no-repeat rgba(0,0,0,0.5); background-size:30px; padding:20px;}



/*loading*/
#loading{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:#181818; background-size:100%; transition: all 1s; -webkit-transition: all 1s; opacity: 1; z-index: 1009; display: none}
#loading .cir1{width: 102px; height: 102px; position: absolute; top: 50%; left: 50%; margin-left: -51px; margin-top: -51px; background: url(../images/loading_logo.png) center center  no-repeat; background-size:60px ;}
#loading .cir2{width: 104px; height: 104px; position: absolute; top: 50%; left: 50%; margin-left: -52px; margin-top: -52px; transform: rotate(-90deg); stroke-dasharray: 630; animation: dash 2s linear forwards;}
@keyframes dash {
	from{
	  stroke-dashoffset: 630;
	}
	to {
	  stroke-dashoffset: 0;
	}
}
#loading.anistop{
	opacity: 0;
	z-index: -1;
}


/**返回**/
.GoTop{position:fixed; right:10px; bottom: 20px;}
.GoTop a{ display: block; width: 40px; height:40px; font-size: 12px; text-align: center; margin-bottom: 10px; border: 1px solid #e2e2e2; line-height: 16px; background: #FFF}
.GoTop a.icon-back{  padding-top:6px; height:34px;}
.GoTop a.icon-gotop{background: url(../images/top.png) center center  no-repeat #FFF; background-size:35px ;}
.GoTop a:hover{border: 1px solid #e10601; color: #e10601}
.GoTop a.icon-gotop:hover{background: url(../images/topa.png) center center  no-repeat #FFF; background-size:35px ;}

.SitePC .GoTop{right:50%; margin-right: -660px}
.SitePC .GoTop a{ width: 50px; height: 50px; font-size: 14px; line-height: 18px; }
.SitePC .GoTop .icon-back{padding-top:9px!important; height: 43px!important}


/*固定的悬浮窗*/

.yb_conct {
	
    position: fixed;
    z-index: 9999999;
    top: 400px;
    right:5px;
    cursor: pointer;
    transition: all .3s ease;
}

.yb_bar ul li {
    width: 160px;
	border:1px solid #FFF;
    height: 43px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
     text-align:center;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}

.yb_bar .yb_top { background: #d02228; 
    line-height: 42px;
    height: 42px;
}

.yb_bar .yb_WeiXin {
    background: #d02228; text-align:center;
    line-height: 42px;
    height: 190px;
}

.yb_bar .yb_WeiXin span {
    text-align:center;
    width: 160px;
    height: 42px;
    display: block;
}

.hd_qr {
    padding: 5px 15px 0px 18px;
    float: left
}