@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0}
body{ color:#383737; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#FFF;}
img{ border:0; vertical-align:middle;}
ul, ul li{ list-style:none;}

a{ text-decoration:none; color:#373737;}
a:hover{ color:#d852b8;}
a.hover{ color:#d852b8;}
.color1{ color:#d852b8;}
.red{ color:#F00;}

.sz10{ font-size:10px;}
.sz14{ font-size:14px;}

.left{ float:left;}
.right{ float:right;}


.top{ width:960px; height:90px; margin:0 auto;}
.logo{ width:198px; height:90px;}
.top_ri{ width:141px; padding:30px 0; height:30px; position:relative;}
.lan{background:url(../images/lan.gif) left center no-repeat; height:14px; line-height:14px; width:111px; padding:8px 15px; cursor:pointer;}
.lan a{ display:block; outline:none;}
.lan2{ position:absolute; top:30px; top:60px; padding-top:5px; height:26px; width:139px; right:0px; border:solid 1px #c1bfbf; border-top:none; background:#FFF; display:none;} 
.lan2 p{ padding:4px 15px;}

.menu{ background:url(../images/nav.jpg) left center no-repeat; height:40px; width:960px; margin:0 auto;}
.nav{ width:750px; height:40px;}
.nav ul, .nav ul li{ list-style:none;}
.nav ul li{ float:left; height:40px; line-height:40px; font-size:14px; font-weight:bold;}
.nav ul li a{ color:#FFF; padding:0 22px; display:block; outline:none;}
.nav ul li a:hover{ background:url(../images/nav_2.png) left center repeat-x;}
.nav ul li a.hover{ background:url(../images/nav_2.png) left center repeat-x;}
.nav ul li.line{ background:url(../images/line.png) center center no-repeat; width:1px; font-size:0;}
.nav ul .none_bg{ background:none;}
.nav ul li.li1 a{ padding:0 25px; padding-left:30px;}
.nav ul li.li1 a:hover{ background:url(../images/nav_1.png) left center no-repeat;}

.top_sear{ width:200px; height:25px; padding:8px 0 7px 0;}
.text1{ width:140px; background:url(../images/sear.jpg) left center no-repeat; height:25px; border:none; line-height:25px; padding-left:34px; padding-right:10px; color:#fff;}

.main1{ height:240px; width:960px; margin:0 auto; padding:5px 0 15px 0;}

.banner{ width:640px; height:240px;}
.img_switch {margin:0 auto;}
#__01{margin:0 auto; height:240px; overflow:hidden;}
.img_switch_content {WIDTH: 100%; HEIGHT: 240px; position:relative;}
.img_switch_text {width: 115px;position: absolute; z-index:10; top:200px; right:15px; HEIGHT: 14px;}
.number_nav {DISPLAY: inline; FLOAT: left;}
.number_nav UL {font:0px Arial, Helvetica, sans-serif; padding: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none;}
.number_nav UL LI {float: left; background: none; float: left; width: 22px; cursor: pointer; height: 14px; line-height: 14px;  font-size:0px; text-align: center; filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75; display:inline; /*color:#FFF; border-right:solid 1px #FFF;*/}
#pic {OVERFLOW: hidden}

.m_new{ background:url(../images/mnew_bg.gif) left center no-repeat; width:315px; height:240px;}
.m_new1{ height:49px; line-height:49px; padding:3px 0 0 20px; font-size:20px; color:#383737;}
.m_new2{ padding:6px 20px; height:150px; overflow:hidden;}
.m_new2 ul, .m_news ul li{ list-style:none;}
.m_new2 ul li{ height:25px; line-height:25px; background:url(../images/tb1.gif) left center no-repeat; padding-left:10px;}
.m_new2 ul li a{ color:#666;}
.m_new2 ul li a:hover{ color:#921b77;}

.m_new3{ padding-right:20px; text-align:right; height:16px; line-height:16px;}
.m_new3 a{ color:#000; background:url(../images/tb2.png) left center no-repeat; padding-left:10px;}

.m_new4{ text-align:right; height:16px; line-height:16px;}
.m_new4 a{ color:#000; background:url(../images/tb2.png) left center no-repeat; padding-left:10px;}

.main2{ width:920px; height:316px; margin:0 auto; background:url(../images/m2_bg.gif) left top no-repeat; padding:10px 20px;}
.m2_le{ width:585px; height:316px;}
.m2_1{ height:35px; line-height:35px; font-size:20px;} 
.m2_2{ height:250px; padding:5px 0; line-height:20px; overflow:hidden;}
.m2_3{ height:100px; line-height:20px; overflow:hidden;}

.m2_ri{ width:295px; height:316px;}
.m2_4{ height:80px; line-height:20px; overflow:hidden;}

.foot{ height:52px; background:#d6d4d4; border-top:solid 3px #d852b8;}
.f_m{ width:960px; height:52px; line-height:52px; margin:0 auto;}

.hei5{ height:5px; font-size:0;}


/*about*/
.nyban{ width:960px; height:124px; margin:0 auto; padding:5px 0 10px 0;}
.ny_main{ width:960px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:20px;}
.ny_le{ width:184px; height:auto; overflow:hidden;}
.ny_le1{ background:url(../images/ny_left1.gif) left top no-repeat; height:81px; padding:7px;}
.ny_le2{ border:solid 1px #d8d8d8; border-top:none; background:url(../images/ny_left2.gif) left top repeat-x #FFF; padding:30px 12px; padding-top:0;}
.ny_le2 ul, .ny_le2 ul li{ list-style:none;}
.ny_le2 ul li{ height:30px; overflow:hidden; line-height:30px; border-bottom:dotted 1px #909090; background:url(../images/tb3.gif) 2px center no-repeat; padding-left:14px;}

.ny_ri{ width:763px; height:auto; overflow:hidden;}
.ny_ri1{ background:url(../images/ny_ri1.gif) left top no-repeat; height:26px; padding:2px 14px 0 28px; line-height:25px; color:#000;}
.ny_ri1 span{ color:#9d9d9d;}
.ny_ri1 a{ color:#9d9d9d;}
.ny_ri1 a:hover{ color:#0898c3;}
.ny_ri2{ background:url(../images/ny_ri2.gif) left top no-repeat #FFF; min-height:310px; _height:310px; overflow: visible; padding:12px 18px; line-height:22px;}
.ny_ri2 img{ max-width:726px;}
.new1{ height:110px; padding:10px 0;}
.new_tu{ width:140px; height:110px;}
.new1_ri{ width:560px; padding-left:15px; height:110px;}
.new1_ri1{ font-size:10px; color:#0898c3; height:20px; line-height:20px;}
.new1_ri2{ height:60px; line-height:20px; padding:5px 0; overflow:hidden;}
.new1_ri3{ height:20px; line-height:20px; background:url(../images/tb2.png) left center no-repeat; padding-left:10px;}
.new1_ri3 a{ color:#383737}
.new_list{ height:auto; overflow:hidden;}
.new_list ul, .new_list ul li{ list-style:none;}
.new_list ul li{ height:30px; line-height:30px; background:url(../images/tb4.gif) 1px center no-repeat; padding-left:16px; padding-right:10px; border-bottom:dashed 1px #d1d1d1;}

.page{ padding:10px; text-align:center; padding-bottom:0;}

.nv_1{ height:65px; text-align:center;}
.nv_1 h3{ font-size:18px; font-weight:bold; height:25px; line-height:25px; padding-top:15px;}
.nv_2{ height:auto; overflow:hidden; padding:0 12px; padding-bottom:20px;}
.nv_page{ padding-top:5px; height:44px; line-height:22px; border-top:dashed 1px #b9b9b9; color:#0898c3; font-size:11px; padding-left:12px;}
.nv_page a{ color:#646464;}
.nv_page a:hover{ color:#0898c3;}

.app_list{ height:auto; padding-top:10px; overflow:hidden;}
.app_list dl{ width:123px; height:130px; float:left; padding:0 11px;}
.app_list dl dt{ width:117xp; height:84px; padding:2px; border:solid 1px #d1e4ea; background:#FFF;}
.app_list dl dd{ height:36px; line-height:18px; padding:2px 0; text-align:center;}
.app_list a{ color:#0898c3;}

.con{ padding-top:10px; height:auto; overflow:hidden;}
.con_ri{ width:260px; float:right; height:auto; overflow:hidden; line-height:24px;}
.feedback{ background:url(../images/contact.gif) right bottom no-repeat; height:auto; overflow:hidden; padding-right:122px;}

.text2{ border:solid 1px #cbcbcb;}

.tb tr td{ padding:0 5px; color:#363636;}
.btn{ background:url(../images/btn_bg.jpg) no-repeat left bottom; height:45px; padding-top:20px;}
.btn2{ background:url(../images/btn_2.jpg) no-repeat; width:76px; height:23px; border:none; cursor:pointer; margin-right:22px; font-family:"微软雅黑";}
.btn2:hover{ color:#FFF;}

.pro_list{ height:auto; overflow:hidden;}
.pro_list ul, .pro_list ul li{ list-style:none;}
.pro_list ul li{ border-bottom:dashed 1px #c7d6da; padding:18px 0 15px 0; height:95px;}

.pro_pic{ height:93px; width:154px; border:solid 1px #d3dee1; position:relative; z-index:0;} 
.pro_pic span img{ border-width: 0;padding: 2px;z-index:0;}
.pro_pic span{ position: absolute;padding: 3px;border: 1px solid #ccc;visibility: hidden;background-color:#FFFFFF;z-index:999; }
.pro_pic:hover{background-color:transparent;z-index:0; }
.pro_pic:hover span{visibility: visible;right:-370px; z-index:999; }

.big{ width:21px; height:21px; position:absolute; right:0; bottom:0;}
.pro_ri{ width:520px; height:95px; padding-left:25px;}

.m_new5{ padding-top:10px;}



/**/
.pro_l1{ background:url(../images/pro_l1.gif) left center no-repeat; height:25px; width:904px; margin:0 auto; line-height:25px; color:#000; padding:2px 20px 1px 36px;}
.pro_l2{ background:url(../images/pro_l2.gif) left top no-repeat; min-height:475px; _height:460px; _overflow:auto; width:920px; margin:0 auto; padding:0 20px;}
.pro_l2 dl{ width:460px; height:122px; padding:16px 0; float:left;}
.pro_l2 dl dt{ background:url(../images/pro_l3.png) left top no-repeat; width:172px; height:109px; float:left; padding:3px; padding-bottom:10px;}
.pro_l2 dl dd{ width:260px; height:122px; float:left; padding-left:14px;}
.pro_l2 dl dd .dd1{ height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.pro_l2 dl dd .dd2{ height:48px; line-height:16px; overflow:hidden;}

.pro_ri_im{display: flex;height: 93px;flex-direction: column;justify-content: space-between;width: calc(100% - 182px);}
.pro_ri_info{width: 100%;}
.pro_ri_more {width: 100%;display: flex;justify-content: flex-end;}
.pro_ri_more a{width: 108px;height: 28px;background: #383737;font-size: 14px;color: #fff;display: block;border-radius: 14px;text-align: center;line-height: 28px;transition: all .4s ease;}
.pro_ri_more a:hover{background: #4f4f4f;}

#map .amap-logo,#map .amap-copyright{display: none !important;}
/* 产品详情 */
.proxq-contain{width: 100%;box-sizing: border-box;padding: 32px;}
.proxq{width: 100%;}
.proxqtw{width: 100%;overflow: hidden;}
.proxqtw-loop{width: 335px;float: left;}
/* --- */
.gallery-top{width:100%;}
.proxqtw-img{display: flex;width: 100%;height: 206px;border: 1px solid #d8d8d8;box-sizing: border-box;align-items: center;justify-content: center;background: #fff;}
.proxqtw-img img{max-width: 90%;max-height: 90%;}
.gallery-thumbs{width: 100%;margin-top: 12px;position: relative;padding: 0 22px;box-sizing: border-box;}
.gallery-thumbs .swiper-button-prev, .gallery-thumbs .swiper-button-next{position: absolute;margin: 0;width: 22px;height: 100%;left: 0;top: 0;background: url('../images/ttArr.png') no-repeat left center;transition: all .4s ease;}
.gallery-thumbs .swiper-button-next{transform: rotate(180deg);left: auto;right: 0;}
.gallery-thumbs .swiper-button-prev:hover, .gallery-thumbs .swiper-button-next:hover{background-image: url('../images/ttArrH.png');}
.gallery-thumbs .equip-min{display: flex;width: 100%;height: 55px;overflow: hidden;box-sizing: border-box;border: 1px solid #d8d8d8;align-items: center;justify-content: center;}
.gallery-thumbs .equip-min img{max-width: 90%;max-height: 90%;}
.gallery-thumbs .equip-min.active{border:2px solid #d952b9;}
/* --- */
.proxqtw-cont{width: 335px;float: right;}
.proxqtw-cont-title{width: 100%;border-bottom: 1px dashed #d0d0d0;padding-bottom: 20px;}
.proxqtw-cont-title h2{font-size: 22px;color: #555;line-height: 1.3;margin-bottom: 12px;}
.proxqtw-cont-title p{font-size: 14px;color: #888;line-height: 24px;min-height: 96px;}
.proxqtw-cont-info{width: 100%;margin-top: 18px;}
.proxqtw-cont-info p{font-size: 14px;color: #888;line-height: 24px;min-height: 48px;}
.proxqtw-cont-info p span{color: #d952b9;}
.proxqtw-cont-click{display: flex;align-items: center;justify-content: center;width: 155px;height: 37px;border-radius: 18px;transition: all .4s ease;background: #383737;margin-top: 10px;}
.proxqtw-cont-click span{padding-left: 24px;background: url('../images/ttDown.png') no-repeat left center;font-size: 14px;color: #fff;}
.proxqtw-cont-click:hover{background: #4f4f4f;}
.proxqxx{width: 100%;margin-top: 50px;}
.proxqxx-menu{width: 100%;box-sizing: border-box;border-bottom: 1px solid #d8d8d8;font-size: 0;user-select: none;}
.proxqxx-menu a{display: inline-block;vertical-align: bottom;width: 150px;height: 34px;line-height: 34px;text-align: center;margin-bottom: -1px;border: 1px solid #d8d8d8;border-top-left-radius: 10px;border-top-right-radius: 10px;font-size: 15px;color: #555;background: linear-gradient(to bottom,#f2f2f2,#fff);}
.proxqxx-desc{width: 100%;padding-top: 32px;}
.proxqxx-desc h2, .proxqxx-desc p{font-size: 14px;color: #888;line-height: 24px;}
.proxqxx-desc h2{font-weight: 700;}
.proxqxx-desc img{max-width: 100%;}

#RunTopic{height: 150px;overflow: hidden;}
.pro_ri_info span{color: #383737;font-weight: 700;}