@charset "utf-8";

/* CSS Document */

body{ margin:0px 0px; padding:0px 0px;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:16px; color:#555; text-align:center;background:#fff; line-height:28px; margin-left:auto;margin-right:auto; overflow-x:hidden;}

a{ color:#555; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium;-webkit-tap-highlight-color:transparent;}

a:link{ text-decoration:none;}

a:hover{ color:#c0a050;}

a img{ border:0;}

a {blr:expression(this.onFocus=this.blur());}

a { outline: none;}

a:focus { outline: none;} 

h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0px;}

ul,li,dl,dd,dt{ padding:0px; margin:0px; list-style:none;}

input,textarea{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;outline:none;resize:none;}

em{ font-style:normal;}

a img{ border:none;}

.clear{ clear:both; height:0; overflow:hidden; display:block;}

.blue{ color:#1175c2; }

.float_left{ float:left;}

.float_right{ float:right;}

.font{font-family:'SimSun';}

.length{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.con{ padding:40px 0;}

.container{ min-width:1200px; width:1200px; margin:0px auto; padding:0px; text-align:left;}

.con_top{ min-width:1350px; width:1350px; margin:0px auto; padding:0px; text-align:left;}

/* CSS Common*/



/*header */

#header{position:relative; background:#000; width:100%; height:210px; margin:0 auto; text-align:center;}

#header .logo{ float:left; padding-top:16px;}

#header .logo img{ float:left;}

#header .search{ float:right; margin-top:60px;}

#header .search>img{ padding-left:10px; border-left:1px solid #1c1c1c; margin-right:25px; cursor:pointer;}

#header .search>span{ position:relative; top:-6px;}

#header .search>span>img{ position: relative; top:4px; margin-right:10px;}

#header .search a{ color:#c6c6c6;}

#header .search a:hover{ color:#c0a050;}

#header .header_search{ width:238px; height:36px; line-height:36px; border:1px solid #9f9f9f; float:right; margin-top:52px; display:none; position:relative; right:-46px;}

#header .header_search input[type="text"]{ width:185px; background:transparent; border:0; color:#888; text-indent:15px; margin-top:5px; line-height:2;}

#header .header_search input[type="image"]{ position:relative; top:8px; float:right; padding-left:15px; right:9px; opacity:0; filter:alpha(opacity=0);}

			

/*menu*/

#menu{ height:35px;}

#menu ul li{ float:left; width:125px; text-align:center;}

#menu ul li a{ display:block;height:35px;line-height:35px;font-size:15px;color:#fff;}

#menu ul li a:hover{ color:#c0a050;}

#menu ul li a.on{ color:#c0a050;}



/* Menu下拉菜单 */

.menu{ float:right; margin-top:48px;}

.menu ul{ margin:auto;}

.menu li{ height:35px;line-height:35px;float:left;text-align:center;position:relative;z-index:9;}

.menu li a{ display:block; font-size:16px; color:#c6c6c6; margin-left:20px; padding-left:28px; font-weight:lighter; cursor:pointer; padding-bottom:35px;}

.menu li a:hover{ color:#c0a050;}

.menu li a.on{ color:#c0a050;}

.menu li dl{ width:180px;position:absolute;left:24px;top:70px; background:rgba(255,255,255,0.9); display:none;}

.menu li dl dd{ width:100%; text-align:center;}

.menu li dl dd a{ font-size:14px; color:#272727;font-weight:normal; margin-left:0; padding-left:30px; text-align:left; line-height:45px; padding-bottom:0;}

.menu li dl dd a:hover{ background:#c1a152; color:#fff;}

.menu li:last-child dl{ left:auto; right:0;}

	

/*banner*/

.banner{height:auto;}

.banner .swiper-slide{ background-position:center;background-size:cover;}

.banner .swiper-pagination{ bottom:20px;}

.banner .swiper-pagination-bullet{ margin:0 3px !important;}

.banner .swiper-pagination-bullet{ background:none; opacity:1; width:12px; height:12px; border:1px solid #fff;}

.banner .swiper-pagination-bullet-active{ background:#fff;}

.banner img{ width:100%;}



/*banner_inside*/

.banner_inside{height:auto;}

.banner_inside .swiper-slide{ background-position:center;background-size:cover;}

.banner_inside .swiper-pagination{ bottom:12px;}

.banner_inside .swiper-pagination-bullet{ margin:0 3px !important;}

.banner_inside .swiper-pagination-bullet{ background:#fff;opacity:1; width:10px; height:10px;}

.banner_inside .swiper-pagination-bullet-active{ background:#c0a050;}

.banner_inside img{ width:100%;}

	

/*home_pro*/

#home_pro{ width:100%; background:#1a1a1a; padding:70px 0;}

#home_pro .home_pro_dh{ color:#fff; font-size:36px; padding-top:10px; text-align:left; position:relative;}

#home_pro .home_pro_dh span{ font-size:24px; display:block; margin-top:25px; font-weight:lighter;}

#home_pro .home_pro_dh a.more{ position:absolute; right:0; top:30px; font-size:14px; color:#fff; background:url(../images/more.png) no-repeat center right; padding-right:35px;}

#home_pro .home_pro_con{ margin:0 auto; margin-top:60px; line-height:1.8; text-align:center; position:relative;}

#home_pro .home_pro_con span{ height:50px; line-height:50px; border-radius:50%; display:inline-block; font-family:'SimSun'; font-size:60px; color:#fff; cursor:pointer; position:absolute; z-index:9; top:40%; font-weight:lighter;}

#home_pro .home_pro_con span.left{ left:-50px;}

#home_pro .home_pro_con span.right{ right:-50px;}

#home_pro .home_pro_list{width:100%; margin:0 auto; overflow:hidden;}

#home_pro .home_pro_con ul{text-align:center;margin:0 auto;}

#home_pro .home_pro_con ul li{ float:left;line-height:25px; width:284px; height:406px; position:relative; margin-right:22px;}

#home_pro .home_pro_con ul li .note{ background:#fff; padding:30px 0 25px 0; text-align:left; padding-left:16px;}

#home_pro .home_pro_con ul li .note>em{ color:#171717; font-size:18px;}

#home_pro .home_pro_con ul li .note>p{ color:#727272; font-size:12px; text-transform:uppercase;}

#home_pro .home_pro_con ul li .img{width:284px;height:321px; margin:0 auto; background:#fff; overflow:hidden;}

#home_pro .home_pro_con ul li img{width:100%;height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}

#home_pro .home_pro_con ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}



/*home_videos*/

#home_videos .l{ width:50%; float:left;}

#home_videos .l img{ width:100%; height:auto;}

#home_videos .l video{ width:100%; height:auto;}

#home_videos .r{ width:50%; float:right; height:100%; position:relative;}

#home_videos .r .videos_con{ width:600px; text-align:right; height:267px; position:absolute; top:0; bottom:0; margin:auto;}

#home_videos .r .videos_con em{ font-size:36px; color:#222; margin-bottom:55px; display:block;}

#home_videos .r .videos_con .note{ font-size:24px; font-weight:lighter; line-height:1.6; color:#1c1c1c;}

#home_videos .r .videos_con i{ width:40px; height:1px; background:#c4c4c4; display:block; margin:40px 0 50px 0; float:right;}

#home_videos .r .videos_con a.more{ display:block; margin-top:80px; font-size:14px; background:url(../images/more_2.png) no-repeat center right; padding-right:35px;}



/*home_ads*/

#home_ads{ width:100%;}

#home_ads img{ width:100%; height:auto;}

#home_ads .home_ads_con{ position:relative; top:-1px; margin-bottom:-1px;}

#home_ads .ads_con{ width:100%; text-align:right; height:267px; position:absolute; top:0; bottom:0; margin:auto;}

#home_ads .ads_con .container{ text-align:right;}

#home_ads .ads_con em{ font-size:36px; color:#fff; margin-bottom:55px; display:block;}

#home_ads .ads_con .note{ font-size:24px; font-weight:lighter; line-height:1.6; color:#fff;}

#home_ads .ads_con i{ width:40px; height:1px; background:#fff; display:block; margin:40px 0 50px 0; float:right;}

#home_ads .ads_con a.more{ display:block; margin-top:80px; font-size:14px; background:url(../images/more.png) no-repeat center right; padding-right:35px; color:#fff;}

			

/*left*/

#left_con{ padding:20px 0px;}

#left{ width:100%;}

#left .left_dh ul{ margin:0 auto; text-align:center;}

#left .left_dh ul li{ line-height:46px; display:inline-block;}

#left .left_dh ul li a{ height:46px; display:block; border-bottom:solid 2px transparent; font-size:18px; color:#575757; line-height:46px; padding:0 28px;}

#left .left_dh ul li a:hover{ color:#000;}

#left .left_dh ul li a.on{ color:#000; border-bottom:solid 2px #000; font-weight:600;}



/*location*/

.location{ background:#000; height:48px; line-height:48px; text-align:left; color:#b2b2b2; font-size:16px;}

.location a{ color:#b2b2b2;}

.location a:hover{ color:#fff;}



/*content*/

#right{ width:100%;}

#right .right_dh{ height:46px; line-height:46px; border-bottom:1px solid #e5e5e5;}

#right .right_dh_l{ color:#000; font-size:16px; float:left; display:none;}

#right .right_dh_r{ font-size:18px;}

#right .right_con{ min-height:200px; height:auto; _height:200px; margin:50px 0 60px 0;}

#right .right_con>.l{ float:left; width:600px;}

#right .right_con>.r{ float:right; width:420px;}



/*pro_list*/

.pro_list{ margin-top:35px;}

.pro_list ul{ margin-bottom:50px;}

.pro_list ul li{ margin-bottom:35px; position:relative;}

.pro_list ul li .img{ width:1198px; height:513px; overflow:hidden;}

.pro_list ul li .img img{ width:100%;height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}

.pro_list ul li .img:hover img{ transform: scale(1.05);-webkit-transform: scale(1.05);}

.pro_list ul li .note{ position:absolute; top:0; z-index:2; color:#fff; margin-top:50px; margin-left:70px; font-size:30px;}

.pro_list ul li .note>span{ font-size:48px; text-transform:uppercase;}

.pro_list ul li .note>em{ display:block; margin:25px 0;}



/*pro_nav*/

.pro_nav{ background:#000; color:#fff; border-bottom:1px solid #151515;}

.pro_nav ul{ margin:0 auto; text-align:center; padding:50px 0 40px 0;}

.pro_nav ul li{ float:left; width:100px; padding-left:59px; padding-right:60px; margin-bottom:40px; border-left:1px solid #151515;}

.pro_nav ul li:first-child{ padding-left:0; border:0;}

.pro_nav ul li:last-child{ padding-right:0;}

.pro_nav ul li span{ display:block; margin-top:15px; color:#fff;}

.pro_nav ul li img{ opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5;}

.pro_nav ul li:hover img{ opacity:1.0; filter:alpha(opacity=10); -moz-opacity:1.0;}

.pro_nav ul li.on img{ opacity:1.0; filter:alpha(opacity=10); -moz-opacity:1.0;}

.pro_con{ background:#000; color:#fff; padding:45px 0 60px 0;}

.pro_con .swiper-slide li{ position:relative;}

.pro_con .swiper-slide li .img_bg{ background:rgba(0,0,0,0.5); color:#fff; font-size:45px; position:absolute; top:0; height:100%; z-index:2; width:100%; display:none;}

.pro_con .swiper-slide li .img_bg em{ width:40px; height:40px; border:1px solid #fff; margin:auto; display:block; position:absolute; top:0; left:0; right:0; bottom:0; font-weight:lighter; line-height:36px;}

.pro_con .swiper-slide li:hover .img_bg{ display:block;}

.pro_con .swiper-slide li .img{width:390px;height:264px; margin:0 auto; overflow:hidden; position:relative;}

.pro_con .swiper-slide li img{width:100%;height:100%; object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}

.pro_con .swiper-slide li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.pro_con .swiper-slide li span{ display:block; font-size:14px; color:#fff; height:36px; line-height:36px;}

.pro_con .swiper-slide{ text-align:center;}

.pro_con .sp1{ bottom:0px; position:static; margin-top:50px;}

.pro_con .sp1 .swiper-pagination-bullet{ background:#fff; width:8px; height:8px; opacity:0.6;}

.pro_con .sp1 .swiper-pagination-bullet-active{ background:#fff; opacity:1;}

.pro_select{ padding-top:75px;}

.pro_select .dh{ color:#222; font-size:36px; text-align:center; margin-bottom:40px;}

.pro_select .dh>em{ width:40px; height:1px; background:#7b7b7b; margin:0 auto; display:block; margin-top:25px; margin-bottom:12px;}

.pro_select .dh>span{ color:#929292; font-weight:lighter; font-size:20px; display:block;}

.pro_select ul li{ display:inline-block; width:20%; margin-right:-4px; text-align:center; cursor:pointer;}

.pro_select ul li>span{ display:block; margin-top:20px; line-height:1.5;}

.pro_select ul li>em{ text-transform:uppercase; font-size:14px; line-height:1.5;}

.pro_select_list{ background:#e7e7e7; margin-top:30px;}

.pro_select_list a{ padding:0 10px; line-height:1.6;}

.pro_select_con{ text-align:center; padding:20px 0;}

.pro_select .padd{ margin-bottom:55px;}

.pro_list_con{ margin:70px 0 80px 0;}

.select{ font-size:16px; margin-top:30px;}

.select>span{ margin-right:10px;}

.select>em{ background:#1a1a1a; width:135px; height:30px; line-height:30px; color:#fff; text-align:center; border-radius:15px; display:inline-block; margin-left:10px; cursor:pointer;}

		

/*about*/

.about{ margin-top:50px; background:url(../images/about_bg.jpg) repeat-y top center;}

.about li:nth-child(2n) .l{ float:right;}

.about li:nth-child(2n) .r{ float:left;}

.about li .l{ float:left; width:519px;}

.about li .l>img{ width:519px; height:519px; object-fit:cover; border-radius:5px; margin-top:60px;}

.about li .r{ float:right; width:611px; margin-top:110px;}

.about li .r>.po{ height:20px; width:20px; border-radius:50%; float:left; text-align:center; border:1px solid #bebebe; position:relative; background:#fff;}

.about li .r>.po>em{ height:7px; width:7px; border-radius:50%; background:#000; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

.about li .r>.con_note{ float:right; width:520px;}

.about li .r>.con_note>span{ color:#222; font-size:36px; display:block; margin-bottom:15px;}

.about li .r>.con_note>em{ color:#1c1c1c; font-size:24px; font-weight:lighter;}

.about li .r>.con_note>i{ margin:35px 0; width:40px; height:1px; background:#c4c4c4; display:block;}

.about li .r .note{ color:#838383; font-size:14px;}

.about li:nth-child(2n) .r .po{ float:right;}

.about li:nth-child(2n) .r .con_note{ float:left; text-align:right;}

.about li:nth-child(2n) .r .con_note>span{ text-align:right;}

.about li:nth-child(2n) .r .con_note>em{ text-align:right; display:block;}

.about li:nth-child(2n) .r .con_note>i{ float:right;}



/*history*/

.event_box {width:100%; margin:3% auto 0; position:relative; min-height:420px; margin-bottom:60px; margin-top:80px;}

.event_box .parHd {width:100%; display:inline-block; height:92px; overflow:hidden;}

.event_bd{text-align:center; width:96%; margin:0 auto; margin-top:60px;}

.event_bd .note{ float:left; text-align:left; margin-top:95px; width:500px;}

.event_bd span{ font-size:88px; color:#222; vertical-align:top; position:relative;}

.event_bd span em{ font-size:28px;display:inline-block; margin-left:10px;}

.event_bd i{ width:40px; height:1px; background:#c4c4c4; display:block; margin:25px 0;}

.event_bd p{ font-size:16px; line-height:1.8; width:88%; text-align:left; color:#6e6e6e;}

.event_bd img{ float:right; width:614px;}

.event_hd{ position:relative;}

.event_hd ul {width:100%; text-align:center; margin:0 auto; padding-top:25px !important; height:150px;}

.event_hd .tempWrap {margin:0 auto;}

.event_hd .tempWrap:after {content:''; width:85%; height:1px; position:absolute; right:8%; top:35%; z-index:10;}

.event_hd em{ height:1px; border-top:1px dashed #bababa; display:block; width:100%; position:absolute; top:48%;}

.event_hd li {display:inline-block; cursor:pointer; margin-top:60px; font-size:18px; color:#333; margin:0 30px; position:relative; top:92px; padding:0 15px; border-radius:5px;}

.event_hd li.act:after{ background:url(../images/history_ico.png) no-repeat; width:21px; height:21px; top:-42px; margin-left:-10px;}

.event_hd li:after {content:'';background:url(../images/history_ico1.png) no-repeat; width:21px; height:21px; position:absolute; z-index:20; top:-42px; left:50%; margin-left:-10px;}

.event_hd .sPrev,.sNext { display:block; position:absolute; top:71px;}

.event_hd .sPrev {left:20px;}

.event_hd .sNext {right:20px;}

.event_hd .sPrev img,.sNext img {transition:all .6s cubic-bezier(.51,1.1,.9,.95); -moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95); -webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95); -o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}



/*research*/

.research{ margin-top:50px; background:url(../images/about_bg.jpg) repeat-y top center; padding:80px 0;}

.research li:nth-child(2n) .l{ float:right;}

.research li:nth-child(2n) .r{ float:left;}

.research li .l{ float:left; width:519px;}

.research li .r{ float:right; width:611px; margin-top:20px;}

.research li .r>.po{ height:20px; width:20px; border-radius:50%; float:left; text-align:center; border:1px solid #bebebe; position:relative; background:#fff;}

.research li .r>.po>em{ height:7px; width:7px; border-radius:50%; background:#000; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

.research li .r>.con_note{ float:right; width:550px;}

.research li .r>.con_note>span{ color:#222; font-size:36px; display:block;}

.research li .r>.con_note>em{ color:#1c1c1c; font-size:24px; font-weight:lighter;}

.research li .r>.con_note>i{ margin:25px 0 15px 0; width:40px; height:1px; background:#c4c4c4; display:block;}

.research li .r .note{ color:#838383; font-size:16px; width:92%;}

.research li:nth-child(2n) .r .po{ float:right;}

.research li:nth-child(2n) .r .con_note{ float:left; text-align:right;}

.research li:nth-child(2n) .r .con_note>span{ text-align:right;}

.research li:nth-child(2n) .r .con_note>em{ text-align:right; display:block;}

.research li:nth-child(2n) .r .con_note>i{ float:right;}

.research li:nth-child(2n) .r .note{ text-align:right; float:right;}



/*services*/

.services .dh{ color:#222; font-size:36px; text-align:center; margin-bottom:40px;}

.services .dh>em{ width:40px; height:1px; background:#7b7b7b; margin:0 auto; display:block; margin-top:25px; margin-bottom:12px;}

.services .dh>span{ color:#929292; font-weight:lighter; font-size:20px; display:block;}

.services .services_con{ margin-top:70px; background-repeat:no-repeat; background-position:top center;}

.services .con_2{ padding-bottom:110px;}

.services .con_2 .dh{ color:#fff; padding-top:70px;}

.services .con_4{ padding-bottom:110px;}

.services .con_4 .dh{ color:#fff; padding-top:100px;}

.services .services_apply{ margin-top:50px;}

.services .services_apply form{ margin-top:70px;}

.services .services_apply .input input{ width:calc(100% - 87px);}

.services .services_apply .input input{ height:56px; line-height:56px; border:1px solid #d6d6d6; text-indent:15px;}

.services .services_apply .short input{ width:435px;}

.services .services_apply .input>em{ width:80px; text-align:right; display:inline-block; margin-bottom:40px;}

.services .services_apply .float_left{ width:522px;}

.services .services_apply .float_right{ width:522px;}

.services .services_apply input[type="submit"]{ width:100%; height:56px; line-height:56px; color:#fff; background:#1a1a1a; text-align:center; border-radius:3px; font-size:18px;}



.services_2 .dh{ color:#222; font-size:36px; text-align:center; margin-bottom:40px;}

.services_2 .dh>em{ width:40px; height:1px; background:#7b7b7b; margin:0 auto; display:block; margin-top:25px; margin-bottom:12px;}

.services_2 .dh>span{ color:#929292; font-weight:lighter; font-size:20px; display:block;}

.services_2 .services_con{ margin-top:70px;}

.services_2 .services_con .note{ text-align: center;}

.services_2 .services_con .desc{ text-align:center;}

.services_2 .con_2{ background:url(../images/ser_bg.jpg) repeat-x top center;}

.services_2 .con_2 .dh{ padding-top:70px;}

.services_2 .con_2 .desc{ padding-top:60px;}



.services_3 .dh{ color:#222; font-size:36px; text-align:center; margin-bottom:40px;}

.services_3 .dh>em{ width:40px; height:1px; background:#7b7b7b; margin:0 auto; display:block; margin-top:25px; margin-bottom:12px;}

.services_3 .dh>span{ color:#929292; font-weight:lighter; font-size:20px; display:block;}

.services_3 .services_con{ margin-top:70px;}

.services_3 .services_con .note{ text-align: center;}

.services_3 .services_con .desc{ text-align:center;}

.services_3 .con_2{ background:#f5f5f5;}

.services_3 .con_2 .dh{ padding-top:70px;}

.services_3 .con_2 .desc{ padding:30px 0 60px 0;}

.services_3 .con_3 .note{ background:url(../images/c.jpg) no-repeat top center; margin-top:50px; padding:80px 0;}

.services_3 .con_4 .note .container{ text-align:center;}



.store_con{ margin-top:70px;}

.store_con .l{ width:660px; height:630px; float:left;}

.store_con .l .store_map{ width:100%; height:100%;}

.store_con .r{ width:510px; float:right;font-size:18px;}

.store_con .r em{ border-bottom:1px solid #d9d9d9; display:block; padding-bottom:20px; margin-bottom:20px;}

.store_con .r select{ width:156px; height:42px; line-height:42px; border:1px solid #d9d9d9; text-indent:10px; border-radius:5px; outline:none; margin-right:10px; font-size:16px;}

.store_con .r ul{ margin-top:20px; height:490px; overflow-y:auto;}

.store_con .r ul li{ background:#f6f6f6; padding:20px; margin-bottom:20px;}

.store_con .r ul li span{ color:#222; margin-bottom:5px; display: inline-block;}

.store_con .r ul li p{ color:#7b7b7b; line-height:1.6; font-size:16px;}

.store_con .r ul li em{ color:#7b7b7b; line-height:1.6; font-size:16px;}

.store_con .r ul li a.more{ width:130px; height:36px; line-height:36px; background:#222; color:#fff; text-align:center; display:block; margin-top:15px;}



/*energy*/

.energy_1{ margin-top:60px;}

.energy_1 ul{ font-size:0;}

.energy_1 ul li{ width:536px; margin-left:128px; display:inline-block; margin-bottom:70px; vertical-align:top;}

.energy_1 ul li:nth-child(2n+1){ margin-left:0;}

.energy_1 ul li>em{ font-size:30px; font-weight:600; display:block;}

.energy_1 ul li>p{ margin-top:30px; margin-bottom:40px; color:#606060; vertical-align:top; font-size:14px;}

.energy_1 ul li:nth-child(1)>p{height:112px;}



.energy_2{ margin-top:60px;}

.energy_2 .dh{ color:#222; font-size:36px; text-align:center; margin-bottom:40px;}

.energy_2 .dh>em{ width:40px; height:1px; background:#7b7b7b; margin:0 auto; display:block; margin-top:25px; margin-bottom:12px;}

.energy_2 .dh>span{ color:#929292; font-weight:lighter; font-size:20px; display:block;}

.energy_2 ul{ font-size:0;}

.energy_2 ul li{ width:584px; margin-left:32px; display:inline-block; margin-bottom:50px; vertical-align:top;}

.energy_2 ul li:nth-child(2n+1){ margin-left:0;}

.energy_2 ul li>em{ font-size:16px; font-weight:600; display:block;}

.energy_2 ul li>p{ margin-top:5px; margin-bottom:20px; color:#606060; vertical-align:top; font-size:16px; height:150px;}



.energy_3{ padding-top:60px; border-top:1px solid #cccfd3;}

.energy_3 .dh{ color:#222; font-size:36px; text-align:center; margin-bottom:40px;}

.energy_3 .dh>em{ width:40px; height:1px; background:#7b7b7b; margin:0 auto; display:block; margin-top:25px; margin-bottom:12px;}

.energy_3 .dh>span{ color:#929292; font-weight:lighter; font-size:20px; display:block;}

.energy_3 ul{ font-size:0; margin-top:20px;}

.energy_3 ul li{ width:378px; margin-left:33px; display:inline-block; margin-bottom:50px; vertical-align:top;}

.energy_3 ul li:nth-child(3n+1){ margin-left:0;}

.energy_3 ul li>em{ font-size:16px; font-weight:600; display:block;}

.energy_3 ul li>p{ margin-top:5px; margin-bottom:20px; color:#606060; vertical-align:top; font-size:16px; height:150px;}

						

/*list_pro*/

ul.list_pro{ text-align:center;}

ul.list_pro li{ float:left;width:383px;margin-left:25px;line-height:25px; height:446px;}

ul.list_pro li:nth-child(3n+1){ margin-left:0;}

ul.list_pro li .img{ width:383px;height:383px;overflow:hidden;border:1px solid #ededed; display:table-cell; vertical-align:middle;}

ul.list_pro li img{ width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}

ul.list_pro li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}

ul.list_pro li span{ display:block; padding-top:10px; font-size:15px;}



/*display*/

.dis_big{ text-align:center; margin-top:-15px;}

.dis_big .l{ float:left; width:535px;}

.dis_big .l .img{ width:535px; height:535px; border:1px solid #f1f1f1; vertical-align:middle; display:table-cell; position:relative;}

.dis_big .l .img>a>.zoomPad>img{ max-width:100%; max-height:90%; display:block; margin:0 auto;}

.dis_big .l .img a.more{ background:url(../images/scale.jpg) no-repeat center; height:24px; width:23px; display:block; position:absolute; bottom:5px; right:5px; cursor:pointer;}

.dis_big .r{ float:right; text-align:left; width:610px; margin-top:10px;}

.dis_big .r .dis_name{ line-height:60px; height:60px; color:#2a2a2a; font-size:28px; border-bottom:1px solid #f2f2f2;}

.dis_big .r ul{ margin-top:55px;}

.dis_big .r ul li{ width:175px; height:50px; margin-bottom:65px; float:left; border-left:1px solid #e4e4e4; padding-left:18px; background-repeat:no-repeat;}

.dis_big .r ul li:nth-child(3n+1){ border:0; padding-left:0;}

.dis_big .r ul li:nth-child(1){ background-image:url(../images/pro_d1.jpg); background-position:left center;}

.dis_big .r ul li:nth-child(2){ background-image:url(../images/pro_d2.jpg); background-position:20px center;}

.dis_big .r ul li:nth-child(3){ background-image:url(../images/pro_d3.jpg); background-position:20px center;}

.dis_big .r ul li:nth-child(4){ background-image:url(../images/pro_d4.jpg); background-position:left center;}

.dis_big .r ul li:nth-child(5){ background-image:url(../images/pro_d5.jpg); background-position:20px center;}

.dis_big .r ul li:nth-child(6){ background-image:url(../images/pro_d6.jpg); background-position:20px center;}

.dis_big .r ul li .note{ padding-left:65px; line-height:1.4; font-size:14px;}

.dis_big .r ul li .note>em{ color:#b8b8b8; font-size:20px; display:block;}

.dis_big .r .qcode{ width:139px; height:139px; border:1px solid #f2f2f2; text-align:center;}

.dis_big .r .qcode>span{ margin-top:5px; display:block; font-size:14px;}	

.dis_big .r .qcode>img{ width:139px; height:139px;}

.dis_space{ border-top:1px solid #f2f2f2;}

.border{ border:0; margin-top:-30px; margin-bottom:30px;}

.dis_space em{ font-size:28px; color:#222; display:block; margin:45px 0;}

.dis_space .space_con{ margin-bottom:30px;}

.dis_space .space_pic img{ max-width:1200px; max-height:670px;}

.dis_space .space_pic .swiper-slide{ background-position:center;background-size:cover; cursor:pointer;}

.dis_space .swiper-pagination{ bottom:0px; background:rgba(0,0,0,0.3); height:20px; padding-top:15px;}

.dis_space .swiper-pagination-bullet{ margin:0 3px !important; }

.dis_space .swiper-pagination-bullet{ background:#fff; opacity:0.6; width:8px; height:8px;}

.dis_space .swiper-pagination-bullet-active{ background:#fff; opacity:1;}

.dis_space .space_pic .swiper-button-white{ opacity:0.7;}

.dis_space .space_pic .sp1{ background-size:15px; background-color:rgba(0,0,0,1); background-repeat:no-repeat; border-radius:5px; width:58px; height:58px; right:25px; transition:all 0.3s;}

.dis_space .space_pic .sp2{ background-size:15px; background-color:rgba(0,0,0,1); border-radius:5px; width:58px; height:58px; left:25px; transition:all 0.3s;}

.dis_note{ text-align:left; margin-top:50px;}

.dis_note .img{ background:url(../images/pro_design_bg.jpg) no-repeat top center; height:421px; width:100%;}

.dis_note em{ display:block; background:#fff; width:175px; height:68px; line-height:68px; text-align:center; font-size:28px; color:#222; border-radius:5px 5px 0 0; position:relative; top:-68px; margin-bottom:-68px; z-index:2;}

.dis_note .note{ text-align:center; line-height:2; width:90%; margin:0 auto; margin-top:75px; margin-bottom:75px;}

.dis_close{ margin:0 auto; text-align:center; padding:20px 0;}

.dis_close a{ padding:5px;}

.dis_style{ border-top:1px solid #f2f2f2;}

.dis_style em{ font-size:28px; color:#222; display:block; margin:45px 0;}

.dis_style .style_con{ margin-bottom:30px;}

.dis_style .style_con{ text-align:center;}

.dis_style .style_con li{ float:left;width:383px;margin-left:25px;line-height:25px; height:416px;}

.dis_style .style_con li:nth-child(3n+1){ margin-left:0;}

.dis_style .style_con li .img{ width:383px;height:383px;overflow:hidden;border:1px solid #ededed; display:table-cell; vertical-align:middle; position:relative;}

.dis_style .style_con li img{ width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}

.dis_style .style_con li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}

.dis_style .style_con li span{ display:block; padding-top:10px; font-size:15px;}

.dis_style .style_con li .img_bg{ background:rgba(0,0,0,0.5); color:#fff; font-size:45px; position:absolute; top:0; height:100%; z-index:2; width:100%; display:none;}

.dis_style .style_con li .img_bg em{ width:40px; height:40px; border:1px solid #fff; margin:auto; display:block; position:absolute; top:0; left:0; right:0; bottom:0; font-weight:lighter; line-height:36px; color:#fff;}

.dis_style .style_con li:hover .img_bg{ display:block;}



/*dis_energy*/

.dis_energy>span{ font-size:20px; font-weight:600; text-align:center; margin-bottom:20px; display:block; color:#222;}

.dis_energy>.note{ text-align:left;}



/*list_share*/

ul.list_share{ text-align:center;min-height:200px;_height:200px;}

ul.list_share li{ float:left;width:438px;margin-left:18px;line-height:25px; height:478px; position:relative; margin-bottom:50px;}

ul.list_share li:nth-child(4n+1){ margin-left:0;}

ul.list_share li .img{ width:438px;height:428px;overflow:hidden;}

ul.list_share li img{ width:100%;height:100%;object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}

ul.list_share li:hover img{ transform: scale(1.05);-webkit-transform: scale(1.05);}

ul.list_share li span{ display:block; padding:30px 0; background:#137145; width:350px; height:60px; color:#fff; font-size:20px; font-weight:600; position:absolute; bottom:-10px; z-index:2; margin-left:auto; margin-right:auto;left:0; right:0;}

ul.list_share li span em{ display:block; line-height:1.8;}



/*share_list*/

ul.share_list{ margin:0 auto;width:100%;}

ul.share_list li{ width:385px;height:320px;float:left;margin-left:22px;}

ul.share_list li:nth-child(3n+1){ margin-left:0;}

ul.share_list .img{ width:385px;height:260px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #ddd; overflow:hidden; background:#fff;}

ul.share_list .img img{ max-width:100%; max-height:100%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

ul.share_list li:hover img{ transform: scale(1.08);-webkit-transform: scale(1.08);}

ul.share_list li span{ display:block; padding-top:10px;text-align:center;}



ul.space_list li { float:none; width:100%; height:365px; margin-left:0;}

ul.space_list li .img{ width:600px; height:365px; float:left;}

ul.space_list li img{ width:100%; height:100%;}

ul.space_list li .note{ float:right; width:540px; text-align:left; padding-left:60px; padding-top:80px;}

ul.space_list li em{ display:block; font-size:30px; font-weight:600; color:#222; margin-bottom:30px;}

ul.space_list li:nth-child(2n+1) .img{ float:right;}

ul.space_list li:nth-child(2n+1) .note{ float:left; padding-left:0; padding-right:60px;}



/*video_list*/

ul.video_list{ margin:0 auto;width:100%;}

ul.video_list li{ width:550px;height:400px;float:left;margin-left:100px; margin-bottom:20px;}

ul.video_list li:nth-child(2n+1){ margin-left:0;}

ul.video_list li video{ width:100%; height:100%;}

ul.video_list li span{ display:block; padding:10px 0;text-align:center;}



/*list_cases*/

ul.list_cases{ text-align:center;min-height:200px;_height:200px;}

ul.list_cases li{ float:left;width:315px;margin-left:18px;line-height:25px; height:270px; position:relative; margin-bottom:50px;}

ul.list_cases li:nth-child(4n+1){ margin-left:0;}

ul.list_cases li .img{ width:315px;height:220px;overflow:hidden;}

ul.list_cases li img{ width:100%;height:100%;object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}

ul.list_cases li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}

ul.list_cases li span{ display:block; padding-top:10px;text-align:center;}



/*table*/

table.list{ font-family: "Microsoft YaHei"; font-size:14px; color:#333; border-width:1px; border-color:#666; border-collapse:collapse; width:100%}

table.list th { border-width:1px; padding:8px; border-style:solid; border-color:#ccc; background-color:#e8e8e8; font-weight:normal}

table.list td { border-width:1px; padding:8px; border-style:solid; border-color:#666; background-color:#e8e8e8; font-weight:normal}



/*list_news*/

ul.list_news{ min-height:200px;_height:200px;}

ul.list_news li{ position:relative;height:40px;line-height:40px;border-bottom:1px dotted #ccc;}

ul.list_news li span{ position:absolute;right:5px;top:0px;}



/*list_img_news*/

ul.list_img_news{ min-height:200px;_height:200px; margin-bottom:20px;}

ul.list_img_news li{ position:relative;}

ul.list_img_news li:after{ display:block; content:''; height:30px; clear: both;}

ul.list_img_news li a{ font-size:14px;}

ul.list_img_news li .note{ width:615px; height:241px; color:#fff; float:left; background:#000; padding:30px;}

ul.list_img_news li .date{ width:65px; height:65px; border:1px solid #fff; text-align:center; color:#fff; font-size:12px;}

ul.list_img_news li .date i{ font-size:36px; font-style:normal; padding-top:10px; display:block;}

ul.list_img_news li span{ font-size:24px; display:block; margin-top:35px; margin-bottom:10px; color:#fff;}

ul.list_img_news li p{ color:#999; width:92%; line-height:1.8; font-size:14px;}

ul.list_img_news li em{ font-size:14px; display:block;margin-top:35px;color:#888; position:relative;}

ul.list_img_news li em>a{ background:url(../images/more2.png) no-repeat left center; float:right; padding-left:20px; color:#fff;}

ul.list_img_news li em>span{ font-size:14px; float:left; margin:0 auto; color:#999;}

ul.list_img_news li .img{ float:right; width:525px; height:301px;overflow:hidden;}

ul.list_img_news li .img img{ width:100%;height:100%;transition: all 0.6s; -ms-transition: all 0.6s;}

ul.list_img_news li .img:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}



/*list_pic_news*/

ul.list_pic_news{ text-align:center;min-height:200px;_height:200px;}

ul.list_pic_news li{ float:left;width:300px;margin:0 8px;line-height:25px; height:260px;}

ul.list_pic_news li .img{ width:300px;height:200px;overflow:hidden;}

ul.list_pic_news li img{ width:100%;height:100%;object-fit:cover;transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}

ul.list_pic_news li:hover img{ transform: scale(1.05);-webkit-transform: scale(1.05);}

ul.list_pic_news li span{ display:block; padding-top:10px;}



/*dis_news*/

#dis_news .news_title{ font-weight:bold;font-size:20px;_height:30px;min-height:30px;line-height:30px;text-align:center; color:#222;}

#dis_news .news_date{ text-align:center;_height:26px; line-height:26px; padding-bottom:10px; color:#888;}

#dis_news .news_content{ padding:5px;_height:200px;min-height:200px; text-align:left;}

#dis_news .news_close{ margin:0 auto; text-align:center; padding:20px 0;}

#dis_news .news_close a{ padding:5px;}



/*list_links*/

ul.list_links{ text-align:center;min-height:200px;_height:200px;}

ul.list_links li{ float:left;padding:5px 10px;text-align:center;width:140px;min-height:50px;_height:50px;}

ul.list_links li img{ width:130px;height:50px;}



/*scroll*/

/*page*/

.page{ text-align:center;line-height:30px;min-height:25px;clear:both;_height:25px; margin-top:20px;}

/*pages_style*/

.pages{ width:100%; margin:0 auto;margin-top:50px; text-align:center;}

.pages a{ padding:8px 15px;margin:0 3px; background:#e7e7e7;}

.pages a:hover,a.active{ background:#000;color:#fff;}

.pages span{ padding:8px 15px;margin:0 3px; background:#e7e7e7; cursor:pointer;}

.pages span:hover,span.active{ background:#000;color:#fff;}



/*other*/

.feedback { width:680px;}

.feedback img{ cursor:pointer;}

.feedback input{ line-height:24px; color:#565656; font-size:14px; width:246px; border:1px solid #ccc; height:24px; margin-bottom:12px;}

.feedback textarea{ line-height:24px; color:#565656; font-size:14px; width:450px; border:1px solid #ccc; height:96px; margin-bottom:12px;resize:none;}

.feedback ul li span{ line-height:24px; color:#565656; font-size:14px; width:96px; height:24px; margin-right:12px; float:left; text-align:left;}

.feedback .submit{ line-height:26px; color:#565656; width:110px; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer;}

.feedback .code{ width:246px;}

.feedback img{ color:#565656; float:right;}



/*animate*/

@keyframes rotate{

from{transform:rotate(0deg);}

to{transform:rotate(360deg);}

}



/*map*/

.map{ width:100%;height:400px;border:1px solid #ccc;}

.map img{ max-width:inherit !important;}

.shadow,.pop,.anchorBL{ display:none;}



/*form*/

.form { margin:0 auto; width:100%;}

.form .form-group{ margin-bottom:10px;}

.form .form-group>em{ width:96px; display:inline-block; vertical-align:top;}

.form .form-group>input[type="text"],textarea{ height:30px; border:1px solid #ddd; width:300px; outline:none; text-indent:10px;}

.form .form-group>input.code{ width:80px;}

.form .form-group>textarea{ height:100px; width:296px; margin:5px 0;}

.form .form-group>.box{ margin:0 auto; text-align:center; margin-top:20px;}

.form .form-group>.box>input[type="submit"]{ line-height:30px; color:#565656; width:100px; border:0; height:30px; cursor:pointer; background:#e5e5e5; margin-right:10px;}

.form .form-group>.box>input[type="submit"]:hover{ background:#c0a050;color:#fff;}

.form .form-group>.box>input[type="reset"]{ line-height:30px; color:#565656; width:100px; border:0; height:30px; cursor:pointer; background:#e5e5e5;}

.form .form-group>.box>input[type="reset"]:hover{ background:#c0a050;color:#fff;}



/*float*/

.float{ width:50px;position:fixed;right:0;bottom:150px;background:#e2e4e3;z-index:99; padding:10px 0;border-radius:5px 0 0 5px;}

.float li{ margin:20px 0;position:relative;}

.float li .icon_on{ display:none;}

.float li:hover .icon_on{ display:block;}

.float li:hover .icon_off{ display:none;}

.float li:nth-child(2):hover>.note{ display:block;}

.float li:nth-child(3):hover>.note{ display:block;}

.float em{ display:block; width:80%; margin:0 auto; text-align:center; line-height:1.2; padding-top:10%;}

.float .note{ background:#fff;width:135px; position:absolute; right:50px; color:#222; padding:15px 0 10px 0; text-align:left; padding-left:10px; line-height:1.5;font-size:18px;box-shadow: 0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow: 0px 6px 30px 1px rgba(0,0,0,.2);display:none;}

.float .note img{ width:120px; height:120px;}



/*livechat*/

#livechat{ z-index:999; right:45px; visibility: visible; width: 140px; position: absolute;top:220px; height: 203px; text-align:center;}

#livechat ul,li{ padding:0px; margin:0px; list-style:none;}

#livechat ul{ border-top: 1px solid #e0e0e0; padding:10px 0;}

#livechat ._title{ line-height:20px;font-size:12px;margin:10px 0;color:#898989;text-align:center; display:inline-block;}

#livechat ._close{ position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}

#livechat ._img{ line-height:26px; border:0 none; position:relative; top:3px; right:5px;}

.chat_top{ width:135px; height:36px; background:#c0a050; font-size:14px; font-weight:bold;color:#fff; line-height:36px; text-align:center; padding-right:5px;}

.chat_line{ border-left: 1px solid #c0a050;border-bottom: 1px solid #c0a050;border-right: 1px solid #c0a050;background:#fff; line-height:28px;}



/*nav*/

#footer_nav{ background:#000;}

#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:70px 0; color:#fff;}

#footer_nav .footer_nav_con a{ color:#818181;font-size:14px;}

#footer_nav .footer_nav_con a:hover{ color:#fff;}

#footer_nav .footer_nav_con .pic{ float:left; margin-right:30px; margin-top:80px;}

#footer_nav .footer_nav_con .list_con{ float:right;}

#footer_nav .footer_nav_con .list{ float:left; margin-left:80px;}

#footer_nav .footer_nav_con .list span{ font-size:16px; height:30px; text-align:left; color:#fff; display:block; margin-bottom:5px; font-weight:lighter;}

#footer_nav .footer_nav_con .list li{ line-height:26px; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#footer_nav .footer_nav_con .contact{ float:right; width:300px; color:#fff;}



/*footer*/

#footer{ min-height:30px; padding:35px 0px; background:#000; color:#d1d1d1; border-top:1px solid #1a1a1a; font-size:14px; line-height:26px;}

#footer a{ color:#fff;}

#footer a:hover{ color:#fff;}

#footer .footer_con{ margin:0 auto; text-align:center;}

#footer .footer_con .l{ float:left;}

#footer .footer_con .r{ float:right; text-align:right;}

#footer .footer_copy{ text-align:center; padding:15px 0;}

.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer;}

.go_top em{ text-align:center;display:block; line-height:1; padding-top:3px;}



@media screen and (max-width:1400px) {

.con_top{ width:1200px; min-width:1200px;}

#footer_nav .footer_nav_con .list{ margin-left:60px;}

#footer_nav .footer_nav_con .list:nth-child(1){ margin-left:0;}

}



/*自适应控制移动端菜单*/

@media (min-width: 769px){

.header{ display:none;}

.event_box_m{ display:none;}

}



/*移动端样式*/

@media screen and (max-width:768px) {

/*public*/

body{ overflow:auto; overflow-x:hidden;}

#header{ display:none;}

.event_box{ display:none;}

.container{ min-width:100%; width:100%;}

.con{ padding:0 15px; padding-bottom:20px;}

.header{ width:100%;height:60px;line-height:60px; background:#000; position: fixed; box-shadow:0px 1px 10px rgba(0,0,0,.2); z-index:999;}

.header .m_logo img{ height:36px; padding:14px 10px;}

.header .nav{ height:100%; background:#fff; position: absolute; top:60px; width:100%;border-top:1px solid #f0f0f0; overflow-y:scroll; display:none;}

.header .nav ul li a{ display:block; font-size:15px; color:#454545; line-height:26px; text-align:left; padding:12px 20px; border-bottom:1px solid #f0f0f0;}

.header .nav ul li a span{ line-height:16px; font-family:Arial, Helvetica, sans-serif;display:block; font-size:10px;}

.header .nav ul li a:hover{ background:#c0a050;color:#fff;}

.header .nav ul>li a em{ float:right; font-family:'SimSun'; font-weight:100;}

.header .nav dl{ display:none;}

.header .nav dl dd{ text-indent:10px;}

.header .nav ul li .lang img{ position:relative; top:4px; margin-right:10px;}

.header .nav ul li:last-child a:hover{ background:none; color:#c0a050;}

.header .header_icon{position:fixed;top:0;right:0;height:60px;width:60px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;}

.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before {position:absolute;background-color:#fff;height:2px;width:25px;}

.header .header_icon span{left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:background-color .3s;transition:background-color .3s;}

.header .header_icon span::after,.header .header_icon span::before{content:'';left:0;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}

.header .header_icon span::before{-webkit-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}

.header .header_icon span::after{-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}

.header_top{ height:60px;}

.banner{ background-size:cover; top:0;}

.banner .swiper-button-next,.swiper-button-prev{ width:50px; margin-right:15px;margin-left:0;}

.banner_inside{ background-size:cover; top:0;}

.banner_inside .swiper-button-next,.swiper-button-prev{ width:50px; margin-right:15px;margin-left:0;}



/*home*/

#home_pro{ padding:30px 0;}

#home_pro .home_pro_dh{ font-size:20px; width:94%; margin:0 auto;}

#home_pro .home_pro_dh span{ font-size:16px; margin-top:0;}

#home_pro .home_pro_dh a.more{ padding-right:30px;}

#home_pro .home_pro_con{ margin-top:30px;}

#home_pro .home_pro_list{ width:80%;}

#home_pro .home_pro_con ul li{ width:100%; height:auto;}

#home_pro .home_pro_con ul li .img{ width:100%; height:auto;}

#home_pro .home_pro_con span{ font-size:36px; top:40%;}

#home_pro .home_pro_con span.left{ left:10px;}

#home_pro .home_pro_con span.right{ right:10px;}

#home_pro .home_pro_con ul li .note{ padding:20px 0 15px 15px;}



#home_videos .l{ width:100%; float:none;}

#home_videos .r{ width:100%; float:none; margin:40px 0 30px 0;}

#home_videos .r .videos_con{ width:100%; text-align:center;}

#home_videos .r .videos_con em{ font-size:22px; margin-top:10%; margin-bottom:25px;}

#home_videos .r .videos_con .note{ font-size:18px;}

#home_videos .r .videos_con i{ float:none; margin:0 auto; margin-top:20px;}

#home_videos .r .videos_con a.more{ margin: auto; width:80px; padding-right:5px; margin-top:20px; text-align:left;}



#home_ads .ads_con{ position:static; text-align:center;}

#home_ads .ads_con em{ color:#222; font-size:22px; margin-top:10%; margin-bottom:25px; text-align:center;}

#home_ads .ads_con .note{ font-size:18px; color:#1c1c1c; text-align:center;}

#home_ads .ads_con i{ float:none; margin:0 auto; margin-top:20px; background:#c4c4c4;}

#home_ads .ads_con a.more{ color:#555; background:url(../images/more_2.png) no-repeat center right; margin:0 auto; width:80px; margin-top:30px; padding-right:5px; text-align:left;}



/*content*/

/*right*/

#right{ width:100%;}

#right .right_dh{ margin:0; font-size:18px; position:relative;padding-top:10px; border-bottom:1px solid #e4e4e4; height:40px; line-height:40px;}

#right .right_con{ min-height:320px; padding:0;padding-top:10px; margin:0; margin-bottom:10px;}

#right .right_con img{ max-width:100%; height:auto; padding:0 !important;}

#right .right_con iframe{ max-width:100%; height:auto;}

#right .right_con video{ max-width:100%; height:auto;}

#right .right_dh_l{ display:none;}

#right .right_con .dh{ margin-bottom:15px; font-size:20px;}

#right .right_icon { position:absolute;top:10px;right:0;height:30px;width:30px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent; display:none;}

#right .right_icon span{ width:5px; height:5px; border-radius:50%; background:#222; display:block; float:right; position:relative;top:18px; margin-left:4px;}

#right .right_con .pro_nav ul{ padding-bottom:10px;}

#right .right_con .pro_nav li{ height:36px; line-height:36px;}

#right .right_con .pro_nav li a{font-size:14px;}

#right .right_con .l{ width:100%; float:none;}

#right .right_con .r{ width:100%; float:none; margin-top:30px;}



/*location*/

.location{ height:36px; line-height:36px; font-size:14px; padding-left:15px;}



/*about*/

.about{ margin-top:30px;}

.about li .l{ width:100%; float:none;}

.about li .l>img{ width:100%; height:auto; margin-top:0;}

.about li .r>.po{ float:none; margin:0 auto;}

.about li .r{ width:100%; float:none; margin-top:30px;}

.about li .r>.con_note{ width:100%; background:#fff; margin-bottom:30px; margin-top:30px;}

.about li .r>.con_note>span{ font-size:26px; margin-bottom:5px;}

.about li .r>.con_note>em{ font-size:18px;}

.about li .r>.con_note>i{ margin:15px 0;}

.about li:nth-child(2n) .l{ width:100%; float:none;}

.about li:nth-child(2n) .r{ width:100%; float:none; margin-top:30px;}

.about li:nth-child(2n) .r .po{ float:none; margin:0 auto;}

.about li:nth-child(2n) .r .con_note{ float:none; text-align:left;}

.about li:nth-child(2n) .r .con_note>span{ text-align:left;}

.about li:nth-child(2n) .r .con_note>em{ text-align:left;}

.about li:nth-child(2n) .r .con_note>i{ float:none;}



/*research*/

.research{ margin-top:30px; padding:30px 0;}

.research li .r{ float:none; width:100%;}

.research li .r>.po{ float:none; margin:0 auto;}

.research li .r>.con_note{ float:none; width:100%; text-align:center; margin-top:30px; background:#fff; padding-top:10px; padding-bottom:10px; margin-bottom:20px;}

.research li .r>.con_note>i{ margin:0 auto; margin-top:15px; margin-bottom:15px;}

.research li .r>.con_note>span{ font-size:26px;}

.research li .r .note{ width:100%;}

.research li:nth-child(2n) .r .po{ float:none; margin:0 auto;}

.research li:nth-child(2n) .r .con_note{ float:none; width:100%; text-align:center; margin-top:30px; background:#fff; padding-top:10px; padding-bottom:10px; margin-bottom:20px;}

.research li:nth-child(2n) .r .con_note>span{ text-align:center;}

.research li:nth-child(2n) .r .con_note>i{ float:none;}

.research li:nth-child(2n) .r .note{ width:100%; text-align:center; background:#fff; padding-bottom:10px; margin-bottom:20px;}



/*history*/

.history .event_box_m{ margin-top:20px;}

.history .event_box_m li a{ background:#f2f2f2; height:36px; line-height:36px; display:block; padding-left:10px; margin-bottom:2px;}

.history .event_box_m li span{ display:block;}

.history .event_box_m li a>em{ float:right; transform: rotate(90deg);-ms-transform:rotate(90deg);font-family:'SimSun';font-weight:100; position:relative; right:10px;}

.history .event_box_m dl{ display:none;}

.history .event_box_m dl i{ font-style:normal; margin-left:10px;}

.history .event_box_m img{ margin-top:10px;}

.history .event_box_m dl p{ line-height:1.6; font-size:15px; padding:10px 0;}



/*services*/

.ser_con{ padding:0;}

.ser_con #right .right_dh{ margin:0 15px;}

.ser_con_box{ padding:0 15px 30px 15px;}

.services .services_con{ margin-top:0; background-size:cover;}

.services .dh>em{ margin-top:10px; margin-bottom:10px;}

.services .dh>span{ font-size:18px;}

.services .note{ width:92%; margin:0 auto; margin-bottom:30px;}

.services .con_2{ padding-bottom:10px;}

.services .con_2 .dh{ padding-top:30px;}

.services .con_3 .dh{ padding-top:30px;}

.services .con_4 .dh{ padding-top:30px;}

.services .con_4{ padding-bottom:10px;}

.services .services_apply{ margin-top:30px; margin-bottom:40px;}

.services .services_apply form{ margin-top:30px;}

.services .services_apply .input{ width:94%; margin:0 auto;}

.services .services_apply .float_left{ width:94%; margin:0 auto; float:none;}

.services .services_apply .float_right{ width:94%; margin:0 auto; float:none;}

.services .services_apply .input>em{ width:26%; margin-bottom:20px;}

.services .services_apply .short input{ width:70%;}

.services .services_apply .input input{ height:36px; line-height:36px; width:70%;}

.services .services_apply input[type="submit"]{ margin:0 auto; width:90%; height:36px; line-height:36px; font-size:16px; margin-top:10px; display: block;}



.services_2{ margin-bottom:30px;}

.services_2 .services_con{ margin-top:0;}

.services_2 .dh>em{ margin-top:10px; margin-bottom:10px;}

.services_2 .services_con .desc img{ max-width:90% !important;}

.services_2 .services_con .note img{ max-width:90% !important;}

.services_2 .con_2{ margin-top:30px; background-size:100% 50%;}

.services_2 .con_2 .dh{ padding-top:30px;}

.services_2 .con_2 .desc{ padding-top:30px;}



.services_3{ margin-bottom:30px;}

.services_3 .services_con{ margin-top:0;}

.services_3 .services_con .desc{ width:94%; margin:0 auto;}

.services_3 .dh>em{ margin-top:10px; margin-bottom:10px;}

.services_3 .services_con .desc img{ max-width:90% !important;}

.services_3 .services_con .note img{ max-width:90% !important; margin:0 auto; display:block;}

.services_3 .con_2{ margin-top:20px;}

.services_3 .con_2 .dh{ padding-top:30px;}

.services_3 .con_2 .desc{ padding-bottom:30px; padding-top:15px;}

.services_3 .con_3{ margin-top:30px;}

.services_3 .con_3 .note{ margin-top:20px; padding:30px 0;}

.services_3 .con_4{ margin-top:30px;}



.store_con{ margin-top:30px; width:92%; margin:0 auto;}

.store_con .r ul{ height:400px;}

.store_con .l{ float:none; width:100%; height:200px;}

.store_con .r{ float:none; width:100%; margin-top:20px; font-size:15px;}

.store_con .r em{ padding-bottom:10px; margin-bottom:10px;}

.store_con .r span{ display:block;}

.store_con .r select{ width:46%; font-size:15px;}



/*energy*/

.energy_1{ margin:0 auto; width:94%; margin-top:20px;}

.energy_1 ul li{ width:100%; margin-bottom:30px; margin-left:0;}

.energy_1 ul li>em{ font-size:20px;}

.energy_1 ul li>p{ margin-top:10px; margin-bottom:20px;}

.energy_1 ul li:nth-child(1)>p{ height:auto;}



.energy_2{ margin:0 auto; width:94%; margin-top:20px;}

.energy_2 .dh{ margin-bottom:20px;}

.energy_2 .dh>em{margin-top:10px; margin-bottom:10px;}

.energy_2 ul li{ width:100%; margin-bottom:30px; margin-left:0;}

.energy_2 ul li>em{ font-size:20px;}

.energy_2 ul li>p{ margin-top:10px; margin-bottom:20px; height:auto;}



.energy_3{ padding-top:30px;}

.energy_3 .dh>em{margin-top:10px; margin-bottom:10px;}

.energy_3 ul li{ width:100%; margin-bottom:30px; margin-left:0;}

.energy_3 ul li>em{ font-size:20px;}

.energy_3 ul li>p{ margin-top:10px; margin-bottom:20px; height:auto;}



ul.space_list{ margin-top:15px;}

ul.space_list li{ height:auto; margin-bottom:20px;}

ul.space_list li .img{ width:100%; height:auto; float:none;}

ul.space_list li .note{ width:100%; height:auto; float:none; padding:0;}

ul.space_list li:nth-child(2n+1) .note{ padding:0; float:none;}

ul.space_list li em{ font-size:20px; margin-bottom:15px;} 

ul.space_list li img{margin-bottom:15px;}

 

/*pro_list*/

.pro_list{ margin-top:20px;}

.pro_list ul li{ margin-bottom:20px;}

.pro_list ul li .img{ width:94%; margin:0 auto; height:auto;}

.pro_list ul li .note{ margin-top:15px; margin-left:25px; width:100%;}

.pro_list ul li .note>span{ font-size:20px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:90%; display: block;}

.pro_list ul li .note>em{ font-size:16px; margin:0 0 15px 0;}

.pro_nav ul{ padding:25px 0 30px 0;}

.pro_nav ul li{ width:33%; padding-right:0; padding-left:0; margin-bottom:20px;}

.pro_nav ul li img{ width:40%;}

.pro_nav ul li span{ font-size:15px;}

.pro_con{ padding:25px 0 30px 0;}

.pro_con_list{ margin:0 auto; width:94%;}

.pro_con .swiper-slide li .img{ width:100%; height:120px;}

.pro_con .sp1{ margin-top:25px;}

.pro_select{ padding-top:35px;}

.pro_select .dh{ font-size:22px;}

.pro_select .dh>span{ font-size:18px;}

.pro_select .dh>em{ margin-top:15px;}

.pro_select ul{ width:94%; margin:0 auto; text-align:center;}

.pro_select ul li{ width:33.33%; margin-bottom:6%;}

.pro_select ul li:nth-child(4){ margin-bottom:0;}

.pro_select ul li:nth-child(5){ margin-bottom:0;}

.pro_select ul li:nth-child(6){ margin-bottom:0;}

.pro_select ul li img{ width:30%; height:auto;}

.pro_list_con{ margin:0 auto; margin-top:30px; margin-bottom:30px; width:94%;}

.pro_select .padd{ margin-bottom:30px;}



/*left*/

#left .left_dh ul{ text-align:left; white-space:nowrap; overflow-x:scroll;}

#left .left_dh ul li{ line-height:36px;}

#left .left_dh ul li a{ font-size:15px; padding:0 8px; line-height:36px; height:36px;}



/*list_news*/

ul.list_news li {width:100%;}

ul.list_news li dd{width: calc(100% - 86px);word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



/*list_pic_news*/

ul.list_pic_news li{ width:100%;line-height:25px; margin-left:0;height:auto;text-align:center; margin-bottom:20px;}

ul.list_pic_news li:first-child { margin-left:0;}

ul.list_pic_news li .img{ width:100%;height:auto;}

ul.list_pic_news li img{ width:100%;height:100%;object-fit:cover;}

ul.list_pic_news li span{ font-size:15px; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

ul.list_pic_news li p{ padding-top:5px;font-size:14px; color:#999; text-align:left; line-height:22px;}



/*list_img_news*/

ul.list_img_news{ margin-top:10px;}

ul.list_img_news li{ height:auto; padding-bottom:0;}

ul.list_img_news li .note{ width:92%; height:auto; padding:4%;}

ul.list_img_news li .date{ float:left;}

ul.list_img_news li .img{ width:100%; float:none; height:auto;}

ul.list_img_news li .img img{ width:100%;height:100%;}

ul.list_img_news li span{ width:calc(100% - 80px); font-size:14px; line-height:1.5; margin-top:0; float:right; margin-bottom:0; overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

ul.list_img_news li p{ display:none;}

ul.list_img_news li em>span{ display:none;}

ul.list_img_news li:after{ height:20px;}



/*dis_news*/

#dis_news{ width:100%;}

#dis_news .news_title{ font-size:18px;}



/*list_pro*/

ul.list_pro li{ float:left; width:46%; line-height:25px; height:140px; vertical-align:middle; margin:0 2%; padding-bottom:15px;}

ul.list_pro li:nth-child(3n+1){ margin:0 2%;}

ul.list_pro li .img{ width:100%; height:120px;}

ul.list_pro li img{ max-width:100%;  max-height:100%;}

ul.list_pro li span{ padding-top:5px;}



/*dis_big*/

.dis_big{ margin-top:20px;}

.dis_big .l{ width:94%; float:none; margin:0 auto;}

.dis_big .l .img{ width:100%; height:100%;}

.dis_big .l .img img{ max-width:80% !important; height:auto;}

.dis_big .r{ width:94%; float:none; margin:0 auto; margin-bottom:50px;}

.dis_big .r .dis_name{ font-size:20px;}

.dis_big .r ul{ margin-top:25px;}

.dis_big .r ul li{ width:50%; border-left:0; background-position:left 2px !important; padding-left:0; background-size:35px; margin-bottom:20px;}

.dis_big .r ul li .note>em{ font-size:15px;}

.dis_big .r ul li .note{ font-size:12px; padding-left:45px;}

.dis_big .r .qcode{ margin:0 auto;}

.dis_space em{ font-size:22px; margin:25px 0;}

.border{ margin-top:-10px; margin-bottom:0;}

.dis_note{ margin-top:0;}

.dis_note .img{ height:200px; background-size:cover;}

.dis_note em{ font-size:20px; width:35%; height:36px; line-height:36px; top:-36px; margin-bottom:-36px; left:20px;}

.dis_note .note{ margin-top:30px; margin-bottom:30px;}

.dis_style em{ font-size:22px; margin:25px 0;}

.dis_space .space_pic img{ width:100%; height:auto;}

.dis_space .space_pic .sp1{ height:30px; width:30px; background-size:10px; right:10px;}

.dis_space .space_pic .sp2{ height:30px; width:30px; background-size:10px; left:10px;}

.dis_style .style_con li{ width:48.5%; margin-left:3%; height:auto; margin-bottom:4%;}

.dis_style .style_con li .img{ width:100%; height:160px;}

.dis_style .style_con li img{ width:100%; height:auto; object-fit:cover;}

.dis_style .style_con li:nth-child(3n+1){ margin-left:3%;}

.dis_style .style_con li:nth-child(2n+1){ margin-left:0;}



/*dis_energy*/

.dis_energy>span{ font-size:18px;}



/*share_list*/

ul.share_list li{ float:left; width:46%; line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}

ul.share_list li:nth-child(5n+1){ margin:0 2%;}

ul.share_list li .img{ width:100%; height:auto;}

ul.share_list li img{ width:100%; height:100%;}

ul.share_list li span{ padding-top:5px;}



/*video_list*/

ul.video_list{ margin-top:15px;}

ul.video_list li{ float:none; width:100%; margin:0; height:auto;}

ul.video_list li video{ width:100%; height:120px;}



/*list_share*/

ul.list_share li{ float:left; width:46%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; margin-bottom:20%;}

ul.list_share li:nth-child(5n+1){ margin:0 2%;}

ul.list_share li .img{ width:100%; height:auto;}

ul.list_share li img{ width:100%; height:100%;}

ul.list_share li span{ padding-top:15px; width:80%; font-size:16px; bottom:-30%;}



/*list_cases*/

ul.list_cases li{ float:left; width:46%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}

ul.list_cases li:nth-child(5n+1){ margin:0 2%;}

ul.list_cases li .img{ width:100%; height:auto;}

ul.list_cases li img{ width:100%; height:100%;}

ul.list_cases li span{ padding-top:5px; width:100%; font-size:16px;}



/*form*/

.form { width:100%;}

.form input{ width:92%;}

.form textarea{ width:96%;}

.form input[type="submit"],input[type="reset"]{ width:40%;}

.form tr>td:first-child{ width:30%;}



/*ChinaMap*/

#ChinaMap{ width:100% !important; height:300px !important;}

.svggroup svg{ width:100% !important; height:300px !important;}



/*pages*/

.pages{ width:94%; margin:0 auto;margin-top:10px; margin-bottom:10px;text-align:center;}

.pages a{ padding:0px 5px;margin:0 3px;}

.pages span{ padding:0px 5px;margin:0 3px; cursor:pointer;}

.pages .p_left{ float:left;}

.pages .p_right{ float:right;}

.pages .p_page{ border:0px;}



/*float*/

.float{display:none;}



/*livechat*/

#livechat{ display:none;}



/*nav*/

#footer_nav{ display:none;}



/*footer*/

#footer{ padding:15px 0;}

#footer .footer_con{ width:96%; margin:0 auto; text-align:center;}

#footer .footer_con .l{ float:none;}

#footer .footer_con .r{ float:none;}

#footer .footer_copy{ margin-top:0; width:94%; padding:15px 0;}

}