@charset "UTF-8";
/* 基础部分 */
div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, img, form, table, th, tr, td{margin: 0;padding: 0;}
ul, ol, li{list-style: none;}
img{border: none;}
a{font-size: 12px; color: #333; text-decoration: none;}
.input, select{font-size: 12px; vertical-align: middle; outline: none; color: #000;}
input::-webkit-input-placeholder{font-size: 12px; color: rgba(0, 0, 0, 0.6);}
input::placeholder{font-size: 12px; color: rgba(0, 0, 0, 0.6);}
.clearfix:after{content: ''; display: table; clear: both; overflow: hidden;}
@font-face {font-family: 'iconfont';src: url("../fonts/iconfont.eot?t=1636356291979");/* IE9 */
src: url("../fonts/iconfont.eot?t=1636356291979#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff2?t=1636356291979") format("woff2"), url("../fonts/iconfont.woff?t=1636356291979") format("woff"), url("../fonts/iconfont.ttf?t=1636356291979") format("truetype"), url("../fonts/iconfont.svg?t=1636356291979#iconfont") format("svg");}
@font-face {font-family: '思源黑体';src: url("../fonts/SourceHanSansCN-Heavy.otf");}
.iconfont {font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;}
/* 基础部分 */
body { background: #fff; margin: 0; padding: 0; font-size: 12px; font-family:Microsoft Yahei; color: #000;}

.logo{position: fixed; z-index:10000; width: 100%; height: 105px; background: rgba(255, 255, 255, 0.7); transition: all 0.8s linear; margin: -16px auto 0px;}

.logo.active {background: #fff; height: 103px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); margin-top:-16px;}
.logo .logo_center{position: relative; /*width: 1450px;*/width: 1377px; height: 105px;  margin: 0 auto;}
.logo .logo_center img.logo_img_down{display:none}
.logo.active .logo_center #nav-menu li .iconfont-child a{color:#666}


/*全局---头部导航*/
#nav-menu {position: absolute; top:33px; right:-30px; width: 700px; height: 40px;/* border:1px solid red;*/}
#nav-menu li {position: relative; float: left; width: 99px; height: 40px; margin: 0 5px; line-height: 40px; text-align: center; transition:all 1s;}
#nav-menu li a { font-family:"Microsoft YaHei"; display: block; width: 100%; height: 40px; font-size: 16px; color: #333;font-weight:500; transition: all 1s;}
/*#nav-menu li.navli2 ul li {width: 300px;}
#nav-menu li.navli2 ul li:last-child {width: 300px;}*/
#nav-menu li.navon a {border-bottom: 3px solid #F89B2D;}
#nav-menu li:last-child { width: 75px;}
#nav-menu li span { display: none; }
#nav-menu li ul {position: absolute; top: 120px; opacity: 0; transition: all 1s; visibility: hidden; z-index: 9999;}
#nav-menu li ul li { clear: both; float: none; overflow: hidden;  width: 109px;  height: 34px; line-height: 34px; border-bottom: 1px solid #fff; background: #2D6EB0; transition: all 1s; margin: 0;}
#nav-menu li ul li:last-child { width: 109px;}
#nav-menu li ul li a { width: 100%; font-size: 13px; color: #333; margin: 0;}
#nav-menu li ul li:hover {border-radius: 0;}
#nav-menu li ul li:hover a {color: #fff; background: #157EE8;}
#nav-menu li:hover a {border-bottom: 3px solid #F89B2D;}
#nav-menu li:hover ul {top: 72px; opacity: 1; visibility: visible;}
#nav-menu li:hover ul li a { color: #fff;}

/* 首页---banner大图切换 */
.main_visual {width: 100%;height: 772px;margin: -16px auto 0;}
.main_visual .flicking_con {position: relative; width: 990px; margin: 0 auto;}
.main_visual .flicking_con .flicking_inner {position: absolute; top: 0; left: 47%; z-index: 99; width: auto; height: 21px;}
.main_visual .flicking_con .flicking_inner a {display: block; float: left; width: 21px;height: 21px;margin: 0;padding: 0; background: url("../images/btn_main_img.png") 0 0 no-repeat;text-indent: -1000px;}
.main_visual .flicking_con .flicking_inner a.on {background-position: 0 -21px;}
.main_visual .main_image {overflow: hidden; position: relative;  width: 100%; height: 772px; margin: 0 auto; border-top: 0 solid #d7d7d7;}
.main_visual .main_image ul {overflow: hidden;  position: absolute; width: 100%;height: auto;top: 0;left: 0;}
.main_visual .main_image ul li {float: left;width: 100%;height: auto;}
.main_visual .main_image ul li span {display: block;width: 100%;}
.main_visual .main_image ul li a {display: block;width: 100%;height: auto;}
.main_visual .main_image #btn_prev, .main_visual .main_image #btn_next {z-index: 11111;position: absolute;width: 40px !important;height: 120px !important;top: 50%;margin-top: -60px;}
.main_visual .main_image #btn_prev {left: 0;background: url("../images/leftbtn.png") no-repeat center rgba(245, 142, 49, 0.7);}
.main_visual .main_image #btn_next {right: 0;background: url("../images/rightbtn.png") no-repeat center rgba(245, 142, 49, 0.7);}

.about{ overflow: hidden; width: 100%; height: 829px; background-color: #edf0f2;}
.about_center{ position: relative ;width: 1352px; height: px;  margin: 0 auto;  background: url("../images/workshop.jpg") no-repeat left center; }
.about_left {position:absolute; left:0px; top:95px; z-index:3; width: 792px; height: 650px;  background: url("../images/about_title.png") no-repeat left top;}
.about_left h2 a{display:block; overflow:hidden; height:255px; margin: 115px 50px 0px 15px; color:#666; line-height: 35px; font-size: 16px; font-weight:normal}
.about_left span{display:block; width: 124px; height:45px; margin: 40px 50px 0px 15px; text-align:center; border:1px solid #333; transition: all 0.6s linear;}
.about_left span:hover{background-color:#DF4401; border:none;border:1px solid #DF4401; }

.about_left span a{display:block; width: 124px; height:45px;color:#333; line-height: 45px; font-size: 14px; font-weight:normal; transition: all 0.6s;}
.about_left span:hover a{ font-weight:blod; color:#fff; transform: rotate3d(1, 0, 0, 360deg); }




.about_left ul{overflow:hidden; width: 711px; height: 157px; margin: 37px 0px 0px 0px; background-color:#FFF;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);}
.about_left ul li a{position:relative; display: block;float: left; width: 220px; height: 120px; margin: 20px 7px 0px 7px; text-align:center; transition: all 0.8s;}
.about_left ul li a::after{display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 120px;}
.about_left ul li a:hover::after{ background: rgba(0, 0, 0, 0.1); animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
@keyframes scale-in-center {
  0% {-webkit-transform: scale(0); transform: scale(0); opacity: 1;}
100% {-webkit-transform: scale(1); transform: scale(1); opacity: 1;}
}
.about_left ul li a img{height: 60px; transition: all 0.6s linear;}
.about_left ul li a:hover img{height: 70px;  transform:rotateY(180deg);}
.about_left ul li a h3{height: 27px; line-height: 27px; color:#333 ; font-size: 18px; font-weight:normal;}
.about_left ul li a h4{height: 20px; line-height: 20px; color:#bbb ; font-size: 12px; font-weight:normal; text-transform:uppercase;}

.about_right{position:absolute; left:792px; top:95px;  z-index:3; width: 893px; height: 651px;}


.count{width: 100%; height: px; background: #fff url("../images/count.jpg") no-repeat center;}
.count ul{ width: 1330px; height: 190px;  margin: 0 auto;  }
.count ul li{float:left; width: 376px; margin-top:52px;text-align:left;}
.count ul li:last-child{float:right; width: 200px; margin-top:52px;text-align:left;}
.count ul li h2{ display: inline;color:#fff ; font-size: 48px; font-weight:normal;}
.count ul li i{ display: inline; color:#fff ; font-size: 24px; font-weight:normal; font-style:normal}
.count ul li p{ color:#fff ; font-size: 16px; font-weight:normal;}

/*  原版
.product{width: 100%; height: px; }
.product_center{overflow: hidden;width: 1500px; height: 630px;  margin: 20px auto 0 auto; background: url("../images/product.jpg") no-repeat center top; }




#rolling_img {  position: relative;width: 100%;height: 435px; margin:178px 0 0 0;}

#rolling_img b { top: 135px; position: absolute; display: block !important; width: 52px; height: 110px;cursor: pointer; z-index: 9999;}
#rolling_img b#btnLeft {background: url("../images/btnLeft.png") no-repeat center;left: 0;}
#rolling_img b#btnRight { background: url("../images/btnRight.png") no-repeat center;right: 0;}

#rolling_img .conbox {width: 1352px; height: 368px; margin: 0 auto; overflow: hidden;  }
#rolling_img .conbox ul {position: relative;}
#rolling_img .conbox ul li {  overflow: hidden; width: 625px; height: 368px; margin: 0 100px 0 0px; position: relative;float: left;   box-sizing: border-box;text-align: center;}
#rolling_img .conbox ul li a { display: block; position: relative;height: 368px;  width: 100%; }
#rolling_img .conbox ul li img {position: absolute; display: block; left: 0; right: 0; width: 624px; margin: 0 auto; transition: transform 0.6s;}
#rolling_img .conbox ul li span{ width: 100%; height: 48px; position: absolute; z-index:20; display: block; left:0px; bottom: 0px; margin: 0 auto;background-color:rgba(0, 0, 0, 0.4);line-height: 48px; color:#fff ; font-size: 16px; font-weight:normal; text-align:left; text-indent:44px; transition: all 0.6s;}
#rolling_img .conbox ul li a:hover span{height: 0px;}
#rolling_img .conbox ul li a:hover img{	transform: scale(1.3);}
*/

.product{width: 100%; height: px; }
.product_center{position:relative; overflow: hidden;width: 1330px; height: 630px;  margin: 20px auto 0 auto; background: url("../images/product.jpg") no-repeat center top; }

.title_mores{display: block; position:absolute; left: 40%; top: 0px; z-index: 10; width: 300px;  height: 150px;  margin: 0px auto 0px; }


/* 首页---左右带箭头的滚动img */
#rolling_img {  position: relative;width: 100%;height: 435px; margin:178px 0 0 0;}

#rolling_img b { top: 135px; position: absolute; display: block !important; width: 52px; height: 110px;cursor: pointer; z-index: 9999;}
#rolling_img b#btnLeft {background: url("../images/btnLeft.png") no-repeat center;left: 0;}
#rolling_img b#btnRight { background: url("../images/btnRight.png") no-repeat center;right: 0;}

#rolling_img .conbox {width: 1154px; height: 368px; margin: 0 auto; overflow: hidden;  }
#rolling_img .conbox ul {position: relative;}
#rolling_img .conbox ul li {  overflow: hidden; width: 560px; height: 360px; margin: 0 33px 0 0px; position: relative;float: left;   box-sizing: border-box;text-align: center;}
#rolling_img .conbox ul li a { display: block; position: relative;height: 360px;  width: 100%; }
#rolling_img .conbox ul li img {position: absolute; display: block; left: 0; right: 0; width: 624px;height: 360px; margin: 0 auto; transition: transform 0.6s;}
#rolling_img .conbox ul li span{ width: 100%; height: 48px; position: absolute; z-index:20; display: block; left:0px; bottom: 0px; margin: 0 auto;background-color:rgba(0, 0, 0, 0.4);line-height: 48px; color:#fff ; font-size: 16px; font-weight:normal; text-align:left; text-indent:44px; transition: all 0.6s;}
#rolling_img .conbox ul li a:hover span{height: 0px;}
#rolling_img .conbox ul li a:hover img{	transform: scale(1.3);}














.why{width: 100%;}
.why_center{width: 1352px; height: 1865px;  margin: 0 auto 80px auto; background: url("../images/why.jpg") no-repeat center top;}
.why_center::before{content:" ";display: block;clear: both;height:180px;overflow: hidden;visibility: hidden;}
.why_content{ position:relative; height: 500px; background:#efefef; margin-top:60px}
.why_content img.why_ico{position:absolute; left:40px; top:-24px; width: 172px; height: 174px;}

.why_content .why_left{display:block;float: left; width:320px; height:305px; margin: 153px 0px 0px 35px; }
.why_content img.why_right{display:block;float: left;margin: 25px 0px 0px 26px;}
.why_content .why_left h2{width:278px; height:60px;line-height: 26px; color:#333 ; font-size: 26px; font-weight:normal;font-family: '思源黑体'; margin-top:15px}
.why_content .why_left span{width:260px; line-height: 33px; color:#333 ; font-size: 14px; font-weight:normal;}


.equipment{ overflow: hidden;width: 100%;height: 1041px; background: url("../images/equipment_bg.jpg") no-repeat center;margin: 0 auto;background-attachment: fixed; background-size: cover; -webkit-background-size: cover;}
.equipment_center{position: relative;overflow: hidden; width: 1352px; height: 1041px;  margin: 0 auto; background: url("../images/equipment_head.png") no-repeat center 40px; }

/* 首页---图片展示 */
.equipment_content ul{margin-top:190px;}
.equipment_content ul li{overflow: hidden;float:left; width: 433px; height: 372px; margin: 0px 8px; text-align:center;}
.equipment_content ul li a{display:block; position: relative;}
.equipment_content ul li a::after {content: ''; display: block;position: absolute;left: 0;top: 0; width: 100%;height: 372px;}
.equipment_content ul li a img{width: 433px; height: 320px;}
.equipment_content ul li a:hover::after {background: rgba(0, 0, 0, 0.2);animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.equipment_content ul li a span{height: 40px; line-height: 40px; color:#333 ; font-size: 16px; font-weight:normal;}
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}


.service{ overflow: hidden;width: 100%;height: 427px; background: url("../images/service_bg.jpg") no-repeat center;margin: 0 auto;background-attachment: fixed; background-size: cover; -webkit-background-size: cover;}
.service_center{overflow: hidden; width: 1352px; height: 427px;  margin: 0 auto; background: url("../images/service_head.png") no-repeat center 15px; }
.service_center ul{margin-top:195px;}
.service_center ul li{float: left; width: 94px; height: 111px; margin: 0px 69px 0px 60px; background: url("../images/service_ico_bg.png") no-repeat center;transition: all 0.6s; text-align:center; line-height:50px;color:#fff ; font-size: 16px; font-weight:normal;}
.service_center ul li img{margin-top:31px; transition: all 0.6s;}
.service_center ul li:hover{background: url("../images/service_ico_onbg.png") no-repeat center;}
.service_center ul li:hover img{margin-top:25px; transform:rotateY(180deg);}
.service_center ul li:hover span{display:block;}

.news{width: 100%; height: px; background: #fff;}
.news_center{position: relative;overflow:hidden;width: 1352px; height: 633px;  margin: 0 auto; background: url("../images/news_head.png") no-repeat center 70px;}

/* 首页---新闻切换展示-头部 */
.news_show{margin-top:244px;}
.news_show .news_show_head{height: 58px; border-bottom:1px solid #ccc}
.news_show_head dd {position:relative}
.news_show_head dd a.news_show_title{float:left; width: 120px; height: 44px; margin: 0px 50px 0px 0px;  line-height: 44px; color:#333 ; font-size: 20px; font-weight:normal; text-align:center; }
.news_show_head dd.active a.news_show_title{background-color:#0163b9;color:#fff;}
.news_show_head dd a.more_icon{position:absolute; right:50px; top:15px; color:#333 ;font-size: 18px; font-weight:normal;}
.news_show_content{display: none;overflow: hidden;height: auto; clear: both;}
.news_show_content.on { display: block;}
/* 首页---新闻切换展示-内容 */
.news_show_content .news_content_1{position:relative; overflow:hidden; float: left; width:592px; height:410px; }
.news_show_content .news_content_1 a img{width:592px; height:410px;}
.news_show_content .news_content_1 a span{display:block; position:absolute; left:0; bottom:0; width:100%; height: 40px; line-height: 40px; color:#fff ; font-size: 16px; font-weight:normal; text-indent: 30px; background: rgba(0, 0, 0, 0.3); }
.news_content_title{position:relative;float:right; width: 714px; height: 100px; margin: 0px 0px 53px 0px;}

.news_content_title a{position:absolute; left:125px; top:0; z-index:10; display:block; width:585px;}
.news_content_title a h2{height: 33px; line-height: 33px; color:#333 ; font-size: 16px; font-weight:bold; }	
.news_content_title a h3{display:block; margin-top:10px;line-height: 28px; color:#333 ; font-size: 15px; font-weight: normal;}

.news_content_time{position:absolute; width: 103px; height:100px; margin: 0px 0px 0px 0px;background-color:#eaebeb;text-align:center;}
.news_content_time i{display:block; margin-top:20px;line-height:30px; color:#1063a5 ; font-size: 30px; font-weight: 500;font-style:normal}
.news_content_time span{display:block;line-height:30px; color:#1063a5 ; font-size: 16px; font-weight: normal;}


.news_imgshow{margin-top: 230px;}
.news_imgshow li{ overflow: hidden; float: left;   width: 333px;  height: 330px;  margin: 0px 57px ;}
.news_imgshow li a img{position: relative; top:0;display: block;  width: 335px;  height: 183px; transition: all 0.6s}
.news_imgshow li a h1{display: block;  margin: 10px 0px 0px 0px; line-height: 27px; color:#333 ; font-size: 16px; font-weight:bold; }
.news_imgshow li a i{font-style: normal;display: block;  margin: 12px 0px 5px 0px ; line-height: 20px; color:#333 ; font-size: 12px; font-weight:normal; background: url("../images/time_ico.png") no-repeat left center; background-size:16px;text-indent: 25px; }
.news_imgshow li a span{display: block;  margin: 5px 0px 0px 0px; line-height: 26px; color:#333 ; font-size: 15px; font-weight:normal;}
.news_imgshow li:hover a img{top:-5px}
/*.news_imgshow li:hover a h1{font-weight:bold;}*/




.industry{ overflow: hidden;width: 100%;height: 619px; background: url("../images/industry_bg.jpg") no-repeat center;margin: 0 auto;background-attachment: fixed; background-size: cover; -webkit-background-size: cover;}
.industry_center{ position:relative;overflow: hidden; width: 1352px; height: 619px;  margin: 0 auto; background: url("../images/industry_head.png") no-repeat center 50px; }
.industry_center ul {position:absolute;margin-top:193px;}
.industry_center ul li{float:left;width:170px; height:284px; overflow:hidden;transition: all 0.4s ease-out 0s; }
.industry_center ul li span{display:block; margin-top:-2px; background:#fff;height: 60px; line-height:60px; color:#333 ; font-size: 16px; font-weight:500;text-indent: 40px;}
.industry_center ul li.on_switch{ width:672px;}











/*  网站底部 */
.foot{height: 453px; background:#004A91;}
.foot_center{overflow: hidden; width: 1330px; height: 453px;margin: 0 auto; background: url("../images/foot_logo.png") no-repeat right 10px;}





/* 获取首页底部栏目 */
.foot_column{float: left; width: 158px; height: px; margin: 46px 0px 0px 0px; text-align:left;}
.foot_column h3 a{display: block; height: 50px; line-height: 50px; color:#fff ; font-size: 16px; font-weight:bold;} 

.foot_column li{margin-bottom: 5px;}
.foot_column li a{display: block; height: 26px; line-height: 30px; color:#b8b9b9 ; font-size: 13px; font-weight:normal;}

.contact{float: left; width: 387px; height: px; margin: 46px 0px 0px 85px; text-align:left;}
.contact h3{display: block; height: 50px; line-height: 50px; color:#fff ; font-size: 16px; font-weight:normal;} 
.contact li{display: block; height: 26px; line-height: 26px; color:#fff ; font-size: 14px; font-weight:normal;}

.foot_logo{float:right;margin: 200px 42px 0px 0px;}
.foot_logo img{margin: 0px 10px;}
.foot_logo span{display:block;}

.foot_copyright{clear:both; width:1330px; height:97px; border-top:1px solid #b5b4b4; margin: 337px 0 0 0px;}
.foot_copyright, .foot_copyright a{line-height:50px; color:#e6e6e6; font-size: 14px; font-weight:normal;}

.foot_copyright_left{ float: left}
.foot_copyright_right{ float: right}

/*====================================================内页=====================================*/


/*
 内页--竖式左侧模式
 
.mainer {clear: both;overflow: hidden; width: 100%;height: auto;margin: 0 auto;}
.mainer .mainer-list-side {width: 1352px;height: auto;margin: 0 auto;clear: both;}
 
.mainer .mainer-list-side .mainer-side {float: left;width: 330px;height: auto;}
.mainer .mainer-list-side .mainer-side .public-side-name {width: 100%;height: auto;clear: both;overflow: hidden;margin-top: 10px;}

.mainer .mainer-list-side .mainer-side .public-side-name h1 {background: #1251B3; height: 100px;line-height: 100px;text-align: center;
  font-size: 32px;color: #fff;}
.mainer .mainer-list-side .mainer-side .public-side-name li {width: 100%;height: 45px;line-height: 45px;margin: 15px 0;}
.mainer .mainer-list-side .mainer-side .public-side-name li a { position: relative; display: block;width: px;height: 45px;line-height: 45px;border: #e5e5e5 1px solid;font-size: 14px;color: #333;padding: 0 10px 0 12px;box-sizing: border-box;-webkit-box-sizing: border-box;transition: all .45s;background: #fff;margin: 0 0 0 10px;}
.mainer .mainer-list-side .mainer-side .public-side-name li a:before {content: '';width: 5px;height: 0;position: absolute;top: 0;left: -10px;transition: all .45s;background: #298AF1;}

.mainer .mainer-list-side .mainer-side .public-side-name li a:hover {background: url("../images/arrow.png") no-repeat right center #1251B3;color: #fff;}
.mainer .mainer-list-side .mainer-side .public-side-name li a:hover:before {height: 44px;}
.mainer .mainer-list-side .mainer-side .public-side-name li.onm a {background: url("../images/arrow.png") no-repeat right center #1251B3;
color: #fff;}
.mainer .mainer-list-side .mainer-side .public-side-name li.onm a:before {height: 44px;}

.mainer .mainer-list-side .mainer-square {float: right;width: 975px;height: auto;overflow: hidden;}
.mainer .mainer-list-side .mainer-square .mainer-path {width: 100%;height: 60px;line-height: 60px;text-align: left;background: url("../images/home.png") no-repeat left center;border-bottom: 1px solid #eee;text-indent: 30px;margin-bottom: 15px;}
.mainer .mainer-list-side .mainer-square .mainer-path a {font-size: 15px;color: #333;}
.mainer .mainer-list-side .mainer-square .mainer-page-list { width: 100%;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list {width: 98%;height: 45px;line-height: 45px;padding: 0 1%;
  margin: 15px 0;background: #F2F2F2;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-name {float: left;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-name a {font-size: 16px;color: #666;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-more {float: right;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-more a {font-size: 14px;color: #666;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption {width: 96%; height: auto;margin: 0 auto 30px auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption h1 {width: 100%;color: #3A3937;line-height: 40px;text-align: center;font-size: 24px;margin: 25px auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type {width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #555552;margin: 25px auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list {display: flex;display: -webkit-flex;
 height: 36px;line-height: 36px;font-weight: normal;width: 100%;text-align: center;margin: 0 auto;justify-content: center;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list b {display: block;height: 36px;line-height: 36px; width: auto;font-weight: normal;font-size: 12px;color: #5A5A5A;margin-right: 15px;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share {width: auto;height: 36px;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share span {display: block;float: left;
 font-size: 12px;color: #5A5A5A;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom {float: left;
  height: 36px;line-height: 36px;width: auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom a {display: block;
  float: left;margin: 9px 2px;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .showText, .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content {width: 94%;height: auto;margin: 0 auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .showText img, .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content img {display: block;text-align: center;margin: 0 auto;}


*/

/* 内页--左侧 横排模式 */
.mainer {clear: both;overflow: hidden;}
.mainer .mainer-side {width: 100%; height: auto;margin: 0 auto;clear: both; border-bottom:1px solid #ddd;}

.public-side-name-center{position:relative;width: 1320px; height:50px; margin:0 auto;}
.mainer-side {width: 100%; height:50px; ;}
.mainer-side .public-side-name {width: 100%;height: auto;clear: both;overflow: hidden}

.mainer-side .public-side-name h1 {display:none}
.mainer-side .public-side-name li {position: relative;float:left;height: px;line-height: 45px;margin: 0px 70px 0 0;}


.mainer-side .public-side-name li a {   display: block;width: px;height: 51px;line-height: 50px;font-size: 15px;color: #333;padding: 0 10px 0 12px;box-sizing: border-box;-webkit-box-sizing: border-box;margin: 0;transition: all .45s; font-weight:500;font-family:"Microsoft YaHei";}
.mainer-side .public-side-name li a:before {content: '';width:100%; height: 0px;position: absolute;bottom: 0;left: 0;background: #02498B;transition: all .45s;}

.mainer-side .public-side-name li a:after {display:none;content: '';width:100%; width:4px; height: 4px;position: absolute;top: 21px;left: 103px;background: #02498B;transition: all .45s;}

/* 内页左侧栏目 栏目样式 */
.mainer-side .public-side-name li a:hover {}
.mainer-side .public-side-name li a:hover:before {height:3px;}


.mainer-side .public-side-name li.onm a {}
.mainer-side .public-side-name li.onm a:before {position: absolute;bottom: 0;left: 0;height:3px;background: #02498B}

.mainer-path {position:absolute; right:10px; top:0;width:auto;height: 60px;line-height: 60px;text-align: left;background: url("../images/mapIcon.jpg") no-repeat left center;border-bottom: 1px solid #eee;text-indent: 30px;margin-bottom: 15px;}


.mainer-square {width:1320px; margin:30px auto; }

#sort_name h1{ display: none; margin:50px 0 0 10px; height:60px; color:#333;font-weight:normal;font-size:35px;border-bottom:1px solid #ddd; text-align:center}

.mainer-side .mainer-path a {font-size: 14px;color: #333;}
.mainer .mainer-list-side .mainer-square .mainer-page-list { width: 100%;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list {width: 98%;height: 45px;line-height: 45px;padding: 0 1%;
  margin: 15px 0;background: #F2F2F2;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-name {float: left;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-name a {font-size: 16px;color: #666;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-more {float: right;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-more a {font-size: 14px;color: #666;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption {width: 96%; height: auto;margin: 0 auto 30px auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption h1 {width: 100%;color: #3A3937;line-height: 40px;text-align: center;font-size: 24px;margin: 25px auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type {width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #555552;margin: 25px auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list {display: flex;display: -webkit-flex;
 height: 36px;line-height: 36px;font-weight: normal;width: 100%;text-align: center;margin: 0 auto;justify-content: center;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list b {display: block;height: 36px;line-height: 36px; width: auto;font-weight: normal;font-size: 12px;color: #5A5A5A;margin-right: 15px;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share {width: auto;height: 36px;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share span {display: block;float: left;
 font-size: 12px;color: #5A5A5A;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom {float: left;
  height: 36px;line-height: 36px;width: auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom a {display: block;
  float: left;margin: 9px 2px;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .showText, .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content {width: 100%;height: auto;margin: 0 auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .showText img, .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content img {display: block;text-align: center;margin: 0 auto;}







/* 内页切换图的 banneron */
/*.banneron {width: 100%;height: 300px;margin: 0 auto;margin-top: 110px;}*/
/* 内页单独头部图的 banneron */
.banneron {width: 100%;height: 400px;margin: 0 auto;margin-top: 0px;}

.banner {overflow: hidden;position: relative;width: 100%;height: 665px; margin-top: 110px;}
@-webkit-keyframes scale-in-ver-top {
 0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;opacity: 1;}
 100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;opacity: 1;}
}
@keyframes scale-in-ver-top {
 0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 100% 0%; transform-origin: 100% 0%;opacity: 1;}
 100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;opacity: 1;}
}

.search-list {clear: both;overflow: hidden; width: 100%;height: 40px;background: #F5F7FA;}
.search-list ul {width: 318px;height: 38px;line-height: 38px;margin: 0 auto;border: 1px solid #DFDFDF;box-sizing: border-box;}
.search-list ul li {overflow: hidden;float: left;height: 38px;line-height: 38px;}
.search-list ul li input {display: block;outline: none;background: none;border: none;}
.search-list ul li input:focus {outline: none;background: none;}
.search-list ul li.search-input {width: 236px;}
.search-list ul li.search-input input {width: 100%;height: 36px;text-indent: 6px;color: #000;}
.search-list ul li.search-submit input {border: none;font-size: 16px;font-weight: bold;color: #fff;width: 80px;height: 36px;line-height: 36px;text-align: center;background: #ad2823;cursor: pointer;}

.public-big-goods {clear: both;overflow: hidden;width: 1370px; height: auto; margin: 0 auto;}
.public-big-goods ul li { position: relative; float: left;width: 200px; height: 150px; margin: 0 0 50px 20px;}
.public-big-goods ul li a {display: block;overflow: hidden;width: 200px;}
.public-big-goods ul li a.a-img { width: 100%;height: 150px;}
.public-big-goods ul li a.a-img img {width: 100%;height: 150px; transition: all .45s;}
.public-big-goods ul li a.a-title {position: absolute;bottom: 0;width: 100%;height: 30px;line-height: 30px;text-align: center;
background: rgba(0, 0, 0, 0.3);font-size: 14px;color: #fff; transition: all .45s;}
.public-big-goods ul li.bigPic {width: 540px;height: 350px;margin: 0;}
.public-big-goods ul li.bigPic a {display: block;width: 100%;height: 350px;}
.public-big-goods ul li.bigPic a.a-img img {width: 100%;height: 350px;}
.public-big-goods ul li.bigPic a.a-title {position: absolute;bottom: 0;width: 100%;height: 30px;line-height: 30px;text-align: center;
background: rgba(0, 0, 0, 0.3);font-size: 14px;color: #fff; transition: all .45s;}
.public-big-goods ul li:hover img {transition: all .45s;transform: scale(1.1);}
.public-big-goods ul li:hover img .a-title {font-weight: bold;color: #ad2823;font-size: 15px;transition: all .45s;}

.public-goods { overflow: hidden;clear: both;width: 100%;height: auto;margin: 0 auto;}
.public-goods ul li {float: left;width: 323px;height: 265px;margin: 0 26px 30px 0;}
.public-goods ul li.goods4, .public-goods ul li.goods8, .public-goods ul li.goods12, .public-goods ul li.goods16 { margin-right: 0;}
.public-goods ul li a { overflow: hidden;display: block;width: 100%;}
.public-goods ul li a.a-img {width: 100%; height: 245px;position: relative;}
.public-goods ul li a.a-img::after {display: block;position: absolute;top: 0; left: 0; content: '';width: 100%;height: 245px;}
.public-goods ul li a.a-img img {width: 100%;height: 245px;transition: all .45s;}
.public-goods ul li a.a-title {width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px;color: #000; transition: all .45s;}
.public-goods ul li:hover .a-title {font-weight: bold; color: #ad2823;font-size: 15px;transition: all .45s;}
.public-goods ul li:hover .a-img::after {background: rgba(0, 0, 0, 0.2);-webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.public-goods ul li:hover img {transition: all .45s;transform: scale(1.2);}
@-webkit-keyframes scale-in-center {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;}
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
@keyframes scale-in-center {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;}
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}

.public-page-intro {clear: both;overflow: hidden;width: 100%;height: auto;margin: 15px auto;}
.public-page-intro a {display: inline-block;line-height: 30px;font-size: 15px;color: #000;text-indent: 28px;}
.public-page-intro a.page-more {display: none;width: 140px;height: 45px;line-height: 45px;text-align: center;text-indent: 0;font-size: 14px;color: #fff;margin-top: 15px;margin-left: 28px;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.6);transition: all .45s;}
.public-page-intro a.page-more:hover {background: #F89B2D;border: 1px solid rgba(248, 155, 45, 0.6);color: #fff;}

.public-pic {clear: both;overflow: hidden;width: 100%;height: auto;margin: 40px auto;}
.public-pic ul li {float: left;width: 400px; height: 340px;margin: 10px 15px;}
.public-pic ul li a {display: block;}
.public-pic ul li a.a-img { clear: both; overflow: hidden;position: relative;width: 100%;height: 300px;background: #fff;}
.public-pic ul li a.a-img::after {display: block;position: absolute;left: 0;top: 0;right: 0;content: '';width: 100%;height: 300px;}
.public-pic ul li a.a-img img {display: block;width: 100%;height: 300px;transition: all .45s linear;}
.public-pic ul li a.a-title {width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #000;background: #F6F2F2;}
.public-pic ul li:hover .a-img::after {background: rgba(0, 0, 0, 0.2); -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.public-pic ul li:hover img { transform: scale(1.2);}
@webkit-keyframes scale-in-ver-bottom {
  0% {-webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 1;}
  100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;opacity: 1;}
}
@keyframes scale-in-ver-bottom {
  0% {-webkit-transform: scaleY(0); transform: scaleY(0);-webkit-transform-origin: 0% 100%; transform-origin: 0% 100%;opacity: 1;}
  100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;opacity: 1;}
}
.public-case {clear: both; overflow: hidden;width: 100%;height: auto;margin: 0 auto;}
.public-case ul li {float: left;width: 280px;height: 260px;margin: 0 10px;}
.public-case ul li a {display: block;}
.public-case ul li a.a-img {clear: both;overflow: hidden;width: 100%;height: 210px;background: #fff;}
.public-case ul li a.a-img img {display: block;width: 100%;height: 210px;transition: all .45s linear;}
.public-case ul li a.a-title { width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #000;background: #F6F2F2;}
.public-case ul li:hover img {transform: scale(1.2);}

.public-certification {clear: both;overflow: hidden;width: 100%;height: auto;margin: 40px auto;}
.public-certification ul li {float: left;width: 300px;height: 270px;margin: 0 15px;}
.public-certification ul li a {display: block;}
.public-certification ul li a.a-img {clear: both;overflow: hidden;width: 100%;height: 230px;background: #fff;}
.public-certification ul li a.a-img img {display: block;width: 100%;height: 230px; transition: all .45s linear;}
.public-certification ul li a.a-title {width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #000;
  background: #F6F2F2;}
.public-certification ul li:hover img {transform: scale(1.2);}

.public-quality {clear: both;overflow: hidden;width: 100%;height: auto;margin: 0 auto 30px auto;}
.public-quality ul li {float: left;width: 300px;height: 225px;}
.public-quality ul li a {display: block;}
.public-quality ul li a.a-img { clear: both;overflow: hidden;width: 100%;height: 225px;background: #fff;}
.public-quality ul li a.a-img img {display: block;width: 100%;height: 225px;}
.public-quality ul li a.a-title {display: none;width: 100%;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #000;
 background: #F6F2F2;}

.public-title {clear: both;overflow: hidden;display: none;width: 100%;height: auto;}
.public-title.on {display: block;}
.public-title ul li {width: 98%;height: 40px;line-height:40px; margin:0 auto;background: url("../images/pt.png") no-repeat left center;}
.public-title ul li a {display: block;float: left; font-size: 16px;color: #585858;text-align: left;text-indent: 15px;}
.public-title ul li span {display: block;float: right; font-size: 14px;color: #A3A3A3;}

.public-title-intro {float: right;width: 700px;height: 440px;}
.public-title-intro ul li {width: 100%;height: 125px;margin: 0 0 45px 0;}
.public-title-intro ul li .name-intro-times {width: 100%;height: 125px;}
.public-title-intro ul li .name-intro-times a {display: block;float: right;width: 600px;text-align: left;}
.public-title-intro ul li .name-intro-times .a-title {font-size: 18px;height: 40px;line-height: 40px;color: #000;font-weight: bold;
 transition: all .45s linear;}
.public-title-intro ul li .name-intro-times .a-times { line-height: 25px;font-size: 14px;color: #666;}
.public-title-intro ul li .name-intro-times .a-intro { height: 60px;line-height: 30px;font-size: 14px;color: #555;transition: all .3s linear;}
.public-title-intro ul li .name-intro-times .num {width: 80px;height: 105px;font-size: 60px;color: #4d4848;}
.public-title-intro ul li:hover .a-title {color: #ad2823;font-size: 19px;}
.public-title-intro ul li:hover .a-intro {color: rgba(173, 40, 35, 0.7);}

.public-title-list {width: 96%;height: auto;margin: 0 auto;}

.public-title-list ul li {width: 100%;height: 120px;padding: 30px 0;border-bottom: 1px dashed #DCDCDC; background: url(../images/article_bars_hover.png) no-repeat right 30px center;transition: background 0.6s;}

.public-title-list ul li:hover{border:1px solid #A2D0AB ;;border-radius: 6px;background:#F0F7FD url(../images/article_bars_hover.png) no-repeat right 10px center;}

.public-title-list ul li .inside-img {float: left;width: 180px;height: 120px;margin-left:10px}
.public-title-list ul li .inside-img a { overflow: hidden;display: block;width: 180px;height: 120px;}
.public-title-list ul li .inside-img a img {display: block;width: 180px;height: 120px;-webkit-transition: all .5s;-moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.public-title-list ul li .inside-title-times-intro {float: left;width: 900px;height: 120px;margin-left: 50px;}
.public-title-list ul li .inside-title-times-intro .inside-title-times {width: 100%;height: 50px;}
.public-title-list ul li .inside-title-times-intro .inside-title-times a { float: left;display: block;line-height: 50px;font-size: 20px;
color: #595959;font-weight: bold;}
.public-title-list ul li .inside-title-times-intro .inside-title-times span {display: block;float: right;line-height: 50px;font-size: 15px;color: #777;}
.public-title-list ul li .inside-title-times-intro .inside-intro {width: 100%;height: 50px;line-height: 25px;}
.public-title-list ul li .inside-title-times-intro .inside-intro a {font-size: 14px;color: #999;}
.public-title-list ul li:hover .inside-img img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);
-o-transform: scale(1.1);transform: scale(1.1);}
.public-title-list ul li:hover .inside-title-times a {color: #BE1C0F;}

.public-search-list {overflow: hidden;clear: both;width: 100%;height: auto; margin: 30px auto 45px auto;}
.public-search-list ul li {width: 98%;height: 39px;line-height: 40px;border-bottom: 1px dashed #CCCCCC;text-indent: 30px;
text-align: left;background: url(../images/lumpArrow.png) no-repeat 10px center;font-size: 16px;color: #575757;margin: 0 auto; transition: all .6s;}
.public-search-list ul li a {float: left;display: block; color: #575757;text-align: left;font-size: 16px;}
.public-search-list ul li span {display: block;float: right;text-align: left;font-weight: 100;height: 40px;line-height: 40px;width: auto;font-size: 15px;color: #575757;}
.public-search-list ul li:hover {border-color: #ad2823; background: url("../images/lumpOn.png") no-repeat 10px center;}
.public-search-list ul li:hover a {color: #F89B2D;}

.public-sort-name {float: left;width: auto;height: auto;margin: 30px 100px 0 15px;}
.public-sort-name dt {height: 40px;line-height: 40px;text-align: left;font-size: 16px;color: #000;}
.public-sort-name dt a {font-size: 16px;color: #000;}
.public-sort-name dt.f-logo {width: 260px;height: 75px;}


.public-sort-name dd {width: auto;height: 30px;line-height: 30px;text-align: left;font-size: 14px;color: rgba(0, 0, 0, 0.6);}
.public-sort-name dd a {font-size: 14px;color: rgba(0, 0, 0, 0.6);}

.public-sort-name-goods {float: left;width: 220px;height: auto;margin: 40px 40px 0 40px;}
.public-sort-name-goods dt {width: 220px;height: 40px;line-height: 40px;text-align: left;font-size: 16px;color: #fff;}.public-sort-name-goods dt a {font-size: 16px;color: #fff;}
.public-sort-name-goods dd {float: left;width: 110px;height: 30px;line-height: 30px;text-align: left;font-size: 13px;color: rgba(255, 255, 255, 0.7);}
.public-sort-name-goods dd a {font-size: 13px;color: rgba(255, 255, 255, 0.7);}

.public-goods-list {width: 100%;height: auto;margin: 0 auto;clear: both;overflow: hidden;}
.public-goods-list ul li {float: left;width: 300px;height: 270px;margin: 25px 13px;z-index: 999;overflow: hidden;transition: all .4s;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);}
.public-goods-list ul li .a-img {display: block;width: 100%;height: 230px;overflow: hidden;}
.public-goods-list ul li img {display: block;width: 100%;height: 230px;transition: all .3s linear;}
.public-goods-list ul li h2 {width: 100%;height: 40px;line-height: 40px;text-align: center;font-weight: normal;}
.public-goods-list ul li h2 a {display: block;font-size: 14px;color: #444;background: #F4F4F4;transition: all .45s linear;}
.public-goods-list ul li:hover {transform: translate3d(0px, -8px, 0px);box-shadow: 0 0 6px 0 rgba(5, 76, 165, 0.2);}
.public-goods-list ul li:hover img {transform: scale(1.1);}
.public-goods-list ul li:hover h2 a {background: #F4F4F4;color: #333;}

.form-list-inqury{position:fixed;right:-200%;top:25%;width:320px;height:380px;margin:0 auto;background:#F2F2F2;z-index:99999;clear:both;overflow:hidden;border-radius:5px;transition:all.45s;box-shadow:0 10px 10px 5px rgba(0,0,0,0.35)}
.form-list-inqury h5{width:265px;font-size:14px;color:#666;margin:30px auto 15px auto;font-weight:normal;position:relative}
.form-list-inqury h5:before{position:absolute;display:block;width:15px;height:15px;line-height:15px;text-align:center;content:attr(data-name);right:-19px;top:-25px;font-size:16px;border-radius:50%;background:#C30C22;color:#fff;cursor:pointer}
.form-list-inqury label{display:block;width:240px;height:30px;margin:10px auto}
.form-list-inqury label input{display:block;width:238px;height:28px;line-height:28px;outline:none;background:#fff;border:1px solid#ddd;font-size:13px;color:#444;text-indent:12px}
.form-list-inqury label.label-online-content{width:240px;height:100px;margin:0 auto}
.form-list-inqury label.label-online-content textarea{width:238px;height:98px;border:1px solid#ddd;font-family:"microsoft yahei";font-size:13px;color:#444;margin:0 auto;padding:0;text-indent:12px;outline:none;resize:none;background:#fff}
.form-list-inqury label.label-online-btn{width:140px;height:35px}
.form-list-inqury label.label-online-btn input{width:140px;height:35px;text-indent:0;font-size:16px;background:#C30C22;color:#fff;border-color:#C30C22;border-radius:6px;cursor:pointer}
.form-list-inqury label.label-none{display:none}


.public-pic-list, .public-pic-list-son {width: 100%;height: auto;margin: 0 auto;clear: both;overflow: hidden;}
.public-pic-list ul li, .public-pic-list-son ul li {float: left;width: 285px;height: 260px;margin: 25px 26px;z-index: 999;overflow: hidden;transition: all .4s;}
.public-pic-list ul li a, .public-pic-list-son ul li a {display: block;width: 100%;height: 220px;}
.public-pic-list ul li a img, .public-pic-list-son ul li a img {display: block;width: 100%;height: 220px;}
.public-pic-list ul li h2, .public-pic-list-son ul li h2 {width: 100%;height: 40px;line-height: 40px;text-align: center;font-weight: normal;}
.public-pic-list ul li h2 a, .public-pic-list-son ul li h2 a {display: block;font-size: 14px;color: #444;background: #F4F4F4;}
.public-pic-list ul li:hover, .public-pic-list-son ul li:hover {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);transform: translate3d(0px, -2px, 0px);}
.production-detail-list {width: 100%;height: auto;margin: 30px auto;}
.production-detail-list .production-detail {width: 100%;height: 465px;}
.production-detail-list .production-detail .detail-pic {float: left;width: 460px;height: 365px;}
.production-detail-list .production-detail .detail-pic .introShow {width: 100%;}
.production-detail-list .production-detail .detail-pic .introShow .mainShow {width: 100%;height: 365px;position: relative;}
.production-detail-list .production-detail .detail-pic .introShow .mainShow a {display: block;width: 100%;height: 365px;border: #CCCCCC 1px solid;box-sizing: border-box;overflow: hidden;}
.production-detail-list .production-detail .detail-pic .introShow .mainShow a img {display: block;width: 100%;height: 365px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll {width: 100%;height: 60px;margin: 15px auto;overflow: hidden;}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul {float: left;width: 445px;height: 60px;overflow: hidden;}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li {float: left;width: 80px;height: 60px;margin: 0 15px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li a {display: block;width: 78px;height: 58px;border: 1px solid #F3F3F3;overflow: hidden;}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li a img {display: block;width: 80px;height: 60px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li a:hover, .production-detail-list .production-detail .detail-pic .introShow .scroll ul li a.currentItem {border: 1px solid #C80000;}
.production-detail-list .production-detail .detail-pic .introShow .scroll .prevView {float: left;margin-top: 28px;width: 7px;height: 12px;background: url(../images/bgimg.gif) no-repeat -132px -17px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll .prevView:hover {background-position: -146px -17px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll .nextView {float: right;margin-top: 28px;width: 7px;height: 12px;background: url(../images/bgimg.gif) no-repeat -153px -17px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll .nextView:hover {background-position: -167px -17px;}
.production-detail-list .production-detail .detail-desc {float: left;width: 400px;height: 365px;margin: 0 0 0 30px;}
.production-detail-list .production-detail .detail-desc h1 {line-height: 45px;font-size: 24px;color: #1C599D;}
.production-detail-list .production-detail .detail-desc p {width: 400px;line-height: 30px;margin: 10px auto;clear: both;overflow: hidden;}
.production-detail-list .production-detail .detail-desc p b {display: block;float: left;width: auto;line-height: 30px;text-align: center;font-size: 15px;color: rgba(0, 0, 0, 0.6);padding: 0 8px;border-radius: 5px;}
.production-detail-list .production-detail .detail-desc p span {display: block;width: 305px;float: left;line-height: 30px;font-size: 13px;color: #666;overflow: hidden;}
.production-detail-list .production-detail .detail-desc .text-area-intro {width: 100%;height: 150px;}
.production-detail-list .production-detail .detail-desc .text-area-intro textarea {display: block;width: 100%;height: 150px;line-height: 22px;font-size: 13px;font-family: Arial;color: #888;border: 1px solid #fefefe;outline: none;background: none;box-sizing: border-box;resize: none;}
.production-detail-list .production-detail .detail-desc .tel-online {width: 100%;height: 40px;margin-top: 30px;}
.production-detail-list .production-detail .detail-desc .tel-online .goods-chat {float: left;width: 65px;height: 30px;margin: 10px 0;padding-left: 10px;}
.production-detail-list .production-detail .detail-desc .tel-online .goods-online {float: left;width: 110px;height: 40px;line-height: 40px;text-align: center;background: #C30C22;margin-left: 9px;}
.production-detail-list .production-detail .detail-desc .tel-online .goods-online a {font-size: 16px;color: #fff;}
.production-detail-list .production-derail-intro {width: 100%;height: auto;margin: 10px auto 30px auto;}
.production-detail-list .production-derail-intro h5 {display: block;font-size: 18px;color: #000;font-weight: bold;width: 100%;height: 50px;line-height: 50px;text-align: left !important;border-bottom: 1px solid #9E9595;margin-bottom: 15px;}

.mainer-message-contact {width: 100%;height: auto;clear: both;overflow: hidden;}

.mainer-message-contact .mainer-message-contact-head {width: 100%;height: 45px;line-height: 45px;text-align: left;font-size: 18px;color: #333;background: #F4F4F4;text-indent: 16px;margin: 40px 0 15px 0;}
.mainer-message-contact .mainer-message {float: left;width: 300px;height: auto;margin-left: 15px;}
.mainer-message-contact .mainer-message .mainer-message-list {width: 100%;height: 320px;margin: 0 auto;}
.mainer-message-contact .mainer-message .mainer-message-list label {display: block;width: 100%;height: 30px;margin: 10px 0;}
.mainer-message-contact .mainer-message .mainer-message-list label input {display: block;width: 298px;height: 28px;line-height: 28px;outline: none;background: none;border: 1px solid #ddd;font-size: 13px;color: #444;text-indent: 12px;}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-content {width: 100%;height: 100px;}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-content textarea {width: 298px;height: 98px;border: 1px solid #ddd;font-family: "Microsoft YaHei";font-size: 13px;color: #444;margin: 0;padding: 0;text-indent: 12px;outline: none;resize: none;}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-btn {width: 140px;height: 35px;}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-btn input {width: 140px;height: 35px;text-indent: 0;font-size: 16px;background: #E6212A;color: #fff;border-color: #E6212A;border-radius: 6px;}
.mainer-message-contact .mainer-message .mainer-message-list label.label-none {display: none;}
.mainer-message-contact .mainer-contact {float: right;width: 430px;height: auto;margin-right: 15px;}
.mainer-message-contact .mainer-contact .mainer-contact-list {width: 100%;height: 320px;margin: 0 auto;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li {width: 100%;height: 49px;line-height: 49px;text-align: left;border-bottom: 1px dashed #ddd;text-indent: 40px;font-size: 14px;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-tel {background: url("../images/ctel.png") no-repeat left center;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-fax {background: url("../images/cfax.png") no-repeat left center;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-phone {background: url("../images/cphone.png") no-repeat left center;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-email {background: url("../images/cemail.png") no-repeat left center;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-site {background: url("../images/csite.png") no-repeat left center;}

.mainer-valid {width: 100%; height: auto;}
.mainer-valid .mainer-valid-head {width: 100%;height: 45px;line-height: 45px;text-align: left; font-size: 18px;color: #333;background: #F4F4F4;text-indent: 16px;}
.mainer-valid .mainer-valid-list {width: 100%;height: 230px;clear: both;overflow: hidden;}
.public-related-goods {width: 100%;height: 190px;margin: 15px auto;}
.public-related-goods ul li {float: left;width: 210px;height: 190px;margin: 0 17px;}
.public-related-goods ul li a {display: block;}
.public-related-goods ul li a.a-img img {display: block;width: 210px;height: 160px;}
.public-related-goods ul li a.a-title {display: block;width: 208px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #DCDCDC;}
.mainer-list-side-search {width: 1370px;height: auto;margin: 0 auto;clear: both;}
.mainer-list-side-search .mainer-square {width: 100%;height: auto;overflow: hidden;}
.mainer-list-side-search .mainer-square .mainer-path {width: 100%;height: 60px;line-height: 60px;text-align: left;background: url("../images/home.png") no-repeat left center;border-bottom: 1px solid #eee;text-indent: 30px;}
.mainer-list-side-search .mainer-square .mainer-path a {font-size: 15px;color: #333;}
.mainer-list-side-search .mainer-square .mainer-page-list {width: 100%;}
.mainer-list-side-search .mainer-square .mainer-page-list .lump-title-list {width: 98%;height: 45px;line-height: 45px;padding: 0 1%;margin: 15px 0;background: #F2F2F2;}
.mainer-list-side-search .mainer-square .mainer-page-list .lump-title-list .lump-title-name {float: left;}
.mainer-list-side-search .mainer-square .mainer-page-list .lump-title-list .lump-title-name a {font-size: 16px;color: #666;}
.mainer-list-side-search .mainer-square .mainer-page-list .lump-title-list .lump-title-more {float: right;}
.mainer-list-side-search .mainer-square .mainer-page-list .lump-title-list .lump-title-more a {font-size: 14px;color: #666;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption {width: 96%;height: auto;margin: 0 auto 30px auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption h1 {width: 100%;color: #3A3937;line-height: 40px;text-align: center;font-size: 24px;margin: 25px auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption h3 {width: 100%;color: #666;line-height: 40px;text-align: right;font-size: 24px;margin: 25px auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type {display: none;width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #555552;margin: 25px auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list {display: flex;display: -webkit-flex;height: 36px;line-height: 36px;font-weight: normal;width: 100%;text-align: center;margin: 0 auto;justify-content: center;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list b {display: block;height: 36px;line-height: 36px;width: auto;font-weight: normal;font-size: 12px;color: #5A5A5A;margin-right: 15px;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list .share {width: auto;height: 36px;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list .share span {display: block;float: left;font-size: 12px;color: #5A5A5A;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom {float: left;height: 36px;line-height: 36px;width: auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom a {display: block;float: left;margin: 9px 2px;}
.mainer-list-side-search .mainer-square .mainer-page-list .showText, .mainer-list-side-search .mainer-square .mainer-page-list .page-content {width: 94%;height: auto;margin: 0 auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .showText img, .mainer-list-side-search .mainer-square .mainer-page-list .page-content img {width: 100%;text-align: center;margin: 0 auto;}
.mainer-list-side-map {width: 1370px;height: auto;margin: 0 auto;clear: both;overflow: hidden;}
.mainer-list-side-map:after {content: '';display: table;overflow: hidden;clear: both;}
.mainer-list-side-map .mainer-map-path {width: 1370px;height: 35px;line-height: 35px;background: url(../images/home.png) no-repeat 6px center;text-indent: 34px;font-size: 14px;color: #888;}
.mainer-list-side-map .mainer-map-path a {font-size: 14px;color: #888;}
.mainer-list-side-map .mainer-map-list {width: 1370px;height: auto;margin: 0 auto;}
.mainer-list-side-map .mainer-map-list .menu_map {margin: 15px auto;width: 99%;overflow: hidden;}
.mainer-list-side-map .mainer-map-list .menu_map span {margin: 0 auto;width: 99.9%;border-top: #D6DBE1 1px solid;border-left: #D6DBE1 1px solid;border-right: #D6DBE1 1px solid;border-bottom: #CCCCCC 3px solid;background-color: #F5F8FA;height: 35px;line-height: 35px;display: block;color: #000000;font-size: 12px;font-weight: 600;vertical-align: middle;text-align: left;text-indent: 20px;}
.mainer-list-side-map .mainer-map-list .menu_map span a {text-indent: 20px;line-height: 35px;display: block;text-align: left;color: #000000;text-decoration: none;font-size: 12px;font-weight: 600;}
.mainer-list-side-map .mainer-map-list .menu_map span a:hover {color: #e4393c;}
.mainer-list-side-map .mainer-map-list .menu_map ul {width: 100%;height: auto;overflow: hidden;}
.mainer-list-side-map .mainer-map-list .menu_map ul li {margin: 0 auto;width: 99.9%;height: auto;overflow: hidden;}
.mainer-list-side-map .mainer-map-list .menu_map ul li h1 {background: url(../images/menu_map.jpg) repeat-x bottom;color: #333333;height: 48px;line-height: 48px;font-size: 16px;font-weight: 100;overflow: hidden;}
.mainer-list-side-map .mainer-map-list .menu_map ul li h1 a {line-height: 48px;display: block;text-indent: 20px;text-align: left;color: #333333;text-decoration: none;font-size: 12px;font-weight: 500;}
.mainer-list-side-map .mainer-map-list .menu_map ul li h1 a:hover {color: #e4393c;}
.mainer-list-side-map .mainer-map-list .map_listname {float: none;width: 100%;}
.mainer-list-side-map .mainer-map-list .map_listname ul {margin-left: 20px;width: 100%;}
.mainer-list-side-map .mainer-map-list .map_listname ul li {float: left;margin-right: 18px;width: auto;height: 48px;line-height: 48px;text-align: left;}
.mainer-list-side-map .mainer-map-list .map_listname ul li h2 {height: 48px;line-height: 48px;width: auto;text-align: left;float: left;clear: right;font-size: 12px;}
.mainer-list-side-map .mainer-map-list .map_listname ul li h2 a {color: #ABABAB;text-decoration: none;text-align: left;font-weight: 500;margin-bottom: 0px;font-size: 12px;}
.mainer-list-side-map .mainer-map-list .map_listname ul li h2 a:hover {color: #e4393c;}

#home-page {width: 98%;height: 30px;margin: 10px auto 60px auto;display: flex;display: -webkit-flex;justify-content: space-between;}
#home-page a {font-size: 14px;color: #ad2823;height: 30px;line-height: 30px;}
#pagelist {width: 100%;height: 32px;margin: 30px auto 10px auto;display: flex;display: -webkit-flex;justify-content: center;}
#pagelist a {width: 60px;height: 30px;line-height: 30px;font-size: 12px;color: #444;background: #EDEDED;border: #cccccc 1px solid;border-radius: 2px;text-align: center;margin: 0 5px;}
#pagelist a#nowpage {border: #ad2823 1px solid;background-color: #ad2823;color: #ffffff;}
#online_qq_layer {z-index: 22000;position: fixed;right: 0px;top: 0;margin: 200px 0 0 0;}
#online_qq_tab {width: 45px;float: left;margin: 95px 0 0 0;position: relative;background: url("../images/qMenu.jpg") no-repeat center;}
#online_qq_tab a {display: block;height: 120px;line-height: 999em;overflow: hidden;}
#onlineService {display: block;float: left;width: 140px;background: #1C599D;padding-top: 15px;padding-bottom: 15px;}
.onlineMenu {width: 120px;height: auto;background: #298AF1;margin: 0 auto;}
.onlineMenu h3 {font-size: 16px;color: #fff;font-weight: bold;width: 110px;margin: 0 auto;border-bottom: 1px solid #E5E5E5;height: 39px;line-height: 40px;text-align: center;}
.onlineMenu li {height: 30px;text-align: center;display: block;font-size: 18px;font-weight: bold;color: #000;padding-top: 15px;}
.onlineMenu li a {display: block;height: 30px;line-height: 30px;}
.onlineMenu li a img {display: block;margin: 0 auto;}
.onlineMenu li.weixin {background: url("../images/wx.png") no-repeat center;position: relative;margin: 10px 0;}
.onlineMenu li.weixin img {display: none;width: 100px;height: 100px;position: absolute;right: 120px;top: -20px;}
.onlineMenu li.weixin:hover img {display: block;}
.onlineMenu .qTel {width: 110px;height: auto;padding-top: 30px;padding-bottom: 30px;margin: 0 auto;}
.onlineMenu .qTel span {display: block;width: 110px;height: 20px;background: url("../images/qTel.png") no-repeat center;margin: 0 auto;padding-bottom: 20px;}
.onlineMenu .qTel p {font-size: 14px;color: #fff;font-weight: bold;text-align: center;height: 30px;line-height: 30px;}
#shadow {width: 100px;height: 100px;background-color: black;opacity: .2;position: absolute;top: 0;left: 0;display: none;cursor: move;}
#cover {width: 100%;height: 100%;z-index: 10;position: absolute;left: 0;top: 0;cursor: move;}
#big {width: 365px;height: 365px;position: relative;overflow: hidden;border: 1px solid yellow;display: none;}
#big img {position: absolute;top: 0;left: 0;}