@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font:300%/150% "\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",tahoma,vernada; font-size:14px; line-height:25px; color:#222222; background-color:#ffffff;}
img{ vertical-align:middle;}
.clearfix{ clear:both;}
h1{margin:0 0 10px 0; padding:0;}
h2{margin:0; padding:0;}
h3{margin:0; padding:0;}
div{margin:0; padding:0;}
A{text-decoration:none;}
li{list-style:none;}
ul{margin:0; padding:0;}
dl{margin:0; padding:0;}
dt{margin:0; padding:0;}
dd{margin:0; padding:0;}
A{text-decoration:none;}
a:link{color: #666;text-decoration: none;}
a:visited {text-decoration: none;color: #666;}
a:hover {text-decoration: none;color: #d39a3c;}
a:active {text-decoration: none;color: #666;}
.rd{ padding:0;}
.rd-both{ padding-left:0; padding-right:0;}
.rem_pl{ padding-left:0px;}
.rem_pr{ padding-right:0px;}
.rem_pt{ padding-top:0px;}
.rem_pb{ padding-bottom:0px;}
.rem_ml{ margin-left:0px;}
.rem_mr{ margin-right:0px;}
.rem_mb{ margin-bottom:0px;}
.rem_mt{ margin-top:0px;}
.rem_margin{ margin:0;}
.rem_pam{ padding:0; margin:0;}
a:hover{ text-decoration:none;}
.sonti{ font-family:"宋体";}
.restyle{ list-style:none;}
#allWrap{ overflow:hidden;}
.left{ float:left; display:inline-block;}
.right{ float:right; display:inline-block;}
*{ word-break:break-all;}
.clear{clear:both;}

p{ margin-bottom:0;}
#header li{ list-style:none; margin:0;}
#header ul{ padding:0; margin:0;}
.autoMore{ display:inline-block; line-height:32px; background:#da251d; color:#fff;}
.autoMore .word{ display:inline-block; font-size:15px; padding:0 20px 0 25px;}
.autoMore .icon{ display:inline-block; font-size:16px; padding:0 10px; background:#b21b1b; font-family:"宋体";}
.autoMore:hover{ color:#fff;}
.x-half{ transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.y-half{ transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.alBox{ transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}

.auto-tit{ font-size:30px; line-height:32px; color:#3f3f3f; text-align:center;}
.auto-tit1{ font-size:15px; line-height:22px; color:#bcbcbc; text-align:center;}

/*特殊属性*/
@media (max-width: 765px) {
.col-xs-0{ display:none;}
}
#alBox{ transition:all 0; -moz-transition:all 0; -ms-transition:all 0; -o-transition:all 0; -webkit-transition:all 0;}
.css2{transition: all .1s ease-in-out;-webkit-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; }
.css3{transition:All 0.4s linear; -webkit-transition:All 0.4s linear; -moz-transition:All 0.4s linear; -o-transition:All 0.4s linear;}
.css4{transition:All 0.8s ease-in-out; -webkit-transition:All 0.8s ease-in-out; -moz-transition:All 0.8s ease-in-out; -o-transition:All 0.8s ease-in-out;}
.clearfix{clear:both;}
.notcontent{ text-align:center; font-size:18px; line-height:400px;}




/*公用头部*/
#header{display:none;}
#top{background-color:#ebf9fc; height:120px;}
#top .topcon{width:1200px; margin:auto;}
#top .topcon .topleft{float:left; width:1000PX;}
#top .topcon .topright{float:right; width:180px; padding-top:40px;}
#top .topcon .topright ul{float:left;}
#top .topcon .topright ul li{float:left; margin-right:10px;}
#pcmenu{background-color:#015e49;}
#pcmenu .pcmenucon{ width:1200px; margin:auto; height:46px; line-height:46px;}
#pcmenu .pcmenucon ul{}
#pcmenu .pcmenucon ul li{float:left;}
#pcmenu .pcmenucon ul li a:link{color:#FFF; font-size:16px;  padding:0 50px;}
#pcmenu .pcmenucon ul li a:visited{color:#FFF; font-size:16px; padding:0 50px;}
#pcmenu .pcmenucon ul li a:hover{color:#FFF; font-size:16px; background-color:#02bf2a; display:block;  padding:0 50px;}

#bananer{width:100%;}
#bananer img{width:100%;}

#maincompany{width:1260px; margin:auto; padding-top:10px;}
#maincompany h2{font-size:28px; padding:30px 0 10px 0; color:#004b2b; text-align:center; height:30px; line-height:30px;}
#maincompany .indexleft{float:left; width:580px; margin-top:50px;}
#maincompany .indexright{float:right; width:648px; margin-top:50px;}
#maincompany .indexleft h1{font-size:30px;}
#maincompany .indexleft .line{width:50px; height:5px; background-color:#005033; margin:30px 0;}
#maincompany .indexleft h3{font-size:18px; color:#005033; margin-bottom:30px;}
#mainjjfa{width:1260px; margin:auto; padding-top:20px;}
#mainjjfa h2{font-size:28px; padding:30px 0 10px 0; color:#004b2b; text-align:center; height:30px; line-height:30px;}
#mainjjfa .ultitle{ display:block; height:37px; line-height:37px; display:table; margin:auto; padding-top:20px;}
#mainjjfa .ultitle li{float:left; background:url(images/libg.png) no-repeat center; margin-left:10px; width:150px; text-align:center;}
#mainjjfa .indexpro{ padding:50px 0;}
#mainjjfa .indexpro ul{ display:block; margin-bottom:30px;}
#mainjjfa .indexpro ul li{text-align:center; float:left; margin-right:15px;}
#mainjjfa .indexpro ul li p{line-height:46px;}


#indexcom{ background:url(images/shipbg.jpg) no-repeat center top #FFF; height:628px; margin-top:60px; padding-top:50px;}
#indexcom .indexcomcon{width:1197px; height:428px; margin:50px auto; background-color:#FFF;}
#indexcom h2{font-size:28px; padding:0; color:#004b2b; text-align:center; height:60px; line-height:60px;}
.wz{color:#004b2b; text-align:center; font-size:20px;}
#indexcom .indexcomcon h3{font-size:28px; padding:20px 0 0 0; height:80px; line-height:80px; }
#indexcom .indexcomcon .moreimg{padding-bottom:60px;}
#indexcom .indexcomcon .comleft{float:left; padding:13px; width:530px;}
#indexcom .indexcomcon .comright{float:right; width:560px; padding-left:10px; padding-right:40px; padding-top:20px; }
#indexcom .indexcomcon .comright h4{font-size:18px; font-weight:100; line-height:23px; }


@media (max-width: 768px) {
#top{ display:none;}
#pcmenu{ display:none;}	
#header{position: fixed; width:100%; background-color:#FFF; z-index:9999; border-bottom:#dbdbdb solid 1px; display:block;}
#header .container{ position:relative;}
#header .logo,#header .logo2{ position:relative; z-index:9999;}
#header .logo2{ display: block }
#header .hotline{ font-size:30px;color:#e80401; line-height:33px; padding-top:40px; position:relative; z-index:2; font-weight:bold;}
#header .hotline ul li{float: left; list-style:none; margin-right:5px;}
#header .menu{ text-align:center; padding-top:50px; position:absolute; width:100%; }
#header .menu li{ float:none; display:inline-block; }
#header .menu li.s5{ border-right:0px;}
#header .menu li a{ display:block; font-size:18px; line-height:24px; padding:0px 30px; color:#000;}
#header .menu li:hover a{ color:#ff0000}
#header.ona #phone_menus span{ background:none;}
#header.ona #phone_menus span:before{ top:-0px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#header.ona #phone_menus span:after{bottom:-0px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
#header #phone_menus{ right:15px; display:none; position: absolute; z-index:999;  height:85px; cursor:pointer; float:right; width:40px;}
#header #phone_menus .line{ display: inline-block; float:right; height:4px; width:40px; background:#cf7d35; position:relative; top:54px; transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -webkit-transition:all .3s;}
#header #phone_menus .line:before{ position:absolute; left:0; height:4px; top:-12px; width:100%; background:#cf7d35; content:''; transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -webkit-transition:all .3s;}
#header #phone_menus .line:after{ position:absolute; left:0; height:4px; bottom:-12px; width:100%; background:#cf7d35; content:''; transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -webkit-transition:all .3s;}

#ind_brand .ind_brand_left li{list-style:none; text-align:center; padding-top:70px; padding-bottom:40px; background:#f2f2f2;transition:All 0.4s linear; -webkit-transition:All 0.4s linear; -moz-transition:All 0.4s linear; -o-transition:All 0.4s linear;}
#ind_brand .ind_brand_left li:hover{ background:#fff;}
#ind_brand .ind_brand_left li .title{ font-size:22px; color:#474747; line-height:28px; padding-bottom:28px;}
#ind_brand .ind_brand_left li .img{ width:100%; height:100px; display:block;}
#ind_brand .ind_brand_left li .longtitle{ font-size:14px;; line-height:20px; height:40px; color:#606060; margin-top:20px;}
#ind_brand .ind_brand_left li.s1,#ind_brand .ind_brand_left li.s2,#ind_brand .ind_brand_left li.s3{ border-bottom:1px solid #b2b2b2;}
#ind_brand .ind_brand_left li.s2,#ind_brand .ind_brand_left li.s5{ border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2; }
#ind_brand .ind_brand_right{ position:relative; color:#fff; background:#f2a733;}
#ind_brand .ind_brand_right .box{ padding-left:80px; padding-right:100px; position:absolute; top:50%; margin-top:-125px;}
#ind_brand .ind_brand_right .title{ font-size:44px; line-height:50px;}
#ind_brand .ind_brand_right .en{ line-height:35px; font-size:34px;}
#ind_brand .ind_brand_right .con{ font-size:14px; line-height:24px; padding-top:13px; margin-bottom:40px;}
#ind_brand .ind_brand_right .more{ color:#fff; width:135px; line-height:40px;  font-size:12px; padding-left:30px;transition:All 0.4s linear; -webkit-transition:All 0.4s linear; -moz-transition:All 0.4s linear; -o-transition:All 0.4s linear; background:url(../images/jiantou.png) #f7860d no-repeat 110px 14px;}
#ind_brand .ind_brand_right .more:hover{ background:url(../images/jiantou.png) #7f7c78 no-repeat 110px 14px;}

#ind_details{ padding-top:110px;}
#ind_details .title{ font-size:36px; line-height:40px; color:#ef9100; text-align:center;}
#ind_details .en{ line-height:25px; font-size:15px; color:#606060; text-align:center; margin-bottom:30px;}
#ind_details .gallery{ position:relative;}
#ind_details .gallery ul{ text-align:center;}
#ind_details .gallery ul.section2{ position: relative; top:-37px;}
#ind_details .gallery ul.section3{ position: relative; top:-74px;}
#ind_details .gallery li{list-style:none; float: none; margin:0px 15px; display:inline-block;  overflow : hidden ; position: relative;-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1);}
#ind_details .gallery li:hover{-webkit-filter: grayscale(0);filter:gray;filter: grayscale(0);}
#ind_details .gallery li:hover .con{ opacity:1;}
#ind_details .gallery li:hover .txt{border-bottom: 58px solid rgba(234, 145, 8, 0.9);}
#ind_details .gallery li:hover .hiveBottom{border-top: 58px solid rgba(234, 145, 8, 0.9);}
#ind_details .gallery li .con{ position:absolute;top:50%;margin-top:-57px;background:rgba(234, 145, 8, 0.9); opacity:0;padding: 30px 15px;height:114px;text-align: center;font-size: 14px;color: #fff; }
#ind_details .gallery li .txt{width: 0; border: 101px solid rgba(0, 0, 0, 0); border-top: none; border-bottom: 58px solid rgba(0, 0, 0, 0); border-left: 99px solid rgba(255, 255, 255, 0);border-right: 99px solid rgba(255, 255, 255, 0);}
#ind_details .gallery li .hiveCenter{width: 198px; height: 114px; background-color: rgba(0, 0, 0, 0);}
#ind_details .gallery li .hiveBottom{ width: 0;border: 30px solid rgba(0, 0, 0, 0);border-bottom: none;border-top: 58px solid rgba(0, 0, 0, 0); border-left: 99px solid rgba(255, 255, 255, 0);border-right: 99px solid rgba(255, 255, 255, 0);}
#maincompany{width:94%; margin:0 3%; padding-top:10px;}
#maincompany h2{font-size:28px; padding:30px 0 10px 0; color:#004b2b; text-align:center; height:30px; line-height:30px;}
#maincompany .indexleft{ width:100%; margin-top:50px;}
#maincompany .indexright{ width:100%; margin-top:50px;}
#maincompany .indexright img{width:100%;}
#maincompany .indexleft h1{font-size:25px; text-align:center; display:none;}
#maincompany .indexleft .line{width:50px; height:5px; background-color:#005033; margin:30px auto;  display:none; }
#maincompany .indexleft h3{font-size:18px; color:#005033; margin-bottom:30px; text-align:center;}

#mainjjfa{width:94%; margin:auto 3%;}
#mainjjfa h2{font-size:25px; padding:30px 0 10px 0; color:#004b2b; text-align:center; height:30px; line-height:30px;}
#mainjjfa .ultitle{ display:none;}
#mainjjfa .ultitle li{float:left; background:url(images/libg.png) no-repeat center; margin-left:10px; width:150px; text-align:center;}
#mainjjfa .indexpro{ padding:30px 0;}
#mainjjfa .indexpro ul{ display:block; margin-bottom:30px;}
#mainjjfa .indexpro ul li{text-align:center;}
#mainjjfa .indexpro ul li p{line-height:26px;}
#mainjjfa .indexpro ul li img{width:100%;}

#indexcom{ background-image: none;height:800px; padding-top:0px;}
#indexcom .indexcomcon{width:94%; margin:20px 3%; background-color:#FFF;}
#indexcom h2{font-size:22px; padding:0; color:#004b2b; text-align:center; height:30px; line-height:30px;}
.wz{color:#004b2b; text-align:center; font-size:14px; margin-bottom:10px;}
#indexcom .indexcomcon h3{font-size:18px; padding:10px 0 0 0; height:30px; line-height:30px; }
#indexcom .indexcomcon .comleft{float: none; width:100%; padding:0px;}
#indexcom .indexcomcon .comright{float:none; width:100%; padding:0px;}
#indexcom .indexcomcon .comright h4{font-size:16px; font-weight:100; line-height:23px; }

}



#ind_tel{ color:#595757; text-align:center; padding:30px;}
#ind_tel p{font-size:18px;}
#ind_tel h2{color:#f50001; font-size:62px; font-family:"Arial Black", Gadget, sans-serif; margin:0 0 10px 0; padding:0;}

#newsul{border-bottom:#b2b2b2 solid 1px;}
#newsul ul{display:table; margin:40px auto;}
#newsul ul li{float:left; width:180px; text-align:center; margin-left:20px; height:45px; line-height:45px; font-size:18px; list-style:none;}
#newsul ul li a:link{border:#a3a3a3 solid 1px; display:block; color:#595757}
#newsul ul li a:visited{border:#a3a3a3 solid 1px; display:block;color:#595757}
#newsul ul li a:hover{border:#056d46 solid 1px; display:block; background-color:#056d46; color:#FFFFFF;}
#newsul h1{text-align:center; padding-top:60px;}
#newsul p{text-align:center; padding-bottom:60px; font-size:18px; color:#F00;}
.linec{height:1px; width:60px; margin:8px auto; background-color:#F00; display:block;}
.lined{height:2px; width:60px; margin:20px auto 1px auto; background-color:#F00; display:block;}

.ind_map .choice1{ display:block;}
.ind_map .choice2{ display: none;}
.ind_map img{ width:100%;}
#ind_new li{list-style:none;}
#ind_new li img{ width:100%; display:block;}
#ind_new li p{ padding-left:50px; font-size:21px; color:#fff; line-height:75px; background:#f2a733;transition:All 0.4s linear; -webkit-transition:All 0.4s linear; -moz-transition:All 0.4s linear; -o-transition:All 0.4s linear;}
#ind_new li:hover p{background:#f7860d;}
#ind_icon { padding:70px 120px 55px;}
#ind_icon li{list-style:none; float:left; display:inline-block; width:12.5%; text-align:center;}
#ind_icon li img{ max-width:100%;}

#footer{ background:#33b1ae; padding:50px; line-height:25px;}
#footer .footcon{width:1380px; margin:auto; color:#fff;}
#footer .footleft{ float:left; width:1020px;}
#footer .footright{float:right;}
#footer p{margin-top:15px; color:#fff; font-size:15px;}
#footer p .bleft{display:block; float:left; width:80px; font-size:15px; font-weight:100;}
#footer p .bright{display:block; float:right; margin-right:10px; font-weight:100; width:930px;}
#footer p a:link{color:#fff;}
#footer p a:visited{color:#fff;}
#footer p a:hover{color:#ff0000;}
#footer .footright ul{}
#footer .footright ul li{float:left; list-style:none; margin-left:20px; text-align:center; font-size:16px; color:#fff;}
#footer .footright img{margin-bottom:16px;}


.actGotop{    position: fixed;width: 45px; height: 45px; background:rgb(197, 194, 189); cursor: pointer; bottom: 196px; right: 50px; border-radius: 10px;}
.actGotop a{    width: 0px; height: 0px; margin: 0px auto; padding-top: 16px;border-style: solid; border-width: 0px 10px 10px; border-color: transparent transparent rgb(255, 255, 255); display:block}
.actGotop:hover{ background:rgb(242, 167, 51);}
.actGotop:hover a{ background:rgb(242, 167, 51);}
/* 纵向滚动
------------------------------ */
.scroll_vertical{position:relative;width:180px;height:100%; display:block;}
.scroll_vertical .box{overflow:hidden;position:relative;height:260px;}
.scroll_vertical .list{position:absolute;top:0;left:0;}
.scroll_vertical .list li{height:100%; padding-bottom:30px;text-align:center;list-style:none;}
.scroll_vertical .list li a{ display: block;}
.scroll_vertical .prev,
.scroll_vertical .next{position:absolute;left:50%;width:120px;height:30px;margin-left:-15px;width:40px;height:35px;background-repeat:no-repeat;font:0/0 Arial;cursor:pointer; z-index:99;}
#core_banner .core_box img{ width:100%;}
#core_banner .core_box ul{ padding-left:25px;}
.incol{float:left; margin-right:20px;}
.scroll_vertical a{ display: block;}
.scroll_vertical .next{ background: url(../images/iconfont-shangla.png) rgba(247, 134, 13, 0.7) no-repeat -5px -5px;}
.scroll_vertical .prev{ background: url(../images/iconfont-xiala.png) rgba(247, 134, 13, 0.7) no-repeat -5px -10px; bottom:0;}

.service_banner img{ width:100%;}

.scroll_horizontal{position:relative;height:120px;padding:10px;background-color:#eee;}
.scroll_horizontal .box{overflow:hidden;position:relative;height:120px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:200px;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal .prev{left:5px;background-position:0 0;}
.scroll_horizontal .next{right:5px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}

.service_tad .clear .name p{ top:50%; margin-top:-19px; position:absolute; width:100%;}
.wapfoot{display:none;}
.ship{display:none;}
/*关于我们*/
#about{ padding-top:30px;}
#about .about_wenzi{ padding-bottom:60px;}
#about .aboutcon{width:1000px; margin:auto; font-size:14px; color:#000;}
#about .aboutcon h1{font-size:24px; text-align:center; margin-bottom:50px;}
#about .aboutcon h1 b{font-size:32px; color:#005031; display:block; margin-bottom:12px; font-weight:100;}
#about .about_video{width:885px; margin:60px auto;}
#about .about_hzlc{width:1315px; margin:0px auto 50px auto;}
#about .about_hzlc h1{ background:url(images/line.jpg) no-repeat bottom; height:52px; line-height:52px; font-size:26px; margin:0 0 30px 0; padding:0; text-align:center; font-weight:bold;}
#about .about_hzlc ul{margin:0; padding:0;}
#about .about_hzlc ul li{float:left; list-style:none;}
#about_hzhb{ background:#f4f4f4; text-align:center; padding-bottom:40px; padding-top:40px;}
#about_hzhb .img{ padding-bottom:30px; text-align:center;}

#about_hzhb .img img{ display:inline-block;}
#about_hzhb .con{ font-size:14px; line-height:22px; margin:0 2%; }
#about_hzhb .con img{margin-right:20px; margin-bottom:30px;}


#course ,#honor {margin-bottom:20px;}
#course { background:url(images/lun_banner.jpg) #fff no-repeat center top; height:685px}
#course .title{ text-align: center; font-size:25px; color:#fff; line-height:38px; padding-top:110px;}
#course .slick-slide{ text-align:center; padding-top:94px;}
#course .slick-slide .shuzhi{ text-align:center; font-size:20px; color:#fff; line-height:38px; padding-bottom:5px;transition:All 0.4s linear; -webkit-transition:All 0.4s linear; -moz-transition:All 0.4s linear; -o-transition:All 0.4s linear;}
#course .slick-slide .yuan{ width:10px; height:10px; display:inline-block; text-align:center; background:#fff; border-radius:50%;transition:All 0.4s linear; -webkit-transition:All 0.4s linear; -moz-transition:All 0.4s linear; -o-transition:All 0.4s linear;}
#course .slick-slide .txt{ display:none;transition:All 0.4s linear; -webkit-transition:All 0.4s linear; -moz-transition:All 0.4s linear; -o-transition:All 0.4s linear;}
#course .slick-slide.slick-center { position:relative; top:-10px; height:530px;}
#course .slick-slide.slick-center .shuzhi{ color:#005031; font-size:38px; line-height:50px;}
#course .slick-slide.slick-center .yuan{ height:16px; width:16px; color:#005031; background:#005031;}
#course .slick-slide.slick-center .txt{ display:block; width:600px; position:relative; top:120px; margin-left:-200px;transition:All 0.4s linear; -webkit-transition:All 0.4s linear; -moz-transition:All 0.4s linear; -o-transition:All 0.4s linear;}
#course .slick-slide.slick-center .txt img{ width:100%;}
#course .slick-slide.slick-center .txt .con{ padding-left:60px;text-align:left; font-size:15px; color:#000000; line-height:22px;}
#course .slick-slide.slick-center .txt .shijian{ color:#cccccc; font-size:14px; line-height:20px;}
#course .slick-slide.slick-center .txt .biao{ font-size:20px; line-height:30px; color:#333333; margin-bottom:10px;}
#course .slick-prev,#course .slick-next{ margin-top:90px; display:block !important;}
#about_new{ padding:85px 27px 0px;}
#about_new li{list-style:none; padding:0px 27px 78px;}
#about_new li .img img{ width:100%;}
#about_new li .txt .title{ font-size:20px; color:#333333; line-height:50px; padding-top:10px;}
#about_new li .txt .con{ font-size:14px; line-height:22px; color:#b2b2b2; height:66px; overflow:hidden; margin-bottom:15px;}
#about_new li .txt .more{ width:136px; line-height:34px; border:1px solid #f7860d; font-size:12px; display:block; padding-left:25px; color:#f7860d; background:url(images/jiantou2.png) no-repeat 105px 10px}
#about_new li:hover .txt .more{background:url(images/jiantou.png) #f7860d no-repeat 105px 10px; color:#fff;}


.sercon{ width:1360px; margin:auto;}
.sercon h1{ text-align:center; font-size:24px; margin-bottom:50px; background:url(images/line.jpg) no-repeat bottom; line-height:52px;}
.sercon h2{ text-align:center; font-size:32px; color:#f8070e; margin:20px 0 0 0; padding:0;}
.sercon h3{font-weight:bold; font-size:26px; text-align:center; background:url(images/line.jpg) no-repeat bottom; margin:0 0 20px 0; padding:0; height:48px; line-height:48px;}
.sercon .pcenter{text-align:center;}

.casecon{ width:1360px; margin:auto;}
.casecon h1{ text-align:center; font-size:24px; margin-bottom:0px; background:url(images/line.jpg) no-repeat bottom; line-height:28px; padding-bottom:15px;}


/*联系我们*/
.contactcon ul{ width:90%; margin:30px 6%;}
.contactcon ul li{float:left; border-right:#000 solid 1px; height:200px; list-style:none; font-size:18px; padding:0 40px;}
.contactcon ul li h3{font-size:56px; font-weight:bold; margin:20px 0; padding:0;}
.contactcon ul li h2{font-size:26px; font-weight:bold; margin:20px 0 0 0; padding:0;}
.contactcon .lia{width:34%;}
.contactcon .lib{width:36%;}
.contactcon .lic{width:30%;  border-right:#FFF solid 0;}

/*新闻中心*/
.news_wenzi{ padding-bottom:60px;}
.news_wenzi ul{width:1600px; margin:auto; display:table;}
.news_wenzi ul li{list-style:none; width:476px; float:left; margin-left:30px; margin-right:5px; margin-bottom:20px;}
.news_wenzi ul li div{padding:30px 50px 50px 30px;}
.news_wenzi ul li div h2{font-size:26px; margin:5px 0 5px 0; padding:0; line-height:36px;}
.news_wenzi ul li a:link{display:block; background-color:#f8f8f8; color:#000000;}
.news_wenzi ul li a:visited{display:block;background-color:#f8f8f8; color:#000000;}
.news_wenzi ul li a:hover{display:block; background-color:#005031; color:#FFF;}


.popBox{position: fixed;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6); z-index:999; display:none;}
.popCon{margin: 10% auto;padding: 20px;width: 46%;background-color: rgba(0, 0, 0, 1); position:relative;}
.popCon .pop-as{ position:absolute; right:5px; top:5px;}
@media (min-width: 1820px) {
#service_frame .col-lg-5{ width:36%}
#service_frame .col-lg-7{ width:64%}
#header .container{ width:1790px;}
#footer .container{ width:1790px;}
#service_title .container{ width:1790px;}
#core_banner .container{ width:1790px;}
#core .container{width:1790px;}
#about .container{width:1790px;}
.wapfoot{display:none;}
.ship{display:none;}
}
@media (min-width: 1200px) {
	
#core_banner .core_box .col-lg-4 { width:24.8%;}
#core_banner .core_box .col-lg-8{ width:75.2%;}
.wapfoot{display:none;}
.ship{display:none;}
}

@media (max-width: 1800px) {
#header .hotline{ display:none;}
#header .menu{ position:inherit; width:auto; display:inline-block; float:right;}
#footer .navigation li{ margin-right:15px;}
.wapfoot{display:none;}
.ship{display:none;}
}
@media (max-width: 1230px) {
#ind_details .gallery li{ margin:0;}
#ind_brand .ind_brand_left li { padding-top:30px; padding-bottom:20px;}
#ind_brand .ind_brand_left li .title{ font-size:18px;}
#header #phone_menus{ display:block;}	
#header .menu{ display: block; position:absolute; left:0px;}
#header .menu { position:absolute; z-index:988; width:400px; background:#fff;    -webkit-transform: translateX(-125%);transform: translateX(-125%); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms;height:100vh; }
#header.on .menu{-webkit-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;-webkit-transform: translateX(-31%);transform: translateX(-31%);}
#header .menu li{ display:block; border-right:0; padding:0px 40px;}
#header .menu li a{ padding:0px; line-height:46px; font-size:21px; border-bottom:1px solid #b2b2b2; color:#515151;}
#header .menu li:hover a{border-bottom:1px solid #cf7d35; color:#cf7d35;}
#header .menu li.hover a{border-bottom:1px solid #cf7d35; color:#cf7d35;}
.wapfoot{display:none;}
.ship{display:none;}
}
@media (max-width: 1024px) {
#ind_new li p{ padding-left:30px; font-size:18px; line-height:50px;}
.ind_map .choice1{ display:none;}
.ind_map .choice2{ display: block;}
#ind_brand .ind_brand_left li.s1,#ind_brand .ind_brand_left li.s2,#ind_brand .ind_brand_left li.s3,#ind_brand .ind_brand_left li.s5{ border:0px;}
#header.on .menu{-webkit-transform: translateX(-11%);transform: translateX(-11%);}	
#ind_details .gallery li.choice8,#ind_details .gallery li.choice9{ display:none;}
.wapfoot{display:none;}
.ship{display:none;}
}
@media (max-width: 768px) {
#header{display:block;}
#service_frame .choice1 .box{ padding:0px 25px; margin-top:-150px;}
#about .txt{ padding-right:0;}
#about .img{ text-align:center;}
#about .img img{ text-align:center; display: inline-block; float:none;}
#about .txts .box{ padding:0px 15px; position: relative; top:0; margin-top:0; margin-bottom:20px;}
#service_frame .choice1 .box .con{ max-height:300px; overflow:auto;}
#about_new{ padding:30px 0px;}
#about_new li{ padding:0px 15px 30px;;}
.popCon{ width:100%;}
#footer{ color:#FFF; text-align:center;}
#bananer{width:100%; padding-top:65px;}
#newsul{border-bottom:#b2b2b2 solid 1px; width:100%;}
#newsul ul{display:table; margin:20px auto; }
#newsul ul li{float:left; width:32%; text-align:center; margin-left:1%; height:35px; line-height:35px; font-size:14px; list-style:none; margin-bottom:5px;}
#newsul ul li a:link{border:#a3a3a3 solid 1px; display:block; color:#595757}
#newsul ul li a:visited{border:#a3a3a3 solid 1px; display:block;color:#595757}
#newsul ul li a:hover{border:#005031 solid 1px; display:block; background-color:#005031; color:#FFFFFF;}
#newsul h1{text-align:center; padding-top:60px;}
#newsul p{text-align:center; padding-bottom:60px; font-size:18px; color:#F00;}
#about .aboutcon{margin:auto 1%; font-size:14px; color:#000; width:100%;}
#about .aboutcon h1{font-size:24px; text-align:center; margin-bottom:50px;}
#about .aboutcon img{width:100%;}
#about .aboutcon h1 b{font-size:32px; color:#005031; display:block; margin-bottom:12px; font-weight:100;}
#about .about_video{width:100%; margin:20px auto;}
#about .about_video img{width:100%;}
#about .about_hzlc{margin:20px auto 20px auto; width:100%;}
#about .about_hzlc img{width:100%;}
#about_hzhb{ background:#f4f4f4; text-align:center; padding-bottom:40px; padding-top:40px;}
#about_hzhb .img{ padding-bottom:30px; text-align:center;}
#about_hzhb .img img{ display:inline-block;}
#about_hzhb .con{ font-size:14px; line-height:22px; margin:0 2%; }
#about_hzhb .con img{margin-right:20px; margin-bottom:30px;}
#footer{ background:#33b1ae; padding:20px; line-height:16px; font-size:12px;}
#footer .footcon{color:#fff; width:100%;}
#footer .footleft{ float:left; width:100%; text-align:left; line-height:16px; font-size:12px;}
#footer .footright{float:left; margin-top:16px;}
#footer .footright ul{ margin:0; padding:0;}
#footer .footright ul li{width:40%; list-style:none; margin-left:5%; float:left; font-size:14px;}
#footer .footright ul li img{ width:100%;}
#footer p{ display:none;}
#course{}
#about_hzhb{ background:#f4f4f4; text-align:center; padding-bottom:40px; padding-top:40px; width:100%;}
#about_hzhb .img{ padding-bottom:30px; text-align:center; width:100%;}
#about_hzhb .img img{ display:inline-block; width:100%;}
.news_wenzi ul{display:table; width:100%; margin:0; padding:0;}
.news_wenzi ul li{list-style:none; width:100%; margin-bottom:20px;  margin-left:0; margin-right:0;}
.news_wenzi ul li div{padding:20px;}
.news_wenzi ul li div h2{font-size:20px; margin:5px 0 5px 0; padding:0; line-height:36px;}
.news_wenzi ul li img{width:100%;}
.news_wenzi ul li a:link{display:block; background-color:#f8f8f8; color:#000000;}
.news_wenzi ul li a:visited{display:block;background-color:#f8f8f8; color:#000000;}
.news_wenzi ul li a:hover{display:block; background-color:#005031; color:#FFF;}
.newscontent{width:94%; margin-top:0; margin-left:3%; margin-right:3%;}
.newscontent img{width:100%;}
#newsul{margin:0; padding:0;}
#newsul h1{font-size:22px; padding:20px 0 0 0; margin:0;}
.sercon{ width:100%; margin:auto 1%;}
.sercon h1{ text-align:center; font-size:20px; margin-bottom:50px; background:url(images/line.jpg) no-repeat bottom; line-height:52px;}
.sercon h2{ text-align:center; font-size:22px; color:#f8070e; margin:20px 0 0 0; padding:0;}
.sercon h3{font-weight:bold; font-size:26px; text-align:center; background:url(images/line.jpg) no-repeat bottom; margin:0 0 20px 0; padding:0; height:48px; line-height:48px;}
.sercon .pcenter{text-align:center;}
.sercon img{width:100%;}
.sercon{ width:100%; margin:auto 1%;}
.casecon{ width:100%;}
.casecon h1{ text-align:center; font-size:22px; margin-bottom:0px; background:url(images/line.jpg) no-repeat bottom; line-height:28px; padding-bottom:15px;}
.casecon img{width:100%;}
#ind_tel{ color:#595757; text-align:center; padding:20px;}
#ind_tel p{font-size:14px;}
#ind_tel h2{color:#f50001; font-size:32px; font-family:"Arial Black", Gadget, sans-serif; margin:0 0 10px 0; padding:0;}
.contactcon ul{ width:100%; margin:10px 0; padding:0;}
.contactcon ul li{ list-style:none; border:0; font-size:14px; padding:0; margin:0; height:120px;}
.contactcon ul li h3{font-size:26px; font-weight:bold; margin:10px 0; padding:0;}
.contactcon ul li h2{font-size:16px; font-weight:bold; margin:10px 0 0 0; padding:0;}
.contactcon .lia{width:100%;}
.contactcon .lib{width:100%;}
.contactcon .lic{width:100%; height:200px;}
.contactcon .lic img{width:100%;}
.side{position:fixed;width:50px;height:230px;right:40px;bottom:0px;z-index:100; display:none; }
#about .about_hzlc{width:100%;}
#about .about_hzlc h1{ background:url(images/line.jpg) no-repeat bottom; height:52px; line-height:52px; font-size:26px; margin:0 0 30px 0; padding:0; text-align:center; font-weight:bold;}
#about .about_hzlc ul{margin:0; padding:0;}
#about .about_hzlc ul li{float:left; list-style:none; width:28%; margin-left:4%; margin-bottom:15px;}
#about .about_hzlc ul li img{width:100%;}
.wapfoot{Z-INDEX: 11111; WIDTH: 100%; margin:0 auto; BOTTOM: 0px; POSITION: fixed; overflow:hidden; padding:0; display:block; height:50px;}
.wapfoot ul{display:block; width:100%; margin:0; padding:0; }
.wapfoot ul li{float:left; width:25%; list-style:none; text-align:center; padding:5px 0; height:50px; line-height:50px;}
.wapfoot a:link{color:#fff; display:block; background-color:#056d46; height:50px; line-height:50px; border-right: #fff solid 1px;}
.wapfoot a:visited{color:#fff; display:block; background-color:#056d46; height:50px; line-height:50px; border-right: #fff solid 1px;}
.wapfoot a:hover{color:#fff; background-color:#33b1ae; display:block; height:50px; line-height:50px; border-right: #fff solid 1px;}
.ship{ display:block; WIDTH: 94%; margin:30px 3%;}
.ship h2{color:#004b2b; font-size:22px; font-family:"Arial Black", Gadget, sans-serif; margin:0 0 10px 0; padding:0; text-align:center;}
}
@media (max-width: 500px) {
	
#ind_case .rem_pam{ display:none;}
#ind_case .rem_pam.choice1,#ind_case .rem_pam.choice2,#ind_case .rem_pam.choice3{ display:block; margin-bottom:10px;}
#ind_brand .ind_brand_right .title{ font-size:26px; line-height:35px;}
.scroll_horizontal{ padding:10px 0px;}
#pic_list_1 .list{ padding-left:0px !important;}
#pic_list_1 ul li{list-style:none;}
#pic_list_1 ul li a{ padding:0px 5px; display:block;}
#service_title{ line-height:50px; padding:15px 0px;}
#core .txt{ padding-bottom:20px;}
.service_tad .clears .box{ padding:0px 15px;}
#ind_brand .ind_brand_left li{ padding:15px 0px;}
#ind_brand .ind_brand_left li .longtitle{ margin-top:0px;}
#ind_brand .ind_brand_left li .title{ padding-bottom:15px;}
#course .slick-slide.slick-center .txt .con{ padding-left:10px;}
#course .slick-slide.slick-center .txt{ width:400px; margin-left:0; left:-35px;}
.contact_number ul li.choice2{ border:0;}
#core #many .label a{ width:75%; line-height:43px;}
#core #many li{ border-bottom:1px solid #ccc;}
#core #many li .longtitle{ font-size:14px; margin-bottom:10px;}
#core #many li .img{ margin-bottom:10px;}
#core #many li .title{ padding-top:10px; padding-bottom:0px; font-size:16px;}
.service_tad .clear .name{ font-size:18px;}
.service_tad .clears{ height:500px;}
.service_team .title{ font-size:20px; line-height:30px; padding:10px 15px;}
.service_team  #choice1 .box{ padding:0px 15px; max-height:260px; overflow:auto;}
#about .txt .title{ font-size:26px; line-height:34px;}
#about .txts .box .title{ line-height:50px; margin-bottom:25px;}
#service_frame .choice1{ min-height:300px;}
#service_frame .choice1 .box{ margin-top:-100px;}
body.on #frame{ display:none}
body.on section{ display:none}
body.on #footer{ display:none}
#footer{ text-align:center; color:#FFF;}
#ind_new li{ margin-bottom:20px;}
#ind_case{ padding:0px 15px;}
#ind_about{ padding-top:35px; padding-bottom:35px;}
#ind_about .href a{ width:150px; background:url(images/jiantou.png) #9f9894 no-repeat 130px 14px;}
#ind_about .href a:hover{background:url(images/jiantou.png) #f7860d  no-repeat 130px 14px;}
#ind_about .con{ padding:0px 15px;}
#ind_brand .ind_brand_right{ height:300px;}
#ind_brand .ind_brand_right .en{ font-size:21px; line-height:26px;}
#ind_brand .ind_brand_right .con{ padding-top:5px; margin-bottom:15px;}
#header .menu{ width:100%; left:-15px}
#header.ona .menu{-webkit-transform: translateX(0%);transform: translateX(0%);}	
#header #phone_menus{ height:66px;}
#header #phone_menus .line{ top:32px;}
#header .logo img{ width:200px;}	
#core #many{ margin:0px -15px;}
#course .slick-slide.slick-center .txt .biao{ font-size:16px; line-height:24px; margin-bottom:5px;}
#course .slick-slide.slick-center .txt .shijian{ max-height:160px; overflow:auto;}
#pic_list_4{ display:none;}
#ind_new li.choice2,#ind_new li.choice3{ display:none;}
#ind_icon li{ width:33.333333%;}
#ind_icon li{ display:none;}
#ind_icon li.choice1,#ind_icon li.choice2,#ind_icon li.choice3{ display: block;}
#about .img{ display:none;}
#about .about_wenzi{ padding-bottom:20px;}
#about .txts .box{ padding-top:15px;}
#course{ background:url(images/lun_banner.jpg) #fff no-repeat center -124px; height:500px;}
#course .slick-slide.slick-center .shuzhi{ font-size:30px;}
#course .title{ padding-top:30px;}
#course .slick-slide.slick-center .txt .img{ display:none;}
#course .slick-slide{ padding-top:50px;}
#pic_list_1{ display: block;}
.news_wenzi .casecon h1{ text-align:center; font-size:22px; margin-bottom:0px; background:url(images/line.jpg) no-repeat bottom; line-height:28px; padding-bottom:15px;}
.news_wenzi .casecon img{width:100%;}
.side{position:fixed;width:50px;height:230px;right:40px;bottom:0px;z-index:100; display:none; }
#about_hzhb{ background:#f4f4f4; text-align:center; padding-bottom:40px; padding-top:40px;}
#about_hzhb .img{ padding-bottom:30px; text-align:center;}
#about_hzhb .img img{ display:inline-block;}
#about_hzhb .con{ font-size:14px; line-height:22px; margin:0 2%; }
#about_hzhb .con img{margin-right:20px; margin-bottom:30px;}
#footer{ background:#33b1ae; padding:20px; line-height:16px; font-size:12px;}
#footer .footcon{color:#fff; width:100%;}
#footer .footleft{ float:left; width:100%; text-align:left; line-height:16px; font-size:12px;}
#footer .footright{float:left; margin-top:16px;}
#footer .footright ul{ margin:0; padding:0;}
#footer .footright ul li{width:40%; list-style:none; margin-left:5%; float:left; font-size:14px;}
#footer .footright ul li img{ width:100%;}
#footer p{ display:none;}
.ship{ display:block; WIDTH: 94%; margin:30px 3%;}
.ship h2{color:#004b2b; font-size:22px; font-family:"Arial Black", Gadget, sans-serif; margin:0 0 10px 0; padding:0; text-align:center;}
}
