@charset "UTF-8";
/* 基础部分 */
*{margin:0px; padding:0px;font-family:Microsoft Yahei;}
div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, img, form, table, th, tr, td{margin: 0;padding: 0;font-family:Microsoft Yahei;}
ul, ol, li{list-style: none;font-family:Microsoft Yahei;}
img{border: none;}
a{font-size: 16px; color: #333; text-decoration: none;font-family:Microsoft Yahei;}
a:link{text-decoration: none;font-family:Microsoft Yahei; color: #333;}
input, select{font-size: 16px; vertical-align: middle; outline: none; color: #000;font-family:Microsoft Yahei;}
button,textarea {font-family:Microsoft Yahei;}
input::-webkit-input-placeholder{font-size: 16px; color: rgba(0, 0, 0, 0.6);}
input::placeholder{font-size: 14px; color: rgba(0, 0, 0, 0.6);}
.clearfix:after,.clearfix:before{content: ''; display: table; clear: both; overflow: hidden;}
@font-face{font-family:'\u601d\u6e90\u9ed1\u4f53';src:url("../fonts/Ub8Ct60Vch.otf");}@font-face{font-family:'\u601d\u6e90\u9ed1\u4f53\u0020\u0043\u004e';src:url("../fonts/Jkde9D620fk.otf");}@font-face{font-family:'Elephant';src:url("../fonts/pkr90V06DCf.ttf");}@font-face{font-family:'\u0041\u0072\u0069\u0061\u006c\u0020\u0042\u006c\u0061\u0063\u006b';src:url("../fonts/Hi9cxA99f10mL.ttf");}
.iconfont {font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html{font-size:62.5%}/* 1em = 10px, 1.2em = 12px;  1rem = 10px, 1.2rem = 12px; rem */
body { background: #fff; margin: 0; padding: 0; font-size: 16px; font-family:Microsoft YaHei; color: #000;}
/* 基础部分 */
/* 固定导航头部 */

.logo{position: fixed; z-index:10000; width: 100%; height: 173px;background:url(../images/body_bg.png) repeat-x top; transition: all 0.5s linear;box-shadow:0 0 15px rgba(20,32,58,0.6); transition: all 0.5s ease;}
.logo_i{position: fixed; z-index:10000; width: 100%; height: 143px;background:url(../images/body_bg.png) repeat-x top;background-position: center bottom; transition: all 0.5s linear;box-shadow:0 0 15px rgba(20,32,58,0.6);}


/*.logo.active {background: #fff; height: 104px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }*/

.logo_center{position: relative; width: 1300px; height: 143px;  margin: 0 auto;;}

.top_bar{margin:0 auto;width:1300px;height:30px;overflow:hidden;}
.top_bar active{ width:0px; height:0px;}

.top_key{float:left;height:57px;line-height:57px;width:530px;overflow:hidden;}
.top_key span{float:left;height:57px;line-height:57px;width:75px;COLOR:#ffffff;font-weight:500;font-size:14px;text-align:left;font-family:Microsoft Yahei;overflow:hidden;}
.top_key h1{float:left;margin-right:15px;height:57px;line-height:57px;width:auto;COLOR:#ffffff;font-weight:500;font-size:14px;cursor:pointer;text-align:left;font-family:Microsoft Yahei;overflow:hidden;}
.top_key h1 a{display:block;text-align:left;color:#ffffff;text-decoration:none;font-size:14px;font-weight:500;font-family:Microsoft Yahei;}
.top_key h1 a:link{display:block;text-align:left;color:#ffffff; text-decoration:none;font-size:14px;font-weight:500;font-family:Microsoft Yahei;}
.top_key h1 a:visited{display:block;text-align:left;color:#ffffff; text-decoration:none;font-size:14px;font-weight:500;font-family:Microsoft Yahei;}
.top_key h1 a:active{display:block;text-align:left;color:#ffffff; text-decoration:none;font-size:14px;font-weight:500;font-family:Microsoft Yahei;}
.top_key h1 a:hover{display:block;text-align:left;color:#ffffff;text-decoration:none;font-size:14px;font-weight:500;font-family:Microsoft Yahei;}

.top_tel{float:left;background:url(../images/top_tel.png) no-repeat left center;height:30px;line-height:30px;width:320px;overflow:hidden;}
.top_tel h1{float:left;height:30px;line-height:30px;width:auto;COLOR:#14203A;font-weight:600;font-size:16px;cursor:pointer;text-align:left;text-indent:26px;font-family:Microsoft Yahei;overflow:hidden;}

.top_email{float:left;background:url(../images/top_email.png) no-repeat left center;height:30px;line-height:30px;width:240px;overflow:hidden;}
.top_email h1{float:left;height:30px;line-height:30px;width:auto;COLOR:#14203A;font-weight:600;font-size:16px;cursor:pointer;text-align:left;text-indent:26px;font-family:Microsoft Yahei;overflow:hidden;}
.top_email h1 a{display:block;text-align:left;text-indent:26px;color:#14203A;text-decoration:none;font-size:16px;font-weight:600;font-family:Microsoft Yahei;}
.top_email h1 a:link{display:block;text-align:left;color:#14203A; text-decoration:none;font-size:16px;font-weight:600;font-family:Microsoft Yahei;}
.top_email h1 a:visited{display:block;text-align:left;color:#14203A; text-decoration:none;font-size:16px;font-weight:600;font-family:Microsoft Yahei;}
.top_email h1 a:active{display:block;text-align:left;color:#14203A; text-decoration:none;font-size:16px;font-weight:600;font-family:Microsoft Yahei;}
.top_email h1 a:hover{display:block;text-align:left;color:#14203A;text-decoration:none;font-size:16px;font-weight:600;font-family:Microsoft Yahei;}

.version{float:right;height:30px;width:200px;overflow:hidden;}
.version span{float:left;margin-left:18px;width:82px;height:30px;line-height:30px;overflow:hidden;}
.version span a{display:block;text-align:left;text-indent:28px;color:#14203A;text-decoration:none;font-size:14px;font-weight:500;font-family:Microsoft Yahei;}
.version span a:link{display:block;text-align:left;color:#14203A; text-decoration:none;font-size:14px;font-weight:500;font-family:Microsoft Yahei;}
.version span a:visited{display:block;text-align:left;color:#14203A; text-decoration:none;font-size:14px;font-weight:500;font-family:Microsoft Yahei;}
.version span a:active{display:block;text-align:left;color:#14203A; text-decoration:none;font-size:14px;font-weight:500;font-family:Microsoft Yahei;}
.version span a:hover{display:block;text-align:left;color:#14203A;text-decoration:none;font-size:14px;font-weight:500;font-family:Microsoft Yahei;}


.logo_img{ margin:24px 60px 24px 0;}
.logo_img_down{margin:29px 60px; margin-top:29px;}

.logo_center a{ position: relative; width: 600px;  height: 98px;   }

.logo_center a h1{display: block; position:absolute; left: 248px; top: 3px; display: block; width: 100%;  height: px;  margin: 0px 0px 0px 0px;  font-size: 15px; color:#000 ; line-height: 8px; font-weight:500; }

.logo_center a h1 span{display: block;margin: 0px 0px 0px 0px;height: 16px;font-size: 15px; color:#000 ; line-height: 0px; font-weight:500;}
.logo_center a h1 font{letter-spacing:8.3px;}
.logo_center>span{display: block;position: absolute; right:32px ;top:12px; z-index: 9;  font-size: 16px; color:#fff ; line-height: px; font-weight:normal;width: 80px;height: 32px; }
.logo_center>span a{font-size: 15px; color:#fff ;}
/*.logo .logo_center h6 i{font-style: normal;font-weight: bold}*/

.logo.active .logo_center img{margin-top: 29px}
.logo .logo_center img.logo_img_down{display:none}



/*全局---头部导航*/
#nav-menu {float:right;width: 900px; margin-right: 10px; }
#nav-menu li {position: relative; float: left; width: 104px; height:143px; margin: 0 10px; line-height:153px;text-align: center; transition:all 0.6s;}
/*.logo.active #nav-menu>li {height:80px; line-height:80px;}*/
#nav-menu li a { font-family:"Microsoft YaHei"; display: block; width: 104px; height:143px; font-size: 16px; color:#FFFFFF;font-weight:500; transition: all .45s linear;}

#nav-menu li.navon a {height:143px; border-bottom: 3px solid #CCAD6D; color: #FFFFFF;}

#nav-menu li span { display: none; }
#nav-menu li ul {position: absolute; top: 143px; opacity: 0; transition: all .6s; visibility: hidden; z-index: 9999;}
#nav-menu li ul li { clear: both; float: none; overflow: hidden;  width: 104px;  height: 34px; line-height: 34px; border-bottom: 1px solid #fff; background:#141F39; margin: 0 0 0 0px;transition: all .6s; }
#nav-menu>li:last-child { width: 60px;}
#nav-menu li ul li a { width: 100%; font-size: 13px; color:#FFFFFF; margin: 0;}
/*.logo.active #nav-menu li ul li a { width: 100%; font-size: 13px; color: #fff; margin: 0;}
#nav-menu li ul li:hover {border-radius: 0;}*/
#nav-menu li ul li:hover a {color:#CCAD6D; background: #157EE8;}
#nav-menu li:hover a {/*border-bottom: 3px solid #F89B2D;*/  color: #CCAD6D; /*border-bottom: 3px solid #5caac7;*/}

#nav-menu li:hover ul {top: 102px; opacity: 1; visibility: visible;}
/*.logo.active #nav-menu li:hover ul {top: 80px; opacity: 1; visibility: visible;}*/
#nav-menu li:hover ul li a { color: #fff;}

#nav-menu li.navli1 ul li{width: 104px;}
#nav-menu li.navli7{display:none;}





.menu_last{float: right;   width: 100px;  height: 34px;  margin: 0px 0px 0px 0px; font-size: 13px; color:#333 ; line-height: px; font-weight:normal; text-align: center;}






#search_ico{position: absolute; right: 10px; top:45px; float: right; width:24px;height: 24px; transition: all 0.6s;outline: block}
/*.logo.active #search_ico{top:30px;}*/
.search_input{display:none;position:  absolute; right: 40px; top:36px; float: right; width: 230px;}


/*banner start*/
#wrappers{margin:0 auto;padding-top:173px;width:100%;height:813px;overflow:hidden;}
.home_wrapper{width:100%;-moz-box-sizing:border-box;box-sizing:border-box;height:640px;overflow:hidden;}
.home_wrapper .home_carousel{width:100%;height:640px;overflow:hidden;}
.home_wrapper .home_carousel .owl-controls{position:absolute;left:0;right:0;margin:0 auto;top:614px;z-index:101;}
.home_wrapper .home_carousel .owl-theme .owl-dots .owl-dot span{background:#FFB41D;opacity:0.7;margin:0 10px 20px;}
.home_wrapper .home_carousel .owl-theme .owl-dots .owl-dot.active span,
.home_wrapper .home_carousel .owl-theme .owl-controls.clickable .owl-page:hover span{background:#ffffff;opacity:1;}
.home_wrapper .home_carousel ul{width:100%;height:640px;list-style:none;position:relative;}
/*.home_wrapper .home_carousel ul .owl-item.active:after{content:"";height:6px;background-color:rgba(255, 255, 255, 0.8);display: block;animation:login_line 4.5s linear 1;-webkit-animation:login_line 4.5s linear 1;position:absolute;left:0;bottom:0;border-radius:5px;}*/
.home_wrapper .home_carousel ul li{position:relative;overflow:hidden;width:100%;height:640px;}
.home_wrapper .home_carousel ul li .banner_cover{width:100%;height:640px;position:absolute;z-index:100;top:0;left:0;color:#fff;text-align:left;}
.home_wrapper .home_carousel ul li .banner_img{position:absolute;left:0;top:0;}
.home_wrapper .home_carousel ul li .banner_img img{width:100%;height:640px;position:absolute;top:0;left:0;right:0;bottom:0;display:block;-webkit-transition:all 10s ease;-o-transition:all 10s ease;-moz-transition:all 10s ease;transition:all 10s ease;}
.home_wrapper .home_carousel ul li .containera{width:771px;height:100%;position:relative;left:0;right:0;margin:0 auto;}
.home_wrapper .home_carousel ul li .containerb{width:610px;height:100%;position:relative;left:0;right:0;margin:0 auto;}
.home_wrapper .home_carousel ul li .containerc{width:610px;height:100%;position:relative;left:0;right:0;margin:0 auto;}
.home_wrapper .home_carousel ul li .containerd{width:866px;height:100%;position:relative;left:0;right:0;margin:0 auto;}
.home_wrapper .home_carousel ul li .text_box{position:absolute;z-index:10000;top:202px;}
.home_wrapper .home_carousel ul li .text_box img{-webkit-transform:translateY(220px);-moz-transform:translateY(220px);-ms-transform: translateY(220px);-o-transform:translateY(220px);transform:translateY(220px);opacity:0;visibility:hidden;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-0-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;transition-delay:0.6s;-moz-transition-delay:0.6s;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;}
.home_wrapper .home_carousel ul li .text_box1 .banner_ph{display:none;}
.home_carousel .swiper-img{-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform: scale(1,1);-webkit-transform: scale(1,1);transform:scale(1,1);-webkit-transition:all 30s ease;transition:all 30s ease;}
/*.home_carousel .active .swiper-img{-moz-transform: scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}*/
.home_carousel .active .text_box img{-webkit-transform:translateX(0px) !important;-moz-transform:translateX(0px) !important;-ms-transform:translateX(0px) !important;-o-transform:translateX(0px) !important;transform:translateX(0px) !important;opacity:1!important;visibility:visible!important;}
.owl-theme .owl-controls{display:none;}
.home_carousel .owl-theme .owl-controls{display:block;}
.owl-controls .owl-nav div,.owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-dots .owl-dot span{-webkit-backface-visibility:visible;display:block;width:80px;height:7px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#869791;transition-property:opacity;transition-duration:200ms;transition-timing-function:ease;box-shadow:2px 2px 2px #888888;}
.owl-theme .owl-dots .owl-dot.active span{filter:Alpha(Opacity=100);opacity:1;}
/*banner end*/




.aboutc{width: 100%; height: px;  background: #f4f4f4 ;}
.aboutc_center{overflow: hidden;width: 1388px;  margin: 0 auto; padding-top: 0px; }

.abuotc_con{ width: 1388px;  height: 454px;  margin: 28px auto 0px;   background: #fff ;}

.aboutc_head{width: 468px;  height: px;  margin: 43px auto 0px;}

.aboutc_head font{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 50px; color:#d5d6d7 ; line-height: px; font-weight:normal; text-align: center;   font-family: 'Elephant';  text-transform: uppercase;   font-style: normal;}


.aboutc_head h1{display: block; width: px;  height: px;  margin: -38px 0px 0px 0px;  font-size: 32px; color:#3d3e40 ; line-height: px; font-weight:bold; text-align: center; }

.aboutc_head h1::after{content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #f5a10d}


.aboutc_head span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#78797a ; line-height: px; font-weight:normal; text-align: center; }


.aboutc_head1{width: 468px;  height: px;  margin: 0px auto 0px;}

.aboutc_head1 font{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 50px; color:#94BAD8; line-height: px; font-weight:normal; text-align: center;   font-family: 'Elephant';  text-transform: uppercase;   font-style: normal;}


.aboutc_head1 h1{display: block; width: px;  height: px;  margin: -38px 0px 0px 0px;  font-size: 32px; color:#FFFFFF ; line-height: px; font-weight:bold; text-align: center; }

.aboutc_head1 h1::after{content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #f5a10d}


.aboutc_head1 span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#FFFFFF ; line-height: px; font-weight:normal; text-align: center; }

.goods_sort{width: 1300px; margin: 60px auto 40px;}

.goods_sort li a{display: block;float: left;   width: 185px;  height: 65px;  margin: 0px 20px 0px 10px; background:#141F39; text-align: center; font-size: 18px; color:#FFFFFF ; line-height: 65px; font-weight:normal; transition: all 0.6s;border:solid 1px black; }


.goods_sort li:hover a{background:#FFFFFF; color: #000000;}



.pro_list {overflow: hidden;clear: both ;margin-top:30px;width:1300px; margin:0 auto;}
.pro_list .pro_con_on{display: block;margin-top:40px;}
.pro_list li {position: relative;float:left;width: 410px; height: 451px; background: #fff;margin:17px 24px 17px 0px;transition: all 0.6s}
.pro_list li:nth-child(3n){margin:17px 0px 17px 0px;}
.pro_list li:hover{box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);}
.pro_list li a {display: block;width: 360px;margin:30px 29px 0;text-align: center;}
.pro_list li a span{display: block; overflow: hidden; width: 337px; height: 259px; border: 1px solid #e3e2e2}
.pro_list li a span img{width: 337px;  ; height: 259px;  position: relative;margin-bottom: 10px;transition:all 0.6s; border:1px solid #e3e2e2;}

.pro_list li:hover a span img{transform: scale(1.1);}
.pro_list li a h1{width: 292px;line-height: 56px; font-size: 16px; text-align: left;transition: all 0.6s}
.pro_list li:hover a h1{margin-left: 10px;}
.pro_list li a h2{width: 292px; line-height: 24px; font-size: 14px; color: #979596; text-align: left;  }
.pro_list li a i{position: absolute;right: 25px;bottom: 62px;transition: all 0.6s}
.pro_list li:hover a i{right: 20px;}



/* 首页---banner大图切换 */
.main_visual {position: relative;top: 173px;  width: 100%;height: 660px;margin: 0 auto; }
.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_image {overflow: hidden; position: relative;  width: 100%; height: 660px; margin: 0 auto; border-top: 0 solid #d7d7d7;}
.main_image ul {overflow: hidden;  position: absolute; width: 100%;height: auto;top: 0;left: 0;}
.main_image ul li {float: left;width: 100%;height: auto;}

.main_image ul li span {display: block;width:99.9%;}
.main_image ul li a {display: block;width: 100%;height: auto;}
.main_image #btn_prev, .main_visual .main_image #btn_next {z-index: 11111;position: absolute;width: 129px !important;height: 242px !important;top: 50%;margin-top: -60px;}
.main_image #btn_prev {left: 100px; width: 129px;height: 242px; background: url("../images/hover_left.png") no-repeat center; /*rgba(245, 142, 49, 0.7)*/; }
.main_image #btn_next {right: 100px; width: 129px;height: 242px; background: url("../images/hover_right.png") no-repeat center ;/*rgba(245, 142, 49, 0.7);*/}
.html5zoo-nav-0{ margin-top:-60px !important;}

/* 搜索 */
.keyword{clear: both;width: 100%; margin-top: 100px; background: #f7f7f7 }

.keyword_center{width: 1183px; height: 84px;  margin: 0 auto;  }

.keyword_center h1{display: block;  float: left;   line-height: 84px; color:#333 ; font-size: 14px; font-weight:normal;}
.keyword_center form{display: block;  float: right;  width: 323px;  height: px;  margin: 0px 0px 0px 0px;}
.keyword_center form input.search_input {display: block;  float: left;   width: 245px;  height: 41px;  margin: 22px 0px 0px 0px; border: 1px solid #ddd;text-indent: 10px;}
.keyword_center form input.search_submit {display: block;  float: left;   width: 75px;  height: 41px;  margin: 22px 0px 0px 0px;cursor: pointer;  outline: none;  }








.pro_name{width: 1048px; margin: 35px auto 0px ;}
.pro_name li{float: left;   width: 137px;  height: 176px;  background: #fff;  margin: 0px 58px ; text-align: center;}
.pro_name li b{ position: relative; overflow: hidden; display: block; width: 137px;  height: 137px;   border-radius:50%; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.6); }
.pro_name li a b::before{content:"";position: absolute; top: 5px; left: 5px; z-index: 2; display: block; width: 126px; height: 126px;  border-radius:50%;  }
.pro_name li a b img{position: absolute; top: 5px; left: 5px;   display: block; width: 126px;  height: 126px; }
.pro_name li a h2{position: relative;z-index: 3;line-height: 26px; color:#333 ; font-size: 15px; font-weight:normal; margin-top: 20px;transition: all 0.6s; }
.pro_name li:hover a h2{ margin-top: -88px;font-weight:bold;color: #fff}
.pro_name li:hover a b::before{ background: rgba(5, 76, 165, 0.6); animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}

.pro_show{overflow: hidden; clear: both; width: 1236px; margin: 44px auto 0px ;}
.pro_show li{position: relative;float: left;   width: 377px;  height: 372px;  margin: 0px 14px 0px 21px; }




.pro_show li a::after{content:"";position: absolute; bottom: 0%; left: 40%; z-index: -1; display: block; width: 66px; height: 66px; background: url("../images/pro_more_ico.png") no-repeat center center; transition: all .6s }
.pro_show li a::before{content:"";position: absolute; top: 0px; left: 0px; z-index: 2; display: block; width: 375px; height: 308px; ; transition: all 1s }
.pro_show li a img{width: 375px;  height: 308px;}
.pro_show li a h1{display: block;  margin: 0px 0px 0px 0px;  line-height: 38px; color:#333 ; font-size: 16px; font-weight:normal; text-align: center; }
.pro_show li:hover a::before{width: 375px; background: rgba(5, 76, 165, 0.6);animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.pro_show li:hover a::after{bottom: 50%; z-index: 3;}
@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;
  }
}



/* 关于我们 */


.about{width: 100%; height: 580px;   }
.about_center{overflow: hidden;width: 1388px; height: px;  margin: 0 auto;}


.about_head{width:  426px; height:  65px; margin-top: 0px;}

.about_head h1{display: block; height: 50px; line-height: 0px; color:#f5a10d ; font-size: 24px; font-weight: normal; font-family: '思源黑体 CN';}

.about_head font{display: block; width: 250px;  height: 50px;  margin: 13px 0; color: #6a6666;font-family: 'Elephant'; font-size: 32px;  text-transform: uppercase;   font-style: normal;}

.about_head span{display: block; width: 60px;  height: 3px; background: #fe8907}

.about_head::before{content: ''; display: block; width: 70px;  height: 3px; background: #252525}


.about_left{float: left;   width: 652px;  height: px;  margin: 80px 0px 0px 0px; }

.about_txt a h2{text-indent: 2em; font-size: 16px; font-weight:normal;  line-height:2; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.about_txt a:hover h2 i font{font-weight:bold; color: #000}
.about_txt a:hover h2 i span{font-weight:bold; color: #000}
.about_txt a:hover h2 i{border:1px solid #000}

.about_txt a h2 i {display: block; width: 167px;  height: 40px;  margin: 23px 0px 0px 0px;  font-size: 14px; font-weight:normal;  line-height: 40px;   font-style: normal;  color:#333 ;  text-indent: 46px;   text-transform: uppercase; border:1px solid #c4c4c3}
.about_txt a h2 i span{display: inline;font-size: 14px; vertical-align: middle; color:#333;line-height: 40px; ;}
.about_txt a h2 i font{display: inline;font-size: 30px; vertical-align: middle; color:#999999;padding-left: 20px;; text-indent: 16px;}


.about_ico li{float: left; width: 87px;  height: 120px; margin: 36px 71px 0px 0px;}
.about_ico li a{ display: block;  width: 87px;  height: 87px;  border-radius:50%; background: #125c99;text-align: center; padding-top:15px; transition: all 0.6s;}
.about_ico li a font{width: 40px;  height: 40px;  font-size: 40px; color:#fff ;transition: all 0.6s;}
.about_ico li a h1{  font-size: 14px; color:#333 ; text-align: center; margin: 27px auto 0px }

.about_ico li a:hover{background: #fe8907;/*padding-top:10px;*/}

.about_right{float: right; width: 634px;  height: px;  margin: 80px 0px 0px 0px;}



.pro_more a{clear:both;display:  block;width: 168px;  height: 56px;  margin: 54px auto;     font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center;    background:#f5a10d  url("../images/arrow_ico.png") no-repeat  111px center;text-indent: -30px; transition:all 0.6s }


.pro_more a:hover{background:#D26416 url("../images/arrow_ico.png") no-repeat  120px center;text-indent: -30px;}



.service{width: 100%; height: 780px; background: url("../images/service.jpg") no-repeat center top;}
.service_center{overflow: hidden; width: 1330px; height: px;  margin: 0 auto; background: url("../images/.jpg") no-repeat center top;}



.service_head{width: 508px;  height: px;  margin: 43px auto 0px;text-align: center; }
.service_head font{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 40px; color:#2274bb ; line-height: px; font-weight:normal; text-align: center;   font-family: 'Elephant';  text-transform: uppercase;   font-style: normal;}

.service_head h2{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 50px; color:#d5d6d7 ; line-height: px; font-weight:normal; text-align: center;   font-family: 'Elephant';  text-transform: uppercase;   font-style: normal;}
.service_head h1{display: block; width: px;  height: px;  margin: -38px 0px 0px 0px;  font-size: 32px; color:#eeeeef; line-height: px; font-weight:bold; text-align: center; }

.service_head h1::after{content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #f5a10d}


.service_head span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#fff ; line-height: 26px; font-weight:normal; text-align: center; }


.service_con{width: 1240px;  height: 410px;  margin: 56px auto 0px; }
.service_con li{position:relative; float:left; width: 413px;  height: 410px;  margin: 0px 0px;}
.service_con li span{display: block; width: 130px;position:absolute; right: 0px; bottom: 0px; z-index: 3;    height: 90px;  margin: 0px 0px 0px 0px; font-size: 20px; font-weight:normal;  line-height: px;  font-family: '思源黑体 CN';  font-style: normal;  color:#000 ;text-align: justify; text-align: center;transition: all 0.6s;}
.service_con li:hover span{ width: 150px; height: 113px; right: 128px; bottom: 220px; color: #fff;font-size: 25px;}

.service_con li font{display: block;position:absolute; left:37%; bottom: 0px; z-index: 3;  width: 0px;  height: 0px;color: #fff;transition: all 0.6s;}

.service_con li:hover font{display: block;position:absolute;  bottom: 133px; z-index: 3;  width: 100px;  height: 100px;font-size: 100px;}

.service_con li::before{content:"";position: absolute; top: 0px; left: 0px; z-index: 2; display: block; width: 414px; height: 410px;}
.service_con li:hover::before{background: #02a0ea;animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}

/**** css3 动画 ***/

.service1 {
  width: 1200px;
  height: auto;
  clear: both;
  overflow: hidden;
  margin: 0 auto;

}
.service-head {
 width: 508px;  height: px;  margin: 43px auto 0px;text-align: center; 
}

.service1 .service-head h1 {
 display: block; width: px;  height: px;  margin: -22px 0px 0px 0px;  font-size: 32px; color:#fff ; line-height: px; font-weight:bold; text-align: center;
}



.service-head h1:after {
  content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #f5a10d
}


.service-head span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#fff ; line-height: 26px; font-weight:normal; text-align: center; }
.service-list {
  width: 1200px;
  height: 186px;
  margin: 60px auto 100px auto;
}
.service1 .service-list ul li {
  float: left;
  width: 186px;
  height: 186px;
  background: #5E99E1;
  border-radius: 50%;
  position: relative;
  margin: 0 16px 0 0;
}
.service1 .service-list ul li:before {
  display: block;
  content: '';
  border: 1px solid #00449A;
  border-radius: 50%;
  width: 165px;
  height: 165px;
  position: absolute;
  top: 10px;
  left: 10px;
  transition: all .45s linear;
}
.service1 .service-list ul li b, .service1 .service-list ul li span {
  display: block;
  text-align: center;
  color: #fff;
  z-index: 999;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.service1 .service-list ul li b {
  font-size: 60px;
  font-weight: normal;
  top: 45px;
}
.service1 .service-list ul li span {
  font-size: 16px;
  top: 120px;
}
.service1 .service-list ul li.s6 {
  margin-right: 0;
}
.service1 .service-list ul li:hover:before {
  /*background: #00449A;*/
  background:#ffb621;
}
.products-head {
 width: 508px;  height: px;  margin: 43px auto 0px;text-align: center;
}


.products-head h2{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 50px; color:#558eb7 ; line-height: px; font-weight:normal; text-align: center;   font-family: 'Elephant';  text-transform: uppercase;   font-style: normal;}
.products-head h1{display: block; width: px;  height: px;  margin: -22px 0px 0px 0px;  font-size: 32px; color:#fff ; line-height: px; font-weight:bold; text-align: center; }

.products-head h1::after{content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #f5a10d}


.products-head span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#fff ; line-height: 26px; font-weight:normal; text-align: center; }


@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;
  }
}


.realshot{width: 100%; height: px; background: #fff;}
.realshot_center{overflow: hidden; width: 1388px; height: 720px;  margin: 0 auto;  }


.realshot_head{width: 468px;  height: px;  margin: 36px auto 0px;}

.realshot_head font{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 50px; color:#eeeeef ; line-height: px; font-weight:normal; text-align: center;   font-family: 'Elephant';  text-transform: uppercase;   font-style: normal;}


.realshot_head h1{display: block; width: px;  height: px;  margin: -38px 0px 0px 0px;  font-size: 32px; color:#3d3e40 ; line-height: px; font-weight:bold; text-align: center; }

.realshot_head h1::after{content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #f5a10d}


.realshot_head span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#78797a ; line-height: px; font-weight:normal; text-align: center; }

.realshot_con{margin: 60px auto 0px; }

.process{ overflow: hidden;width: 100%;height: 536px; background: url("../images/process.jpg") no-repeat center;margin: 0 auto;background-attachment: fixed; background-size: cover; -webkit-background-size: cover;}
.pprocess_center{overflow: hidden; width: 1352px; height: 427px;  margin: 0 auto; background: url("../images/process_head.png") no-repeat center 15px; }
.process_center ul{width: 1350px;margin:30px auto 0; }
.process_center ul li{float: left; width: 96px; height:96px; margin: 0px 69px 0px 60px; background: #9fb8d1;transition: all 0.6s; text-align:center; line-height:50px;color:#fff ; font-size: 16px; font-weight:normal;border-radius:50%;}
.process_center ul li font{display: block;font-size: 40px; color: #5c6267; margin-top:22px; transition: all 0.6s;}
.process_center ul li:hover{background:#fff;}
.process_center ul li:hover img{margin-top:25px; transform:rotateY(180deg);}
.process_center ul li span{display:block;margin-top: 25px;}
.process_center ul li:hover span{display:block;}
.process_center ul li:hover font{ color: #1373be; /* transform:rotateY(180deg);*/}



.process_head{width: 508px;  height: px;  margin: 43px auto 0px;text-align: center; }

.process_head h2{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 50px; color:#558eb7 ; line-height: px; font-weight:normal; text-align: center;   font-family: 'Elephant';  text-transform: uppercase;   font-style: normal;}
.process_head h1{display: block; width: px;  height: px;  margin: -22px 0px 0px 0px;  font-size: 32px; color:#fff ; line-height: px; font-weight:bold; text-align: center; }

.process_head h1::after{content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #f5a10d}


.process_head span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#fff ; line-height: 26px; font-weight:normal; text-align: center; }


/*
.about_con{ width: 1197px;  height: 373px;  margin: 37px auto 0px;   background: #fff ;}*/
/*


.about_left img{position:relative; z-index: 2}
.about_left i{position:absolute; left: 134px; top: 90px;  z-index: 1 ; width: 502px;  height: 375px;  margin: 0px 0px 0px 0px; background: #f0f0f0;}



.about_right{float: left;   width: 660px;  height: 430px;  margin: 0px 0px 0px 55px;}


.about_right>h1{isplay: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 25px; color:#555 ; line-height: 26px; font-weight:bold; text-align: left;  font-family: '思源黑体 CN','思源黑体';  }
.about_right>i{display: block; width: px;  height: px;  margin: 12px 0px 0px 0px;  font-size: 25px; color:#555 ; line-height: 26px; font-weight:normal; text-align: left;  font-family: '思源黑体 CN','思源黑体'; text-transform: uppercase; font-style: normal}






.about_right a h2{display: block;  margin: 55px 0px 0px 0px; padding: 0px 10px 0px 0px;   font-size: 15px; color:#3c3838 ; line-height: 30px; font-weight:normal;text-indent: 2em;}

.about_right a h3{ display: block;width: 168px;  height: 56px;  margin: 40px 0px 0px 0px;     font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center;    ;border-radius:10px;background:#d26416  url("../images/arrow_ico.png") no-repeat  111px center;text-indent: -30px; transition: all 0.6s;}

.about_right a:hover h3{ display: block;width: 168px;  height: 56px;  margin: 40px 0px 0px 0px;     font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center;    ;border-radius:10px;background:#0D5C9C  url("../images/arrow_ico.png") no-repeat  120px center;text-indent: -30px;}*/

#about_con{margin:0 auto;background:url(../images/about_con.jpg) no-repeat center top;width:100%;height:870px;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;overflow:hidden;}
#about_mid{margin:0 auto;width:1300px;height:auto;overflow:hidden;}

.about_content{float:left;background-color:#E0E0E0;width:650px;height:541px;overflow:hidden;}
.about_ad{float:right;width:650px;height:541px;overflow:hidden;}
.about_ad img{transition:all .4s;}
.about_ad:hover img{transform:scale(1.1);}

#about_title{margin:0 auto;background:url(../images/about_title_bg.jpg) no-repeat left 42px;width:90%;height:45px;overflow:hidden;}
#about_title h1{line-height:30px;COLOR:#3d3e40;font-weight:600;font-size:26px;cursor:pointer;text-align:left;font-family:Microsoft Yahei;overflow:hidden;}
#about_title h2{line-height:21px;COLOR:#837777;font-weight:500;font-size:13px;text-align:left;font-family:Microsoft Yahei;overflow:hidden; }

.about_key{color:#3d3e40;line-height:73px;font-size:14px;font-weight:600;font-family:Microsoft Yahei;}
a.about_key:link{color:#3d3e40;line-height:73px;font-size:14px;font-weight:600;font-family:Microsoft Yahei;}
a.about_key:visited{color:#3d3e40;line-height:73px;font-size:14px;font-weight:600;font-family:Microsoft Yahei;}
a.about_key:active{color:#3d3e40;line-height:73px;font-size:14px;font-weight:600;font-family:Microsoft Yahei;}
a.about_key:hover{color:#3d3e40;line-height:73px;font-size:14px;font-weight:600;font-family:Microsoft Yahei;}

.company{margin:0 auto;width:90%;color:#595c62;text-align:left;line-height:32px;font-size:16px;font-weight:500;font-family:Microsoft Yahei;overflow:hidden;cursor:pointer;}
.company a{ display:block;margin:0 auto;width:100%;color:#595c62;text-align:left;line-height:32px;font-size:16px;font-weight:500;font-family:Microsoft Yahei;overflow:hidden;cursor:pointer;}
.company a h2 p{line-height:32px;font-size:16px;font-weight:500;font-family:Microsoft Yahei;overflow:hidden;}
.company:hover{cursor:pointer;color:#595c62;text-decoration:none;text-align:left;font-weight:500;font-size:16px;font-family:Microsoft Yahei;}

.company_more{float:left;margin-left:30px;width:168px;height:56px;line-height:40px;overflow:hidden;}
.company_more a{clear:both;display:  block;width: 168px;  height: 56px;      font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center;    background:#f5a10d  url("../images/arrow_ico.png") no-repeat  111px center;text-indent: -30px; transition:all 0.6s}

.company_more a:hover{background:#D26416 url("../images/arrow_ico.png") no-repeat  120px center;text-indent: -30px;}

.small_title1{margin:0 auto;width:635px;height:75px;overflow:hidden;}
.small_title1 h1{height:59px;line-height:40px;width:auto;COLOR:#FFFFFF;font-weight:600;font-size:32px;cursor:pointer;text-align:center;font-family:Microsoft Yahei;overflow:hidden;}
.small_title1 h1 a{color:#FFFFFF;text-decoration:none;font-size:32px;font-weight:600;font-family:Microsoft Yahei;}
.small_title1 h1 a:link{color:#FFFFFF;text-decoration:none;font-size:32px;font-weight:600;font-family:Microsoft Yahei;}
.small_title1 h1 a:visited{color:#FFFFFF;text-decoration:none;font-size:32px;font-weight:600;font-family:Microsoft Yahei;}
.small_title1 h1 a:active{color:#FFFFFF;text-decoration:none;font-size:32px;font-weight:600;font-family:Microsoft Yahei;}
.small_title1 h1 a:hover{color:#FFFFFF;text-decoration:none;font-size:32px;font-weight:600;font-family:Microsoft Yahei;}
.small_title1 h2{height:15px;line-height:15px;width:auto;COLOR:#FFFFFF;font-weight:500;font-size:13px;cursor:pointer;text-align:center;font-family:Microsoft Yahei;overflow:hidden;}

.cando{width: 100%; height: px; background: #f4f4f4;margin-top: 80px; }
.cando_center{overflow: hidden; width: 1364px; height: 1128px;  margin: 0 auto; background: #E0E0E0 ; ; }

.cando_head{width: 362px;  height: 136px;  margin: 0px auto 0px;}
.cando_head h1{display: block; width: px;  height: px;  margin: 73px 0px 0px 0px;  font-size: 36px; color:#454140 ; line-height: px; font-weight:bold; text-align: center;  font-family: '思源黑体 CN','思源黑体'; }
.cando_head i{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 36px; color:#9D9D9D ; line-height: px; font-weight:bold; text-align: center;  font-family: '思源黑体';  text-transform: uppercase;   font-style: normal;}

.cando_con{width: 1230px;  height: px;  margin: 0px auto 0px;}

.cando_con li{ overflow: hidden; position:relative;float: left;   width: 408px;  height: 814px;  margin: 0px 0px 0px 0px; transition: all .4s; }

.cando_con li:hover{box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.6);margin-top:-16px;}

.cando_metal{ overflow: hidden;width: 408px;  height: 408px;  margin: 0px 0px 0px 0px; background: url("../images/cando_metal.jpg") repeat-y  left center; }


.cando_metal a{color:#d26416}


.cando_metal h2 a{display: block; width: 274px;  height: 47px;  margin: 118px auto 20px;  font-size: 30px;  ; line-height: 30px; font-weight:normal; border-bottom: 1px solid #d26416     }

.cando_metal span a{display: block; width: 274px;  height: 40px;  margin: 0px auto 0px;  font-size: 22px;  line-height: 40px; font-weight:normal; background: url("../images/cando_point.png") no-repeat  10px center;  text-indent: 40px;   }

.cando_ele{background-image:none; background-color:#d26416  }
.cando_ele a{color:#fff}
.cando_ele h2 a{border-bottom: 1px solid #fff   }
.cando_ele span a{background: url("../images/cando_point2.png") no-repeat  10px center; }

.cando_related{overflow: hidden;width: 408px;  height: 408px;  margin: 0px 0px 0px 0px; background: url("../images/sort_03_up.jpg") no-repeat left center; }
.cando_related h2 a{display: block; width: px;  height: px;  margin:144px 0px 0px 0px;  font-size: 30px; color:#333 ; line-height: px; font-weight:normal; text-align: center;}


/* 产品 */
.pro{width: 100%;  padding-top: 0px;; background: #fff}
.pro_center{width: 1350px; height: 586px;  margin: 0 auto; padding-bottom: 77px;  }



.pro_head{overflow: hidden; width: 419px;  height: 180px;  margin: 75px auto 0px; background: url("../images/pro_head.png") no-repeat center top; ;text-align: center;}
.pro_head i{font-size: 60px; font-weight:normal;  line-height: px;  font-family: 'Arial Black';  font-style: normal;  color:#eeeeef ; text-align: center; text-indent: 0px;   text-transform: uppercase; }
.pro_head h1{ font-size: 36px; font-weight:bold;  line-height: px;  font-style: normal;  color:#404143 ; text-align: center; margin-top:-50px;}
.pro_head h1::after{content:" ";display: block;clear: both;width: 60px;  height: 3px;  margin: 10px auto 10px;   background: #fe8907 ;}
.pro_head span{ font-size: 15px; font-weight:normal;  line-height: px;    font-style: normal;  color:#6f7277 ; text-align: center; text-indent: 0px;   text-transform: uppercase; }





/* 产品左右滚动  */
/*
#public_pic {position: relative;width: 100%;height:px;margin: 10px 0;}
#public_pic b {display: block !important;position: absolute; top: 146px;z-index: 9999; width: 52px;height: 55px;cursor: pointer;}
#public_pic b#btnLeft {background: url("../images/btnLeft.png") no-repeat center; left: 0;}
#public_pic b#btnRight {background: url("../images/btnRight.png") no-repeat center;right: 0;}

#public_pic .conbox { overflow: hidden;width: 1256px;height: 346px;margin: 0 auto;  ; }
#public_pic ul {position: relative;}
#public_pic ul li{overflow: hidden;float: left;   width: 368px;  height: 346px;  margin: 0px 25px; background:#e2dede;transition: all 0.6s; }
#public_pic ul li a span{ display: block; float: left; width:6px;  height: 23px;  margin: 25px 0px 0px 35px; background: #fe8907;transition: all 0.6s; }
#public_pic ul li a h1{display: block;float: left; margin: 22px 0px 0px 25px; padding-bottom: 25px; font-size: 24px; font-weight:normal;  line-height: 25px;  font-family: '思源黑体 CN','思源黑体';  font-style: normal;  color:#333 ; text-align: center;    ;transition: all 0.6s; 
 }

#public_pic ul li a img{clear: left;display: block;  width: 300px;  height: 230px;  margin: 0px auto 0px;transition: all 0.6s; }

#public_pic ul li:hover{background:#125c99}
#public_pic ul li:hover a span{background:white}
#public_pic ul li:hover a h1{color:white;padding-bottom: 22px;}*/


/*
#public-pic .conbox ul {position: relative;}
#public-pic .conbox ul li {
  float: left;
  width: 340px;
  height: 260px;
  margin: 5px 17px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
#public-pic .conbox ul li a {
  display: block;
  width: 340px;
  height: 260px;
  overflow: hidden;
  position: relative;
}
#public-pic .conbox ul li a img {
  display: block;
  width: 320px;
  height: 240px;
  padding: 10px;
  transition: all .45s linear;
}
#public-pic .conbox ul li a span {
  width: 0;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 12px;
  position: absolute;
  transition: all .6s;
  left: 0;
  right: 0;
  bottom: 130px;
  margin: 0 auto;
  overflow: hidden;
}
#public-pic .conbox ul li a:hover img {
  transform: scale(1.1);
}
#public-pic .conbox ul li a:hover span {
  width: 100%;
  color: #fff;
  background: rgba(51, 114, 191, 0.45);
  font-size: 16px;
  font-weight: bold;
}

*/


.ad{width: 100%; height: 202px; background: url("../images/ad.jpg") no-repeat center top;}
.ad_center{}














/*
.pro_list ul {overflow: hidden}
.pro_list ul.pro_con_on{display: block;margin-top:40px;}
.pro_list ul li {position: relative;float:left;width: 441px; height: 487px; background: #fff;margin:17px 6px 17px 6px;transition: all 0.6s}
.pro_list ul li:hover{box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);}
.pro_list ul li a {display: block;width: 360px;margin:30px 40px 0 40px;text-align: center;}
.pro_list ul li a span{display: block; overflow: hidden; width: 360px; height: 265px;}
.pro_list ul li a span img{width: 360px;  ; height: 265px; position: relative;margin-bottom: 10px;transition:all 0.6s;}

.pro_list ul li:hover a span img{transform: scale(1.1);}
.pro_list ul li a h1{width: 312px;line-height: 60px; font-size: 16px; text-align: left;transition: all 0.6s}
.pro_list ul li:hover a h1{margin-left: 10px;}
.pro_list ul li a h2{width: 312px; line-height: 21px; font-size: 12px; color: #bbb; text-align: left;  }
.pro_list ul li a i{position: absolute;right: 25px;bottom: 62px;transition: all 0.6s}
.pro_list ul li:hover a i{right: 20px;}
*/

/*.pro_more a{clear:both;display:  block;width: 168px;  height: 56px;  margin: 64px auto 0px;     font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center;    background:#d26416  url("../images/arrow_ico.png") no-repeat  111px center;text-indent: -30px; transition:all 0.6s }


.pro_more a:hover{clear:both;display:  block;width: 168px;  height: 56px;  margin: 64px auto 0px;     font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center;    background:#0D5C9C  url("../images/arrow_ico.png") no-repeat  120px center;text-indent: -30px;}*/




.three{width: 100%; height: 618px; background: #fff url("../images/three_bg.jpg") no-repeat center top;}
.three_center{overflow: hidden; width: 1364px; height: px;  margin: 0 auto;  }




.three_head{width: 508px;  height: px;  margin: 73px auto 0px;text-align: center; }

.three_head h2{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 36px; color:#696666 ; line-height: px; font-weight:normal; text-align: center;   font-family: 'Elephant';  text-transform: uppercase;   font-style: normal;}

.three_head h1{display: block; width: px;  height: px;  margin: 2px 0px 0px 0px;  font-size: 30px; color:#414040 ; line-height: px; font-weight:bold; text-align: center; ont-family: '思源黑体 CN'}

.three_head h1>font{display: inline; width: px;  height: px;  margin: 2px 0px 0px 0px;  font-size: 36px; color:#414040 ; line-height: px; font-weight:bold; text-align: center;ont-family: '思源黑体';font-style: italic }



.three_head h1::after{content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #f5a10d}


.three_head span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#fff ; line-height: 26px; font-weight:normal; text-align: center; }



.three_con{}
.three_con li{float: left;   width: 408px;  height: 302px;  margin: 70px 70px 0px 0px;text-align: center; transition: all .6s; }
.three_con li:last-child{float:right; margin: 70px 0px 0px 0px;}

.three_con li font{display: block;width: 104px;  height: px; font-size: 90px;color:#06A1E4;  margin: 22px auto 0px;}

.three_con li h1{display: block; width: 400px;  height:100px;  margin: 0px auto 10px;  font-size: 24px; color:#fff; line-height: 50px; font-weight:normal; transition: all .6s ;background:#2c75ba; }

.three_con li h2{display: none; width: 400px;  height: px;  margin: 0px auto 10px;  font-size: 24px; color:#fff ; line-height: 40px; font-weight:normal;  transition: all .6s }

.three_con li span{display: block; width: 348px;  height: px;  margin: 200px auto 0px;  font-size: 14px; color:#fff ; line-height: 26px; font-weight:normal; text-align: left;transition: all 0.6s }

.three_con li:hover{background: #f5a10d;}
.three_con li:hover h1{display: none;}
.three_con li:hover h2{display: block;}
.three_con li:hover span{margin: 0px auto 0px;}
.three_con li:hover font{color:#fff}


#about_num_con{width:100%;height:222px;overflow:hidden;background-size:100% 100%;background: #fff url("../images/three_bg.jpg") no-repeat center top;}
.about_num{margin:0 auto;width:1320px;height:222px;overflow:hidden;}
.about_num ul{padding-top:4.5%;width:100%;height:auto;display:flex;justify-content:space-around;align-items:center;text-align:center;overflow:hidden;}
.about_num ul li{position:relative;cursor:pointer;color:#3680C1;font-size:52px;}
.about_num ul li h2{display:inline-block;color:#3680C1;font-size:52px;font-weight:normal;}
.about_num ul li i{color:#3680C1;text-align:right;display:inline-block;font-size:20px;font-style:normal;}
.about_num ul li p{line-height:50px;color:#3680C1;font-size:34px;}





.equipment{width: 100%; height: px; background:#fff}
.equipment_center{width: 1364px; height: px;  margin: 0 auto;}


.equipment_head {width: 362px;  height: 136px;  margin: 0px auto 0px;}
.equipment_head h1{display: block; width: px;  height: px;  margin: 73px 0px 0px 0px;  font-size: 36px; color:#3b3232 ; line-height: px; font-weight:bold; text-align: center;  font-family: '思源黑体 CN','思源黑体'; }
.equipment_head i{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 36px; color:#9D9D9D ; line-height: px; font-weight:bold; text-align: center;  font-family: '思源黑体';  text-transform: uppercase;   font-style: normal;}

.equipment_con{ }
.equipment_con li{float: left;   width: 405px;  height: px;  margin: 0px 49px 0px 0px;text-align: center; transition: all 0.6s}
/*.equipment_con li:last-child{margin-left: 0px;}*/
.equipment_con li a img{width: 405px;  height: 272px;  margin: 0px 0px 0px 0px;}
.equipment_con li:hover{margin-top: -5px;}
.equipment_con li a span{width: 405px;  height:40px;  margin: 0px 0px 0px 0px; font-size: 16px; color:#333 ; line-height: 40px; font-weight:normal; text-align: center;  }

.equipment_con li:hover a span{font-weight: bold}

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


.equipment_center>span.pro_more a{ overflow: hidden;display: block;margin: 63px auto 80px;;}




.news{width: 100%; height: 1030px; background:url("../images/news_bg.jpg") no-repeat center top;}
.news_center{overflow: hidden;width: 1306px; height: 994px;  margin: 0 auto; }




.news_head{width: 468px;  height: px;  margin: 60px auto;}

.news_head font{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 50px; color:#dcdedf ; line-height: px; font-weight:normal; text-align: center;   font-family: 'Elephant';  text-transform: uppercase;   font-style: normal;}


.news_head h1{display: block; width: px;  height: px;  margin: -38px 0px 0px 0px;  font-size: 32px; color:#3d3e40 ; line-height: px; font-weight:bold; text-align: center; }

.news_head h1::after{content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #f5a10d}


.news_head span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#78797a ; line-height: px; font-weight:normal; text-align: center; }







.news_con{margin-top: 0px;}
.news_con .news_img a img{ display:none; float: left; width: 538px; height: 371px; }
.news_con .news_img a.on_show img{display: block}
.news_con .news_infor{float: right; width: 748px; height: 371px; }

.news_infor li{margin-bottom: 30px; width: 748px; height:103px; }
.news_infor li a {display: block; float: left; width: 623px; height: 103px; padding:8px 14px 2px; color:#333 ; transition: all 0.6s}
.news_infor li:hover a { color:#fff ; background: #f5a10d;}
.news_infor li.on a { color:#fff ; background: #f5a10d;}
.news_infor li a h1{height: 34px; line-height: 30px;  font-size: 20px; font-weight:normal;}
.news_infor li a h2{ line-height: 26px;  font-size: 14px; font-weight:normal;}
.news_infor li span{display:block; float: right; width: 106px; height: 103px; background: #e5e3e2;text-align: center;padding-top: 21px;}
.news_infor li span b{display:block; line-height: 24px; color:#fb8000 ; font-size: 24px; font-weight:bold; }
.news_infor li span i{display:block; line-height: 30px; color:#333 ; font-size: 14px; font-weight:normal;font-style: normal}




.mid{width: 100%; height: 185px;background: url("../images/mid.jpg") no-repeat center top;margin: 37px 0px -1px 0px;;}
.mid_center{position:relative;overflow: hidden; width: 1388px; height: 185px;  margin: 0 auto;}

.mid_center h1{position:absolute; left: 440px; top: 46px; z-index: 1; font-size: 36px; font-weight:bold;  line-height: px;  font-family: '思源黑体 CN';  font-style: normal;  color:#fff ; text-align: center; text-indent: 0px;   text-transform: uppercase;letter-spacing: 20px; }
.mid_center h2{position:absolute; left: 303px; top: 101px; z-index: 1;   font-size: 36px; font-weight:bold;  line-height: px;  font-family: '思源黑体 CN';  font-style: normal;  color:#fff ; text-align: center; text-indent: 0px;   text-transform: uppercase; }
.mid_center h2 font{font-size: 18px; vertical-align: middle;}





/*.service{width: 100%; height: 478px; background: url("../images/service_bg.jpg") no-repeat center top;}
.service_center{ overflow: hidden; width: 1306px; height: 478px; margin: 0 auto;}








.service_center ul li{float: left; width: 96px; height: 96px; border-radius:50px; margin: 20px 60px 0px; text-align: center; padding-top:29px;transition: all 0.6s }
.service_center ul li:hover{background: #0d5c9c;}
.service_center ul li h2{display: block; margin-top: 75px; line-height: 26px; color:#fff ; font-size: 18px; font-weight:normal; }

.service_center ul li.ico_phone { background:#bdbcbc url("../images/ico_phone.png") no-repeat center center; }
.service_center ul li:hover.ico_phone { background:#d26416 url("../images/ico_phone_on.png") no-repeat center center; }

.service_center ul li.ico_signing { background:#bdbcbc url("../images/ico_signing.png") no-repeat center center; }
.service_center ul li:hover.ico_signing { background:#d26416 url("../images/ico_signing_on.png") no-repeat center center; }

.service_center ul li.ico_plan { background:#bdbcbc url("../images/ico_plan.png") no-repeat center center; }
.service_center ul li:hover.ico_plan { background:#d26416 url("../images/ico_plan_on.png") no-repeat center center; }

.service_center ul li.ico_processing { background:#bdbcbc url("../images/ico_processing.png") no-repeat center center; }
.service_center ul li:hover.ico_processing { background:#d26416 url("../images/ico_processing_on.png") no-repeat center center; }

.service_center ul li.ico_acceptance { background:#bdbcbc url("../images/ico_acceptance.png") no-repeat center center; }
.service_center ul li:hover.ico_acceptance { background:#d26416 url("../images/ico_acceptance_on.png") no-repeat center center; }

.service_center ul li.ico_sales { background:#bdbcbc url("../images/ico_sales.png") no-repeat center center; }
.service_center ul li:hover.ico_sales{ background:#d26416 url("../images/ico_sales_on.png") no-repeat center center; }

.service_center span.service_txt{ display:block;width: 533px; height: 64px; margin: 65px auto 0;line-height: 64px; color:#fff ; font-size: 28px; font-weight:normal;font-family: '思源黑体 CN','思源黑体';}

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



.service_head{position:relative;width: 382px;  height: 136px;  margin: 0px auto 0px; }
.service_head h1{display: block; width: px;  height: px;  margin: 50px 0px 0px 0px;  font-size: 30px; color:#fff ; line-height: px; font-weight:bold; text-align: center;   font-family: '思源黑体 CN','思源黑体';  }
.service_head i{display: block; width: px;  height: px;  margin: 3px 0px 0px 0px;  font-size: 36px; color:#efeeee ; line-height: px; font-weight:bold; text-align: center;  font-family: '思源黑体 CN','思源黑体';  text-transform: uppercase;   font-style: normal;}

*/


/*
.news{width: 100%; height: 850px; background: url("../images/news.jpg") no-repeat center top;}
.news_center{overflow: hidden;width: 1417px; height: 994px;  margin: 0 auto; }



.news_head{overflow: hidden; width: 419px;  height: 180px;  margin: 62px auto 0px;text-align: center;   }
.news_head i{font-size: 60px; font-weight:normal;  line-height: px;  font-family: 'Arial Black';  font-style: normal;  color:#eeeeef ; text-align: center;   text-transform: uppercase; }
.news_head h1{ font-size: 36px; font-weight:bold;  line-height: px;  font-style: normal;  color:#404143 ; text-align: center; margin-top:-50px;}
.news_head h1::after{content:" ";display: block;clear: both;width: 60px;  height: 3px;  margin: 10px auto 10px;   background: #fe8907 ;}
.news_head span{ font-size: 15px; font-weight:normal;  line-height: px;    font-style: normal;  color:#6f7277 ; text-align: center; text-indent: 0px;   text-transform: uppercase; }


.news_title{width: 388px; margin: 0px auto 0px;}

.news_title li a{display: block; float: left;width: 174px;  height: 62px;  margin: 0px 10px 0px 10px;   background: #e0dbdb ;
 font-size: 20px; font-weight:normal;  line-height: 62px;    font-style: normal;  color:#333 ; text-align: center; }

.news_title li.title_on a{background: #125c99;color: #fff}
.news_title li a:hover{background: #125c99;color: #fff}





.news_con{clear:both;display: none; }
.con_on{display: block;}
.news_con li a{display: block; float: left; width: 365px;  height: 428px;  margin: 64px 51px 0px 51px;border-bottom: 1px solid #e2e2e2;}
.news_con li a img{width: 365px;  height: 249px;  margin: 0px 0px 0px 0px; transition: all 0.6s }
.news_con li a h1{display: block;font-size: 16px; font-weight:normal;  line-height: 40px;;}
.news_con li a font{display: block;font-size: 12px; font-weight:normal; }
.news_con li a font i{;font-size: 12px; font-weight:normal; font-style: normal;padding-left: 10px; }
.news_con li a span{display: block;font-size: 14px; font-weight:normal; line-height: 26px;  ;margin-top: 10px;color:#555;}

.news_con li a:hover img{margin-top: -3px;}*/

.solution{width: 100%; height: px;}
.solution_center{overflow: hidden; width: 1352px; height: px;  margin: 0 auto; background: url("../images/.jpg") no-repeat center top;}




.applications{width: 100%; height: px;}
.applications_center{width: 1300px; height: 648px;  margin: 0 auto; }


.applications_head{width: 555px;  height: px;  margin: 10px auto 0px;}

.applications_head i{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 60px; color:#e8e8e9 ; line-height: px; font-weight:normal; text-align: center;  font-family: 'Arial Black';  text-transform: uppercase;   font-style: normal;}
.applications_head h1{display: block; width: px;  height: px;  margin: -38px 0px 0px 0px;  font-size: 36px; color:#3d3e40 ; line-height: px; font-weight:bold; text-align: center; }

.applications_head h1::after{content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #c1272d}


.applications_head span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#666 ; line-height: px; font-weight:normal; text-align: center; }


.applications_left{float: left;   width: 309px;  height: px;  margin: 50px 0px 0px 0px; }
.applications_left li{ overflow: hidden;width: px;  height: 127px;  margin: 0px 0px 14px 0px;border-radius:10px; background: #eee;}
.applications_left li h1{display: block; width: px;  height: px;  margin: 24px 0px 0px 0px;  font-size: 24px; color:#333 ; line-height: px; font-weight:normal;    text-indent: 28px; transition: all 0.6s; }
.applications_left li i{display: block; width: px;  height: px;  margin: 10px 0px 0px 0px;  font-size: 12px; color:#a8a8a8 ; line-height: px; font-weight:normal; font-style:normal;     text-indent: 28px;transition: all 0.6s;}
.applications_left li span{display: block; width: px;  height: px;  margin: 10px 0px 0px 0px;  font-size: 12px; color:#8e8d8d ; line-height: px; font-weight:normal; font-style:normal;     text-indent: 28px;transition: all 0.6s;} 

.applications_left li:hover,.applications_left li.on{background: #f48c18 url("../images/solution_bg.png") no-repeat center top;}

.applications_left li:hover h1,.applications_left li:hover i,.applications_left li:hover span,.applications_left li.on h1,.applications_left li.on i,.applications_left li.on span{color: #fff}

.applications_right{overflow:hidden;position:relative;float:right;   width: 980px;  height: 550px;  margin: 50px 0px 0px 10px;}

.applications_right li {width: 980px; height: 550px; }
.applications_right li img{display:none;position:absolute; left: 0px; bottom: 0px;z-index: 1;}
.applications_right li span{display:none;position:absolute; left: 0px; bottom: 0px; z-index: 1;  padding: 23px;font-size: 16px; font-weight:normal;  line-height: 26px; color:#fff ; background:  rgba(0, 0, 0, 50%); }
.applications_right li.on_show img{display:block;}
.applications_right li.on_show span{display:block;}




.answer{float: left;width: 100%; height: 214px; margin: 50px auto 36px;; background: rgba(255,255,255,0.3); }
.answer_title{width: 100%; height: 60px; line-height: 60px; font-size: 24px;color:#484849 ; text-indent: 12px; border-bottom: 1px solid #c7c8c9;font-weight:bold;font-family: "Microsoft Yahei";}
.answer ul li{float: left; width:50%; height: 130px; padding:30px 45px 0 68px; background: url("../images/answer_point.png") no-repeat 35px 33px; }
.answer ul li a h1{line-height: 30px; color:#333 ; font-size: 16px; font-weight:normal;}
.answer ul li a h2{line-height: 24px; color:#5e6063 ; font-size: 14px; font-weight:normal;}







.applications{width: 100%; height: px;}
.applications_center{width: 1300px; height: 810px;  margin: 0 auto; }

.applications_con li{overflow: hidden;position:relative; float: left;   width: 240px;  height: 340px;  margin: 0px 20px 0px 0px; }

.applications_con li::before{content: ''; display: block;  position:absolute; left: 0px; top: 0px; z-index: 10;; width: 240px;  height: 340px;}

.applications_con li span{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 15px; color:#333 ; line-height: 40px; font-weight:normal; text-align: center;}

.applications_con li img.small_ico{position:absolute; left: 30%; bottom: 0%; z-index: -1;  transition: all .6s}

.applications_con li:hover img.small_ico{left: 30%; bottom: 47%;z-index: 11;}
.applications_con li:hover::before{background: rgba(0, 0, 0, 0.3);animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
@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 {width: 1197px;  height: px;  margin: 0px auto 0px; }
.service li{float: left;   width: 166px;  height: 166px;  margin: 0px 68px 0px 65px;border-radius:50%; border: 1px solid #fff;text-align: center;transition: all 0.6s;;}
.service li span{display:block ; height: 56px; margin: 60px 0px 0px 0px;font-size: 81px; color:#fff ; line-height: 26px; font-weight:normal; text-align: center; transition: all 0.6s;}
.service li b{display:block;color:#fff;font-size: 15px; font-weight:normal;transition: all 0.6s;;}

.service li:hover{background:#fff }
.service li:hover span,.service li:hover b{color:rgb(241,106,25)}*/



/* 首页---左右带箭头的滚动img */
/*
#rolling_img {  position: relative;width: 100%;height: 358px; margin:60px 0 96px 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: 1246px; height: 358px; margin: 0 auto; overflow: hidden;  }
#rolling_img .conbox ul {position: relative;}
#rolling_img .conbox ul li {  overflow: hidden; width: 595px; height: 358px; 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: 358px;  width: 100%; }
#rolling_img .conbox ul li img {position: absolute; display: block; left: 0; right: 0; width: 624px;height: 358px; 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(19, 97, 171, 1);line-height: 48px; color:#fff ; font-size: 16px; font-weight:normal; text-align:center;  transition: all 0.6s;}
#rolling_img .conbox ul li a:hover span{height: 358px;background-color:rgba(19, 97, 171, 0.6);line-height: 300px;color:#fff ; }
#rolling_img .conbox ul li a:hover img{	transform: scale(1.3);}

#rolling_img .conbox ul li a::before{content:"";position: absolute; bottom: 0%; left: 44.5%; z-index: -1; display: block; width: 66px; height: 66px; background: url("../images/pro_more_ico.png") no-repeat center center; transition: all .6s }
#rolling_img .conbox ul li:hover a::before{bottom: 36%; z-index: 65;}
*/




.factory{width: 100%; height: px; }
.factory_center{overflow: hidden; width: 1400px; height: px;  margin: 0 auto;}

.factory_head{overflow: hidden;position: relative; width: 380px;  height: 140px;  margin: 36px auto 0px; background: url("../images/factory_head.png") no-repeat center top; ;text-align: center;}
.factory_head h1{display: block;  margin: 22px 0px 0px 0px; line-height: 36px; color:#404143 ; font-size: 36px; font-weight:bold;font-family: '思源黑体 CN','思源黑体'}
.factory_head i{display: block;  width: 60px;  height: 3px;  margin: 12px auto; background: #1361ab}
.factory_head h2{display: block; width: 312px;  margin: 0px auto;  line-height: 26px; color:#333 ; font-size: 16px; font-weight:normal;}





.solve{width: 100%; height: 772px; background: #fff url("../images/solve_bg.jpg") no-repeat center top;}
.solve_center{overflow: hidden; width: 1280px; height: px;  margin: 0 auto;  }


.solve_head{position: relative; width: 380px;  height: 140px;  margin: 36px auto 0px; background: url("../images/solve_head.png") no-repeat center top; ;text-align: center;}

.solve_head::before{content:" ";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}


.solve_head h1{display: block;  margin: 22px 0px 0px 0px; line-height: 36px; color:#404143 ; font-size: 36px; font-weight:bold;font-family: '思源黑体 CN','思源黑体'}
.solve_head i{display: block;  width: 60px;  height: 3px;  margin: 12px auto; background: #1361ab}
.solve_text{display: block;  width: 610px;   margin: -50px auto 0px;  line-height: 26px; color:#333 ; font-size: 16px; font-weight:normal;text-align: center}

.solve_con{margin: 66px auto 0px; }
.solve_con li{overflow:hidden;position: relative;float: left;   width: 284px;  height: 418px;  margin: 0px 16px 0px 16px;  }


.solve_con li>img{position:absolute; left: 0px; top: 0px; width: 283px;  height: 328px;  margin: 0px auto 0px;; transition: all 0.6s}
.solve_con li i{ position:absolute; left: 83px; top: 245px; z-index: 10; width: 116px;  height: 116px;  margin: 0px auto 0px;border-radius:50%;  background: #2663af;text-align: center;; transition: all 0.6s}
.solve_con li i img{margin: 32px auto 0px; transition: all 0.6s}
.solve_con li span{position:absolute; left: 0px; bottom: 0px;display: block; width: 283px;  height: 90px;  padding: 40px 0px 0px 0px;  font-size: 15px; color:#2663af ; line-height: 26px; font-weight:normal; text-align: center;;  font-family: '思源黑体 CN','思源黑体'; background: #fff;border-bottom:5px solid RGBA(201,195,186,0.8); transition: all 0.6s }

.solve_con li h2{ position:absolute; left: 41px; top: 500px; z-index: -1; display: block; width: 207px;   font-size: 14px; color:#fff ; line-height: 26px; font-weight:normal; text-align: left; ; transition: all 0.6s}


.solve_con li:hover>img{top: -438px;}
.solve_con li:hover span{display: block; height: 418px; background: #2663af;color:#fff ; font-size: 26px; padding:  158px 36px 0 ; }

.solve_con li:hover i{top: 35px; border-radius:0%; border-bottom: 1px solid #fff}
.solve_con li:hover h2{  top: 240px; z-index: 20;}






/*


*/



/*友情链接 */

.friendlink{width: 100%; height: px;}
.friendlink_center{width: 1236px; height: 121px;  margin: 0 auto; border-bottom: 1px solid #ddd;;border-top: 1px solid #ddd;}

.friendlink_title{float: left;   width: 200px;  height: 121px;  margin: 0px 0px 0px 0px;   background: #0d62be ;font-size: 20px; color:#fff ; line-height: 121px; font-weight:normal; text-align: center; font-family: '思源黑体';}

.friendlink_con{float: right;   width: 1025px;  height: 121px;  margin: 0px 0px 0px 0px;   }

.friendlink_con img{display: block;float: left;   width: px;  height: 80px;  margin: 23px 20px 0px ; }




/*
.ad{width: 100%; height: 270px; margin: 44px 0px 0px 0px; background: #fff url("../images/ad_bg.jpg") no-repeat center top;}
.ad_center{overflow: hidden; width: 1236px; height: px;  margin: 0 auto; }

.ad_center h1{display: block; width: px;  height: px;  margin: 148px auto 0px;  font-size: 18px; color:#333 ; line-height: 26px; font-weight:normal; text-align: center; font-family: '思源黑体 CN','思源黑体';}*/








/*  网站底部 */
.foot{width: 100%; height: px;background: #0c3370 url("../images/foot.jpg") no-repeat center top;; margin-top: 0px;}
.foot_center{overflow: hidden; width: 1310px; height: 392px;margin: 0 auto;}


/* 获取首页底部栏目 */
.foot_column{float: left; width: 230px; height: px; margin: 40px 0px 0px 0px; text-align:left;}
.foot_column h1 a{display: block; height: 50px; margin-bottom: 20px; line-height: 50px; color:#fff ; font-size: 17px; font-weight:normal;} 
.foot_column li a{display: block; height: 26px; line-height: 30px; color:#d1dfeb ; font-size: 14px; font-weight:normal;}

.contact{float: left; width: 350px; height: 280px; margin: 42px 0px 0px 35px; text-align:left;}
.contact h3{display: block; height: 50px;margin-bottom: 13px; line-height: 50px; color:#fff ; font-size: 17px; font-weight:normal;} 
.contact li{display: block; height: 30px; line-height: 30px; color:#d1dfeb ; font-size: 13px; font-weight:normal;}

.foot_logo{float:right;margin: 55px 100px 0px 0px;}
.foot_logo img{margin: 0px 10px;}
.foot_logo span{display:block; text-align: center;line-height: 26px; color:#333}





.foot_tel{float: right;position:relative;width: 100px;margin: 72px 50px 0px 0px; color: #fff;width:84px; text-align: center}
.foot_tel span{display:block;  color:#fff ;  width: 100px;text-align: center;margin-top: 5px;}
.foot_tel h1{display:block;position:absolute; left: 69px; top: 0px; z-index: 1;  height:30px; font-size: 24px; font-weight:600;  line-height: 40px;    font-style: normal;  }

.foot_img{position:absolute; left: 50px; top: 100px; z-index: 1;width: 240px;}
.foot_img li{float: left;width:100px; margin: 0px 20px 0px 0px; }
.foot_img span{display:block;width: 100px;  height: 20px;  margin: 0px 0px 0px 0px;  font-size: 15px; font-weight:normal;  line-height: 26px;  font-style: normal;  text-align: center;}





/* 获取首页底部栏目 */
/*
.foot_column{float: left; width: 170px; height: px; margin: 44px 0px 0px 0px; text-align:left;}
.foot_column h3 a{display: block; height: 50px; margin-bottom: 10px; line-height: 50px; color:#fff ; font-size: 17px; font-weight:normal;}

.foot_column li a{display: block; height: 30px; line-height: 30px; color:#b3c4d7 ; font-size: 14px; font-weight:normal;}


.foot_list li>a{display: block; height: 30px; line-height: 30px; color:#b3c4d7 ; font-size: 14px; font-weight:normal;  background: url("../images/foot_point.png") no-repeat left center;  text-indent: 20px;
}





.xian{float: left; width: 1px;  height: 257px;  margin: 34px 30px 0px 0px;  background: #1b5090 ;}

.contact{float: left; width: 385px; height: px; margin: 44px 0px 0px 35px; text-align:left;}
.contact h3{display: block; height: 50px;margin-bottom: 10px; line-height: 50px; color:#fff ; font-size: 17px; font-weight:normal;} 
.contact li{display: block; height: 30px; line-height: 30px; color:#b3c4d7 ; font-size: 14px; font-weight:normal;}


.foot_img li{float: left;   width: 80px;  height: px;  margin: 10px 37px 0px 0px;  }
.foot_img li span{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 12px; color:#fff ; line-height: 26px; font-weight:normal; text-align: center;}




.foot_logo{float:right;margin: 55px 80px 0px 0px;}
.foot_logo img{margin: 0px 10px;}
.foot_logo span{display:block; text-align: center;line-height: 26px; color:#fff}


*/
.foot_copyright{ clear:both;width:100%; height:97px; border-top:1px solid #26567f; margin: 80px 0px 0px 0px;}
.foot_copyright, .foot_copyright a{line-height:50px; color:#e6e6e6; font-size: 14px; font-weight:normal;}




/*  首页-在线留言   开始   */
/*
.footer_online {float: left;width: 361px;margin: 44px 0px 0px 20px;}
.footer_online span { display: block;line-height: 30px;text-align: left;font-size: 16px;color: #fff;}
.footer_online h5 {font-size: 12px;line-height: 20px;color: rgba(255, 255, 255, 0.6);font-weight: normal;margin: 12px 0 0 0;}
.footer_online label {display: block;width: 100%;height: 30px;margin: 10px 0;}
.footer_online label input::-webkit-input-placeholder {font-size: 12px;color: rgba(255, 255, 255, 0.6);}
.footer_online label input::placeholder {font-size: 12px;color: rgba(255, 255, 255, 0.6);}
.footer_online label input {display: block;width: 100%;height: 28px;line-height: 28px;outline: none;background: #184C85;border: none;font-size: 13px;color: #fff;text-indent: 12px;}
.footer_online label.label-online-content{width:100%;height:60px}
.footer_online label.label-online-content textarea{width:100%;height:58px;border:none;font-family:"Microsoft YaHei";font-size:13px;color:#fff;margin:0;padding:0;text-indent:12px;outline:none;resize:none;background:#184C85}
.footer_online label.label-online-btn{width:110px;height:35px}
.footer_online label.label-online-btn input{width:110px;height:35px;text-indent:0;font-size:14px;background:#F88610;color:#000;border-color:#F88610;border-radius:3px}
.footer_online label.label-none{display:none}
*/
/*  首页-在线留言   结束   */

#footer{margin:0 auto;background:#141F39;width:100%;height:580px;overflow:hidden;}/*页脚*/
#footer_con{margin:0 auto;width:1300px;height:855px;overflow:hidden;}
.footer_con_bar{margin:0 auto;background-color:#0C1428;width:1300px;height:120px;overflow:hidden;}

.footer_con_bar ul{display:flex;height:110px;}
.footer_con_bar ul li{margin:0 0 0 0; width:433px;height:100%;display:flex;justify-content:center;align-items:center;}
.footer_con_bar ul li .logoa{position:relative;height:100%;width:120px;background:url(../images/footer_contacta.png) no-repeat 50px 28px;}
.footer_con_bar ul li .logob{position:relative;height:100%;width:120px;background:url(../images/footer_contactb.png) no-repeat 50px 28px;}
.footer_con_bar ul li .logoc{position:relative;height:100%;width:120px;background:url(../images/footer_contactc.png) no-repeat 50px 25px;}
.footer_con_bar ul li .content{padding:25px 0 0 20px;height:100%;line-height:22px;display:flex;flex-direction:column;flex:1}
.footer_con_bar ul li .content .content-title{color:#ddd;text-align:left;font-size:15px;font-weight:600;}
.footer_con_bar ul li .content .content-title:after{content:"";background:#fff;width:3px;height:30px}
.footer_con_bar ul li .content .content-text,.footer_con_bar ul li .content .content-text a{color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left;font-size:14px;font-weight:500;}
.footer_con_bar ul li  span{height:26px;width:2px;background:#ffffff;}

#footer_msg{margin:0 auto;border-bottom:#323B51 1px solid;width:100%;height:275px;overflow:hidden;}

#inputbg{float:left;margin-right:15px;width:345px;height:40px;overflow:hidden;color:#FFFFFF;}
.inputs{display:block;background-color:#3958A2;color:#ffffff;border:0;width:340px;height:40px;line-height:40px;text-indent:8px;font-size:14px;font-family:Microsoft YaheiMicrosoft Yahei;font-variant:500;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.inputs::placeholder {
    color: white;
  }

#textabg{float:left;margin-right:15px;width:1140px;height:100px;overflow:hidden;}
.textas{display:block;background-color:#3958A2;color:#ffffff;border:0;width:1130px;height:100px;line-height:40px;padding-left:8px;font-size:14px;font-family:Microsoft YaheiMicrosoft Yahei;font-variant:500;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}

#submitbg{float:left;width:140px;height:100px;overflow:hidden;}
.form_submit{float:left;width:140px;height:100px;line-height:100px;border:0;background-color:#FF6A00;text-align:center;color:#ffffff;font-weight:normal;font-size:17px;font-weight:500;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}

::-webkit-input-placeholder{color:#ffffff;}
:-moz-placeholder{color:#ffffff;}
::-moz-placeholder{coLor:#ffffff;}
:-ms-input-placeholder{color:#ffffff;}


#foorer_menu{margin:0 auto;border-bottom:#323B51 1px solid;width:100%;height:380px;overflow:hidden;}
.foot_logo{float:left;background:url(../images/foot_logo.png) no-repeat center top;width:448px;height:80px;overflow:hidden;}

.foot_con{float:left;width:470px;height:50px;overflow:hidden;}
.foot_con h1{line-height:25px;COLOR:#AAAAAA;font-weight:500;font-size:16px;cursor:pointer;text-align:left;font-family:Microsoft Yahei;overflow:hidden;}

.addressr{color:#ffffff;line-height:40px;font-size:18px;font-weight:600;text-align:left;overflow:hidden;font-family:Microsoft Yahei;}
.addresst{color:#AAAAAA;line-height:27px;font-size:15px;font-weight:500;text-align:left;overflow:hidden;font-family:Microsoft Yahei;}

.contact_list{float:left;width:auto;height:auto;}
.contact_list ul{width:auto;height:auto;overflow:hidden;}
.contact_list ul li{float:left;margin-right:10px;width:30px;height:30px;text-align:center;overflow:hidden;list-style-type:none;}
.contact_list ul li span{margin:0 auto;width:30px;height:30px;text-align:center;}
.contact_list ul li span a img{margin:0 auto;width:30px;height:30px;}

#menu_foot{float:left;width:auto;overflow:hidden;}
#menu_foot span{background:url(../images/menu_foot.jpg) no-repeat left 45px;width:auto;height:67px;line-height:40px;display:block;color:#ffffff;font-size:18px;font-weight:600;vertical-align:middle;text-align:left;font-family:Microsoft Yahei;cursor:pointer;}
#menu_foot ul{width:auto;height:auto;padding-bottom:7px;border-top-width:0;overflow:hidden;}
#menu_foot ul li{width:100%;height:29px;overflow:hidden;}
#menu_foot ul li h1{color:#AAAAAA;hight:29px;line-height:29px;font-size:16px;font-weight:500;text-align:left;overflow:hidden;}
#menu_foot ul li h1 a{color:#AAAAAA; text-decoration:none;font-size:16px;font-weight:500;font-family:Microsoft Yahei;}
#menu_foot ul li h1 a:link{color:#AAAAAA; text-decoration:none;font-size:16px;font-weight:500;font-family:Microsoft Yahei;}
#menu_foot ul li h1 a:visited{color:#AAAAAA; text-decoration:none;font-size:16px;font-weight:500;font-family:Microsoft Yahei;}
#menu_foot ul li h1 a:active{color:#AAAAAA; text-decoration:none;font-size:16px;font-weight:500;font-family:Microsoft Yahei;}
#menu_foot ul li h1 a:hover{color:#AAAAAA;text-decoration:none;font-size:16px;font-weight:500;font-family:Microsoft Yahei;}

#footer_emoji{margin:0 auto;width:100%;height:134px;line-height:70px;color:#AAAAAA;font-size:16px;font-weight:500;font-family:Microsoft Yahei;text-align:left;overflow:hidden;}
#footer_emoji1{margin:0 auto;width:850px;height:134px;line-height:70px;color:#AAAAAA;font-size:16px;font-weight:500;font-family:Microsoft Yahei;text-align:center;overflow:hidden;}
.addrest{color:#AAAAAA;line-height:70px;font-size:16px;font-weight:500;font-family:Microsoft Yahei;}
a.addrest:link{color:#AAAAAA;line-height:70px;font-size:16px;font-weight:500;font-family:Microsoft Yahei;}
a.addrest:visited{color:#AAAAAA;line-height:70px;font-size:16px;font-weight:500;font-family:Microsoft Yahei;}
a.addrest:active{color:#AAAAAA;line-height:70px;font-size:16px;font-weight:500;font-family:Microsoft Yahei;}
a.addrest:hover{color:#AAAAAA;line-height:70px;font-size:16px;font-weight:500;font-family:Microsoft Yahei;}
















/*====================================================内页=====================================*/
.text-content img{display:block; margin: 0 auto;}


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

.public-side-name-center{position:relative;width: 1352px; 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 35px 0 35px;}


.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:30px; 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:1300px; margin:40px auto 50px;  padding-left: 10px; /* 设置左边距为10px */padding-right: 0;}

#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: 100%;height: 45px;line-height: 45px;padding: 0 0;
  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;}

.mainer .mainer-list-side .mainer-square .mainer-page-list .showText p, .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content p {font-size: 16px; line-height: 32px; }






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

.banner {overflow: hidden;position: relative;width: 100%;height: 665px;}
@-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: 180px;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: 800px;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 {display: block;float: left;width: 80%; color: #575757;text-align: left;font-size: 16px;}
.public-search-list ul li span {display: block;float: right; width: 20%; 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;height: 230px;margin: 0 auto;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: 400px;margin: 25px 18px;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: 365px;}

.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);}


.public-picc-list, .public-picc-list-son {width: 100%;height: auto;margin: 0 auto;clear: both;overflow: hidden;}
.public-picc-list ul li, .public-picc-list-son ul li {float: left;width: 300px;height: 240px;margin: 25px 15px;z-index: 999;overflow: hidden;transition: all .4s;}
.public-picc-list ul li a, .public-picc-list-son ul li a {display: block;width: 300px;height: 200px;}
.public-picc-list ul li a img, .public-picc-list-son ul li a img {display: block;width: 300px;height: 200px;}
.public-picc-list ul li h2, .public-picc-list-son ul li h2 {width: 100%;height: 40px;line-height: 40px;text-align: center;font-weight: normal;}
.public-picc-list ul li h2 a, .public-picc-list-son ul li h2 a {display: block;font-size: 14px;color: #444;background: #F4F4F4;display: block;width: 100%;height: 40px;}
.public-picc-list ul li:hover, .public-picc-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: auto;}
.production-detail-list .production-detail .detail-desc .text-area-intro span {display: block;width: 100%;height: auto;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;}
.cptel_hot{margin-top:30px;background:url(../images/tel.jpg) no-repeat left;width:430px;height:51px;overflow:hidden;}

/*  新增内容 开始  */

.production-detail-list .production-derail-intro .intro-download-video {width: 100%; height: 39px;  border-bottom: 1px solid #9E9595;
}
.production-detail-list .production-derail-intro .intro-download-video span {display: block;float: left;width: 140px;line-height: 39px;font-size: 15px;
text-align: center;background: #EAEAEA;color: #000;cursor: pointer;margin: 0 15px;}
.production-detail-list .production-derail-intro .intro-download-video span.active {background: #1F5BCB;color: #fff;}
.production-detail-list .production-derail-intro .content-download-video {width: 100%;height: auto;clear: both; overflow: hidden;margin: 15px auto 0 auto;}
.production-detail-list .production-derail-intro .content-download-video text {display: none;}
.production-detail-list .production-derail-intro .content-download-video text.action {display: block;}

/*  新增内容 结束  */





.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: 534px;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: 534px;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;}

/* 产品展示 带参数  */
.pro_parameters font{display: block; float: left;width: 25%;  height: 44px;  margin: 10px 0px;  font-size: 15px; font-weight:normal;  line-height: 44px;   font-style: normal;  color:#fff ; text-align: center; background: gray;}
.pro_parameters span{display: block; float: left;width: 70%;  height: 44px;  margin: 10px 10px;  font-size: 15px; font-weight:normal;  line-height: 44px;   font-style: normal;  color:#333 ; text-align: left;}
/* ***************************************************************** */
/* 切换图 start */

.hot-products-head {
  width: 92%;
  height: 25px;
  margin: 15px auto 25px auto;
}
.hot-products-head span {
  line-height: 25px;
  font-size: 24px;
  color: #fff;
}
.hot-products-head b {
  font-weight: normal;
  line-height: 25px;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.5);
}
/* 切换图 end */



.goods_center {
	
  width: 1350px;
  height: 490px;
  margin: 45px auto;
  clear: both;
  overflow: hidden;
}

.goods_left {
  float: left;
  width: 420px;
  height: 490px;
  background: url("../images/hot-pro.jpg") no-repeat center;
	/*border: 1px solid red;*/
}



.goods_right {
  float: left;
  width: 900px;
  height: 490px;
  overflow: hidden;
  margin: 0 0 0 20px;;
	/*border: 1px solid red;*/
}
.goods_right ul li {
  float: left;
  width: 280px;
  height: 228px;
  border: 1px solid #9BBADF;
  border-radius: 4px;
  margin: 0 0 30px 15px;
  overflow: hidden;
  position: relative;
}
.goods_right ul li a {
  display: block;
  width: 100%;
  overflow: hidden;
}
.goods_right ul li a.a-img {
  width: 100%;
  height: 228px;
}
.goods_right ul li a.a-img img {
  width: 100%;
  height: 228px;
  transition: all .45s;
}
.goods_right ul li a.a-title {
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  color: #000;
  position: absolute;
  bottom: -45px;
  transition: all .45s linear;
}
.goods_right ul li:hover img {
  transition: all .45s;
  transform: scale(1.2);
}
.goods_right ul li:hover .a-title {
  font-weight: bold;
  background: rgba(5, 76, 165, 0.6);
  transition: all .45s;
  font-size: 15px;
  position: absolute;
  bottom: 0;
  color: #fff;
  z-index: 99;
}





/*图片自适应-S*/
/*新闻列*/
.public-title-list ul li .inside-img a img{display: block;width:auto;height: 130px;-webkit-transition: all .5s;-moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;margin:0 auto;}

/*图文列*/
.public-pic-list ul li a img, .public-pic-list-son ul li a img{display: block;width:260px;height:365px;margin:0 auto}

/*产品列*/
.public-goods-list ul li img {display: block;height:230px;margin: 0 auto;transition: all .3s linear;}

/*图片自适应-E*/



/* 核心css -S  */	
#public_pic {position: relative;width: 100%;height:px;margin: 10px 0;}
#public_pic b {display: block !important;position: absolute; top: 105px;z-index: 9999; width: 52px;height: 55px;cursor: pointer;}
#public_pic b#btnLeft {background: url("../images/btnLeft.png") no-repeat center; left: 0;}
#public_pic b#btnRight {background: url("../images/btnRight.png") no-repeat center;right: 0;}
#public_pic .conbox { overflow: hidden;width: 1256px;height: 314px;margin: 0 auto;  ; }
#public_pic ul {position: relative;}

#public_pic ul li{overflow: hidden;float: left;   width: 430px;  height: 314px;  margin: 0px 0px; background:#fff;transition: all 0.6s; }
/* 核心css -E  */
	
	
/*   以下代码 仅供参考    */

#public_pic ul li a h1{width: 410px;; padding-bottom: 25px; font-size: 14px; font-weight:normal;  line-height: 25px;  font-family: '思源黑体 CN';  font-style: normal;  color:#333 ; text-align: center; transition: all 0.6s;}

#public_pic ul li a img{clear: left;display: block;  width:400px;  height: 290px;  margin: 0px auto 0px;transition: all 0.6s; }

/*#public_pic ul li:hover{background:#125c99}
#public_pic ul li:hover a span{background:white}
#public_pic ul li:hover a h1{color:white;padding-bottom: 22px;}*/


/*左侧浮动 s*/
.QQFloat_02{position: fixed;right: .8rem;top: 0;bottom: 0;margin: auto;height: 184px;z-index: 1;}
.QQFloat_02 li{ position:relative;; width: 50px;  height: 50px; border-radius:50%; background: #fff; margin-bottom:17px; transition: all 0.6s;  }
.QQFloat_02 li.qq_02 {background: #fff url("../images/QQFloat_02_qq.png") no-repeat center center;}
.QQFloat_02 li.phone_02 {background: #fff url("../images/QQFloat_02_phone.png") no-repeat center center;}
.QQFloat_02 li.wx_02 {background: #fff url("../images/QQFloat_02_wx.png") no-repeat center center;}
.QQFloat_02 li.top_02 {background: #08c url("../images/QQFloat_02_top.png") no-repeat center center;}

.QQFloat_02 li:hover.qq_02 {background: #08c url("../images/QQFloat_02_qq_on.png") no-repeat center center;}
.QQFloat_02 li:hover.phone_02 {background: #08c url("../images/QQFloat_02_phone_on.png") no-repeat center center;}
.QQFloat_02 li:hover.wx_02 {background: #08c url("../images/QQFloat_02_wx_on.png") no-repeat center center;}


.QQFloat_02 li.phone_02 .phone_02_tel{ position:absolute; right: -360px; top: 0px; z-index: -1;  border:1px solid #ddd; width:260px;  height: 50px;  margin: 0px 0px 0px 0px; ;transition: all 0.6s; 
 font-size: 18px; color:#000 ; line-height: 50px; font-weight:normal;text-align: left;border-radius:50px; text-indent: 20px; }
.QQFloat_02 li:hover.phone_02 .phone_02_tel{right: 0px; background:#fff }

.QQFloat_02 li.wx_02 img{ position:absolute; right: -360px; top: -29px; z-index: -1;transition: all 0.6s;  }
.QQFloat_02 li:hover.wx_02 img{right: 75px;  }
/*左侧浮动 e*/


#equipment_mid{margin:0 auto;width:1300px;height:auto;overflow:hidden;}

.public-sort-name-application {
  width: 100%;
  height: auto;
  margin: 65px auto;
  clear: both;
  overflow: hidden;
}
.public-sort-name-application ul {
  width: 1330px;
  height: 416px;
  display:inline-block;
  justify-content: space-between;
  align-items: center;
  vertical-align: middle;
}
.public-sort-name-application ul li {
  margin:0 20px;
  width: 283px;
  height: 416px;
  background: #fff;
  transition: all .45s linear;
  display:inline-block;
}
.public-sort-name-application ul li a {
  display: block;
  width: 100%;
  height: 416px;
  position: relative;
}
.public-sort-name-application ul li a span {
  display: block;
  width: 100%;
  position: absolute;
}
.public-sort-name-application ul li a span.span-img {
  width: 100%;
  height: 324px;
  overflow: hidden;
  transition: all .45s linear;
  top: 0;
}
.public-sort-name-application ul li a span.span-img img {
  display: block;
  width: 100%;
  height: 324px;
  transition: .45s;
}
.public-sort-name-application ul li a span.span-iconfont {
  width: 110px;
  height: 110px;
  line-height: 110px;
  border-radius: 50%;
  background: #3372BF;
  font-size: 60px;
  color: #fff;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 60px;
  font-weight: normal;
  transition: all .45s linear;
}
.public-sort-name-application ul li a span.span-iconfont img{
margin-top:25px;
 margin-bottom:35px;
}
.public-sort-name-application ul li a span.span-intro {
  width: 210px;
  height: 150px;
  line-height: 25px;
  color: #fff;
  font-size: 14px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -120px;
  transition: all .25s linear;
  overflow: hidden;
  text-align:left;
}
.public-sort-name-application ul li a span.span-name {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  color: #000;
  transition: all .3s linear;
  overflow: hidden;
  bottom: 20px;
}
.public-sort-name-application ul li:hover {
  background: #054CA5;
}
.public-sort-name-application ul li:hover .span-img {
  top: -324px;
}
.public-sort-name-application ul li:hover .span-iconfont {
  bottom: 280px;
  border-radius: 0;
  background: none;
  border-bottom: 1px solid #fff;
}
.public-sort-name-application ul li:hover .span-name {
  font-weight: bold;
  bottom: 230px;
  color: #fff;
  font-size: 18px;
}
.public-sort-name-application ul li:hover .span-intro {
  bottom: 55px;
}