@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:36px; 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:#f08200;}
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;}
.container{ min-width:1350px; width:1350px; margin:0px auto; text-align:left;}
/* CSS Common*/

/*header */
#header{position:relative; width:100%; height:130px; margin:0 auto; text-align:center;}
#header .logo{ float:left; padding-top:20px; margin-left:2%; position:relative; z-index:9;}
#header .logo img{ float:left;}
#header .header_ico{ position:relative;}
#header .header_ico>img{ position:relative;top:3px; padding-right:20px; padding-left:24px; border-right:1px solid #cfcfcf; margin-right:10px;cursor:pointer;}
#header .header_ico a{ display:inline;padding:0; border-bottom:0;}
#header .header_ico span{ font-size:16px; display:inline-block;font-family:Arial; padding-left:10px; height:36px; line-height:36px; border-radius:20px; margin-left:10px;}
#header .header_ico span>img{ padding-right:8px; position:relative; top:8px;}
#header .header_ico span em>img{ position:relative; top:5px; cursor:pointer;}
#header .header_search{ background:#fff; position:absolute;top:130px; width:100%; z-index:9; border-top:1px solid #e4e4e4; height:80px; display:none;}
#header .header_search form{ width:485px; height:50px; border:1px solid #e4e4e4; margin:0 auto; margin-top:15px;}
#header .header_search input[type="text"]{ height:50px; line-height:50px; font-size:14px; width:425px; border:0;color:#666; float:left; text-indent:20px;}
#header .header_search input[type="image"]{ position:relative; top:15px; cursor:pointer;}

/*menu*/
#menu{ height:35px;}
#menu ul li{ float:left; width:125px; text-align:center;}
#menu ul li a:hover{ color:#f08200;}
#menu ul li a.on{ color:#f08200;}

/* Menu下拉菜单 */
.menu{ float:right;margin-right:2%; margin-top:40px;}
.menu ul{ margin:auto;}
.menu li{ height:35px;line-height:35px;float:left;text-align:center;position:relative;z-index:9;}
.menu li:nth-child(2){ position:static;}
.menu li>a{ display:block;font-size:16px;color:#222; padding:5px 28px;}
.menu li>a:hover{ color:#fff; background:#f08200;}
.menu li>a.on{ color:#fff; background:#f08200;}
.menu li dl{ width:100%;position:absolute;top:45px; background:rgba(255,255,255,0.9); padding:10px 0; display:none;}
.menu li dl dd{ width:100%;height:40px;text-align:center;line-height:40px;}
.menu li dl dd a{ font-size:15px;color:#303030; display:inline-block; padding:0;}
.menu li dl dd a:hover{ color:#f08200;}
.menu li dl.pro{ display:none; left:0; top:84px; z-index:2; padding-bottom:36px; padding-top:70px;}
.menu li dl.pro dd{ width:auto; display:inline-block; text-align:center; margin:0 20px;}
.menu li dl.pro dd img{ width:102px; height:106px;}
.menu li dl.pro dd span{ display:block;}
	
/*banner*/
.banner .swiper-slide{ background-position:center;background-size:cover;}
.banner .swiper-slide img{ width:100%; height:auto;}
.banner .swiper-pagination{ bottom:14px;}
.banner .swiper-pagination-bullet{ margin:0 3px !important;}
.banner .swiper-pagination-bullet{ background:#fff; opacity:0.6; width:24.5%; height:2px; border-radius:0;}
.banner .swiper-pagination-bullet-active{ background:#f08200; opacity:1;}

/*banner_inside*/
.banner_inside .swiper-slide{ background-position:center;background-size:cover;}
.banner_inside .swiper-slide img{ width:100%; height:auto;}
.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:#f08200;}

/*home_pro*/
#home_pro ul{ margin:0 auto; text-align:center;}
#home_pro li{display:inline-block; position:relative;border-bottom:5px solid transparent; margin-right:-5px;}
#home_pro li>a{ font-size:16px; color:#252525; padding:0 31px; display:inline-block; margin:45px 0; border-left:1px dotted #d0d0d0;}
#home_pro li:nth-child(1)>a{ border:0;}
#home_pro li>span{ padding-top:10px; display:block;}
#home_pro li:hover{ background:#e3e3e3; border-bottom:5px solid #f08200;}
#home_pro li.on{ background:#e3e3e3; border-bottom:5px solid #f08200;}
#home_pro li>a .ico2{ display:none;}
#home_pro li dl{position:absolute; background:#f6f6f6; width:100%; line-height:36px; padding:10px 0; margin-top:5px; z-index:9; display:none;}
#home_pro li dl a{ font-size:16px; padding:0; overflow:hidden; text-align:center; color:#505050; display:block;}
#home_pro li dl a:hover{ color:#f08200;}
#home_pro li dl a.on{ color:#f08200;}

/*home_cases*/
#home_cases{ width:100%; background:#f0f0f0; padding:40px 0 60px 0;}
#home_cases .home_cases_dh{ margin:0 auto; text-align:center; position:relative;}
#home_cases .home_cases_dh em{ display:block; font-size:30px; text-transform:uppercase; font-family:Georgia,"Times New Roman"; margin:0 auto; background:#f0f0f0; width:400px; position:relative; z-index:2;}
#home_cases .home_cases_dh em i{ display:block; font-style:normal;}
#home_cases .home_cases_dh span{ height:1px; width:100%; background:#b8b8b8; display:block; position:absolute; top:65px;}
.home_cases_con {position:relative; margin:0 auto; margin-top:46px;}
.home_cases_con .swiper-container {}
.home_cases_con .swiper-slide {width:513px;height:412px; box-shadow:0 5px 12px #ddd;}
.home_cases_con .swiper-slide img {display:block; width:513px; height:412px; object-fit:cover;}
.home_cases_con .swiper-slide p {line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0;}
.home_cases_con .swiper-pagination {width:100%;bottom:20px;}
.home_cases_con .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;}
.home_cases_con .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #00aadc;background-color:#fff;}
.home_cases_con .swiper-button-prev {left:15px;width:76px;height:105px; background-color:rgba(0,0,0,0.43); top:42%; border-radius:6px;}
.home_cases_con .swiper-button-next {right:15px;width:76px;height:105px; background-color:rgba(0,0,0,0.43); top:42%; border-radius:6px;}
.home_cases_con .swiper-button-prev:focus {outline: none;}
.home_cases_con .swiper-button-next:focus {outline: none;}

/*home_adv*/
#home_adv{ background:#f0f0f0; padding-top:30px;}
#home_adv ul li{ float:left; width:660px; height:440px; margin-bottom:26px; margin-left:26px; position:relative;}
#home_adv ul li:nth-child(2n+1){ margin-left:0;}
#home_adv ul li .img{ width:660px;height:440px;overflow:hidden;}
#home_adv ul li img{ width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}
#home_adv ul li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_adv ul li span{ background:rgba(219,119,2,0.6); color:#fff; font-size:22px; text-align:center; display:block; height:62px; line-height:62px; position:absolute; bottom:0; z-index:2; width:100%;}

/*home_nav*/
#home_nav{ background:#f0f0f0; padding-bottom:60px;}
#home_nav ul li{ float:left; width:430px; height:331px; margin-left:30px; margin-bottom:26px; position:relative;}
#home_nav ul li:nth-child(3n+1){ margin-left:0;}
#home_nav ul li .img{ width:430px; height:331px;}
#home_nav ul li img{ width:100%; height:100%;}
#home_nav ul li .mask{ background:rgba(85,58,30,0.64); height:100%; width:100%; position:absolute;top:0; z-index:2; transition:all 0.6s; color:#fff; text-align:center;}
#home_nav ul li .mask em{ display:block; text-transform:uppercase; font-size:26px; line-height:1.2; position:absolute;left:50%;top:50%;transform: translate(-50%,-50%); transition:all 0.6s;}
#home_nav ul li:hover .mask{ background:rgba(85,58,30,0);}
#home_nav ul li:hover .mask em{ display:none;}

/*left*/
#left_con{ padding:20px 0px;}
#left{ width:100%;}
#left .left_dh ul li{ line-height:48px; float:left;}
#left .left_dh ul li a{ height:48px; display:block; border-bottom:solid 1px transparent; font-size:16px; color:#464646; line-height:48px; padding:0 28px; padding-bottom:12px;}
#left .left_dh ul li a:hover{ color:#1b8f5f;border-bottom:solid 1px #1b8f5f; font-weight:600;}
#left .left_dh ul li a.on{ color:#1b8f5f;border-bottom:solid 1px #1b8f5f; font-weight:600;}

/*content*/
#right{ width:100%;}
#right .right_dh{ height:48px; line-height:48px; border-bottom:1px solid #e8e8e8; padding-bottom:12px;}
#right .right_dh_l{ color:#797979; font-size:15px; float:left; background:url(../images/location.jpg) no-repeat center left; padding-left:28px;}
#right .right_con{ min-height:200px; height:auto; _height:200px; margin:50px 0 50px 0;}

#right .right_th{ height:48px; line-height:48px; padding-bottom:12px;}
#right .right_th_l{ color:#535353; font-size:30px; float:left;}
#right .right_th_r{ color:#797979; font-size:15px; float:right; background:url(../images/location.jpg) no-repeat center left; padding-left:28px;}
#right .right_th_con{ min-height:200px; height:auto;}

/*about*/
.about{ width:96%; margin: 0 auto;}
.about ul{ margin-top:60px;}
.about ul li{ float:left; width:409px; height:293px; margin-left:32px; margin-bottom:32px; position:relative;}
.about ul li:nth-child(3n+1){ margin-left:0;}
.about ul li img{ width:100%; height:100%;}
.about ul li .mask{ background:rgba(85,58,30,0.64); height:100%; width:100%; position:absolute;top:0; z-index:2; transition:all 0.6s; color:#fff; font-size:23px; text-align:center; display:block;}
.about ul li .mask .note{ position:absolute;left:50%;top:50%;transform: translate(-50%,-50%); transition:all 0.6s;}
.about ul li .mask em{ display:block; text-transform:uppercase; font-size:14px; line-height:1.2;}
.about ul li:hover .mask{ background:rgba(85,58,30,0);}
.about ul li:hover .mask .note{ display:none;}

/*history*/
.history .history_dh{ margin:0 auto; text-align:center; position:relative;}
.history .history_dh em{ display:block; font-size:30px; text-transform:uppercase; font-family:Georgia,"Times New Roman"; margin:0 auto; background:#fff;width:340px; position:relative; z-index:2;}
.history .history_dh em i{ display:block; font-style:normal;}
.history .history_dh span{ height:1px; width:100%; background:#b8b8b8; display:block; position:absolute; top:65px;}
.event_box {width:100%; margin:3% auto 0; position:relative; min-height:420px; margin-bottom:130px;}
.event_box .parHd {width:100%; display:inline-block; height:92px; overflow:hidden;}
.event_bd{text-align:center; width:75%; margin:0 auto; margin-top:60px;}
.event_bd .note{ float:left; text-align:left; margin-top:35px; width:500px;}
.event_bd span{ font-size:142px; color:#f08200; vertical-align:top; position:relative;}
.event_bd span em{ font-size:28px; color:#555; width:80px; display:inline-block; position:absolute; top:35px; margin-left:10px;}
.event_bd p{ margin-top:80px; font-size:18px; line-height:1.8; width:80%; text-align:left;}
.event_bd img{ float:right;}
.space_div>.sPrev,.space_div>.sNext { display:block; position:absolute; top:75px; width:106px; height:106px;}
.space_div>.sPrev {left:0; background:url(../images/history_1.png) no-repeat top center;}
.space_div>.sNext {right:0;  background:url(../images/history_2.png) no-repeat top center;}
.space_div>.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);}
.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 #898989; display:block; width:100%; position:absolute; top:48%;}
.event_hd li {display:inline-block; cursor:pointer; margin-top:60px; font-size:22px; color:#333; margin:0 30px; position:relative; top:92px; padding:12px 35px; border-radius:5px;}
.event_hd li.act{ background:#f08200; color:#fff;}
.event_hd li.act:after{ background:url(../images/history_ico.png) no-repeat; width:34px; height:43px; top:-52px; margin-left:-16px;}
.event_hd li:after {content:'';background:url(../images/history_ico1.png) no-repeat; width:24px; height:24px; position:absolute; z-index:20; top:-42px; left:50%; margin-left:-10px;}
.event_hd .sPrev,.sNext { display:block; position:absolute; top:75px;}
.event_hd .sPrev {left:0;}
.event_hd .sNext {right:0;}
.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);}
.share_nav{ text-align:center; margin:0 auto; margin-bottom:40px;}
.share_nav ul li{ height:38px; line-height:38px; font-size:16px; text-align:center; display:inline-block; margin-right:-3px;}
.share_nav ul li a{ display:block; padding:0 80px; background:#f6f6f6;}
.share_nav ul li:hover a{ background:#f08200; color:#fff;}
.share_nav ul li.on a{ background:#f08200; color:#fff;}

/*news*/
.news{background:#fbfbfb; padding:22px;}
.news .pic .img{ width:584px;height:359px; float:left; overflow:hidden;}
.news .pic 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;}
.news .pic .img:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.news .pic .note{ float:right; width:685px; text-align:left; font-size:18px;}
.news .pic .note span{ font-size:25px; color:#333; font-weight:500; margin-top:25px; display:block; margin-bottom:25px;}
.news .pic .note span:hover{ color:#f08200;}
.news .pic .note em{ color#:858585;}
.news .pic .note p{ line-height:1.8; margin-top:15px; min-height:110px;}
.news .pic .note a.more{ width:115px; height:42px; line-height:42px; border:1px solid #d1d1d1; text-align:center; display:block; float:right; background:url(../images/news_more.png) no-repeat center left; background-position:20px 8px; padding-left:40px;}
.news_nav{ background:#fbfbfb; height:76px; line-height:76px; font-size:20px; margin-top:40px;}
.news_nav ul li a{ float:left; padding:0 35px; display:inline-block;}
.news_nav ul li a.on{ background:#f08200; color:#fff;}
.news_nav .news_search{ float:right; margin-right:30px; width:230px; border:1px solid #c2c2c2; height:36px; border-radius:8px; margin-top:18px;}
.news_nav .news_search input[type="text"]{ height:34px; line-height:34px; color:#c2c2c2; border:0; text-indent:15px; width:170px; float:left; background:none;}
.news_nav .news_search input[type="image"]{ float:right; position:relative;top:6px; right:15px; cursor: pointer;}

/*pro*/
.pro_con{ padding-top:0;}
.pro_search{ margin-top:30px;}
.pro_search em{ float:left; display:inline-block;}
.pro_search form{ float:left; width:230px; border:1px solid #c2c2c2; height:36px; border-radius:8px;}
.pro_search form input[type="text"]{ height:34px; line-height:34px; color:#c2c2c2; border:0; text-indent:15px; width:170px; float:left; background:none;}
.pro_search form input[type="image"]{ float:right; position:relative;top:6px; right:15px; cursor: pointer;}
.pro_nav{ background:#f9f9f9;}
.pro_nav ul{ margin:0 auto; text-align:center; margin-bottom:40px;}
.pro_nav li{display:inline-block; position:relative;border-bottom:5px solid transparent; margin-right:-5px;}
.pro_nav li>a{ font-size:16px; color:#252525; padding:0 31px; display:inline-block; margin:45px 0; border-left:1px dotted #d0d0d0;}
.pro_nav li:nth-child(1)>a{ border:0;}
.pro_nav li>span{ padding-top:10px; display:block;}
.pro_nav li:hover{ background:#e3e3e3; border-bottom:5px solid #f08200;}
.pro_nav li.on{ background:#e3e3e3; border-bottom:5px solid #f08200;}
.pro_nav li>a .ico2{ display:none;}
.pro_nav li dl{position:absolute; background:#f6f6f6; width:100%; line-height:36px; padding:10px 0; margin-top:5px; z-index:9; display:none;}
.pro_nav li dl a{ font-size:16px; padding:0; overflow:hidden; text-align:center; color:#505050; display:block;}
.pro_nav li dl a:hover{ color:#f08200;}
.pro_nav li dl a.on{ color:#f08200;}

/*store*/
.store{ margin-top:20px;}
.store .store_dh{ margin:0 auto; text-align:center; position:relative;}
.store .store_dh em{ display:block; font-size:30px; text-transform:uppercase; font-family:Georgia,"Times New Roman"; margin:0 auto; background:#fff; width:340px; position:relative; z-index:2;}
.store .store_dh em.long{ width:400px;}
.store .store_dh em i{ display:block; font-style:normal;}
.store .store_dh span{ height:1px; width:100%; background:#b8b8b8; display:block; position:absolute; top:65px;}
.store .store_con{ margin-top:70px;}
.store .store_con .l{ width:810px; height:630px; float:left;}
.store .store_con .l .store_map{ width:100%; height:100%;}
.store .store_con .r{ width:510px; float:right;font-size:18px;}
.store .store_con .r em{ border-bottom:1px solid #d9d9d9; display:block; padding-bottom:20px; margin-bottom:20px;}
.store .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 .store_con .r ul{ margin-top:20px; height:490px; overflow-y:auto;}
.store .store_con .r ul li{ background:#f6f6f6; padding:20px; margin-bottom:20px;}
.store .store_con .r ul li span{ color:#f08200; padding-left:10px; margin-bottom:5px; display: inline-block;}
.store .store_con .r ul li img{ position:relative; top:5px;}
.store .store_con .r ul li p{ color:#7b7b7b; line-height:1.6;}
.store .store_con .r ul li a.more{ width:130px; height:36px; line-height:36px; background:#f08200; color:#fff; text-align:center; display:block; margin-top:15px;}
ul.store_list{ margin:0 auto;width:100%; margin-top:40px; margin-bottom:60px;}
ul.store_list li{ width:320px;height:370px;float:left;margin-left:23px;}
ul.store_list li:nth-child(4n+1){ margin-left:0;}
ul.store_list .img{ width:320px;height:226px;display: table-cell;vertical-align: middle;text-align: center;*display: block; overflow:hidden;}
ul.store_list .img img{ max-width:320px; max-height:304px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.store_list li:hover img{ transform: scale(1.08);-webkit-transform: scale(1.08);}
ul.store_list li span{ display:block; padding-top:10px;text-align:center;}

/*cases*/
.cases{ margin-bottom:50px;}
.cases .cases_nav{ margin-bottom:50px;}
.cases .cases_nav ul li{ width:24.94%; float:left; border-left:1px dotted #c6c6c6; text-align:center;}
.cases .cases_nav ul li:first-child{ border:0;}
.cases .cases_nav ul li .img .img_2{ display:none;}
.cases .cases_nav ul li img{ width:102px; height:102px;}
.cases .cases_nav ul li:hover .img .img_1{ display:none;}
.cases .cases_nav ul li:hover .img .img_2{ display:block;}
.cases .cases_nav ul li a{ cursor:pointer;}
.cases .cases_dh{ margin:0 auto; text-align:center; position:relative; margin-bottom:50px;}
.cases .cases_dh em{ display:block; font-size:30px; text-transform:uppercase; font-family:Georgia,"Times New Roman"; margin:0 auto; background:#fff; width:400px; position:relative; z-index:2;}
.cases .cases_dh em i{ display:block; font-style:normal;}
.cases .cases_dh span{ height:1px; width:100%; background:#b8b8b8; display:block; position:absolute; top:65px;}
.cases ul.cases_list{ margin-top:50px; margin-bottom:40px;}
.cases ul.cases_list li{ width:316px; height:115px; float:left; margin-left:28px; margin-bottom:50px;}
.cases ul.cases_list li:nth-child(4n+1){ margin-left:0;}
.cases ul.cases_list li img{ width:314px; height:113px; border:1px solid #b8b8b8;}
.cases ul.cases_list .cp1{ bottom:0px;}
.cases ul.cases_list .cp1 .swiper-pagination-bullet{ width:42px; height:8px; background:#e6e6e6; border-radius:0; opacity:1;}
.cases ul.cases_list .cp1 .swiper-pagination-bullet-active{ background:#f08200;}
.cases .cases_con{ margin-bottom:80px;}
.cases .cases_pic .swiper-slide{ background-position:center;background-size:cover; cursor:pointer;}
.cases .cases_pic .swiper-button-white{ opacity:1;}
.cases .cases_pic .sp1{ background-size:30px; border:3px solid #fff; background-repeat:no-repeat; border-radius:50%; width:90px; height:90px; right:20px; transition:all 0.3s;}
.cases .cases_pic .sp2{ background-size:30px; border:3px solid #fff; border-radius:50%; width:90px; height:90px; left:20px; transition:all 0.3s;}

/*download*/
.download ul li{ width:48.5%; margin-left:3%; float:left; margin-bottom:3%;}
.download ul li:nth-child(2n+1){ margin-left:0;}
.download ul li .note{ border:1px solid #e4e4e4; overflow:hidden; padding:20px;}
.download ul li .note img{ float:left;}
.download ul li .note span{ float:left; margin-top:4%; margin-left:30px;}
.download ul li .note em{ float:right; margin-top:4%; background:#f6f6f6; width:130px; height:42px; line-height:42px; text-align:center;}
.download ul li .note em:hover{ background:#f08200; color:#fff;}
	
/*list_pro*/
ul.list_pro{ text-align:center;min-height:200px;_height:200px;}
ul.list_pro li{ float:left;width:320px;margin-left:23px;line-height:25px; height:370px; margin-bottom:22px;}
ul.list_pro li:nth-child(4n+1){ margin-left:0;}
ul.list_pro li .img{ width:320px;height:320px;overflow:hidden;}
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; height:52px; line-height:52px; font-size:18px; background:#f6f6f6;}
ul.list_pro li:hover span{ background:#f08200; color:#fff;}

/*display*/
.dis_big{ text-align:center;}
.dis_big .l{ float:left; width:752px;}
.dis_big .r{ float:right; text-align:left; width:550px; margin-top:10px;}
.dis_name{ line-height:30px; height:30px; color:#454545; font-size:32px;}
.dis_nav{ margin-top:30px;}
.dis_nav span{ width:228px; height:46px; line-height:46px; background:#f6f6f6; font-size:20px; display:inline-block; text-align:center; cursor:pointer;}
.dis_nav span.on{ background:#f08200; color:#fff;}
.dis_nav li{ width:228px; height:46px; line-height:46px; background:#f6f6f6;}
.dis_pic{ position: relative; text-align:center;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display:none;}
.dis_pic a.p_prev{ background:url(../images/left.png) no-repeat; left:0;}
.dis_pic a.p_next{ background:url(../images/right.png) no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{ max-width:80%; border:1px solid #ddd;}
.dis_note{ text-align:left;line-height:2; margin-top:20px; min-height:392px;}
.dis_down em{ display:block; margin-bottom:10px;}
.dis_down li{display:inline-block; margin-right:-2px;}
.dis_down a.more{ background:#f6f6f6; text-align:center; font-size:16px; padding:0 22px; height:46px; line-height:46px; background-image:url(../images/down1.png); background-repeat:no-repeat; background-position:20px 7px; display:inline-block;}
.dis_down li:nth-child(2) a.more{ background-image:url(../images/down2.png);}
.dis_pro{ margin-top:90px;}
.dis_pro .dis_dh{ margin:0 auto; text-align:center; position:relative;}
.dis_pro .dis_dh em{ display:block; font-size:30px; text-transform:uppercase; font-family:Georgia,"Times New Roman"; margin:0 auto; background:#fff; width:340px; position:relative; z-index:2;}
.dis_pro .dis_dh em i{ display:block; font-style:normal;}
.dis_pro .dis_dh span{ height:1px; width:100%; background:#b8b8b8; display:block; position:absolute; top:65px;}
.dis_pro .dis_pro_con{ margin-top:50px; position:relative;}
.dis_pro .dis_pro_con span{ height:82px; width:42px; background-color:#f6f6f6; display:block; z-index:2; top:30%; background-repeat:no-repeat; background-position:center; cursor:pointer;}
.dis_pro .dis_pro_con span.left{ position: absolute; left:0; background-image:url(../images/left_ico.png);}
.dis_pro .dis_pro_con span.right{ position: absolute; right:0; background-image:url(../images/right_ico.png);}
.dis_pro .dis_pro_list{ width:90%; overflow:hidden; margin:0 auto;}
.dis_pro .dis_pro_list li{ float:left;width:293px;margin-right:23px;line-height:25px; height:260px; margin-bottom:22px;}
.dis_pro .dis_pro_list li .img{ width:293px;height:207px;overflow:hidden;}
.dis_pro .dis_pro_list li img{ width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}
.dis_pro .dis_pro_list li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.dis_pro .dis_pro_list li em{ display:block; height:52px; line-height:52px; font-size:18px; background:#f6f6f6; text-align:center;}
.dis_pro .dis_pro_list li:hover em{ background:#f08200; color:#fff;}
	
/*dis_img*/
.dis_img{ position:relative; padding:4px; overflow:hidden; width:752px; margin:0 auto; margin-bottom:20px;}
.dis_img .bigImg{ position:relative;}
.dis_img .bigImg li img{vertical-align:middle; width:600px; height:600px;}
.dis_img .smallScroll{ margin-bottom:6px; margin-top:22px;}
.dis_img .prev{ float:left; display:block; width:26px; height:41px; background:url(../images/left.png) no-repeat center; margin-top:16px;}
.dis_img .next{ float:right; display:block; width:26px; height:41px; background:url(../images/right.png) no-repeat center; margin-top:16px;}
.dis_img .smallImg{ float:left; margin:0 8px; display:inline; width:90.75%; overflow:hidden;}
.dis_img .smallImg ul{ width:9999px; overflow:hidden;}
.dis_img .smallImg li{ float:left; padding:0 10px; width:100px; cursor:pointer; display:inline;}
.dis_img .smallImg img{ width:100px; height:100px; border:0px solid #e6e6e6;}
.dis_img .smallImg .on img{ border-color:#f08200;}
.dis_img .pageState{ position:absolute; top:235px; right:5px; font-family:"Times New Roman", serif; letter-spacing: 1px; display:none;}
.dis_img .pageState span{ color:#f00; font-size:16px;}

/*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.1);-webkit-transform: scale(1.1);}
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:320px;height:370px;float:left;margin-left:23px; text-align:center;}
ul.share_list li:nth-child(4n+1){ margin-left:0;}
ul.share_list .img{ width:320px;height:226px;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:320px; max-height:304px;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;}

/*list_cases*/
ul.list_cases{ text-align:center;min-height:200px;_height:200px;}
ul.list_cases li{ float:left;width:418px;margin-left:48px;line-height:25px; height:300px; position:relative; margin-bottom:40px;}
ul.list_cases li:nth-child(3n+1){ margin-left:0;}
ul.list_cases li .img{ width:418px;height:276px;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:15px;text-align:center;}

/*list_custom*/
ul.list_custom{ text-align:center;min-height:200px;_height:200px;}
ul.list_custom li{ float:left;width:320px;margin-left:23px;line-height:25px; height:310px; margin-bottom:22px;}
ul.list_custom li:nth-child(4n+1){ margin-left:0;}
ul.list_custom li .img{ width:320px;height:257px;overflow:hidden;}
ul.list_custom li img{ width:100%;height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_custom li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_custom li span{ display:block; height:52px; line-height:52px; font-size:18px; background:#f6f6f6;}
ul.list_custom li:hover span{ background:#f08200; color:#fff;}

/*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;padding-top:5px;padding-bottom:20px;}
ul.list_img_news li:after{ display:block; content:''; height:40px; clear: both; border-bottom:1px dotted #e4e4e4;}
ul.list_img_news li a{ font-size:14px;}
ul.list_img_news li .img{ width:346px;height:220px; margin-right:35px; margin-top:12px; float:left;overflow:hidden;}
ul.list_img_news li .img img{ width:346px;height:100%;transition: all 0.6s; -ms-transition: all 0.6s; object-fit:cover;}
ul.list_img_news li .img:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_img_news li span{ font-size:19px; margin-top:10px; display:block; margin-top:20px;}
ul.list_img_news li p{ color:#6a6a6a; line-height:1.8; min-height:90px;}
ul.list_img_news li em{ font-size:14px; display:block;margin:10px 0;color:#6a6a6a; line-height:1.2;}
ul.list_img_news li a.more{ width:130px; height:42px; line-height:42px; background:#f6f6f6; text-align:center; font-size:16px; display: inline-block;}
ul.list_img_news li a.more:hover{ background:#f08200; color:#fff;}
	
/*list_pic_news*/
ul.list_pic_news{ text-align:center;min-height:200px;_height:200px; margin-top:35px;}
ul.list_pic_news li{ float:left;width:430px;margin-left:30px;line-height:25px; background:#fbfbfb; text-align:left; margin-bottom:30px;}
ul.list_pic_news li:nth-child(3n+1){ margin-left:0;}
ul.list_pic_news li .img{ width:430px;height:254px;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.1);-webkit-transform: scale(1.1);}
ul.list_pic_news li .note{ padding:20px 25px; color:#616161; font-size:16px;}
ul.list_pic_news li span{ display:block; font-size:19px; font-weight:500; color:#333; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic_news li span:hover{ color:#f08200;}
ul.list_pic_news li p{ height:45px;}
ul.list_pic_news li em{ margin:10px 0; display:block;}
ul.list_pic_news li a.more{ width:122px; height:32px; line-height:32px; border:1px solid #d1d1d1; text-align:center; display:block; margin-top:22px;}
	
/*dis_news*/
#dis_news .news_title{ font-weight:500;font-size:25px;_height:30px;min-height:30px;line-height:30px;text-align:center; color:#333;}
#dis_news .news_date{ text-align:center;_height:30px; line-height:30px; padding-bottom:10px; color:#888;}
#dis_news .news_content{ padding:5px;_height:200px;min-height:200px; text-align:left;}
#dis_news .video{ text-align:center; margin:0 auto;}
#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;}

/*login*/
.login{ border:1px solid #f08200; width:450px;text-align:center; margin:0 auto; margin-bottom:20px;}
.login .login_dh{ background:#f08200; height:40px; line-height:40px; text-align:center; margin:0 auto; color:#fff; margin-bottom:30px; font-size:16px;}
.login ul.forget li{ padding-left:40px; float:left;}
.login span{ width:60px; padding-right:20px; text-align:left; display:inline-block; vertical-align:top;}
.login input{ outline:none; padding-left:10px;}
.login input[type="text"]{ width:180px; border:1px solid #ddd; margin-bottom:20px;line-height:30px; height:30px;}
.login input[type="password"]{ width:180px; border:1px solid #ddd; margin-bottom:20px;line-height:30px; height:30px;}
.login input[type="submit"]{ width:150px; background:#eee; color:#222; line-height:40px; height:40px; margin-bottom:20px; font-size:16px;}
.login input[type="button"]{ width:150px; background:#eee; color:#222; line-height:40px; height:40px; margin-bottom:20px; font-size:16px; cursor:pointer; border:0;}
.login input[type="button"]:hover{ background:#f08200; color:#fff;}
.login p{ padding:0 20px; padding:15px; border-top:1px solid #ddd; text-align:left;}
.login a{ color:#454545; padding:0 2px; margin-right:10px;}

/*member*/
.member{ border:0px solid #eee; width:90%;text-align:left; margin:0 auto; margin-bottom:20px;}
.member .member_account{ height:40px; line-height:40px; text-align:left;font-size:15px; border-bottom:1px solid #f2f2f2; background:#f5f5f5; padding-left:30px;}
.member .member_form{ text-align:left; padding-left:30px; margin-top:20px;}
.member span{ width:80px; padding-right:20px; text-align:left; display:inline-block;vertical-align:top;}
.member input{ outline:none; padding-left:10px;}
.member input[type="text"]{ width:180px; border:1px solid #ddd; margin-bottom:10px;line-height:30px; height:30px;}
.member input[type="password"]{ width:180px; border:1px solid #ddd; margin-bottom:10px;line-height:30px; height:30px;}
.member input[type="radio"]{margin-bottom:10px;line-height:30px; height:30px;}
.member em{margin-bottom:10px;line-height:30px; height:30px; display: inline-block;vertical-align:top; padding-left:5px;padding-right:20px;}
.member input[type="submit"]{ width:150px; background:#eee; color:#222; line-height:40px; height:40px; margin-bottom:20px; border-radius:5px;font-size:16px; margin:0 auto; text-align: center; display:block; margin-top:10px;margin-bottom:20px;}
.member input::-webkit-input-placeholder { color:#ccc;}
.member textarea{ width:500px; height:150px;border:1px solid #ddd; margin-bottom:10px;outline:none;resize:none; font-family: "Microsoft YaHei",verdana,arial,sans-serif; padding-left:10px;}
.member p{ padding:0 20px; padding:15px; border-top:1px solid #ddd; text-align:left;}
.member a{ color:#4a1714; font-weight:bold; padding:0 2px;}

/*reg*/
.reg{ border:1px solid #f08200; width:450px;text-align:center; margin:0 auto; margin-bottom:20px;}
.reg .reg_dh{ background:#f08200; height:40px; line-height:40px; text-align:center; margin:0 auto; color:#fff; margin-bottom:30px; font-size:16px;}
.reg span{ width:70px; padding-right:20px; text-align:left; display:inline-block; vertical-align:top;}
.reg input{ outline:none; padding-left:10px;}
.reg input[type="text"]{ width:180px; border:1px solid #ddd; margin-bottom:20px;line-height:30px; height:30px;}
.reg input[type="password"]{ width:180px; border:1px solid #ddd; margin-bottom:20px;line-height:30px; height:30px;}
.reg input[type="submit"]{ width:150px; background:#eee; color:#222; line-height:40px; height:40px; margin-bottom:20px; font-size:16px;}
.reg select{ width:192px; border:1px solid #ddd; margin-bottom:20px;line-height:32px; height:32px; text-align:left;outline:none; padding-left:10px;}
.reg p{ padding:0 20px; padding:15px; border-top:1px solid #ddd; text-align:left;}
.reg a{ color:#4a1714; font-weight:bold; padding:0 2px;}

/*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:30px; text-align:center; font-size:20px;}
.pages a{ border:2px solid #e4e4e4;padding:6px 13px;margin:0 5px;}
.pages a:hover,a.active{ background:#f08200;color:#fff;border-color:#f08200;}
.pages span{ border:2px solid #e4e4e4;padding:6px 13px;margin:0 5px; cursor:pointer;}
.pages span:hover,span.active{ background:#f08200;color:#fff;border-color:#f08200;}

/*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;}

/*form*/
.form { margin:0 auto; width:53%;}
input[type="text"],textarea{ height:26px; border:1px solid #ddd; width:300px;}
input.input{ width:70px;}
textarea{ height:100px; width:500px; margin:5px 0;}
input[type="submit"]{ line-height:26px; color:#565656; width:100px; border:0px solid #ccc; height:32px; margin-top:30px; cursor:pointer; background:#e5e5e5; margin-right:5px;}
input[type="submit"]:hover{ background:#f08200;color:#fff;}
input[type="reset"]{ line-height:26px; color:#565656; width:100px; border:0px solid #ccc; height:32px; margin-top:30px; cursor:pointer; background:#e5e5e5;}
input[type="reset"]:hover{ background:#f08200;color:#fff;}

/*float*/
.float{ width:78px;position:fixed;right:25px;bottom:150px;background:#fff;z-index:99; font-size:15px;}
.float ul{box-shadow: 0px 5px 10px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,.1);}
.float li{ padding:10px 0;position:relative;}
.float li:nth-child(1):hover>.note{ display:block;}
.float li:nth-child(2){ background:#e0e0e0; padding-top:20px; padding-bottom:5px;}
.float em{ display:block; width:80%; margin:0 auto; text-align:center; line-height:1.2; padding-top:5px;}
.float .note{ width:76px; position:absolute; right:78px; top:0; color:#222; text-align:left; line-height:1.5;font-size:18px;display:none;}
.float .note dl{ box-shadow: 0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow: 0px 6px 30px 1px rgba(0,0,0,.2); margin-right:12px;}
.float .note a{ background:#fff; display:block; text-align:center; padding:10px 0; font-size:15px;}
.float .note a .on{ display:none;}
.float .note a:hover{ background:#f08200; color:#fff;}
.float .note a:hover .on{ display:block;}
.float .note a:hover .off{ display:none;}
.float .note img{ width:35px; height:35px;}
.float .note dd{ position:relative;}
.float .note dd .phone{ width:180px; height:60px; background:#fff; position:absolute; right:64px; top:0; color:#222; text-align:left; line-height:1.5;font-size:16px; padding:18px 20px 0 20px;box-shadow: 0px 5px 10px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,.1);display:none;}

/*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:#f08200; font-size:14px; font-weight:bold;color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left: 1px solid #f08200;border-bottom: 1px solid #f08200;border-right: 1px solid #f08200;background:#fff; line-height:28px;}

/*nav*/
#footer_nav{ background:#f6f6f6; min-height:376px;}
#footer_nav .footer_nav_con{ width:96%; margin:0 auto; padding:30px 0; color:#7d7d7d;}
#footer_nav .footer_nav_con a{ color:#7d7d7d;font-size:16px; line-height:1.8;}
#footer_nav .footer_nav_con a:hover{ color:#f08200;}
#footer_nav .footer_nav_con .list{ float:left; padding-right:90px; min-height:130px; _height:130px;}
#footer_nav .footer_nav_con .list span{ font-size:18px; height:30px; text-align:left; color:#606060; display:block; margin-bottom:10px; padding-right:20px;}
#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 .list em{ height:1px; background:#cfcfcf; display:block; margin-bottom:6px;}
#footer_nav .footer_nav_con .list em i{ background:#f3bd7d; width:28px; display:inline-block; height:1px;}
#footer_nav .footer_nav_con .contact{ float:right; width:260px; line-height:1.6; font-size:16px;}
#footer_nav .footer_nav_con .contact em{ display:block; margin-top:12px;}
#footer_nav .footer_nav_con .contact em i{ display:block; font-size:26px; font-style:normal; font-family:Arial; line-height:1.2;}
#footer_nav .footer_nav_con .contact span{ display:block; position:relative;}
#footer_nav .footer_nav_con .contact span img{ position:relative; top:5px; margin-right:5px;}
#footer_nav .footer_nav_con .contact li{ display:inline-block;}
#footer_nav .footer_nav_con .contact .qcode{ position:absolute; top:30px; z-index:2; left:72px; display:none;}
#footer_nav .footer_nav_con .contact .qcode img{ width:120px; height:120px;box-shadow: 0px 5px 10px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,.1);}
	
/*footer*/
#footer{ min-height:30px; height:auto; _height:auto; background:#f6f6f6; color:#7d7d7d; font-size:15px;}
#footer a{ color:#7d7d7d;}
#footer a:hover{ color:#f08200;}
#footer .footer_con{ margin:0 auto; text-align:center; border-top:1px solid #e0e0e0; padding:15px 0; text-transform:uppercase;}
#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:1640px) {
 .menu li a{ padding:5px 18px;}
 .menu li dl dd a{font-size:14px;}
}
@media screen and (max-width:1480px) {
 .menu li a{ padding:5px 15px;}
 #header .logo{ padding-top:26px;}
 #header .logo img{ width:240px;}
 .menu li dl.pro dd{ margin:0 12px;}
}
/*自适应控制移动端菜单*/
@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:#fff; 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;display:none;}
.header .nav ul>li a{ display:block; font-size:15px; color:#454545; line-height:16px; 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:#f08200;color:#fff;}
.header .nav ul>li a em{ float:right; transform:rotate(90deg); -ms-transform:rotate(90deg); font-family:'SimSun'; font-weight:100;}
.header .nav dl{ display:none;}
.header .nav dl dd{ text-indent:10px;}
.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:#f08200;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-pagination-bullet{ width:22%;}
.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{ width:96%; margin:0 auto; padding:20px 0;}
#home_pro li{ width:20%;}
#home_pro li>a{ margin:0; padding:0; border-left:0; font-size:15px;}
#home_pro li>a img{ width:50px;}

#home_cases{ padding:30px 0 0 0;}
#home_cases .home_cases_dh em{ font-size:16px; width:60%; line-height:1.4;}
#home_cases .home_cases_dh span{ top:50px;}
#home_cases .home_cases_con{ margin-top:30px;}
#home_cases .home_cases_con .swiper-container{ padding-bottom:0}
#home_cases .home_cases_con .swiper-slide{ width:50%; height:auto;}
#home_cases .home_cases_con .swiper-slide img{ width:100%; height:auto;}
#home_cases .home_cases_con .swiper-button-prev{ left:8px; top:42%; width:30px; height:50px; background-size:12px;}
#home_cases .home_cases_con .swiper-button-next{ right:8px; top:42%; width:30px; height:50px;  background-size:12px;}
#home_cases .home_cases_con .swiper-slide{ box-shadow:none;}

#home_adv{ padding-top:10px;}
#home_adv ul{ margin:0 auto; width:96%; text-align:center;}
#home_adv ul li{ width:48.5%; margin-left:3%; margin-bottom:3%; height:auto;}
#home_adv ul li:nth-child(2n+1){ margin-left:0;}
#home_adv ul li .img{ width:100%; height:100%;}
#home_adv ul li .img img{ width:100%; height:100%;}
#home_adv ul li span{ font-size:15px; height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#home_nav{ padding-bottom:20px;}
#home_nav ul{ margin:0 auto; width:96%; text-align:center;}
#home_nav ul li{ width:31.333%; height:auto; margin-left:3%;}
#home_nav ul li .img{ width:100%; height:100%;}
#home_nav ul li .img img{ width:100%; height:100%;}
#home_nav ul li .mask{ display:block;}
#home_nav ul li .mask em{ font-size:16px; width:100%;}

/*content*/
/*right*/
#right{ width:100%;}
#right .right_dh{ margin:0; font-size:18px; position:relative;padding-top:10px; border-bottom:1px solid #e4e4e4; height:30px; line-height:30px;}
#right .right_con{ min-height:320px; padding:0;padding-top:15px; 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_dh_l{ font-size:14px;}
#right .right_con .dh{ margin-bottom:15px; font-size:20px;}
#right .right_icon { position:absolute;top:5px;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_th_con{ margin:0 0 30px 0;}
#right .right_th_l{ display:none;}
#right .right_th_r{ float:left;}

/*_content*/
.about ul{ margin-top:30px;}
.about ul li{ width:48.5%; height:auto; margin-left:3%; margin-bottom:3%;}
.about ul li:nth-child(3n+1){ margin-left:3%;}
.about ul li:nth-child(2n+1){ margin-left:0;}
.about ul li .mask{ font-size:16px;}
.about ul li .img{ width:100%; height:100%;}
.about ul li img{ width:100%; height:100%; object-fit:cover;}

.news{ padding:15px;}
.news .pic{margin:0 auto;}
.news .pic .img{ width:100%; height:auto; float:none;}
.news .pic .note{ width:100%; height:auto; float:none;}
.news .pic .note span{ font-size:16px; margin-top:15px; margin-bottom:5px; line-height:1.6;}
.news .pic .note em{font-size:15px;}
.news .pic .note p{ margin-top:0; font-size:15px;}
.news .pic .note a.more{font-size:16px; width:100px;}
.news_nav { margin-top:25px; height:40px;}
.news_nav ul li{ width:25%; height:40px; line-height:40px; float:left;}
.news_nav ul li a{ padding:0; font-size:15px; float:none; width:100%; text-align:center;}
.news_nav .news_search{ float:none; width:100%; clear: both; top:20px; position:relative;}
.news_nav .news_search input[type="text"]{ width:calc(100% - 50px);}

.history .history_dh em{ font-size:16px; width:60%; line-height:1.4;}
.history .history_dh span{ top:50px;}
.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 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 dl p{ line-height:1.6; font-size:15px; padding:10px 0;}

.pro_nav{ display:none;}
.pro_search{ margin-top:15px; font-size:15px;}
.pro_search form{ float:right; width:calc(100% - 120px);}
.pro_search form input[type="text"]{width:calc(100% - 40px);}

.cases .cases_con{ margin-bottom:40px;}
.cases .cases_dh{ margin-bottom:30px;}
.cases .cases_dh em{ font-size:16px; width:60%; line-height:1.4;}
.cases .cases_dh span{ top:50px;}
.cases ul.cases_list{ margin-bottom:20px; margin-top:20px; padding-bottom:20px;}
.cases ul.cases_list li{ width:97%; margin-left:3%; height:auto; margin-bottom:3%;}
.cases ul.cases_list li:nth-child(4n+1){ margin-left:3%;}
.cases ul.cases_list li:nth-child(2n+1){ margin-left:0;}
.cases .cases_nav{ margin-bottom:30px;}
.cases .cases_nav ul li{ width:24.75%;}
.cases .cases_pic .sp1{ width:35px; height:35px; background-size:15px; right:10px; border:2px solid #fff;}
.cases .cases_pic .sp2{ width:35px; height:35px; background-size:15px; left:10px; border:2px solid #fff;}

.store{ margin-top:0;}
.store .store_dh{ margin-bottom:30px;}
.store .store_dh em{ font-size:16px; width:50%; line-height:1.4;}
.store .store_dh span{ top:45px;}
ul.store_list{ margin-bottom:30px;}
ul.store_list li{ width:47%; height:auto; margin-left:3%; text-align:center; margin-bottom:4%;}
ul.store_list li:nth-child(4n+1){ margin-left:3%;}
ul.store_list li:nth-child(2n+1){ margin-left:0;}
ul.store_list .img{ width:120px; height:120px;}
ul.store_list .img img{ width:100%; height:100%;}
ul.store_list li span{ font-size:15px;}
.store .store_dh em.long{ width:60%;}
.store .store_con{ margin-top:30px;}
.store .store_con .r ul{ height:400px;}
.store .store_con .l{ float:none; width:100%; height:200px;}
.store .store_con .r{ float:none; width:100%; margin-top:20px; font-size:15px;}
.store .store_con .r em{ padding-bottom:10px; margin-bottom:10px;}
.store .store_con .r span{ display:block;}
.store .store_con .r select{ width:46%; font-size:15px;}

/*left*/
#left{ position:fixed;left:inherit;width:60%;height:100%;right:-100%; top:0;margin-left:0;background:#333; z-index:10;padding-top:8px;overflow-y:scroll;height:100%;}
#left .left_dh{ border:none; margin-top:52px;}
#left .left_dh ul li{ text-align:left; display:block; margin:0; float:none;}
#left .left_dh ul li a{ color:#f5f5f5; line-height:inherit; height:40px;border:0;border-bottom:1px solid #555; display:block; padding-left:20px; background:#333;border-radius:0; font-size:14px;margin-right:0;padding-bottom:10px;}
#left .left_dh ul li a:hover{ background:#f08200; color:#fff;}
#left .left_dh ul li a.on{font-weight:600; background:#f08200; color:#fff;}
.mask{display:none; position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.5);}

/*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{ margin-top:75px;}
ul.list_pic_news li{ width:48.5%;line-height:25px; margin-left:3%;height:auto;text-align:center; margin-bottom:10px;}
ul.list_pic_news li:nth-child(3n+1){ margin-left:3%;}
ul.list_pic_news li:nth-child(2n+1) { margin-left:0;}
ul.list_pic_news li .img{ width:100%;height:120px;}
ul.list_pic_news li img{ width:100%;height:100%;object-fit:cover;}
ul.list_pic_news li .note{ padding:10px;}
ul.list_pic_news li span{ font-size:15px; text-align:left; line-height:1.6; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic_news li em{ text-align:left; font-size:14px; margin:0;}
ul.list_pic_news li p{ padding-top:5px;font-size:14px; color:#999; text-align:left; line-height:22px;overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
ul.list_pic_news li a.more{ font-size:14px; width:100px; margin-top:12px;}

/*list_img_news*/
ul.list_img_news li{ height:auto; padding-bottom:0;}
ul.list_img_news li .img{ width:40%;height:auto; margin-right:4%;}
ul.list_img_news li .img img{ width:100%;height:100%;}
ul.list_img_news li span{ float:right; width:56%; font-size:15px; line-height:1.5; margin-top:0; margin-bottom:10px;}
ul.list_img_news li p{ width:56%; display:none;}
ul.list_img_news li:after{ display:block; content:''; height:20px; clear: both; border-bottom:1px solid #eee;}
ul.list_img_news li a.more{ display:none;}

/*dis_news*/
#dis_news{ width:100%; font-size:15px;}
#dis_news .news_title{ font-size:18px;}
#dis_news .news_content{ line-height:1.8;}
#dis_news .video video{ width:100%; height:auto;}

/*list_pro*/
ul.list_pro li{ float:left; width:46%; line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}
ul.list_pro li:nth-child(4n+1){ margin:0 2%;}
ul.list_pro li .img{ width:100%; height:100%;}
ul.list_pro li img{ width:100%; height:100%; object-fit:cover;}
ul.list_pro li span{ font-size:14px; line-height:36px; height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_custom*/
ul.list_custom li{ float:left; width:46%; line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}
ul.list_custom li:nth-child(4n+1){ margin:0 2%;}
ul.list_custom li .img{ width:100%; height:100%;}
ul.list_custom li img{ width:100%; height:120px !important; object-fit:cover;}
ul.list_custom li span{ font-size:14px; line-height:36px; height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*dis_big*/
.dis_big .l{ width:100%; float:none;}
.dis_big .r{ width:100%; float:none;}
.dis_name{ font-size:20px; margin-top:20px; text-align:center;}
.dis_nav{ margin-top:20px;}
.dis_nav span{ width:50%; font-size:16px; margin-right:-4px;}
.dis_note{ min-height:auto; margin-bottom:20px;}
.dis_down em{ margin-bottom:0;}
.dis_pro{ margin-top:30px;}
.dis_pro .dis_dh em{ font-size:16px; width:60%; line-height:1.4;}
.dis_pro .dis_dh span{ top:50px;}
.dis_pro .dis_pro_con{ margin-top:30px;}
.dis_pro .dis_pro_list{ width:72%;}
.dis_pro .dis_pro_list li{ width:48%; margin-right:10px; height:auto;}
.dis_pro .dis_pro_list li .img{ width:100%; height:auto;}
.dis_pro .dis_pro_list li em{ font-size:14px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dis_pro .dis_pro_con span{ top:30%; height:50px; width:35px;}
 
/*dis_img*/
.dis_img{ width:96%;}
.dis_img .smallImg{ width:83.5%; margin:0 auto; margin-left:6%;}
.dis_img .smallImg li{ width:50px;}
.dis_img .bigImg li img{ width:98%; max-width:98%; height:auto;}
.dis_img .smallScroll{ position:relative;}
.dis_img .smallImg li img{ width:100%; height:50px !important; object-fit:cover;}
.dis_img .prev{height:52px; line-height:52px; position:absolute; top:0; margin-top:0; background-size:50%;}
.dis_img .next{height:52px; line-height:52px; position:absolute; top:0; margin-top:0; background-size:50%;}

/*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;}

/*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(3n+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;}

/*download*/
.download ul li{ width:100%; margin:0; margin-bottom:4%;}
.download ul li .note{ padding:6px; font-size:15px;}
.download ul li .note img{ width:20%;}
.download ul li .note span{ width:45%; margin-left:5%; margin-top:0; line-height:1.6;}
.download ul li .note em{ width:26%; margin-top:4%; height:36px; line-height:36px;}

/*login*/
.login{ border:1px solid #f08200; width:90%;text-align:center; margin:0 auto; margin-bottom:20px; font-size:15px;}
.login .login_dh{ background:#f08200; height:40px; line-height:40px; text-align:center; margin:0 auto; color:#fff; margin-bottom:30px; font-size:16px;}
.login span{ width:20%; padding-right:0px; text-align:left; display:inline-block; vertical-align:top;}
.login ul.forget li span{ width:30%;}
.login ul.forget li input{margin-bottom:10px;}
.login center{ margin:0 5%;}
.login input{ outline:none; padding-left:10px;}
.login input[type="text"]{ width:50%; border:1px solid #ddd; margin-bottom:20px;line-height:30px; height:30px;}
.login input[type="password"]{ width:50%; border:1px solid #ddd; margin-bottom:20px;line-height:30px; height:30px;}
.login input[type="submit"]{ width:45%; background:#eee; color:#222; line-height:40px; height:40px; margin-bottom:20px;font-size:16px;border:0; margin-top:0;}
.login input[type="button"]{ width:45%; background:#eee; color:#222; line-height:40px; height:40px; margin-bottom:20px;font-size:16px;border:0; padding-left:0; cursor:pointer; border:0;}
.login p{ padding:0 20px; padding:15px; border-top:1px solid #ddd; text-align:left;}
.login a{ color:#454545; padding:0 2px;}

/*member*/
.member{ border:0px solid #eee; width:90%;text-align:left; margin:0 auto; margin-bottom:20px; font-size:15px;}
.member .member_account{ height:40px; line-height:40px; text-align:left;font-size:15px; border-bottom:1px solid #f2f2f2; background:#f5f5f5; padding-left:30px;}
.member .member_form{ text-align:left; padding-left:0px; margin-top:20px;}
.member span{ width:30%; padding-right:0px; text-align:left; display:inline-block;vertical-align:top;}
.member input{ outline:none; padding-left:10px;}
.member input[type="text"]{ width:70%; border:1px solid #ddd; margin-bottom:10px;line-height:30px; height:30px;}
.member input[type="password"]{ width:70%; border:1px solid #ddd; margin-bottom:10px;line-height:30px; height:30px;}
.member input[type="radio"]{margin-bottom:10px;line-height:30px; height:30px;}
.member em{margin-bottom:10px;line-height:30px; height:30px; display: inline-block;vertical-align:top; padding-left:5px;padding-right:20px;}
.member input[type="submit"]{ width:70%; background:#eee; color:#222; line-height:40px; height:40px; margin-bottom:20px; border-radius:5px;font-size:16px; margin:0 auto; text-align: center; display:block; margin-top:10px;margin-bottom:20px;border:0;}
.member input::-webkit-input-placeholder { color:#ccc;}
.member textarea{ width:70%; height:120px;border:1px solid #ddd; margin-bottom:10px;outline:none;resize:none; font-family: "Microsoft YaHei",verdana,arial,sans-serif; padding-left:10px;}
.member p{ padding:0 20px; padding:15px; border-top:1px solid #ddd; text-align:left;}
.member a{ color:#4a1714; font-weight:bold; padding:0 2px;}

/*reg*/
.reg{ border:1px solid #f08200; width:90%;text-align:center; margin:0 auto; margin-bottom:20px; font-size:15px;}
.reg .reg_dh{ background:#f08200; height:40px; line-height:40px; text-align:center; margin:0 auto; color:#fff; margin-bottom:30px; font-size:16px;}
.reg span{ width:25%; padding-right:0px; text-align:left; display:inline-block; vertical-align:top;}
.reg input{ outline:none; padding-left:10px;}
.reg input[type="text"]{ width:50%; border:1px solid #ddd; margin-bottom:20px;line-height:30px; height:30px;}
.reg input[type="password"]{ width:50%; border:1px solid #ddd; margin-bottom:20px;line-height:30px; height:30px;}
.reg input[type="submit"]{ width:50%; background:#eee; color:#222; line-height:40px; height:40px; margin-bottom:20px; font-size:16px;border:0;}
.reg select{ width:50%; border:1px solid #ddd; margin-bottom:20px;line-height:32px; height:32px; text-align:left;outline:none; padding-left:10px;}
.reg p{ padding:0 20px; padding:15px; border-top:1px solid #ddd; text-align:left;}
.reg a{ color:#4a1714; font-weight:bold; padding:0 2px;}

/*form*/
.form { width:100%;}
.form input{ width:80%;}
.form textarea{ width:80%;}
.form input[type="submit"],input[type="reset"]{ width:40%;}
.form tr td{ font-size:15px; line-height:1.6;}
.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:30px; margin-bottom:30px;text-align:center;}
.pages a{ border:2px solid #e4e4e4;padding:1px 6px;margin:0 3px;}
.pages a:hover,a.active{ background:#f08200;color:#fff;border-color:#f08200;}
.pages span{ border:2px solid #e4e4e4;padding:1px 6px;margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{ background:#f08200;color:#fff;border-color:#f08200;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0px;}

/*float*/
.float{ width:40px; right:10px;}
.float a img{ width:20px;}
.float em{ font-size:14px;}
.float li:nth-child(2){ padding-top:10px;}
.float .note{ width:50px; right:40px;}
.float .note dl{ margin-right:5px;}
.float .note dd img{ width:20px; height:auto;}
.float .note .phone{ display:none !important;}

/*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; border:0; padding:0;}
#footer .footer_con .l{ float:none;}
#footer .footer_con .r{ float:none; text-align:center; line-height:1.6;}
#footer .copyright{ margin-top:0; width:94%; padding:15px 0;}
}