@charset "utf-8";
/* 
开发者：淘宝店木卫二十一
官方链接：https://shop117774230.taobao.com/ 
业务范围：CMS主题开发、网站开发、小程序开发、公众号开发、软件定制开发
*/






img{ border:none;}
/*public*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
/*main*/

.lanrenzhijia{width:1250px;margin:0px auto;}
.lanrens{width:1250px; height:270px; background-color: #e5e5e5;display: flex;border-radius: 10px;}
.lanrenzhijia .title{height:35px; padding-top:7px;}
.lanrenzhijia .title-list{ position: relative; left:-30px; top:0; padding-top:2px;}
.lanrenzhijia .title-list li{ width: 93px;font-weight: bold; height:35px; font-size:14px;   color:#00547b; line-height:35px; text-align: center; float: left; display: inline;}
.lanrenzhijia .title-list li.on{cursor:pointer; color:#ff6600; background:#fff; font-weight: bold;border-radius: 4px;}
.lanrenzhijia .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}
.lanrenzhijia .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height:268px; position: relative; overflow: hidden; display: none; margin-top: 5px; padding:0 5px;}
.product ul{ position: absolute; left: 0px;}

.product-wrap .show{ display: block;}
.product-wrap{ height:270px; overflow:hidden; width:1250px;}
.product-wrap .product li{ float: left; display: inline; margin-left: 13px;background: #f3f3f3; 
transition:0.5s;
-webkit-transition:0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li a.imgwrap{ display:inline; width: 226px; height:180px; background: #fff; text-align:center;}
.product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}

.TAB_title{float:left; width:290px; margin-left:10px; height:35px; line-height:35px; border-bottom:1px #ccc dashed; text-align:left; overflow:hidden; margin-bottom:10px;}
.TAB_titlel{float:left; width:180px; height:35px; line-height:35px; font-size:14px; text-align:left; color:#177ba9;}
.TAB_titler{float:left;width:90px; height:35px; line-height:35px; font-size:12px; text-align:right; color:#ccc;}
.TAB_titler a{font-size:12px; color:#ccc;}
.TAB_titler a:hover{ color:#8ba4b1;}

.HNew_list_s{ width:310px; height:25px; float:left; overflow:hidden;}
.HNew_listb_s{ width:230px;float:left;height:25px; line-height:25px; text-align:left; overflow:hidden;}
.HNew_listb_s a{ font-size:12px; color:#2d5164;}
.HNew_listb_s a:hover{ font-size:12px; color:#39657c; text-decoration:underline;}
.HNew_lista_s{ width:10px; float:left; height:25px;}
.HNew_listc_s{ width:55px; height:25px; font-size:12px; float:right;line-height:25px; color:#8ba4b1; text-align: center;}



.HNew_listb a:hover{ font-size:14px; color:#39657c; text-decoration:underline;}
.HNew_listc{ width:55px; height:24px; font-size:12px; float:right;line-height:24px; color:#8ba4b1; text-align: center;}



body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.Shang{ width:100%; height:662px; background:url(../images3/index/banner_s.png) no-repeat top center;}
.Home-mainBox{ margin:0 auto; width:1250px; min-height:1280px;}
.Home-Pro{width:1250px;height:270px;border-radius: 10px;background-color: #e5e5e5;margin-top: 25px;}
.Home-Protop{ width:1250px; height:25px;}
.Home-Promid{ width:1250px; height:645px; background:url(../images3/index/suto_bg.jpg) no-repeat center; padding-top:25px;}
.Home-Probtn{ width:1250px; height:25px; background:url(../images3/index/suto_btn.jpg) no-repeat top center;}
.ty_Chan{ width:1250px; height:102px;}
.ty_Channel{ width:550px; height:102px; float:left;}

.Zise{width:290px; height:102px; float:left;  background:url(../images3/index/zise1.png) no-repeat left center;}
.Zisel{float:left; width:188px; height:102px;}
.Zisel:hover{ background:url(../images3/index/zise1s.png) no-repeat left center; }
.Ziselind{ display:block; text-align:center; width:130px; height:60px; margin-left:30px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.Ziselind:hover{ color:#fff; text-decoration:none;}
.Ziselind span{ font-size:22px;line-height:32px; color:#fff; text-decoration:none;}
.Ziser{display:block; float:left; width:102px; color:#6f00a2; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/zise2.png) no-repeat center; text-align:center; line-height:20px;}
.Ziser span{ font-size:22px;}
A.Ziser:hover{ background:url(../images3/index/zise2s.png) no-repeat center;  color:#FFF; text-decoration:none;}


.Zise_R{width:290px; height:102px; float:left; background:url(../images3/index/zise1.png) no-repeat right center;}
.Zise_R:hover{ background:url(../images3/index/zise1.png) no-repeat right center;
		transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;}
.Zise_Rl{float:left; width:188px; height:102px;}
.Zise_Rl:hover{background:url(../images3/index/zise1s.png) no-repeat center;}
.Zise_Rlind{ display:block; text-align:left; width:130px; height:60px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px; margin-left:30px;}
A.Zise_Rlind:hover{ color:#fff; text-decoration:none;}
.Zise_Rlind span{ font-size:22px;  line-height:32px; color:#fff; text-decoration:none;}
.Zise_Rr{display:block; float:left; width:102px; color:#6f00a2; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/zise2.png) no-repeat center; text-align:center; line-height:20px;}
.Zise_Rr span{ font-size:22px;}
A.Ziser:hover{ background:url(../images3/index/zise2s.png) no-repeat center;  color:#FFF; text-decoration:none;}



.Lvse{width:290px; height:102px; float:left;  background:url(../images3/index/lvse1.png) no-repeat left center;}
.Lvsel{float:left; width:188px; height:102px;}
.Lvsel:hover{float:left;  background:url(../images3/index/lvse1s.png) no-repeat left center;}
.Lvselind{ display:block; text-align:center; width:130px; height:60px; margin-left:30px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.Lvselind:hover{ color:#fff; text-decoration:none;}
.Lvselind span{ font-size:22px;  line-height:32px; color:#fff; text-decoration:none;}
.Lvser{display:block; float:left; width:102px; color:#005508; text-decoration:none; font-size:16px; height:76px; padding-top:26px; background:url(../images3/index/lvse2.png) no-repeat center; text-align:center; line-height:20px;}
.Lvser span{ font-size:22px;}
A.Lvser:hover{ background:url(../images3/index/lvse2s.png) no-repeat center;  color:#FFF; text-decoration:none;}


.Lvse_R{width:290px; height:102px; float:left;  background:url(../images3/index/lvse1.png) no-repeat right center;}
.Lvse_Rl{float:left; width:188px; height:102px;}
.Lvse_Rl:hover{float:left;  background:url(../images3/index/lvse1s.png) no-repeat left center;}
.Lvse_Rlind{ display:block; text-align:center; width:130px; margin-left:20px; height:60px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.Lvse_Rlind:hover{ color:#fff; text-decoration:none;}
.Lvse_Rlind span{ font-size:22px;  line-height:32px; color:#fff; text-decoration:none;}
.Lvse_Rr{display:block; float:left; width:102px; color:#005508; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/lvse2.png) no-repeat center; text-align:center; line-height:20px;}
.Lvse_Rr span{ font-size:22px;}
A.Lvse_Rr:hover{ background:url(../images3/index/lvse2s.png) no-repeat center;  color:#FFF; text-decoration:none;}



.Honse{width:290px; height:102px; float:left;  background:url(../images3/index/hongse1s.png) no-repeat left center;}
.Honsel{float:left; width:188px; height:102px;}
.Honsel:hover{ background:url(../images3/index/hongse1.png) no-repeat left center;}
.Honselind{ display:block; text-align:center; width:130px; height:60px; margin-left:30px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.Honselind:hover{ color:#fff; text-decoration:none;}
.Honselind span{ font-size:22px; line-height:32px; color:#fff; text-decoration:none;}
.Honser{display:block; float:left; width:102px; color:#a70000; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/hongse2.png) no-repeat center; text-align:center; line-height:20px;}
.Honser span{ font-size:22px;}
.Honser span:hover{   font-size:22px;}
A.Honser:hover{ background:url(../images3/index/hongse2s.png) no-repeat center;  color:#FFF; text-decoration:none;}

.Honse_R{width:290px; height:102px; float:left;  background:url(../images3/index/hongse1s.png) no-repeat right center;}
.Honse_Rl{float:left; width:188px; height:102px;}
.Honse_Rl:hover{  background:url(../images3/index/hongse1.png) no-repeat right center;}
.Honse_Rlind{ display:block; text-align:center; width:130px; margin-left:20px; height:60px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.Honse_Rlind:hover{ color:#fff; text-decoration:none;}
.Honse_Rlind span{ font-size:22px;  line-height:32px; color:#fff; text-decoration:none;}
.Honse_Rr{display:block; float:left; width:102px; color:#a70000; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/hongse2.png) no-repeat center; text-align:center; line-height:20px;}
.Honse_Rr span{ font-size:22px;}
A.Honse_Rr:hover{ background:url(../images3/index/hongse2s.png) no-repeat center;  color:#FFF; text-decoration:none;}



.lanse{width:290px; height:102px; float:left;  background:url(../images3/index/lanse1s.png) no-repeat left center;}
.lanse:hover{
		transition:0.1s all;
	-webkit-transition:0.1s all;
	-moz-transition:0.1s all;
	-o-transition:0.1s all;
	-ms-transition:0.1s all;}
.lansel{float:left; width:188px; height:102px;}
.lansel:hover{ background:url(../images3/index/lanse1.png) no-repeat left center;}
.lanselind{ display:block; text-align:center; width:130px; height:60px; margin-left:30px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.lanselind:hover{ color:#fff; text-decoration:none;}
.lanselind span{ font-size:22px;  line-height:32px; color:#fff; text-decoration:none;}
.lanser{display:block; float:left; width:102px; color:#00499a; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/lanse2.png) no-repeat center; text-align:center; line-height:20px;}
.lanser span{ font-size:22px;}
A.lanser:hover{ background:url(../images3/index/lanse2s.png) no-repeat center;  color:#FFF; text-decoration:none;}

.lanse_R{width:290px; height:102px; float:left;  background:url(../images3/index/lanse1s.png) no-repeat right center;}
.lanse_Rl{float:left; width:188px; height:102px;}
.lanse_Rl:hover{ background:url(../images3/index/lanse1.png) no-repeat right center;}
.lanse_Rlind{ display:block; text-align:center; width:130px; margin-left:20px; height:60px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.lanse_Rlind:hover{ color:#fff; text-decoration:none;}
.lanse_Rlind span{ font-size:22px;  line-height:32px; color:#fff; text-decoration:none;}
.lanse_Rr{display:block; float:left; width:102px; color:#00499a; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/lanse2.png) no-repeat center; text-align:center; line-height:20px;}
.lanse_Rr span{ font-size:22px;}
A.lanse_Rr:hover{ background:url(../images3/index/lanse2s.png) no-repeat center;  color:#FFF; text-decoration:none;}




.huangse{width:290px; height:102px; float:left;  background:url(../images3/index/huangse1s.png) no-repeat left center;}
.huangsel{float:left; width:188px; height:102px;}
.huangsel:hover{background:url(../images3/index/huangse1.png) no-repeat left center;}
.huangselind{ display:block; text-align:center; width:130px; height:60px; margin-left:30px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.huangselind:hover{ color:#fff; text-decoration:none;}
.huangselind span{ font-size:22px;  line-height:32px; color:#fff; text-decoration:none;}
.huangser{display:block; float:left; width:102px; color:#9b7c00; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/huangse2.png) no-repeat center; text-align:center; line-height:20px;}
.huangser span{ font-size:22px;}
A.huangser:hover{ background:url(../images3/index/huangse2s.png) no-repeat center;  color:#FFF; text-decoration:none;}

.huangse_R{width:290px; height:102px; float:left;  background:url(../images3/index/huangse1s.png) no-repeat right center;}
.huangse_Rl{float:left; width:188px; height:102px;}
.huangse_Rl:hover{ background:url(../images3/index/huangse1.png) no-repeat right center;}
.huangse_Rlind{ display:block; text-align:center; width:130px; height:60px; margin-left:20px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.huangse_Rlind:hover{ color:#fff; text-decoration:none;}
.huangse_Rlind span{ font-size:22px;  line-height:32px; color:#fff; text-decoration:none;}
.huangse_Rr{display:block; float:left; width:102px; color:#9b7c00; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/huangse2.png) no-repeat center; text-align:center; line-height:20px;}
.huangse_Rr span{ font-size:22px;}
A.huangse_Rr:hover{ background:url(../images3/index/huangse2s.png) no-repeat center;  color:#FFF; text-decoration:none;}



.chengse{width:290px; height:102px; float:left;  background:url(../images3/index/chengse1s.png) no-repeat left center;}
.chengsel{float:left; width:188px; height:102px;}
.chengsel:hover{ background:url(../images3/index/chengse1.png) no-repeat left center;}
.chengselind{ display:block; text-align:center; width:130px; height:60px; margin-left:30px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.chengselind:hover{ color:#fff; text-decoration:none;}
.chengselind span{ font-size:22px;  line-height:32px; color:#fff; text-decoration:none;}
.chengser{display:block; float:left; width:102px; color:#c53300; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/chengse2.png) no-repeat center; text-align:center; line-height:20px;}
.chengser span{ font-size:22px;}
A.chengser:hover{ background:url(../images3/index/chengse2s.png) no-repeat center;  color:#FFF; text-decoration:none;}

.chengse_R{width:290px; height:102px; float:left;  background:url(../images3/index/chengse1s.png) no-repeat right center;}
.chengse_Rl{float:left; width:188px; height:102px;}
.chengse_Rl:hover{ background:url(../images3/index/chengse1.png) no-repeat right center;}
.chengse_Rlind{ display:block; text-align:center; width:130px; height:60px; margin-left:20px; margin-top:19px; float:left; font-size:12px; color:#ddd; overflow:hidden; line-height:14px;}
A.chengse_Rlind:hover{ color:#fff; text-decoration:none;}
.chengse_Rlind span{ font-size:22px;  line-height:32px; color:#fff; text-decoration:none;}
.chengse_Rr{display:block; float:left; width:102px; color:#c53300; text-decoration:none; font-size:16px;   height:76px; padding-top:26px; background:url(../images3/index/chengse2.png) no-repeat center; text-align:center; line-height:20px;}
.chengse_Rr span{ font-size:22px;}
A.chengse_Rr:hover{ background:url(../images3/index/chengse2s.png) no-repeat center;  color:#FFF; text-decoration:none;}


.HNew-Promid{ width:1250px;}
.HNew_box{ width:310px; height:270px; float:left; margin-left:40px; margin-top:17px;}
.HNew_title{ width:310px; height:37px;}
.HNew_titleA1{ width:150px; height:37px; line-height:35px; font-size:14px; font-size: medium;   color:#00547b;  float:left;}
.HNew_titleA2{ width:150px; height:37px; line-height:35px; font-size:14px;   color:#00547b;  float:left; }
.HNew_titleA3{ width:150px; height:37px; line-height:35px; font-size:14px;   color:#00547b;  float:left; }
.HNew_titleA4{ width:150px; height:37px; line-height:35px; font-size:14px;   color:#00547b;  float:left; }
.HNew_titleA5{ width:150px; height:37px; line-height:35px; font-size:14px;   color:#00547b;  float:left; }
.HNew_titleA6{ width:150px; height:37px; line-height:35px; font-size:14px;   color:#00547b;  float:left; }

.HNew_titler{ width:100px;height:37px; line-height:37px; float:left; font-size:12px; text-align:right;float:right}
.HNew_titler a{ text-decoration:none;  color:#7e95a1;}
.HNew_titler a:hover{ text-decoration:underline; color:#39657c;}
.HNew_detial{ width:310px; height:220px; padding-top:10px;}
.HNew_detial_s{ float:left; width:310px; height:220px; padding-top:10px; margin-left:35px;}
.HNew_list{ width:310px; height:24px;}
.HNew_lista{ width:23px; float:left; height:24px; background:url(../images3/index/button3.jpg) no-repeat center;}
.HNew_listb{ width:230px;float:left; height:24px; line-height:24px; text-align:left; overflow:hidden;}
.HNew_listb a{ font-size:14px; color:#2d5164;}


/* ------------------------在线客服代码开始------------------------------—*/
.rides-cs {  font-size: 12px; background:#c80018; position: fixed; top: 180px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00408f;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 28px; float:left; position: relative; z-index:1;margin-top: 21px;height:260px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#FFF; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; width:120px; margin-left:10px; border-bottom:1px #eee solid; color:#ae001d; font-weight:normal; line-height:24px;text-align:left;}
.rides-cs .cn .titZxh{ font-size:16px; color:#00408f; font-weight:bold; line-height:18px;padding:2px;text-align:center;}
.rides-cs .cn .titZxh span{ font-size:12px; font-weight:normal;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height:30px; height:30px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a { font-size:16px;color:#00408f;}
.stout{ }
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images3/index/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images3/index/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}