/*关于我们样式开始*/
.index_about{ width:1300px; margin:0 auto; margin-top:50px;  max-height:none; overflow:hidden; margin-bottom:45px;}
.index_about_top{ text-align:center;}
.index_about_top h2{ font-size:36px; font-weight:bold; color:#313131}
.index_about_top h3{ font-size:22px; color:#757575; }
.index_about_content{ margin-top:36px;}
.pho_top{ display:none;}
.about_video{ width:645px; height:364px; background:#000; border:1px solid #CCC; padding:2px; float:left}
#video1{ width:645px; height:364px;}
.about_cont{ float:right; width:625px; height:370px;}
.about_cont_top{ max-height:none; overflow:hidden;}
.cont_top_left{ float:left;font-size:30px;}
.cont_top_left h3,h2{ display:inline;}
.cont_top_left h2{ font-size:30px;color:#313131;font-weight:bold;}
.cont_top_left h3{ font-size:18px;}
.cont_top_right{ float:right;}
.cont_top_right a{ display:block; width:60px; height:20px; line-height:20px; border-radius:20px; background:#007cc2; color:#FFF; text-align:center}
.about_text{ font-size:16px; line-height:26px; margin-top:10px; max-height:none; overflow:hidden; color:#333}
.about_text p{ text-indent:2em;}
.index_num{ margin-top:20px;}
.index_num li{ float:left; width:33.3%; text-align:center;}
.index_num li h2{ font-size:28px; font-weight:bold;color:#ff4a00; display:inline}
.index_num li  span{ font-size:16px !important;color:#313131; }
/*关于我们样式结束*/
/*banner样式开始*/ 
/*banner样式结束*/

/*首页产品分类样式开始*/
.index_product{ width:100%;  padding-top:50px;  max-height:none; background:#13a5f4; overflow:hidden; padding-bottom:30px; margin-top:10px;}
.index_product_top{ text-align:center; width:1300px; margin:0 auto;}
.index_product_top h2{ font-size:36px; font-weight:bold; color:#fff}
.index_product_top h3{ font-size:22px; color:#fff; }

.index_pro_class{ width:1320px; margin:0 auto; padding-top:40px;}
.index_class_list{ float:left; margin-left:10px; position:relative; background-position:center; margin-right:10px; width:409px; height:272px; background-size:409px 272px !important; margin-bottom:20px; border:2px #FFFFFF solid; border-radius:10px;overflow:hidden}
.index_class_list img{ width:100%;position:relative;}
.index_class_list span{ position:absolute; z-index:2; background:#000; width:100%; opacity:0.8; color:#FFF; bottom:0px; text-align:center; height:40px; line-height:40px; font-size:20px; display:block}
.index_class_list:hover{background-size:600px 400px !important;;}
.index_class_list:hover li{background:rgba(0,0,0,0.8);display:block;	}
.index_class_list:hover span{ bottom:-40px;}
.index_class_list:hover img{ width:150%;}
.index_class_list li{ position:absolute; z-index:3; background:rgba(0,0,0,1); width:100%;color:#FFF; bottom:0px; width:409px; height:272px; display:none;}
.index_class_list li h2{ text-align:center; font-size:24px; font-weight:bold; color:#FFF; display:block;padding-top:40px;}
.class_content{ padding:20px; line-height:20px; font-size:14px; text-indent:2em;}
.index_class_list li a{ display:block; width:50%; border-radius:40px; height:40px; font-size:16px; font-weight:bold; line-height:40px; color:#FFF; background:#00adef; text-align:center; margin:0 auto;}
/*首页产品分类样式结*/


/*推荐产品样式开始*/
.tui_product{ width:100%;padding-top:50px;  max-height:none; overflow:hidden; padding-bottom:30px;}
.tui_top{ width:1300px; margin:0 auto; height:70px; background:url(../images/index_20.jpg) 10px 65px no-repeat; padding-left:10px; padding-right:10px;}
.tui_text{ float:left; line-height:32px;}
.tui_text h2{ font-size:32px; font-weight:bold; display:block}
.tui_text span{ font-size:15px; color:#666;}
.tui_a{ float:right; padding:20px;}
.tui_a a{ width:120px; height:30px; line-height:30px; float:left; font-size:16px; margin-right:20px; border-radius:30px; text-align:center; display:block; border:1px solid #ff4a00;}
.tui_a a:hover{ background:#ff4a00; color:#FFF; border:1px solid #ff4a00; font-weight:bold;}
.tui_list{ width:1320px; margin:0 auto; padding-top:25px;}
.tui_list ul{float:left; margin-left:10px;margin-right:10px;width:310px; margin-bottom:20px;}
.tui_class_img img{height:258px; padding:2px;border:1px solid #CCC;width:304px;}
.tui_list ul li{line-height:30px;text-align:center;}
.tui_list a:hover{color:#ff0000; margin-top:-5px;}
.tui_list a:hover img{height:258px;moz-box-shadow: 0px 0px 20px #888888; /* 老的 Firefox */box-shadow: 0px 0px 20px #888888;}
/*推荐产品样式结束*/

/*产品优势样式开始*/
.index_you{ width:100%;  padding-top:10px;  max-height:none; background:#eeeeee; overflow:hidden; padding-bottom:30px; margin-top:10px;}
.index_you_top{ text-align:center; width:1300px; margin:0 auto;}
.index_you_top h2{ font-size:36px; font-weight:bold; color:#333}
.index_you_top h3{ font-size:22px; color:#666; }
.tui_all{width:1300px; margin:0 auto; padding-top:30px; padding-bottom:20px; max-height:none; overflow:hidden;}
.tui_all ul{height:160px; width:635px;  margin-bottom:10px;}
.tui_left{float:left;}
.tui_left li{ width:330px; float:right; margin-right:140px; text-align:right; padding-top:37px; font-size:16px; line-height:24px;}
.tui_left li h3{ color:#ff4a00; font-size:20px; font-weight:bold; line-height:36px;}
.tui_right li{ width:350px; float:left; margin-left:140px; text-align:left; padding-top:37px; font-size:16px; line-height:24px;}
.tui_right li h3{ color:#ff4a00; font-size:20px; font-weight:bold; line-height:36px;}
.tui_right{float:right; }
.ico_tuan{background:url(../images/huileftico.png) right,#ffffff; background-position-y:13px !important; background-repeat:no-repeat;}
.ico_she{background:url(../images/huileftico.png) right,#ffffff;background-position-y:-150px  !important; background-repeat:no-repeat;}
.ico_biao{background:url(../images/huileftico.png) right,#ffffff;background-position-y:-324px  !important; background-repeat:no-repeat;}
.tui_left:hover{background:url(../images/baileftico.png) right, #343535;color:#FFF;background-repeat:no-repeat; }
.tui_left:hover li{ margin-right:150px !important;}
.ico_fang{background:url(../images/huirightico.png),#ffffff;background-position-x:17px;background-position-y: 13px !important; background-repeat:no-repeat;}
.ico_sheng{background:url(../images/huirightico.png),#ffffff;background-position-x:17px;background-position-y:-150px !important; background-repeat:no-repeat;}
.ico_ke{background:url(../images/huirightico.png),#ffffff;background-position-x:17px;background-position-y: -324px !important; background-repeat:no-repeat;} 
.tui_right:hover{background:url(../images/bairightico.png) left no-repeat, #343535;background-position-x:17px;color:#FFF; }
.tui_right:hover li{ margin-left:150px;}
/*产品优势样式结束*/


/*案例样式开始*/
.tui_case{ width:100%;padding-top:10px;  max-height:none; overflow:hidden; padding-bottom:30px;}
.tui_top{ width:1300px; margin:0 auto; height:70px; background:url(../images/index_20.jpg) 10px 65px no-repeat; padding-left:10px; padding-right:10px;}
.tui_text{ float:left; line-height:32px;}
.tui_text h2{ font-size:32px; font-weight:bold; display:block}
.tui_text span{ font-size:15px; color:#666;}
.tui_a{ float:right; padding:20px;}
.tui_a a{ width:120px; height:30px; line-height:30px; border-radius:30px; text-align:center; display:block;}
.tui_a a:hover{ background:#ff4a00; color:#FFF;}
.case_list{ width:1320px; margin:0 auto; padding-top:25px;}
.case_list ul{float:left; margin-left:10px;margin-right:10px;width:310px; margin-bottom:20px;}
.case_class_img img{height:196px; padding:2px;border:1px solid #CCC; width:304px;transition: 0.5s;}
.case_class_img{overflow:hidden;}
.case_list ul li{line-height:30px;text-align:center;}
.case_list a{display:block; height:236px; width:100%;transition: 0.5s;}
.case_list a:hover{ color:#FFF; margin-top:-10px; height:246px !important; background:#666; } 
.case_list a:hover img{height:196px;moz-box-shadow: 0px 0px 20px #888888; /* 老的 Firefox */box-shadow: 0px 0px 20px #888888; border:1px solid #ccc;
            transform:scale(1.2);
            -ms-transform:scale(1.2);
            -webkit-transform:scale(1.2);
            -o-transform:scale(01.2);
            -moz-transform:scale(1.2); }
/*案例样式结束*/
 

/*方案样式开始*/ 
.index_plan{ width:100%; background:#999; max-height:none; overflow:hidden; padding-bottom:30px; padding-top:10px;}
.plan_pho_box{ display:none;}
.plan_pto_ico{ display:none;}
.index_plan_top{ text-align:center; width:1300px; margin:0 auto;}
.index_plan_top h2{ font-size:36px; font-weight:bold; color:#fff}
.index_plan_top h3{ font-size:22px; color:#fff; }
.plan_box{ width:1300px; margin:0 auto; max-height:none; overflow:hidden; padding-bottom:10px; margin-top:15px; border-radius:10px;}
.plan_box_text{ text-indent:2em; line-height:30px; font-size:18px; color:#333333;width:1100px;margin:0 auto;padding-top:60px;overflow:hidden;max-height:none;}
.plan_box_texts{ display:none;}
.plan_ico{ width:1150px; height:310px;  background: url(../images/index_24.jpg) 35px 30px no-repeat,#FFF; margin:0 auto; border-radius:10px;margin-top:30px; position:relative;}
.plan_ico span{ font-size:18px;}
.plan_one{position:absolute; top:173px; left:50px;}
.plan_two{position:absolute; top:107px; left:235px;}
.plan_three{position:absolute; top:235px; left:235px;}
.plan_four{position:absolute; top:173px; left:435px;}
.plan_five{position:absolute; top:173px; left:635px;}
.plan_six{position:absolute; top:173px; left:817px;}
.plan_seven{position:absolute; top:173px; left:1013px;}
/*方案样式结束*/

/*新闻样式开始*/
/*新闻样式开始*/
 .news_top{ width:1300px; margin:0 auto; max-height:none; overflow:hidden;}
 .news_menu_top{ background:url(../images/index_20.jpg) center bottom no-repeat; display:block; text-align:center; margin-top:40px; height:53px; line-height:40px; font-size:16px; color:#666; }
 .news_menu_top h2{ font-size:36px; font-weight:bold; color:#333; display:block;letter-spacing:10px;}
 .news_menu{ display:block; text-align:center; margin-top:20px; line-height:40px; font-size:16px; padding-bottom:20px;}
 .news_menu a{ display:inline-block; margin-left:10px; margin-right:10px; height:40px; border:1px solid #ddd; border-radius:5px; width:140px;}
 .news_menu a:hover{background:#ff4a00; color:#FFF;border:1px solid #ff4a00;}
 .news_menu_link{background:#ff4a00 !important; color:#FFF;border:1px solid #ff4a00 !important;}

.index_news{ width:1320px; max-height:none; overflow:hidden; margin:0 auto; padding-top:20px;}
.index_news ul{ width:610px; margin-left:10px; margin-right:10px; float:left; height:170px; padding:15px; background:#f4f3f3; margin-bottom:15px;}
.news_img{ float:left; width:215px; height:161px; padding:2px; border:1px solid #CCC; }
.news_text{ float:left; margin-left:20px; width:365px;}
.news_text h2{ display:block; font-size:16px; font-weight:bold;}
.news_text span{display:block; margin-bottom:10px;  margin-top:10px; font-size:14px; line-height:20px; text-indent:2em;}
.news_text p{ display:block; width:140px; text-align:center; height:30px; line-height:30px; color:#FFF; background:#ff4a00; margin:0 auto; border-radius:20px;}
.index_news ul:hover{ background:#333; color:#FFF}
.index_news ul:hover p{ background:#f47213;}
.index_news ul:hover .news_img{ background:#FFF;} 
.index_news ul:hover .news_text{width:355px} 
.pho_news{ display:none; padding-top:20px;}
.news_img img {
    width: 100% !important;object-fit: cover;height:161px;
}
.tui_news{ width:100%;padding-top:0px;  max-height:none; overflow:hidden; padding-bottom:30px;} 
.part_news{ width:100%;padding-top:0px;  max-height:none; overflow:hidden; padding-bottom:30px;} 
/*新闻样式结束*/

.index_about_all{ width:100%; background:#eee; max-height:none; overflow:hidden}

#div9{width:calc(100% - 16px); margin:0 auto; max-height:none;overflow: hidden; margin-top:20px;}
#div10,#div11{float:left;}
#div12{width:1500%;/*这个属性很重要 让容器有足够的宽度实现*/float:left;}
.part_case_list{ width:1300px; margin:0 auto; margin-top:20px;}
.part_case_list li{float:left; margin-right:4px; margin-left:4px; width:calc(16.66666% - 8px); margin-bottom:8px;}
.part_case_list li img{border:1px solid #ddd;width:calc(100% - 2px)}

/*map*/
.index_map{ width:700px; background:url(../images/map.png) center top no-repeat; height:580px; margin-top:20px; margin-left:20px; float:left; position:relative;}
 
.pulse{display: inline-block;position: absolute; height: 30px;width: 30px; -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;
background: #fff100; opacity: 0.35;filter: alpha(opacity=0); -webkit-animation: warn 2.5s ease-out;
-moz-animation: warn 2.5s ease-out; animation: warn 2.5s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.pulse{ background:#fff100;top: -5px;left:20px;}
.map_c{
    display:inline-block;
    position:absolute;
    left:30px;
	top:5px;
    width:10px;
    height:10px;-webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    opacity:1;
    background:#ff0000;
	position:absolute;
	}
.map_box{cursor:hand;cursor:pointer;}
.map_show{ position:absolute; width:300px; background:#FFF; border-radius:5px; padding:20px; left:608px; top:-20px; display:none;}
.map_show_open{ display:block !important;}
.map_top{ font-size:20px; color:#333; line-height:30px; font-weight:bold;}
.map_text{ font-size:16px; line-height:30px;}
.map_box  span{ position:relative; top:-15px; color:#fff100}
.map_box  b{ position:absolute; top:10px; left:30px; color:#ff4a00; font-size:20px; font-weight:bold; display:block; width:50px;}
.map_box  span img{ width:30px;}
.map2 span{ left:-25px; top:0px !important }
.map4 span{ left:30px; top:0px !important }
.map5 span{ left:-20px; top:5px !important }
.map8 span{ left:-20px; top:0px !important }
.map9 span{ left:-20px; top:0px !important }
.map10 span{ left:-20px; top:0px !important }
.map12 span{ left:0px; top:15px !important }
.map13 span{ left:0px; top:15px !important }
.map1{ left:568px; position:absolute; top:100px;}
.map2{ left:558px; position:absolute; top:140px;} 
.map3{ left:540px; position:absolute; top:240px;} 
.map4{ left:558px; position:absolute; top:360px;}
.map5{ left:538px; position:absolute; top:392px;}
.map6{ left:537px; position:absolute; top:358px;}
.map7{ left:395px; position:absolute; top:220px;}
.map8{ left:437px; position:absolute; top:254px;}
.map9{ left:481px; position:absolute; top:280px;}
.map10{ left:447px; position:absolute; top:295px;}
.map11{ left:433px; position:absolute; top:348px;}
.map12{ left:462px; position:absolute; top:359px;}
.map13{ left:410px; position:absolute; top:526px;}
.map14{ left:386px; position:absolute; top:482px;}
.map15{ left:310px; position:absolute; top:448px;}
.map16{ left:425px; position:absolute; top:496px;}
.map17{ left:330px; position:absolute; top:360px;}
.map18{ left:389px; position:absolute; top:302px;}
.map20{ left:135px; position:absolute; top:158px;}
.map21{ left:198px; position:absolute; top:367px;}
.map19{ left:553px; position:absolute; top:385px;z-index:0;}
.map19 b{ left:40px !important; top:0px !important }
.colors{ background:#ff4a00 !important}
.colorss{ width:15px !important; height:15px !important;}
.map_box{ width:70px; text-align:center;}
@keyframes warn{
0%{transform:scale(0);opacity:0}
30%{transform:scale(0.3);opacity:0.2}
60%{transform:scale(0.8);opacity:0.3}
100%{transform:scale(1.6);opacity:0.0}
}
@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);opacity:0.0}
30%{-webkit-transform:scale(0.3);opacity:0.2}
60%{-webkit-transform:scale(0.8);opacity:0.3}
100%{-webkit-transform:scale(1.6);opacity:0.0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);opacity:0.0}
30%{-moz-transform:scale(0.3);opacity:0.2}
60%{-moz-transform:scale(0.8);opacity:0.3}
100%{-moz-transform:scale(1.6);opacity:0.0}
}

.map_right{ float:left; margin-top:230px; width:260px; margin-left:20px; background:#FFF; padding:20px;border-radius:10px;}
.map_right_top{ color:#000; font-size:30px; font-weight:bold}
.map_right_text{ color:#FFF; font-size:16px; line-height:30px;} 
.map_right_text li{ clear:both; font-weight:bold}
.map_right_text li div{width:15px; height:15px; border-radius:50%;  position:relative; top:7px; float:left; margin-right:6px; margin-left:6px;}
.cat1 div{background:#ff4a00; color:#ff4a00;}
.cat1 span{float:left; color:#ff4a00}
.cat2 div{background:#0048ff; color:#0048ff;}
.cat2 span{float:left; color:#0048ff}
.cat3 div{background:#ff0000; color:#ff0000;}
.cat3 span{float:left; color:#ff0000}
.cat4 div{background:#036b08; color:#036b08;}
.cat4 span{float:left; color:#036b08}


.blue{ background:#0048ff !important; border:1px solid #FFF;}
.green{ background:#036b08 !important; border:1px solid #FFF;}

/*地图设计样式开始*/ 
svg{
	   display: block;
       margin: 0 auto; 
	   background-size:100%;animation:zizou 10000s;
	   position:relative !important;
	   left:-275PX !important;
	   top:-54px !important;
    } 
@keyframes zizou{
     from{
       transform:scale(0.8);
        }
     to{
       transform:scale(0.8);
          }	 
}
tspan{animation:zizous 10000s; display:block; border:1px solid #000; font-size:20px;}

circle {
            stroke: #000;
            animation:dian 2s infinite;
			fill:#ec8178
}

@keyframes dian {
          from {r: 5;fill-opacity:0.2}
    	  to {r: 10;fill-opacity:0.8}
        }
@-webkit-keyframes dian {
           from {r: 5;fill-opacity:0.2}
    	  to {r: 10;fill-opacity:0.8}
        }
@-moz-keyframes dian {
           from {r: 5;fill-opacity:0.2}
    	  to {r: 10;fill-opacity:0.8}
        }  
.all_map{
	 background: no-repeat url("/map.jpg") center -0px   ;
	 width:100%;
	 height:900px;;
	 background-size:1990px;
	 position:relative;
	}
.txttop{font-size: 20px;
    color: #333;
    line-height: 30px;
    font-weight: bold;}
#ChinaMap{padding-right:00px;padding-left:0px;padding-bottom:10px; margin:0px auto;padding-top:10px;position:relative;text-align:center; width:1300px; height:800px; text-align:center;}
#tiplayer{padding-right:5px;padding-left:5px;z-index:1000;min-height:1em;background:#fff;max-width:250px;padding-bottom:5px;font:12px 'Microsoft YaHei',Arial,宋体,Tahoma,Sans-Serif;color:#fff;padding-top:5px;position:absolute;text-align:left;word-wrap:break-word;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:5px; border:2px solid #CCC;
    width: 300px;  
    padding: 20px; }
.txt{font-size: 16px;line-height: 25px; color:#000}
.ToolTip{padding-right:5px;padding-left:5px;z-index:1000;min-height:1em;background:#000;max-width:350px;padding-bottom:5px;font:12px 'Microsoft YaHei',Arial,宋体,Tahoma,Sans-Serif;color:#fff;padding-top:5px;position:absolute;text-align:left;word-wrap:break-word;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.ToolTip{border-right:#c5b270 1px solid;padding-right:15px;border-top:#c5b270 1px solid;padding-left:15px;background:#fffbd6;padding-bottom:0px;border-left:#c5b270 1px solid;color:#bb861c;line-height:30px;padding-top:0px;border-bottom:#c5b270 1px solid;top:30px;}
#map{ width:800px ; margin:0 auto;  height:300PX; position:relative;}
.map_biao{ width:200px; height:200px; border-radius:5px; background:rgba(255,255,255,0.8); position:absolute; top:280px; left:calc(50% + 220px);}
.fuwu_ico{ padding:20px; font-size:20px; font-weight:bold; text-align:left; line-height:40px;}
.fuwu_ico ul{ font-size:16px; font-weight:100;height:40px;}
.fuwu_ico ul li{ height:40px; float:left; margin-left:5px;}
.huadong_ico{ background:url("/images/addr.png") no-repeat center; width:50px;height:30px !important;margin-top:3px; background-size:30px;border:2px solid #09F;}
.city_icos{width:50px; height:30px !important; background:url("/images/fuwu.jpg") no-repeat center ;margin-top:5px; border:2px solid #09F;}
.city_ico{width:50px; height:30px !important;background:url("/images/city.jpg") no-repeat center -8px;margin-top:5px;border:2px solid #09F;}