﻿/* CSS Document */
@media screen and (max-width: 901px) { body{min-width:auto; max-width:25.6rem; margin:0 auto;}}
@media screen and (min-width: 900px) { body{min-width:1200px;}}
*{margin:0;padding:0; font-family:"微软雅黑";}
a{ text-decoration:none; color:#333;}
body{ background:#fff;}

*{margin:0;padding:0;}
.top{ width:100%; height:5.6rem;margin:0 auto; overflow:hidden; margin-top:0.3rem; }
.top .top_logo{ width:10.8rem;height:5.6rem; overflow:hidden; float:left;}
.top .top_logo img{width:10.8rem; height:5.6rem;}
.top .top_name{ width:14rem;height:5.6rem; overflow:hidden; float:left; }
.top .top_name h2{ font-size:0.95rem; color:#5e5e5e; font-weight:300; line-height:1.8rem; padding-top:0.2rem;}
.top .top_tel{ width:100%;height:140px; float:right; background:url(../images/tel.png)  left center no-repeat; display:none;}
.top .top_tel h2{ font-size:16px; color:#000000; font-weight:300; line-height:30px; padding-left:50px; padding-top:30px;}
.top .top_tel h3{ font-size:31px; color:#f9b919; font-weight:300; line-height:30px; padding-left:50px; padding-top:10px;}


/*导航*/
.nav_all{width:100%;height:3rem; background:#494949; z-index:9999;  margin-top:0.5rem;}
.nav_content{width:100%; height:3rem;margin:0 auto; z-index:9999}

.nav_content .nav_mobile{ float:right; position:absolute; right:0px; color:#333; font-size:0.9rem; line-height:3rem; padding-right:1.5rem; z-index:999999;}
.nav_content .nav_mobile strong{ font-size:1rem; color:#f9b919;}
.nav_content .nav_mobile a{ color:#fff; display:block; }
/**, *:after, *:before{box-sizing: border-box;}*/

.animenu__toggle{display: none;cursor: pointer;background-color: #3d62d5;border: 0;padding:11px; height:3.0rem;width: 40px; z-index:9999;  }
.animenu__toggle:hover{background-color: #3d62d5;}
.animenu__toggle__bar{display: block;width: 20px;height: 2px;background-color: #fff;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);-o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu__toggle__bar + .animenu__toggle__bar{margin-top: 4px;}
.animenu__toggle--active .animenu__toggle__bar{margin: 0;position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1){-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2){opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3){-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}


.animenu{ z-index:9999; position:relative;}
.animenu ul{padding: 0;list-style: none;font: 0px 'Open Sans', Arial, Helvetica; z-index:9999; display:none;}
.animenu li, .animenu a{display: inline-block;font-size: 15px;}
.animenu a{color: #aaaaaa;text-decoration: none;}

.animenu__nav{background:#f3f3f3; z-index:9999; display:none;}
.animenu__nav > li{position: relative;border-right: 1px solid #c7c7c7;}
.animenu__nav > li > a{padding: 10px 30px;text-transform: uppercase; color:#333;}
.animenu__nav > li > a:first-child:nth-last-child(2):before{content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 10px;}
.animenu__nav > li:hover > ul{opacity: 1;visibility: visible;margin: 0;}
.animenu__nav > li:hover > a{color: #fff;}
.animenu__nav__child{min-width: 100%;position: absolute;top: 100%;left: 0;z-index: 1;opacity: 0;visibility: hidden;margin: 20px 0 0 0;background-color: #111;transition: margin .15s, opacity .15s; display:none;}
.animenu__nav__child > li{width: 100%;border-bottom: 1px solid #969696; }
.animenu__nav__child > li:first-child > a:after{content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;}
.animenu__nav__child > li:last-child{border: 0;}
.animenu__nav__child a{padding: 10px;width: 100%;border-color: #508cee;}
.animenu__nav__child a:hover{background-color: #0186ba;border-color: #0186ba;color: #fff;}
.animenu__nav > .no{ background:#3d62d5; color:#fff;}
.animenu__nav > .no a{ color:#fff;}
.animenu__nav > .no ul li{ border-bottom:none; }
.animenu__nav > .no ul li a{ border-color:#276cd9; }
@media screen and (max-width: 767px){.animenu__toggle{display: inline-block; z-index:1;}
.animenu__nav, .animenu__nav__child{ z-index:1;}
.animenu__nav{margin: 10px 0;}
.animenu__nav > li{width: 100%;border-right: 0;border-bottom: 1px solid #d4d4d4;}
.animenu__nav > li:last-child{border: 0;}
.animenu__nav > li:first-child > a:after{content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;}
.animenu__nav > li > a{width: 100%;padding: 10px;border-color: #3d62d5;position: relative;}
.animenu__nav a:hover{background-color: #0186ba;border-color: #0186ba;color: #fff;}
.animenu__nav__child{position: static;background:url(../images/mobilenav_02.png);margin: 0;transition: none;visibility: visible;opacity: 1; }
.animenu__nav__child > li:first-child > a:after{content: none;}
.animenu__nav__child a{padding-left: 20px;width: 100%; color:#333; border-bottom:none;}}
.animenu__nav--open{display: block !important; display:none;}
.animenu__nav--open .animenu__nav__child{display: none;}

/*Banner*/
.banner{ width:100%; height:15rem; overflow:hidden; }
.banner .swiper-container {width: 100%; height: 100%;   margin-left: auto;margin-right: auto;  }
.banner .swiper-slide {text-align: center; font-size: 18px; background: #fff; overflow:hidden; position:relative;}
.banner .swiper-slide img{ width:40rem; height:auto; position:absolute; left:50%; margin-left:-20rem;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fractio{ bottom:1rem;}
.banner .swiper-pagination-bullet-active{ background:#3d62d5;}
.banner .swiper-button-next{  filter:alpha(opacity=0); -moz-opacity:0; opacity:0; right:1rem;}
.banner .swiper-button-next:hover{  filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.banner .swiper-button-prev{  filter:alpha(opacity=0); -moz-opacity:0.4; opacity:0; left:1rem; }
.banner .swiper-button-prev:hover{  filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}

.baidu_all{width:100%; height:auto; background:url(../images/1.png) top center; overflow:hidden; }
.baidu_content{width:100%; height:auto;margin:0 auto; }

.baidu_left{width:480px; height:137px; float:left; overflow:hidden; display:none;}
.baidu_left h2{ font-size:16px; font-weight:300; padding-left:10px; line-height:50px; color:#333; padding-top:12px;}
.baidu_left h3{ font-size:16px; font-weight:300; background:#c9c9c9; color:#fff; line-height:45px; width:100%;padding-left:0px; overflow:hidden; text-align:center;}

.baidu_h{width:1px; height:100%; background:url(../images/2.png); float:left; margin-left:30px; margin-right:30px; display:none;}

.baidu_so{width:100%; height:auto; float:left; padding-left:0px; overflow:hidden; padding-bottom:1rem;}
.baidu_so .se{ width:auto; background:#fff; margin-top:1.5rem; margin-left:1.5rem; margin-bottom:0.8rem;}
.baidu_so .se1{  border:none; color:#999; padding-left:0.5rem; width:18rem; height:2rem; line-height:2rem; outline: none;}
.baidu_so .se2{ background:url(../images/home_25.jpg) center center no-repeat; border:none; width:4rem; height:2rem; line-height:2rem; cursor:pointer; background-size:40%; border-left:1px solid #f3f3f3;}
.baidu_so  p{ color:#666; width:85%; margin:0 auto;  overflow:hidden; font-size:0.9rem;}
.baidu_so p a{ color:#666; text-decoration:none; font-size:0.8rem; padding-left:5px;}
.baidu_so p a:hover{ text-decoration:underline;}

.baidu_right{width:289px; height:100%; float:right; overflow:hidden; display:none;}

/*首页产品展示*/
.cont_sd{width:100%;margin-bottom:2rem; overflow:hidden; height:auto; margin-top:0rem;}
.cont_sd .cont_cd{width:100%;margin:0 auto; overflow:hidden; height:auto;}

.cont_sd .cont_cd .prod_sk{width:100%;}
.cont_sd .cont_cd .prod_sk .prod_left_s{float:left;width:100%;margin-right:0px;background:#f5f5f5; height:auto; overflow:hidden;}
.cont_sd .cont_cd .prod_sk .prod_left_s .em_1{display:block;width:100%;height:5rem;background:#017be3 url(../images/em_1.png) no-repeat center center; background-size:100%; text-align:center; color:#fff; line-height:5rem;}
.cont_sd .cont_cd .prod_sk .prod_left_s .em_1 a{ color:#fff; font-size:1.5rem; font-style:normal;}
.cont_sd .cont_cd .prod_sk .prod_left_s .prod_ul{ width:100%; }

.cont_sd .cont_cd .prod_sk .prod_left_s .prod_ul li{padding-right:0px;position:relative; line-height:2.2rem; height:2.2rem; height:auto; padding-top:0px; width:8.53rem; float:left; list-style:none; overflow:hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;course:hand;  }

.cont_sd .cont_cd .prod_sk .prod_left_s .prod_ul li a{display:block; padding-left:0.5rem; font-size:0.8rem;border-bottom:1px solid #e4e4e4;color:#333;position:relative; transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-o-transition:0.4s ease; text-decoration:none;   pasdding-top:0px; overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;course:hand; }

.cont_sd .cont_cd .prod_sk .prod_left_s .prod_ul li a i{ float:left; font-size:0.6rem; padding-right:0.3rem;}
.cont_sd .cont_cd .prod_sk .prod_left_s .prod_ul li span{ margin-left:0.6rem;}
.cont_sd .cont_cd .prod_sk .prod_left_s .prod_ul li.li_on a{color:#3d62d5;padding-left:-2rem; background:url(../images/em_no.png) center center no-repeat;}
.cont_sd .cont_cd .prod_sk .prod_left_s .prod_ul li.li_on a i{opacity:1;filter:alpha(opacity:100); color:#3d62d5;}

.cont_sd .cont_cd .prod_sk .prod_left_s .hotline_d{height:104px;background:url(../images/hplogo.png) no-repeat top center;padding:0px;color:#fff; margin-top:25px; display:none;}
.cont_sd .cont_cd .prod_sk .prod_left_s .hotline_d em{display:block;font-size:14px;padding-top:9px;margin-bottom:2px;}
.cont_sd .cont_cd .prod_sk .prod_left_s .hotline_d strong{font-size:24px;letter-spacing:2px;}

.cont_sd .cont_cd .prod_sk .prod_cont{float:right;width:100%; height:33.0rem;overflow:hidden;position:relative; background:#fffff; margin-top:0rem;}

.cont_sd .cont_cd .prod_sk .prod_cont .prod_li .prod_cont_li_top{ width:100%;height:2.5rem; border-bottom:0.2rem solid #9dbb94; margin-bottom:0.5rem;}
.cont_sd .cont_cd .prod_sk .prod_cont .prod_li .prod_cont_li_top h2{ font-size:1rem; font-weight:300; line-height:2rem; padding-left:0.5rem;} 
.cont_sd .cont_cd .prod_sk .prod_cont .prod_li .prod_cont_li_top h2 span{ float:right; font-size:0.9rem; padding-right:0.5rem;} 

.cont_sd .cont_cd .prod_sk .prod_cont .prod_li{position:absolute;left:0;top:0;width:100%;height:100%;display:none; margin:0; padding:0;}

.cont_sd .cont_cd .prod_sk .prod_cont .prod_li ul{width:12rem; height:14.5rem; overflow:hidden; float:left; border:1px solid #f3f3f3; float:left; text-align:center; background:#fff; margin-left:0.5rem; margin-bottom:0.5rem; transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-o-transition:0.4s ease;}
.cont_sd .cont_cd .prod_sk .prod_cont .prod_li ul img{width:12rem;height:12rem;}
.cont_sd .cont_cd .prod_sk .prod_cont .prod_li ul h2{ width:100%; font-size:0.8rem; height:2.5rem; line-height:2.5rem; color:#555555; border-top:1px solid #f3f3f3; font-weight:300; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand;}
.
.cont_sd .cont_cd .prod_sk .prod_cont .prod_li ul:hover{ border:1px solid #45613a;}
.cont_sd .cont_cd .prod_sk .prod_cont .prod_li ul:hover h2{ border-top:1px solid #45613a; color:#45613a;}

.cont_sd .cont_cd .prod_sk .prod_cont .prod_li .prod_li_top{ width:100%; background:#3d62d5 url(../images/p_logo.png) left center no-repeat; background-size:10%; height:2.3rem; margin-top:0px; margin-bottom:0.5rem;}
.cont_sd .cont_cd .prod_sk .prod_cont .prod_li .prod_li_top h2{ color:#fff; font-size:1rem; font-weight:300; line-height:2.2rem; padding-left:2.8rem;}
.cont_sd .cont_cd .prod_sk .prod_cont .prod_li .prod_li_top h2 span{ float:right; margin-right:1rem;}
.cont_sd .cont_cd .prod_sk .prod_cont .prod_li .prod_li_top h2 span a{ color:#FFF; text-decoration:none; font-size:0.9rem;}
.cont_sd .cont_cd .prod_sk .prod_cont .prod_li .prod_li_top h2 span a:hover{ text-decoration:underline;}

/*首页优势*/
.home_youshi_all{ width:100%; height:auto; overflow:hidden; background:url(../images/mobile-youshi.png) top center no-repeat; margin-top:1.72rem; background-size:100%;}
.home_youshi_top{width:100%; height:auto; margin:0 auto; overflow:hidden;  margin-top:1.72rem; text-align:center;}
.home_youshi_top h2{ color:#fff; font-size:1.3rem;height:2.44rem; line-height:2.44rem; }
.home_youshi_top h2 span{ font-size:1.3rem; padding-left:0.3rem; }
.home_youshi_top h3{ color:#fff; font-size:1.3rem;height:2.44rem; line-height:2.2rem;}

.home_youshi_A{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:0px;}
.home_youshi_A_left{ width:100%; height:auto; float:left; overflow:hidden; text-align:center;}
.home_youshi_A_left img{ max-width:100%; height:auto;  margin:0 auto;}
.home_youshi_A_right{width:100%;height:auto; float:right; overflow:hidden;}
.home_youshi_A_right h2{ width:100%; height:3.56rem; overflow:hidden; font-size:1.2rem; line-height:3.56rem; color:#434343; margin-top:1rem; margin-bottom:0.3rem;}
.home_youshi_A_right h2 strong{ width:3rem; height:3.56rem; background:url(../images/hfk.png)  left center no-repeat; background-size:100%; font-size:1.6rem; float:left; line-height:3.56rem; text-align:center; color:#fff; margin-right:0.8rem;}
.home_youshi_A_right  p{ font-size:0.9rem; line-height:2.2rem; margin-left:1.8rem; color:#6c6c6c; padding-right:0.5rem;}
.home_youshi_A_right  p strong{ font-size:1.2rem; color:#022aa6; margin-right:1.2rem;}

.home_youshi_B{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:0px;}
.home_youshi_B_left{ width:100%; height:auto; float:left; overflow:hidden; text-align:center;}
.home_youshi_B_left img{ max-width:100%; height:auto;  margin:0 auto;}
.home_youshi_B_right{width:100%;height:auto; float:right; overflow:hidden;}
.home_youshi_B_right h2{ width:100%; height:3.56rem; overflow:hidden; font-size:1.2rem; line-height:3.56rem; color:#434343; margin-top:1rem; margin-bottom:0.3rem;}
.home_youshi_B_right h2 strong{ width:3rem; height:3.56rem; background:url(../images/hfk.png)  left center no-repeat; background-size:100%; font-size:1.6rem; float:left; line-height:3.56rem; text-align:center; color:#fff; margin-right:0.8rem;}
.home_youshi_B_right  p{ font-size:0.9rem; line-height:2.2rem; margin-left:1.8rem; color:#6c6c6c; padding-right:0.5rem;}
.home_youshi_B_right  p strong{ font-size:1.2rem; color:#022aa6; margin-right:1.2rem;}

#home_youshi_4{ width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:0px; padding-bottom:12.5rem;}


/*首页横幅*/
.home_hengfu_A{width:100%;height:13.48rem; background:url(../images/hengfu_A.jpg) top center no-repeat; background-size:500%;}
.home_hengfu_A ul{ width:100%; height:100%; margin:0 auto; overflow:hidden; }
.home_hengfu_A ul h2{ color:#fff; font-size:1.2rem; line-height:2.5rem; padding-left:1rem; padding-top:1rem;}
.home_hengfu_A ul p{ color:#fff; font-size:1rem; line-height:2rem; padding-left:1rem; padding-top:0.5rem;}
.home_hengfu_A ul p span{ color:#FF0; padding-left:5px; padding-right:5px;}

/*关于我们*/
.home_about{width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:0rem;}
.home_about_title{width:100%; height:3rem; overflow:hidden; border-bottom:1px solid #b4b4b4;}
.home_about_title img{ width:2.4rem; height:2.8rem; float:left; margin-right:0.5rem;}
.home_about_title h2{ font-size:1rem; line-height:2.8rem; float:left; font-weight:300;color:#3d62d5;}
.home_about_title h3{ font-size:1rem; line-height:2.8rem; float:left; font-weight:800;color:#ffb718; padding-left:0.5rem; padding-right:0.5rem;}
.home_about_title h4{ font-size:1rem; line-height:2.8rem; float:left; font-weight:800;color:#ffb718;}
.home_about_title span{ font-size:1rem; line-height:2.8rem; float:right; font-weight:300;color:#3d62d5; }
.home_about_title span a{ color:#646464; text-decoration:none;}
.home_about_title span a:hover{ text-decoration:underline;}

.home_about_content{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:1rem; border-bottom:1px solid #b4b4b4; padding-bottom:0rem;}
.home_about_content img{width:100%;height:auto; }
.home_about_content ul{width:90%; height:auto; margin:0 auto; padding-bottom:1rem; margin-top:1rem;}
.home_about_content ul p{ font-size:0.9rem; line-height:1.6rem; text-indent:2em; margin-bottom:0.5rem; color:#646464; text-align:justify; text-justify:inter-ideograph;}
.home_about_content ul p span{ color:#3d62d5;}

.home_about_honor{width:100%;height:auto; margin:0 auto; overflow:hidden; margin-top:1rem; border-bottom:1px solid #b4b4b4; padding-bottom:0.5rem; padding-top:0.5rem;}
.home_about_honor ul{ width:10.48rem; height:14.4rem; float:left; overflow:hidden; margin-left:1.5rem; margin-bottom:1.5rem;}
.home_about_honor ul img{width:100%; height:100%; display:block;}
.home_about_honor ul h2{ display:none;}
.home_about_honor ul:nth-child(1){ }


/*合作*/
.home_hezuo_all{ width:100%; height:auto; background:#f3f3f3; overflow:hidden; margin-top:0rem; padding-bottom:1.5rem;}
.home_hezuo_top{width:100%; height:auto; margin:0 auto; text-align:center; margin-top:5px; margin-bottom:0px;  margin-bottom:0px; background:url(../images/hezuo-h.png) top center no-repeat; overflow:hidden; position:relative; overflow:hidden;}
.home_hezuo_top h2{ line-height:3rem; color:#3a3a3a; font-size:1.5rem; padding-top:0px; color:#037cd5; padding-top:1rem;}
.home_hezuo_top span{  color:#454545; display:block; font-size:0.95rem; font-weight:300; font-family:"微软雅黑"; line-height:2.5rem; color:#b2b2b2; }

.dowebok { width:100%; margin:0px auto; font-size: 0; min-height:auto; margin-top:1rem; overflow:hidden;}
.dowebok img { width:7rem; height:7rem; margin:0px 1.5rem 0px 0px; border:1px solid #dad9d9;box-shadow:none; }
.dowebok img:hover{width:163px; height:163px; border:1px solid #ccc; box-shadow:none;}
.str_wrap{overflow:hidden;//zoom:1;width:1200px; position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;white-space:nowrap;}
.str_wrap.str_active{}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone{display:inline-block;//display:inline;//zoom:1;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone{left:0;top:100%;}
.str_down .str_move_clone{left:0;bottom:100%;}
.str_vertical .str_move,
.str_down .str_move{white-space:normal;width:100%;}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{cursor:inherit;}
.str_wrap img{max-width:none !important;}


.home_yyfw{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:1rem; padding-bottom:1rem;}
.home_yyfw_top{width:100%; height:auto; text-align:center; margin-bottom:1rem;}
.home_yyfw_top h2{ font-size:1.7rem; background-image: -webkit-linear-gradient(left,#2646ab,#f9b126);-webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing:5px; line-height:50px;}
.home_yyfw_top h3{ font-size:0.5rem; font-weight:300; font-size:0.6rem; color:#b2b2b2; line-height:3rem;}
.home_yyfw_content{width:100%; height:auto; overflow:hidden; min-height:10rem;}
.home_yyfw_content ul {width:8rem; height:9.5rem; float:left; overflow:hidden; text-align:center; margin-left:0.4rem; margin-top:0.5rem;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out; }
.home_yyfw_content ul a{ text-decoration:none;}
.home_yyfw_content ul img{width:7rem;height:7rem; border-radius:50%;}
.home_yyfw_content ul h2{ line-height:2.5rem; font-size:0.7rem; font-weight:300; color:#686868;}
.home_yyfw_content ul:hover{ transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);}
.home_yyfw_more{ width:100%;height:2rem; text-align:center; margin:0 auto; margin-top:1rem; margin-bottom:1rem;}
.home_yyfw_more table{ height:2rem; width:auto; margin:0 auto;}
.home_yyfw_more table td{ height:2rem; background:url(../images/1122.png) center center no-repeat; font-size:0.8rem; color:#fff; }
.home_yyfw_more table td a{ color:#fff; text-decoration:none; display:block; padding-left:1.5rem; padding-right:1.5rem;}
.home_yyfw_more table td a:hover{ text-decoration:underline;}

/*成功案例*/
.home_case_all{width:100%; min-height:1rem; height:auto; overflow:hidden; background:#f3f3f3; margin-top:0rem; padding-bottom:1rem;}
.home_anli{width:100%; height:auto; background:#fff; margin:0 auto; margin-top:0px; overflow:hidden;}
.home_anli_top{ width:95%; margin:0 auto; height:3.5rem; line-height:3.5rem; border-bottom:0.2rem solid #f3f3f3;}
.home_anli_top h2{ color:#0577bc; font-size:1.2rem; float:left;}
.home_anli_top span{ float:right; font-size:1rem; font-weight:800;}
.home_anli_top span a{ color:#454545; display:block;}

.home_anli_content{ width:100%; height:31rem; margin:0 auto; overflow:hidden; }
.home_anli_content .swiper-container{width:100%;height:100%;text-align:center; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; margin-top:0;}
.home_anli_content .swiper-wrapper{width:100%; margin:0 auto;}

.home_anli_content .swiper-slide ul{width:11rem; height:13rem; overflow:hidden; margin:0 auto; text-align:center; margin-left:1.1rem;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;  text-align:center; background:#fff; margin-top:1rem; border:1px solid #f4f4f4; float:left;}
.home_anli_content .swiper-slide ul img{  width:11rem;height:11rem;}
.home_anli_content .swiper-slide ul h2{  width:100%; height:60px; overflow:hidden; line-height:2rem; font-size:0.8rem; color:#333; border-top:1px solid #f4f4f4; text-align:left; font-weight:300; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand;}
.home_anli_content .swiper-slide ul h2 i{ float:left; color:#d4dfe7; font-size:0.9rem; margin-left:0.3rem; margin-right:0.2rem;}
.home_anli_content .swiper-slide ul:nth-child(1){ } 
.home_anli_content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fractio{ bottom:1rem;}
.home_anli_content .swiper-pagination-bullet-active{ background:#0081e8; }
/* 资讯 */
.g_zx{ height:100%;padding-top: 1rem; overflow:hidden; margin-bottom:1.2rem;}
.content_new{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.g_zx a{ text-decoration:none;}
.g_zx .m_zx{ width:24rem; margin:0 auto; margin-bottom:1rem; height:auto;}
.g_zx .last{ margin-right: 0;}
.g_zx h2{height:3rem;line-height:3rem; font-size:1rem;font-weight: bold; margin-bottom:0px; position: relative;left:0px; padding-left: 0px;}
.g_zx h2 a{color: #222222;}
.g_zx h2 a:hover{color: #3d62d5}
.g_zx h2 em{font-size:1rem;color: #adadad;font-family: arial;font-weight: normal;display: inline-block;padding-left:0.5rem;}
.g_zx h2 span a{font-size:1rem;color: #adadad;font-weight: normal; float:right;}

.m_zxcc{border: 1px solid #e3e3e3;height:13rem;padding:1rem 0px 0px 0.5rem; }
.g_zx .u_lst4 li{ height:2.2rem; line-height:2.2rem; border-bottom: 1px dashed #e3e3e3; padding-left:1rem;background:url(../images/dtico.jpg) no-repeat 0 0.5rem; overflow: hidden; font-size:0.9rem; list-style:none; overflow:hidden; overflow:hidden; 
text-overflow: ellipsis;white-space: nowrap;course:hand;}
.g_zx .u_lst4 li a{color: #666; overflow:hidden; 
text-overflow: ellipsis;white-space: nowrap;course:hand;}
.g_zx .u_lst4 li a:hover{color: #3d62d5}
.g_zx .u_lst4 .lastli{ border-bottom: none;}

.g_zx .more2{display: block;margin-top:0.6rem;width: 132px;height: 36px;line-height: 36px;background: #3d62d5;text-align: center;font-size: 14px;color: #fff;border-radius:10px;}
.g_zx .more2 a{color: #fff;}
.g_zx .u_lst4 li:last-child{ border-bottom:0;}
.m_zxc img{ transition: opacity 0.3s ease-out 0s; width:100%; height:12.48rem;}
.m_zxc img:hover{ opacity:0.8;}

.wend{float: left;margin-right: 0; padding-left:1rem; width:100%;height:500px;background: #f5f5f5; overflow:hidden;}
.wend h2{left:0;margin-bottom: 0;}
.myscroll { width:100%; margin:0 auto; height:425px;  margin: 0 auto;  line-height: 26px; font-size: 12px; overflow: hidden;}

.wend li{border-bottom: 1px dashed #ccc; height: 132px; padding: 0px 0px 0 0;  list-style:none; overflow:hidden; padding-right:0px; list-style:none;}
.wend .lastdl{ border-bottom: none;}
.wend dt{ height:29px; padding-left:30px; margin-top:10px; line-height:29px; background:url(../images/wen.jpg) no-repeat left top; font-size:14px; color:#333333; overflow: hidden;font-weight: bold;}
.wend dt a{ color:#333333;}
.wend dt a:hover{color: #e72027}
.wend dd{ padding-left:30px; background:url(../images/da.jpg) no-repeat left top; line-height:25px; color:#666; height: 75px; font-size: 13px; overflow: hidden; float:left; padding-right:30px;}


/*友情链接*/
.links{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:1rem; margin-bottom:0.5rem;}
.links h2{ width:100%; height:2rem; line-height:2.2rem; overflow:hidden; font-size:1.1rem; color:#626161; margin-bottom:0.5rem;}
.links h2 img{ float:left; margin-right:0.5rem;}
.links a{ display:block; float:left; color:#bcb7b7; font-size:0.8rem; line-height:1.8rem; padding-left:1rem; padding-right:1rem;}
.links a:hover{ text-decoration:underline;}
/*底部*/
.footer_top{width:100%;height:auto;background:#5d5d5d; margin-top:2rem; padding-top:0.5rem; padding-bottom:0.5rem;}
.footer_top ul{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.footer_top ul a{ color:#fff; line-height:2.5rem; font-size:1rem; width:6.4rem; display:block; float:left; text-align:center;}
.footer_top ul a:hover{ text-decoration:underline;}

.footer_content_all{width:100%; height:auto; background:#f3f3f3; overflow:hidden;}
.footer_content{width:100%; height:auto; margin:0 auto; overflow:hidden; padding-bottom:1rem;}
.footer_content_logo{width:100%;height:10rem;  overflow:hidden; text-align:center; background:url(../images/logo.png) center center no-repeat; }
.footer_content_logo img{ max-width:65%; display:none;}
.footer_content_lx{ width:90%; height:auto; margin:0 auto; padding-top:0rem; text-align:center;}
.footer_content_lx p{ font-size:0.9rem; color:#474646; line-height:2rem;}
.footer_content_right{ width:100%; float:right; text-align:center; padding-top:1rem;}
.footer_content_right img{width:6rem; height:6rem;}
.footer_content_right h2{ font-size:0.9rem;line-height:2.5rem; font-weight:300; color:#474646;}

.footer_bottom{width:100%; height:auto; background:#3d62d5; overflow:hidden; padding-top:0.5rem; padding-bottom:0.5rem;}
.footer_bottom ul{width:80%; height:auto; margin:0 auto; overflow:hidden; font-size:0.8rem; line-height:1.5rem; text-align:center;}
.footer_bottom h1{ font-size:0.8rem; color:#fff; font-weight:300;}
.footer_bottom h1 a{ color:#fff; }
.footer_bottom h1 a:hover{ text-decoration:underline;}

/*返回顶部*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 5rem;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #3d62d5 url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index:1000000;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #3d62d5 ;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 100px;
  }
}

.banner_x{ display:none;}
.banner_x_mobile{ width:100%; height:8rem; overflow:hidden; background-size:100%;}


/*内页*/
.tu_lei_main				{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:1rem;}
.tu_lei_main_l				{ width:100%; height:auto; float:left; overflow:hidden;} 
.tu_lei_main_l_t1			{ width:100%; height:auto;background:#fff; overflow:hidden; padding:0px 0; margin-bottom:0px;}
.tu_lei_main_l_t1_title		{ width:100%; height:3rem; margin:0 0.5rem; padding:0 0.5rem; overflow:hidden;}
.tu_lei_main_l_t1_title i{float:left; line-height:2.5rem;color:#022aa6; font-size:1.8rem; margin-right:0.5rem;}
.tu_lei_main_l_t1_title img	{ width:auto; height:30px; margin-top:10px; margin-right:10px; float:left;}
.tu_lei_main_l_t1_title b	{ width:20rem; height:3rem; float:left; font-size:1.3rem; color:#022aa6; line-height:2.5rem;}

.tu_lei_main_l_t1 .ce .no{ background:#f4f4f4; color:#022aa6;}
.clear{clear:both;}

.ce{display:block;width:100%; height:auto; margin:0 auto; }
.ce li{ list-style:none; float:left;}
.ce li i{ font-size:1rem; float:left;line-height:1.4rem; margin-right:0.5rem;}
.ce li a{padding: 0.8rem 0.8rem 0.8rem 0.8rem;color:white;display:block;cursor:pointer;background:url(../images/tu.png) no-repeat 0.5rem center; text-decoration:none; color:#3f3f3f; font-size:1rem; display:block; float:left;}

.ce li a:hover{ background:#ededed;  }
.ce li .dqian{background:none;}
.ce li .xz{ background:#ededed; color:#022aa6;}
.ce li .xuanze{ background:#f4f4f4; color:#022aa6;}

.er{ margin-bottom:0px; overflow:hidden;  width:95%; display:block; margin:0 auto;}
.er li{ float:left;  padding:0px; border:none; margin-bottom:5px;}
.er li i{ font-size:1rem; }
.er li a{display:block; color:white;font-size:0.9rem; padding:0.1rem;}
.er .e_li a{ color:#949494;}
.er li a:hover,.er li .sen_x{  }
.er .e_li a:hover,.er .e_li .sen_x{  }
.er .e_li .xuanle{ color:#022aa6;}


.thr{background:#0075c5; display:none;} 
.thr li{margin-bottom:1px;border-top: 1px solid rgb(180,180,180);position:relative;}
.er .e_li .thr li a{background:url(../images/more.png) no-repeat 10px center;}
.er .e_li .thr li a:hover{ background:#0075c5 url(../images/more.png) no-repeat 10px center;}
.er .e_li .thr li .xuan{ background:#0075c5 url(../images/more.png) no-repeat 10px center;}


.thr{background:#0075c5; display:none;} 
.thr li{margin-bottom:1px;border-top: 1px solid rgb(180,180,180);position:relative;}
.er .e_li .thr li a{background:url(../images/more.png) no-repeat 10px center;}
.er .e_li .thr li a:hover{background:#0075c5 url(../images/more.png) no-repeat 10px center;}
.er .e_li .thr li .xuan{ background:#0075c5;}

.tu_lei_main_l_t2			{ width:100%; height:auto;background:#f8f8f8; overflow:hidden; padding:10px 0; margin-bottom:20px; display:none;}
.tu_lei_main_l_t2_con		{ width:280px; height:auto; overflow:hidden; margin:0 auto; position:relative;}
.tu_lei_main_l_t3			{ width:100%; height:auto;background:#f8f8f8; overflow:hidden; padding:10px 0; margin-bottom:20px; display:none;}

.index_tumian_r				{ width:100%; height:auto; overflow:hidden;  background-color:#fff; margin-bottom:1rem; }
.index_tumian_r_top			{ width:100%; height:3rem; background:#484848; font-size:1.2rem; line-height:3rem; color:#f3f3f3;  overflow:hidden; margin-top:0rem;}
.index_tumian_r_top	i{ font-size:1rem; margin-right:0.5rem;color:#fff;}
.index_tumian_r_top b		{ float:left; font-weight:normal; font-size:18px; line-height:60px; display:none;}

.index_tumian_r_top span i{ font-size:1.2rem; color:#fff; padding-left:1rem;} 
.index_tumian_r_top span	{ font-size:1rem; line-height:3rem; color:#fff; height:3rem; overflow:hidden; margin:0 auto; text-align:left;}
.index_tumian_r_top span a{ font-size:1rem; color:#fff; text-decoration:none;}
.index_tumian_r_top span a:hover{ text-decoration:underline;}

.neirong{ width:100%; height:auto; min-height:10rem; padding-top:0.1rem; padding-bottom:0.5rem; margin:0 auto; overflow:hidden; }
.neirong_title{ width:100%; min-height:3rem; height:auto; font-size:1.5rem; font-family:"微软雅黑";color:#3f3f3f; line-height:3rem;  text-align:center; margin-bottom:0px; font-weight:700; }
.neirong_time{font-size:0.8rem; font-family:"微软雅黑";color:#999; line-height:2rem; word-spacing:8px; letter-spacing:1px; width:100%; height:2rem; text-align:center; border-bottom:1px solid #f8f8f8;}

.neirong_con{font-family:"微软雅黑";color:#333;  width:95%; height:auto; margin:0 auto; overflow:hidden; min-height:15rem; padding-bottom:0.5rem; padding-top:0.5rem; font-size:1rem;}
.neirong_con img{max-width:100%;}

.images_list{width:11rem; height:13rem; float:left; background:#fff; margin-top:1.2rem; margin-left:1.2rem; margin-right:0rem; border:1px solid #f3f3f3;}
.images_list dd{width:11rem; height:11rem; overflow:hidden;}
.images_list img{width:100%; height:100%; }
.images_list:hover img{ transform:scale(1.2); transition:1s linear 0.1s;}
.images_list h2{width:100%; height:2rem; line-height:2rem; font-size:0.8rem; font-weight:400; text-align:center; border-top:1px solid #f3f3f3; overflow:hidden;}
.images_list a{ color:#6e6e6e; text-decoration:none;}
.images_list:hover{ background:#022aa6;}
.images_list:hover a{color:#fff;}

.images_list_2{width:11rem; height:13.5rem; float:left; background:#fff; margin-top:1.5rem; margin-left:1.1rem; margin-right:0; border:1px solid #f3f3f3;}
.images_list_2 dd{width:100%; height:11rem; overflow:hidden;}
.images_list_2 img{width:100%; height:11rem; }
.images_list_2:hover img{ transform:scale(1.2); transition:1s linear 0.1s;}
.images_list_2 h2{width:100%; height:2.5rem; line-height:2.5rem; font-size:0.8rem; font-weight:400; text-align:center;border-top:1px solid #f3f3f3; overflow:hidden;}
.images_list_2 a{ color:#6e6e6e; text-decoration:none;}
.images_list_2:hover{ background:#022aa6;}
.images_list_2:hover a{color:#fff;}


.images_list_3{width:11rem; height:auto; float:left; background:#fff; margin-top:1.5rem; margin-left:1.1rem; margin-right:0; border:1px solid #f3f3f3;}
.images_list_3 dd{width:100%; height:15.48rem; overflow:hidden;}
.images_list_3 img{width:100%; height:15.48rem; }
.images_list_3:hover img{ transform:scale(1.2); transition:1s linear 0.1s;}
.images_list_3 h2{width:100%; height:2.5rem; line-height:2.5rem; font-size:0.8rem; font-weight:400; text-align:center;border-top:1px solid #f3f3f3; overflow:hidden;}
.images_list_3 a{ color:#6e6e6e; text-decoration:none;}
.images_list_3:hover{ background:#022aa6;}
.images_list_3:hover a{color:#fff;}

.index_tumian_r_ye{ width:100%; height:auto; overflow:hidden; margin:1rem 0 2rem; padding:0.8rem 0; text-align:center; font-size:0.8rem; line-height:50px; color:#2e2e2e; border-top:1px dashed #f3f3f3; margin:0 auto; position:relative; top:0.8rem; padding-bottom:0px;}
.index_tumian_r_ye a{ color:#2e2e2e; border:1px solid #2e2e2e; padding:0.6rem 1rem; margin:0 0.5rem; text-decoration:none; border-radius:0.8rem;}
.index_tumian_r_ye a:hover{ color:#fff; background-color:#3f3f3f; border:1px solid #3f3f3f;}
.index_tumian_r_ye span{ margin:0 0.5rem;}


/*新闻中心*/
.new_list{width:96%; height:auto; background:#fff; margin:0 auto;  border:0.1rem solid #f3f3f3; border-left:none; border-right:none; margin:0 auto; margin-bottom:1rem; overflow:hidden; margin-top:1rem;}
.new_list dd{width:8rem; height:8rem; margin:0 auto; background:url(../images/no_img.png) center center no-repeat; background-size:100%;  margin-top:0.5rem; margin-left:0rem; overflow:hidden; margin-right:0rem; float:left; border:1px solid #f3f3f3; margin-right:0.9rem;}
.new_list dd img{width:100%; height:100%; background:#fff;}
.new_list h2{ width:auto; margin:0 auto; font-size:1.2rem; padding-top:0.5rem; line-height:2.3rem; font-weight:300; color:#515151; font-weight:900;}
.new_list a{ color:#666; text-decoration:none;}
.new_list p{ width:auto; margin:0 auto;font-size:0.9rem; line-height:1.3rem;  color:#8e8e8e;  padding-top:0.5rem; text-align:justify; text-justify:inter-ideograph;}
.new_list span{ font-size:0.85rem; float:right; padding-left:0.8rem; color:#8e8e8e; padding-top:0.8rem; padding-bottom:0.8rem;}
.new_list:hover { background:#ffffff;  border-left:none; border-right:none;}
.new_list:hover img{transform:scale(1.1); transition:0.3s linear 0.1s;}
.new_list:hover h2{ color:#c50000;}

.neirong_next1					{font-size:0.9rem; font-family:"微软雅黑";color:#3f3f3f; line-height:1.3rem; width:100%; height:auto; overflow:hidden; border-top:2px solid #ededed; padding-top:0.5rem; margin-top:1rem; }
.neirong_next1 p				{ width:100%; float:left; overflow:hidden; padding-left:0.5rem; color:#6d6d6d;}
.neirong_next1 p.np1			{ text-align:right; position:relative;right:0.9rem;}
.neirong_next1 p span			{ margin-left:0px;}
.neirong_next1 p span a			{font-size:0.9rem; font-family:"微软雅黑";color:#333333; line-height:2rem; text-decoration:none;}
.neirong_next1 p span a:hover	{ color:#3f3f3f; text-decoration:underline;}

.neirong_new_tui			{ width:100%; height:auto; overflow:hidden; background-color:#FFFFFF; float:right; margin-bottom:0.5rem;}
.neirong_new_tui h2			{ width:100%; height:3rem; border-top:2px solid rgb(237, 237, 237); font-size:1.2rem; line-height:3rem; color:#6f6f6f; padding:0 0px; font-weight:300;  margin-top:0.8rem; overflow:hidden; text-indent:0.5rem;}
.neirong_new_tui h2 i{ float:left; font-size:1.5rem;color:#022aa6;}
.neirong_new_tui ul li		{ width:100%; height:2.5rem; overflow:hidden; margin:0px 0px; background:url(../images/more2.png) 1rem center no-repeat; line-height:2.5rem; font-size:0.8rem; color:#818182; list-style:none; }

.neirong_new_tui ul li p.npp1{ width:16rem; margin-left:2.3rem; float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.neirong_new_tui ul li p.npp1:hover{ text-decoration:underline; color:#3f3f3f;}
.neirong_new_tui ul li p.npp2{ width:5rem; float:right; text-align:right; font-size:0.8rem; padding-right:0.5rem;}

/*产品内容*/
.product-top{width:100%; height:auto; border-bottom:1px solid #d0d0d0; overflow:hidden;}

#preview{ float:none; text-align:center; }
.jqzoom{ width:24rem; height:24rem; border:1px solid #eeeeee; margin:0 auto; margin-top:0.8rem}
.jqzoom img{width:100%; height:100%;}


/*jqzoom*/
.jqzoom{padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden; display:none;}
.bigimg{width:640px;height:640px; display:none;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#022aa6 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move; display:none;}
#spec-list{ position:relative; width:322px; margin-right:6px; display:none;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0; display:none;}

.product-top-right{ width:100%; height:auto; overflow:hidden; padding-bottom:1rem;}

.product-top-right h2{ width:95%; margin:0 auto; text-align:left; padding-top:1rem; font-size:1rem; color:#939393;text-align:justify; text-justify:inter-ideograph; font-weight:400;}
.product-top-right h3{width:95%;margin:0 auto; height:auto; text-align:left; font-size:1.3rem; padding-top:1rem; color:#022aa6; min-height:1.5rem; line-height:1.5rem; border-bottom:1px solid #cecece; padding-bottom:1rem;}
.product-top-right h4{width:95%; margin:0 auto; text-align:left; text-align:justify; text-justify:inter-ideograph;  color:#333; line-height:1.5rem; font-size:0.9rem; padding-top:0.5rem; font-weight:400;}
.product-top-right h4 strong{ color:#231e1e;}
.product-top-right h4 dd{ }

.product_content_content{width:100%; min-height:222px; height:auto; overflow:hidden; margin:0 auto;}
.product_content_content h2{width:100%; min-height:50px; height:auto; line-height:50px; font-size:18px; font-weight:300; color:#858585; overflow:hidden; border-bottom:1px solid #d0d0d0;  text-indent:2%;}
.product_content_content h2 span{  color:#05066d; width:100px; text-align:center; color:#858585;}
.product_content_content h2 i{color:#022aa6; padding-right:5px;}

.chanpin_content{ width:95%; height:auto; margin:0 auto; overflow:hidden; padding-top:0.5rem; padding-bottom:0.5rem; min-height:15rem;}
.chanpin_content img{ max-width:100%;}

.xiayiye{width:100%; height:auto; line-height:3rem; overflow:hidden; margin-top:1rem; border-top:1px solid #dadada; margin-bottom:0rem;}
.xiayiye p{width:100%; height:2rem; line-height:2rem; font-size:1rem; color:#606062; padding-left:1rem; margin-top:0.5rem; overflow:hidden;}
.xiayiye p a{color:#959595; text-decoration:none; font-size:0.8rem; padding-left:1rem;}
.xiayiye p a:hover{ text-decoration:underline; color:#022aa6;}

.ss_no{width:90%; margin:0 auto; height:auto; text-align:center; font-size:18px; overflow:hidden; line-height:3rem; font-size:1.1rem; padding-top:3rem;}
.ss_no strong{ color:#019886;}

.new_list_ss{width:96%; min-height:1rem; height:auto; background:#fff; margin:0 auto;  border:0.1rem solid #f3f3f3; border-left:none; border-right:none; margin:0 auto; margin-bottom:1rem; overflow:hidden; margin-top:1rem; padding-bottom:0.5rem;}
.new_list_ss dd{width:8rem; height:8rem; margin:0 auto; background:url(../images/no_img.png) center center no-repeat; background-size:100%;  margin-top:0.5rem; margin-left:0rem; overflow:hidden; margin-right:0rem; float:left; border:1px solid #f3f3f3; margin-right:0.9rem;}
.new_list_ss dd img{width:100%; height:100%; background:#fff;}
.new_list_ss h2{ width:auto; margin:0 auto; font-size:1.2rem; padding-top:0.5rem; line-height:1.7rem; font-weight:300; color:#515151; font-weight:900; text-align:justify; text-justify:inter-ideograph;}
.new_list_ss a{ color:#666; text-decoration:none;}
.new_list_ss p{ width:auto; margin:0 auto;font-size:0.9rem; line-height:1.3rem;  color:#8e8e8e;  padding-top:0.5rem; text-align:justify; text-justify:inter-ideograph;}
.new_list_ss h3{ font-size:0.85rem; float:right; padding-left:0.8rem; color:#8e8e8e; padding-top:0.8rem; padding-bottom:0.5rem;}
.new_list_ss:hover { background:#ffffff;  border-left:none; border-right:none;}
.new_list_ss:hover img{transform:scale(1.1); transition:0.3s linear 0.1s;}
.new_list_ss:hover h2{ color:#c50000;}