﻿*{margin:0;padding:0;box-sizing: border-box;}
html{width:100%;overflow-x: hidden;}
body{width:100%;font-size: 16px;font-family: 'Lato,sans-serif'!important;
    color:#333;line-height:24px;overflow-x: hidden;background: #fff;}
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "Lato,sans-serif";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
 .transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
img.desaturate:hover { filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}
img{vertical-align: middle;}
.slick-slide{outline: none;}
.slick-prev:before, .slick-next:before{display: none;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin:0;}
.slick-slide img{max-width: 100%;margin:0 auto;}
.container{ margin:0 auto;clear: both;}
.clear{clear:both; }

.had_top{background: #3d3d3d;padding:8px 0;text-align: right;}
.had_top span{display: inline-flex;align-items: center; color:#fff;padding:0 20px;
    line-height: 35px;height:35px;border-radius: 19px;font-size: 12px;vertical-align: top;}
.had_top span img{max-width: 100%;max-height: 100%;margin-right:10px;margin-top:-2px;}
.had_top span .hover{display: none;}
.had_top span:hover{background: #fff;color:#333;}
.had_top span:hover .hover{display: inline-block;}
.had_top span:hover .unHover{display: none;}

.header{position: relative;}
.header .box{width: 100%; vertical-align: top; display: inline-flex;align-items: center;justify-content: space-between;}
.logo{height:180px;width:30%;position: relative;}
.logo a{height:180px;display: block;position: relative;}
.logo a img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-width: 100%;max-height: 100%;z-index:10;}
.rt_cont{display: inline-flex;align-items: center;width: 46%;justify-content: space-between;text-align: center;}
.rt_cont li{width: 33.33%;position: relative;}
.rt_cont li:after{content:"";display: inline-block;position: absolute;top:5%;right:0;
    width:1px;height:90%;background: #ddd;}
.rt_cont li:last-child:after{display: none;}
.rt_cont .num{font-size: 18px;color:#f78e24;font-weight: bold;}
.rt_cont .p{font-size: 16px;color:#777;}
.rt_cont .des{font-size: 16px;color:#777;}

.nav_box{background: #f78e24; }
.nav_box .box{width: 100%; display: inline-flex;align-items: center;justify-content: space-between;}
.nav{ width:calc(100% - 230px);display: inline-flex;align-items: center;}
.nav li{position: relative;padding:0 10% 0 0;}
.nav li a{line-height: 70px;height:70px;padding:0;font-size: 16px;color:#fff;display: block;overflow: hidden;}
.nav li.on>a{color:#000;}
.nav>li>a.current{color:#000;}
.nav li a:hover{color:#000;}
.nav ul {display: none; position: absolute;top:70px;left:0;width:160px;
    background: rgba(0,0,0,.7);z-index:10;border-top:1px solid #fff;padding:10px ;}
.nav ul li {float:none;padding:0;width:100%;}
.nav ul li a{line-height: 35px;height:35px;font-size: 14px;color:#fff;transition:all linear .3s;-webkit-transition: all  0.3s linear}
.nav ul li a:hover{color:#fff;transform: translateX(5px);-webkit-transform: translateX(5px)}

.search{width: 230px;height:40px;overflow: hidden;padding:0 10px; background: #fff;border-radius: 20px;display: inline-flex;justify-content: space-between;}
.search input{border:none;padding:0;font-size: 14px;}
.search .put_sub{width: 30px;height:40px;background: url(../images/m_ser.png) no-repeat center center;
    background-size: 23px;}

.banner .slick-dots{bottom:10px;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li{width:38px;height:4px;background: #fff;opacity: .5;border-radius: 2px;padding:0;margin:0 8px;}
.banner .slick-dots li.slick-active{background: #f78e24;opacity: 1;}


.right_bg{position: fixed;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,.3);z-index:20;display:none;}
.right_nav{position: fixed;top:0;bottom:0;left:-100%;background: #fff;width:65%;z-index:25;height:100%;overflow-y: auto;
;overflow-x: hidden;-webkit-overflow-scrolling: touch;transition: all linear .3s;-webkit-transition: all linear .3s;}
.right_bg.on{display: block;}
.right_nav.on{left:0;}
.rNav li a{position:relative;display: block;line-height: 50px;height:50px;
    border-bottom:1px solid #f2f2f2;padding:0 15px 0 20px;overflow: hidden;}
.rNav li i{display: block;width:40px;height:100%;position: absolute;right:0;top:0;background: url(../images/img11.png) no-repeat center center;background-size:18px;}
.rNav_one{background: #faf9f7;}
.rNav_one li a {border:none;color:#666;padding-left:35px;}
.rNav_two li a{padding-left:60px;}
.rNav_two li b{color:#6ec4eb;display: block; position:absolute;left:40px;top: 0;height: 100%;font-size: 25px;font-family: '宋体';}
.rNav_three li a{padding-left:75px;}

.rNav li a.on{background: #faf9f7;}
.rNav li a.on i{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.rNav ul{display: none;}
.rNav li i,.rNav li b{display: none;}
.rNav li i.in,.rNav li b.in{display: block;}


.com_title{text-align: center;border-bottom:1px solid #d6dee0;padding: 100px 0 60px;position: relative;}
.com_title .en{font-size:64px;line-height: 70px;color:#f78e24;font-family: "Open Sans"; }
.com_title:after{content:"";display: block;width:30px;height:14px;background:#f78e24;
position: absolute;bottom:-7px;left:0;right:0;margin:auto;}

.section_one{background:url(../images/index_33.jpg) no-repeat center 96px;background-size: cover}
.secOne_cont{width: 100%; padding:50px 0 80px;display: inline-flex;align-items: center;justify-content: space-between;}
.secOne_list{position: relative;margin:0 8px;overflow: hidden;}
.secOne_list img{max-width: 100%;max-height: 100%;transition: all linear .3s; }
.secOne_list .text{position: absolute;bottom:-110px;left:0;right:0;background: rgba(240,170,100,.65);
transition: all linear .3s;}
.secOne_list .text .ti{color:#fff;border-bottom:1px solid #fff;font-size: 22px;line-height: 50px;height:50px;padding:0 20px;
    overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.secOne_list .text .des{color:#fff;font-size: 16px;line-height: 50px;height:50px;padding:0 20px;
    overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.secOne_list:hover .text{bottom:0;}
.secOne_list:hover img{transform: scale(1.1,1.1);}

.section_two{margin-top:160px;background: #f3f3f3;width: 100%;
    display: inline-flex;justify-content: space-between;}
.section_two img{max-height: 100%;}
.section_two .lt{width: 50%;overflow: hidden;}
.section_two .rt{width: 50%;padding:0 40px;display: flex;flex-direction: column;justify-content: space-evenly;}
.section_two .rt .ti{font-size: 40px;color:#575757;line-height: 50px;}
.section_two .rt .des{font-size: 20px;color:#a1a1a1;line-height: 40px;}
.section_two .rt .more{display: block; width: 280px;height:54px;line-height: 54px;text-align: center;border:1px solid #afafaf;font-size: 18px;color:#afafaf;}
.section_two .rt .more:hover{background: #f78e24;border-color:#f78e24;color:#fff;}

.section_three{padding-bottom:160px; background: url(../images/index_34.png) no-repeat center bottom;
background-size: contain;}
.secThree_cont{padding:50px 0 75px;}
.secThree_list{margin:0 8px;position: relative;text-align: center;}
.secThree_list .ti{height:60px;line-height: 60px;font-size: 14px; color:#f0aa64;background: #3e3e3e;padding:0 10px;}
.secThree_list:hover .ti{background: #f0aa64;color:#fff;}
.secThree_slider .slick-prev{left:20px;}
.secThree_slider .slick-next{right:20px;}
.secThree_slider .slick-prev,
.secThree_slider .slick-next{width: 35px;height:35px;background: rgba(0,0,0,.3);z-index:10;}
.secThree_slider .slick-prev:before,
.secThree_slider .slick-next:before{display: block;font-weight: bold; color:#fff;font-family: "幼圆";font-size: 20px;}
.secThree_slider .slick-prev:before{content:"<";}
.secThree_slider .slick-next:before{content:">";}

.secFour_cont{width: 100%; padding:65px 0 0;text-align:center;display: inline-flex;flex-flow: wrap; align-items: center;justify-content: space-between;}
.secFour_cont a{width: 25%;height:160px;position: relative;padding:10px 0;}
.secFour_cont a span{width:100%;height:100%;display: inline-flex;
    align-items: center;justify-content: center;}
.secFour_cont a img{max-height: 100%;max-width: 100%;}
.secFour_cont a:nth-child(1),
.secFour_cont a:nth-child(2),
.secFour_cont a:nth-child(3),
.secFour_cont a:nth-child(4){border-bottom:1px solid #eaeaea;}
.secFour_cont a:after{content:"";display: block;position: absolute;right:0;top:20%;height:60%;width:1px;background: #eaeaea;}
.secFour_cont a:nth-child(4n):after{display: none;}
.secFour_cont a:hover span{background: #fff;box-shadow: 0 0 15px 0 rgba(0,0,0,.1);}

.secFive_cont{padding:50px 0 140px;overflow: hidden;}
.secFive_list{display: inline-block;width: 50%;background: #fff;float: left;text-align: center;overflow: hidden;}
.secFive_list dt{width: 50%;float: right;overflow: hidden;}
.secFive_list dd{width: 50%;height:100%; float: left;display:inline-flex;align-items: center;justify-content: center; }
.secFive_cont .secFive_list:nth-child(3n) dd{float: right;}
.secFive_cont .secFive_list:nth-child(3n) dt{float: left;}
.secFive_cont .secFive_list:nth-child(4n) dd{float: right;}
.secFive_cont .secFive_list:nth-child(4n) dt{float: left;}
.secFive_list img{max-width: 100%;max-height: 100%;width: 100%;transition: all linear .3s;}
.secFive_list .box{width: 100%;}
.secFive_list .ti{margin-top:28%; color:#919191;font-size: 18px;line-height: 30px;height:30px;
    transition: all linear .3s;
    overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.secFive_list .des{color:#c4c4c4;font-size: 16px;line-height: 30px;height:30px;
    overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.secFive_list .more{ display: block;margin:10px auto 0; width: 122px;line-height: 35px;height:35px;border:1px solid #fff;color:#fff;text-align: center;
    transform: translateY(10px); transition: all linear .3s;}
.secFive_list:hover  {background: #f78e24;}
.secFive_list:hover dd .ti{margin-top:20%;color:#fff;}
.secFive_list:hover dd .des{color:#fff;}
.secFive_list:hover dd .more{transform: translateY(0); }
.secFive_list:hover dt img{transform: scale(1.1,1.1);}

.section_six{background: #f78e24;padding:40px 0;}
.secSix_ti{color:#fff;text-align: center;font-size: 40px;line-height: 50px;margin-bottom:25px;}
.secSix_cont{display: inline-flex;justify-content: space-between;color:#fff;}
.secSix_cont>div{width: 33.33%;padding-right:10px;}
.secSix_cont .ti{font-size: 32px;line-height: 40px;margin-bottom:10px;}
.secSix_cont .one li{width:100%; font-size: 18px;line-height: 30px; padding:18px 0;display: inline-flex;align-items: center;}
.secSix_cont .one li img{margin-right:30px;}
.secSix_cont .des{font-size: 18px;line-height: 30px;}
.secSix_cont .one {width: 40%;}
.secSix_cont .more{display: block;margin-top:35px; width: 135px;height:52px;line-height: 52px;color:#fff;text-align: center;background: #040404;font-size: 18px;}
.secSix_cont .two .ti{margin-bottom:25px;}
.secSix_cont .three .ti{margin-bottom:25px;}

.footer{padding-top:135px;color:#fff; background: url(../images/index_30.jpg) no-repeat center center;background-size: cover;}
.footer .box{width: 100%; display:inline-flex;justify-content: space-between; }
.foot1{width: 20%;}
.footLogo{display: block;height:110px;}
.footLogo img{max-width: 100%;max-height: 100%;}
.foot2{width: 50%;}
.foot3{width: 15%;}
.footer img{max-height: 100%;max-width: 100%;}
.share {margin-top:35px;}
.share a{display: inline-block;vertical-align: top;margin-right:10px;}
.footer .ti{display: block; font-size: 25px;line-height: 40px;margin-bottom:50px;}
.foot2 {display:inline-flex;flex-flow: wrap;}
.foot2 li{width: 50%;padding-right:10px;}
.foot2 a{color:#fff;font-size: 20px;line-height: 30px;margin:0 0 15px 0;display: block;overflow: hidden;}
.foot2 li a:first-child{margin-bottom:25px;font-size: 25px;}
.foot3 .ti{margin-bottom:25px;}
.copy{margin-top:65px;text-align: center;color:#fff;padding:20px 15px;font-size: 24px;}
.proRecom span{width: 90px;height:90px;margin:0 8px 8px 0;float: left;}
.proRecom span img{max-width: 100%;max-height: 100%;}

.det_ban{text-align: center;position: relative;}
.det_ban img{max-width: 100%;min-height: 100%;}
.detBan_text{position: absolute;top:50%;left:0;right:0;margin:auto;color:#fff;z-index: 10;transform: translateY(-50%);}
.detBan_text .name{padding:20px 35px; font-weight: bold; font-size: 55px;line-height: 50px;display: inline-block;}
.detBan_text .pos a{color:#fff;font-size: 14px;}

.det_main{margin-top:-80px;padding-bottom:50px;position: relative;z-index: 2;overflow: hidden;}
.det_content{min-height: 500px;overflow: hidden;}
.topBox_cont{height:80px;background: #f7f7f7;}
.topBox_cont:after{content:"";display: block;clear: both;}
.det_nav{float: left; display: inline-block;vertical-align: top;width:70%;overflow: visible;padding:0 30px; }
.det_nav .two_li{float: left;position: relative;width:auto;padding-right:20px;margin-right:20px;}
.det_nav .two_li a{display: block;width:100%;line-height: 80px;height:80px;overflow: hidden;}
.det_nav .two_li:after{content:"";display: block;position: absolute;top:50%;right:0;height:16px;width:1px;background: #aaa;margin-top:-9px;}
.det_nav .det_navThree{position: absolute;top:78px;left:0;padding:5px 0; width:100%;border-top:2px solid #f78e24;background: #fff;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);}
.det_nav .det_navThree  a{position: relative;line-height: 40px;height:40px;font-size: 14px;color:#808080;padding:0 30px 0 10px;}
.det_nav .det_navThree  a em{position: absolute;top:calc(50% - 4px);right:10px;width:8px;height:8px;}
.det_nav .det_navThree  a i{display: block;width:100%;height:100%;border:1px solid #ccc;border-left:none;border-bottom:none;transition: al linear .3s;-webkit-transition: all linear .3s;}
.det_nav .det_navThree  a em:before{content:"";display: inline-block;vertical-align: middle;width:11px;height:2px;background: #f78e24;position: absolute;top:calc(50% - 1px);right:3px;
    transform: translateX(-10px);-webkit-transform: translateX(-10px);opacity: 0;transition: all linear .2s;-webkit-transition: all linear .2s;}
.det_nav .det_navThree  a:hover i{border-color:#f78e24;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.det_nav .det_navThree  a:hover em:before{transform: translateX(0);-webkit-transform: translateX(0);opacity:1;}
.det_nav .two_li a:hover,.det_nav .two_li.on>a{color:#f78e24;}
.det_nav .det_navThree{display: none;}
.det_nav .swiper-button-next,
.det_nav  .swiper-button-prev{display: none;}

.det_pos{float: right;background: #f7f7f7;position: relative;z-index: 2;padding:0 30px;
    text-align: right;width:30%;line-height: 80px;height:80px;overflow: hidden;}
.det_pos a{display: inline-block;vertical-align: top;font-size: 14px;color:#808080;}
.det_pos img{margin:-3px 10px 0 0;}
.det_pos a:hover{color:#f78e24;}

.det_page{padding:40px 0;font-size: 18px;line-height: 1.5;}
.det_page img{max-width: 100%;max-height: 100%;}

.pro_cont{margin:0 -20px;width: calc(100% + 40px); padding:50px 0;display: inline-flex;flex-flow: wrap;}
.pro_list{width:calc(25% - 40px);margin:0 20px 40px;transition: all linear .3s;border:1px solid #e6e6e6;text-align: center;}
.pro_list dt{position: relative;}
.pro_list dt a{display: block;}
.pro_list dt .box{position: absolute;top:0;bottom:0;left:0;right:0;background: rgba(247,142,36,.8);
    overflow: hidden;display: flex;align-items: center;justify-content: center;
    transform: scale(0,0);transition:400ms;}
.pro_list dt .box .txt{padding:0 35px ;font-size: 14px;line-height: 24px;height:72px;color:#fff;
    overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3;}
.pro_list img{max-height: 100%;max-width: 100%;}
.pro_list dd{padding:10px 10px 30px;}
.pro_list dd .ti{font-size: 18px;line-height: 30px;height:30px;
    overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.proAdd_btn{display: inline-block;cursor: pointer;margin-top:10px;
    background: #f78e24;color:#fff;line-height: 40px;padding:0 20px;height:40px;font-size: 14px;}
.proAdd_btn  i{display: inline-block;vertical-align: middle;width: 16px;height:16px;position: relative;
    border:1px solid #fff;border-radius: 3px;margin-right:8px;margin-top:-3px;}
.proAdd_btn  i:before{content:"✓";display: none;position: absolute;top:-13px;left:2px;margin:auto;}
.proAdd_btn.on i:before{display: inline-block;}
.pro_list:hover dt .box{transform: scale(1,1)}

.page_list{text-align: center;padding:0 0 30px 0;line-height: 30px;}
.page_list a{display: inline-block;vertical-align: top;margin:5px;padding:0 15px;
    line-height: 30px;height:30px;border:1px solid #f1f1f1;}
.page_list span{display: inline-block;vertical-align: top;margin:5px;padding:0 15px;
    line-height: 30px;height:30px;}
.page_list a:hover{background: #f78e24;color:#fff;border-color:#f78e24;}
.page_list a.on{background: #f78e24;color:#fff;border-color:#f78e24;}

.pro_model{position: fixed;bottom:0;left:0;right:0;z-index: 50;background: #f1f1f1;}
.mod_box{display: inline-flex;align-items: center;justify-content: space-between;width: 100%;}
.mod_lt{padding:10px 20px;}
.mod_list{display: inline-flex;vertical-align: top;margin:5px;background: #fff;}
.mod_list dl {display: inline-flex;align-items: center;}
.mod_list dl dt{width: 80px;height:60px;padding:5px;text-align: center;}
.mod_list dl dt img{max-height: 100%;max-width: 100%;}
.mod_list dl dd{padding:10px 20px;font-size: 13px;line-height: 20px;}
.list_close{float: right; cursor:pointer;width:20px;font-weight: bold; text-align: center;border-left:1px solid #cfcfcf;display: inline-flex;justify-content: center;align-items: center;}
.mod_rt{display: inline-flex;align-items: center;height:100%;}
.toContact{ display: block;white-space:nowrap; padding:0 10px;line-height: 28px;height:28px;border-radius: 3px;color:#fff;font-size: 13px;background: #f78e24;}
.toContact:hover{color:#fff;}
.mod_rt .num{padding:0 15px;display: inline-block;}
.mod_rt .m{cursor:pointer;padding:0 20px;height:100px;display: flex;align-items: center;justify-content: center;}
.mod_rt .delete{background: #aaa;}
.mod_rt .rt_close{background: #999;color:#fff;font-size: 30px;}

.newsD_cont{overflow: hidden;}
.news_list img{max-height: 100%;max-width: 100%;}
.news_list{padding:45px 40px;float: left;width:33.33%;margin-bottom:45px; border-left:1px solid #e6e6e6;}
.news_list .time{font-size: 14px;color:#808080;line-height: 30px;height:30px;overflow: hidden;}
.news_list .ti{margin:3px 0 15px; font-size: 18px;font-weight: bold;line-height: 30px;height:30px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.news_list .des{font-size: 14px;color:#808080; line-height: 26px;height:52px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.news_list .img{margin:20px 0 35px;}
.news_list:hover{background:#fff;border-top-color:#f4750c;box-shadow: 0 10px 24px 0 rgba(0,0,0,.1);}


.newsD_cont{padding:50px 0;}
.newsD_title{text-align: center;font-size: 18px;font-weight: bold;}
.newsD_title p{margin-bottom:10px;}
.newsD_title span{font-size: 14px;color:#999;margin:0 10px;font-weight: normal;}
.newsD_text{font-size: 16px;line-height: 1.5;padding:40px 0;}
.newsD_text img{max-height: 100%;max-width: 100%;}
.pageD_list {border-top:1px solid #eee;padding:10px 0;}
.pageD_list a{display: inline-block;font-size: 16px;margin:10px 0;}
.pageD_list a:hover{color:#f78e24;}
.detD_share{width: 100%;margin-bottom:30px; display: inline-flex;padding:20px 0;}
.detD_share a{display: flex;align-items:center;justify-content:center;vertical-align: top; width: 30px;height:30px;border-radius: 2px;margin-right:4px;overflow: hidden;transition: all linear .3s;}
.detD_share img{max-width: 100%;max-height: 100%;}
.detD_share .six{background: #f90;padding:5px;}
.detD_share .seven{background: #2e3192;padding:5px;}
.detD_share a:hover{transform: translateY(-3px);}

.proD_cont{padding:50px 0;}
.proD_one{width: 100%;margin-bottom:40px; display: inline-flex;justify-content: space-between;}
.proD_slider{width: 40%;text-align: center;}
.proD_slider .slider-for{border:1px solid #eee;}
.proD_slider .slider-nav{padding:0 40px;margin-top:40px;}
.proD_slider .slider-nav .slick-slide{margin:0 10px;border:1px solid #eee;}
.proD_slider .slider-nav .slick-slide.slick-current{border-color:#f78e24;}
.proD_slider .slick-prev:before,
.proD_slider .slick-next:before{display: block;font-size: 22px;font-weight: bold;color:#666;font-family: "幼圆";}
.proD_slider .slick-prev:before{content:"<";}
.proD_slider .slick-next:before{content:">";}
.proD_slider .slick-prev{left:0;}
.proD_slider .slick-next{right:0;}
.proD_slider_rt{width: 60%;padding:40px 20px;}
.proD_slider_rt .ti{font-size: 25px;font-weight: bold;line-height: 30px;}
.proD_slider_rt .des{font-size:16px;line-height: 1.5;margin:20px 0;}
.proD_slider_btn{height: 46px;position: relative;width: 300px;border: 1px solid #f78e24;
    display: flex;justify-content: center;align-items: center;cursor: pointer;font-size: 18px;color:#f78e24;}
.proD_slider_btn:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;
    background: #f78e24;transform: scaleY(0);transform-origin: 50%;z-index: -1;
    transition-property: transform;transition-duration: .3s;transition-timing-function: ease-out;}
.proD_slider_btn span{display: block;}
.proD_slider_btn span a{color:#f78e24;}
.proD_slider_btn:hover span a{color:#fff;}
.proD_slider_btn:hover:before{transform: scaleY(1);}

.det_ban img{max-width: 100%;}

.det_page{margin-top:0;}


.faq_list{padding:30px 0;}
.faq_list li{margin-bottom:20px;background: #fff;}
.faq_list li .q{background: #f0aa64;color:#fff;padding:15px 20px;font-size: 16px;cursor: pointer;}
.faq_list li .a{padding: 20px;font-size: 14px;display: none;border:1px solid #f0aa64;}

.remd_cont{margin-top:40px;}
.remd_tile{background: #f0aa64;color:#fff;font-weight: bold;font-size: 18px;
    padding:10px 20px;}
.remd_cont .secThree_cont{padding:20px 0 30px;}

.listImg_cont{padding:50px 0;margin:0 -10px; display: inline-flex;flex-flow: wrap;}
.listImg_list{width: calc(25% - 20px);text-align: center;margin:0 10px 30px;background: #ddd;}
.listImg_list dt{position: relative;}
.listImg_list .box{position: absolute;top:0;bottom:0;left:0;right:0;
    background: rgba(247,142,36,.5);display: none;}
.listImg_list .box:before{content:"";display: block;width: 31px;height:30px;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;
    background: url(../images/m_ser_n.png) no-repeat center center;}
.listImg_list dd{padding:10px 5px;}
.listImg_list dd .ti{display: block;height:24px;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.listImg_list img{max-width: 100%;max-height: 100%;}
.listImg_list:hover dd {background: #f78e24;}
.listImg_list:hover dd .ti{color:#fff;}
.listImg_list:hover .box{display: block;}

.tact_ti{text-align: center;font-size: 20px;font-weight: bold;padding:20px 0;}
.tact_cont{max-width: 1000px;margin:0 auto;}
.tact_cont .box{padding:50px 0;display: inline-flex;justify-content: space-between;}
.tact_txt{width: 48%;}
.tact_form{width: 48%;}
.tact_form input{display: block;background: #f1f1f1;width: 100%;border:none;
    line-height: 50px;height:50px;margin-bottom:20px;padding:0 20px;font-size: 14px;}
.tact_form textarea{width: 100%;border:none;background: #f1f1f1;
    height:120px;line-height: 20px;padding:10px 20px;font-size: 14px;}
.tact_form  .mybutton{background: none;border:1px solid #f78e24;color:#f78e24; height:50px;width: 100%;margin-top:20px;position: relative;}
.tact_form  .mybutton:hover{background: #f78e24;color:#fff;}
.tact_form input:hover,
.tact_form textarea:hover{background: #ddd;}

.det_search{margin-top:0;}
.serResult{text-align: center;font-size: 18px;padding:20px 0;margin-top:40px;}

.newsD_box{overflow: hidden;padding:30px 0;}
.newsD_lt{width:280px;float: left;}
.newsD_rt{margin-left:320px;}
.top_news{margin-bottom:15px;background: #f78e24;font-size: 18px;font-weight: bold; line-height: 40px;height:40px;color:#fff;text-align: center;overflow: hidden;}
.topNews_list dl{margin-bottom:15px;text-align: center;}
.topNews_list dl img{max-width: 100%;max-height: 100%;vertical-align: top;}
.topNews_list dl dd a{display: block; background: #f78e24;color:#fff;font-size: 14px;line-height: 40px;height:40px;
    overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}


.proD_cont .newsD_text{margin:0 auto;max-width: 900px;}
.pageD_titleCom{border-bottom:1px solid #f78e24;text-align: center;}
.pageD_titleCom span{display: inline-block;padding:0 15px;line-height: 35px;background: #f78e24;font-size: 18px;color:#fff;}



.feedback_cont{max-width: 980px;margin: 50px auto;}
.feedback_txt{font-size: 14px;line-height: 1.5;padding:0 0 40px 0;}
.feedback_list{width: 100%; min-height:180px;margin:15px 0; border:1px solid #e8e8e8;padding:20px 50px;display: inline-flex;justify-content: space-between;align-items: center;}
.feedback_list .img{width: 35%;height:100px;text-align: center;}
.feedback_list img{max-width: 100%;max-height: 100%;}
.feedback_list .txt{width: 45%;font-size: 14px;line-height: 24px;padding:0 10px;}
.feedback_list .close{font-size: 34px;width: 20%;text-align: center;}
.feedback_list:hover .close{opacity: 1;}
.feedback_list:hover {border-color:#f78e24;}
.feedback_list:hover a{color:#f78e24;}
.feedback_form {margin-top:40px;display: inline-flex;justify-content: space-between;width: 100%;flex-flow: wrap;}
.feedback_form input{width: 49%;border:1px solid #e8e8e8;line-height: 50px;height:50px;padding:0 40px 0 20px;font-size: 14px;color:#000;background: none;margin-bottom:30px;}
.feedback_form textarea{width: 100%;border:1px solid #e8e8e8;line-height:24px;height:250px;padding:20px 40px 0 20px;font-size: 14px;color:#000;background: none;margin-bottom:30px;}
.feedback_form .name{background: url(../images/user.png) no-repeat center right 5px;background-size: 35px 25px;}
.feedback_form .mail{background: url(../images/email.png) no-repeat center right 10px;background-size: 25px 25px;}
.feedback_form .content{background: url(../images/pencil.png) no-repeat top 15px right 10px;background-size: 22px 22px;}
.feedback_form input:hover,
.feedback_form input:focus,
.feedback_form textarea:hover,
.feedback_form textarea:focus{border-color:#f78e24;}
.send-btn {width: 216px;height: 47px;border: 1px solid #4c4c4c;display: flex;align-items: center;margin: 30px auto;box-sizing: border-box;position: relative;}
.send-btn em {display: flex;justify-content: center;align-items: center;flex: 1;font-weight: 700;color: #4c4c4c;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.send-btn .icon {height: 100%;width: 47px;display: flex;justify-content: center;align-items: center;border-left: 1px solid #4c4c4c;}
.send-btn .icon i {color: #707070;font-family: "幼圆";font-size: 25px;}
.send-btn:before{content: "";position: absolute;z-index: -1;top: -1px;left: -1px;right: -1px;bottom: -1px;
    background: #f78e24;transform: scaleX(0);transform-origin: 0 50%;transition-property: transform;
    transition-duration: .5s;transition-timing-function: ease-out;}
.send-btn:hover {cursor: pointer;border: 1px solid #f78e24;}
.send-btn:hover:before {transform: scaleX(1);transition-timing-function: cubic-bezier(.52,1.64,.37,.66);}
.send-btn:hover em {color: #fff;}
.send-btn:hover .icon {border: none;}
.send-btn:hover .icon i {color: #fff;}















.floatwindow_fd_conct img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}

.floatwindow_fd_conct {
    position: fixed;
    z-index: 9999999;
    top: 30%;
    right: 0px;
    cursor: pointer;
    transition: all .3s ease;
    font-family: Arial;
    font-size: 14px;
}

.floatwindow_chat_box {
    position: relative;
    z-index: 99;
}

.floatwindow_chat_box .floatwindow_chat_item {
    display: block;
    position: relative;
    width: 110px;
    height: 40px;
    margin-bottom: 5px;
}

.floatwindow_chat_box .floatwindow_chat_item span {
    position: absolute;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    /* background: url(../../common/static/images/icon_chat.png) no-repeat 0 0; */
    margin-bottom: 6px;
    background-color: #46bac6;
    white-space: nowrap;
}

.floatwindow_chat_item span {
    display: block;
    line-height: 40px;
    padding-left: 30px;
    color: #fff;
    font-size: 14px;
}

.floatwindow_chat_box .floatwindow_chat_qq span {
    background-position: 3px -6px;
    background-color: #e5a8a8 ;
}

.floatwindow_chat_box .floatwindow_chat_tel span {
    background-position: 3px -56px;
    background-color: #e2cda9;
}

.floatwindow_chat_box .floatwindow_chat_email span {
    background-position: 3px -109px;
    background-color: #efd8a0;
}

.floatwindow_chat_box .floatwindow_chat_wechat span {
    background-position: 3px -163px;
    background-color: #ffc000;
}

.floatwindow_chat_box .floatwindow_chat_skype span {
    background-position: 3px -215px;
    background-color: #ff7200;
}

.floatwindow_chat_box .floatwindow_top span {
    background-position: 3px -268px;
    background-color: #fd3939;
    width: 110px;
}

.floatwindow_chat_box .floatwindow_chat_item .floatwindow_tit_box {
    z-index: 2;
    width: 110px;
}

.floatwindow_chat_box .floatwindow_chat_item .floatwindow_more_box {
    z-index: 1;
    padding-right: 20px;
}












