@charset "utf-8";

@import url('../css/iconfont.css');

@import url('../css/imgsize.css');

@import url('../css/Montserrat-Black.css');

@import url('../css/Montserrat-Bold.css');

@import url('../css/Montserrat-ExtraBold.css');

@import url('../css/Montserrat-ExtraLight.css');

@import url('../css/Montserrat-Light.css');

@import url('../css/Montserrat-Medium.css');

@import url('../css/Montserrat-Regular.css');

@import url('../css/Montserrat-SemiBold.css');

@import url('../css/Montserrat-Thin.css');

.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/*****  font-display: swap;  字体延迟加载*****/

/**********样式重置**********/

html,body{

    -ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/

    -webkit-overflow-scrolling: touch;/*解决iOS滚动条被卡住的问题*/

    scroll-behavior: smooth;/*滚动到指定位置*/

    max-width: 1920px;

    margin: 0 auto;

}

@media (min-width:1px) and (max-width:767px) {

    html{font-size:14px;}

}



table{border-collapse:collapse;border-spacing:0}

fieldset,img{border:0}

ol,ul{list-style:none}

caption,th{text-align:left}

q:before,q:after{content:''}

input:visited,input:focus,input,textarea,button:visited,button:focus,textarea:visited,textarea:focus{border:none;outline: none;}

.clearfix:after,.clearfix:before,.container::after,.container:before{display:table;content:" ";}

.clearfix:after,.container::after{clear:both;}

*{margin:0;padding:0;box-sizing:border-box;}

a{outline:none;color:#555;text-decoration:none;}

a:hover{/* color:#669999; */}

img,li{border:0;vertical-align:top;}

img{max-width:100%;height:auto;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */

    color: #717171;

}

input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */

    color: #717171;

}

input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */

    color: #717171;

}

input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/

    color: #717171;

}

b,body,dd,div,form,h3,h4,h5,h6,img,input,textarea,li,p,pre,td,ul{/* font-family:Montserrat-Regular,Arial,Verdana,Tahoma, Geneva,sans-serif; */color: #585656;line-height: 2;font-size: 15px;font-family: Poppins;}

h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}

h1,h2,h3,h4,dt{font-family:Montserrat-Black,Arial,Verdana, Tahoma, Geneva,  sans-serif;}

.hidden{display:none!important;}

.noinfo{font-size:1rem;text-align:center;margin-top:10px;padding-bottom:30px;width: 100%;}

.item .img{overflow:hidden;position:relative;}

.item .img img{max-width:100%;transition:all .4s;transform:scale(1);margin:0 auto;display:block;}

.item:hover .img img{transform:scale(1.05);}

.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}

.flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;}

.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;}

.flex_column{display:flex;justify-content:flex-start;flex-wrap:wrap; flex-direction:column;}

.flex_center{display:flex;align-items:center;}

.vcenter{position:absolute;top:50%;transform:translate(0,-50%);width:100%;}

.vccenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.container{max-width: 1400px;width:100%;margin:0 auto;/* padding:0 15px; */}

.indexpage .container{max-width:1320px;}

.txtcenter{text-align:center;}

.ValidationError{border:1px solid red!important;}

.whatsapptel{ position:fixed; left:15px; bottom:60px; z-index:10;}

.whatsapptel img{ width:50px;}



/*按钮样式*/

.btn-2{position:relative;z-index:1;overflow:hidden}

.btn-2:before{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent transparent transparent #fff;position:absolute;bottom:-5px;left:-5px;transition:all .5s;z-index:-1}

.btn-2:after{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent #fff transparent transparent;position:absolute;top:-5px;right:-5px;transition:all .5s;z-index:-1}

.btn-2:hover:before{border-width:300px 0 0 300px;}

.btn-2:hover:after{border-width:0 300px 300px 0}



.btn-3{position:relative;z-index:1;overflow:hidden}

.btn-3:before{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent transparent transparent #00358e;position:absolute;bottom:-5px;left:-5px;transition:all .5s;z-index:-1}

.btn-3:after{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent #00358e transparent transparent;position:absolute;top:-5px;right:-5px;transition:all .5s;z-index:-1}

.btn-3:hover:before{border-width:300px 0 0 300px}

.btn-3:hover:after{border-width:0 300px 300px 0}

.btn-4{position:relative;z-index:1;overflow:hidden}

.btn-4:before{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent transparent transparent #398c7b;position:absolute;bottom:-5px;left:-5px;transition:all .5s;z-index:-1}

.btn-4:after{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent #398c7b transparent transparent;position:absolute;top:-5px;right:-5px;transition:all .5s;z-index:-1}

.btn-4:hover:before{border-width:300px 0 0 300px}

.btn-4:hover:after{border-width:0 300px 300px 0}

.btn-5{position:relative;z-index:1;overflow:hidden}

.btn-5:before{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent;position:absolute;bottom:-5px;left:-5px;transition:all .5s;z-index:-1}

.btn-5:after{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent;position:absolute;top:-5px;right:-5px;transition:all .5s;z-index:-1}

.btn-5:hover:before{border-width:300px 0 0 300px}

.btn-5:hover:after{border-width:0 300px 300px 0}

.btn-more{

    display: inline-block;

    padding: 5px 25px;

    font-size: 13px;

    color: #fff;

    line-height: 24px;

    border: 1px solid #398c7b;

    font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    background-image: linear-gradient(90deg, #6da193,#378b7a);

    border-radius: 10px;

}

/**********样式重置**********/

header {position: sticky;top: 0;background: #fff;z-index: 100;box-shadow:0 0px 5px rgb(0, 0,0,0.3)}

#logo {display: none;}

#logo a.logo {display: block;height: 50px;padding-left: 15px;}

#logo a.logo img {height: 30px;position: relative;top: 50%;transform: translate(0,-50%);}



header #menu_btn {cursor: pointer;margin: auto 0;margin-right: 20px;}

header #menu_btn i {font-size:30px;color: #398c7b;}



#Menu{padding:0 calc(50% - 810px);}

#Menu .logo{display: inline-block;margin: auto 0;}

#Menu .logo img{height: 24px;}

#Menu .menunav>li>a{display: inline-block;padding: 25.5px 20px;font-size: 18px;color: #999999;}

#Menu .menunav li .dropdown-menu{display: none;}

#Menu .menunav li div.downmenu{position: absolute;width: 100%;top: 100%;left: 0;z-index: 10;background: #fff;border-radius:  0 0 20px 20px;box-shadow: 0 5px 5px rgb(204, 204, 204,0.3);height: 0;opacity: 0;overflow: hidden;transition: all 0.3s;}



#Menu .menunav>li:hover>a{color: #398c7b;}



#Menu .menunav li div.downmenu>ul{max-width: 1200px;display: flex;margin: 0 auto;padding: 0 40px;text-align: center;transition: all 0.3s;}

#Menu .menunav li div.downmenu>div{width: 1200px;display: flex;margin: 0 auto;padding: 0 40px;transition: all 0.3s;}

#Menu .menunav li div.downmenu ul li a{padding: 0;line-height: 1;font-size: 14px;position: relative;color: #999999;}

#Menu .menunav li div.downmenu ul li.active a{color: #398c7b;}

#Menu .menunav li div.downmenu ul li a:hover{color: #398c7b;}

#Menu .menunav li div.downmenu ul li a:hover h6{color: #398c7b;}

#Menu .menunav li div.downmenu ul li a::after{content: "";width: 15px;height: 15px;border-radius: 50%;background: #4a9282;position: absolute;left: -30px;top: calc(50% - 7.5px);z-index: 12;}



#Menu .menunav li div.downmenu #aboutmenu {display: flex;justify-content: space-between; }



#Menu .menunav li div.downmenu #casesmenu li{width: calc(100%/3);}

#Menu .menunav li div.downmenu #casesmenu li img{display: block;margin: 40px auto;width: 256px;height: 256px;border-radius: 30px;object-fit: cover;}

#Menu .menunav li div.downmenu #casesmenu>li a:last-child::after{display: none;}



#Menu .menunav li div.downmenu .pro_menu{display: flex;}

#Menu .menunav li div.downmenu .pro_m_type{width: 30%;}

#Menu .menunav li div.downmenu .pro_m_type ul{display: block;}

#Menu .menunav li div.downmenu .pro_m_type ul li{text-align: left;margin: 15px 0;padding: 0;color: #398c7b;}

#Menu .menunav li div.downmenu .pro_m_name{width: 70%;}

#Menu .menunav li div.downmenu .pro_m_name ul{display: none;max-height: 380px;justify-content:flex-start;overflow: hidden;overflow-y: auto;flex-wrap: wrap;text-align: center;padding-top: 25px;padding-bottom: 15px;}

#Menu .menunav li div.downmenu .pro_m_name ul::-webkit-scrollbar{width: 2px;}

#Menu .menunav li div.downmenu .pro_m_name ul::-webkit-scrollbar-button{display: none;}

#Menu .menunav li div.downmenu .pro_m_name ul::-webkit-scrollbar-corner{display: none;}

#Menu .menunav li div.downmenu .pro_m_name ul.active{display: flex;}

#Menu .menunav li div.downmenu .pro_m_name ul li{width: calc((100% - 60px)/3);height: 170px;margin-bottom: 50px;margin-left:0px;margin-right: 30px;}

#Menu .menunav li div.downmenu .pro_m_name ul li:nth-child(3n){margin-right: 0px;}

#Menu .menunav li div.downmenu .pro_m_name ul li h6{font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;font-size: 14px;color:#999999;}

#Menu .menunav li div.downmenu .pro_m_name ul li img{height: 150px;}

#Menu .menunav li div.downmenu .pro_m_name ul li a::after{display: none;}



#Menu .menunav>li div.downmenu .pro_m_name ul::-webkit-scrollbar{width: 5px;background-color: #fff;}

#Menu .menunav>li div.downmenu .pro_m_name ul::-webkit-scrollbar-thumb{background-color: #aaa;background-clip:padding-box;}

#Menu .menunav>li div.downmenu .pro_m_name ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.3);}

#Menu .menunav>li div.downmenu .pro_m_name ul::-webkit-scrollbar-track-piece{width: 3px;background-color: #ccc;}





#Menu .menunav li div.newsmenu .news_menu{display: flex;}

#Menu .menunav li div.newsmenu .news_m_type ul li{margin-bottom: 40px;}

#Menu .menunav li div.downmenu .news_m_type ul li.active a{color: #398c7b;}

#Menu .menunav li div.downmenu .news_m_list{display: flex;}

#Menu .menunav li div.downmenu .news_m_list .news_list_img{margin-left: 150px;}

#Menu .menunav li div.downmenu .news_m_list .news_list_img img{display: none;width: 280px;height: 180px;border-radius: 20px;}

#Menu .menunav li div.downmenu .news_m_list .news_list_img img.active{display: block;}

#Menu .menunav li div.downmenu .news_m_list ul{display: none;padding-left: 20px;width: 340px;height: 180px;}

#Menu .menunav li div.downmenu .news_m_list ul li{list-style:disc;margin-bottom: 10px;}

#Menu .menunav li div.downmenu .news_m_list ul li::marker{color: #398c7b;font-size: 20px;}

#Menu .menunav li div.downmenu .news_m_list ul li a{font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;  /* 设置行数 */-webkit-box-orient: vertical;line-height: 20px;}

#Menu .menunav li div.downmenu .news_m_list .news_list_ul{margin-left: 55px;}

#Menu .menunav li div.downmenu .news_m_list ul.active{display: block;}



.downmenu .servicemenu .service_m_type{width: 10%;}

.downmenu .servicemenu .service_m_list{width: 86%;}

#Menu .menunav li div.servicemenu{padding: 0 calc(50% - 475px) ;display: flex;}

#Menu .menunav li div.servicemenu .service_m_type{margin-right: 40px;}

#Menu .menunav li div.servicemenu .service_m_type ul li{margin-bottom: 40px;}

#Menu .menunav li div.servicemenu .service_m_type ul li.active a{color: #398c7b;}



#Menu .menunav li div.servicemenu .service_m_list{/*max-width: 765px;*/}

#Menu .menunav li div.servicemenu .service_m_list ul{display: none;justify-content: space-between;}

#Menu .menunav li div.servicemenu .service_m_list ul li{width: calc((100% - 60px)/3);margin-right: 30px;}

#Menu .menunav li div.servicemenu .service_m_list ul li:nth-child(3){margin-right: 0;}

#Menu .menunav li div.servicemenu .service_m_list ul[data-id='1'] li{width: calc((100% - 100px)/3);margin-right: 50px;margin-bottom:50px;}

#Menu .menunav li div.servicemenu .service_m_list ul[data-id='1'] li:nth-child(3){margin-right: 0;}

#Menu .menunav li div.servicemenu .service_m_list ul[data-id='1'] li i{font-size:44px;margin-right:25px;color:#398c7b;}

#Menu .menunav li div.servicemenu .service_m_list ul[data-id='1'] li h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#398c7b;}

#Menu .menunav li div.servicemenu .service_m_list ul[data-id='1'] li p{font-size:10px;color:#9d9d9d;}

#Menu .menunav li div.servicemenu .service_m_list ul.active{display: flex;}

#Menu .menunav li div.servicemenu .service_m_list ul>li a::after{display: none;}

#Menu .menunav li div.servicemenu .service_m_list a img{height:180px;width:280px;border-radius: 20px;}



#Menu .menunav>li.active>a{color: #398c7b;}



#Menu .menunav #contact{margin-left: 20px;}

#Menu .menunav #contact a{display: flex;padding: 0px 24px;margin: 15.5px 0;background-image: linear-gradient(90deg,#6da193,#378b7a);color: #fff;border: 1px solid #669999;border-radius: 30px;}

#Menu .menunav #contact a i{font-size: 24px;margin-right: 5px;display: inline-block;vertical-align: top;}

#Menu .menunav #contact a span{display: inline-block;line-height: 24px;vertical-align: top;margin: auto 0;}

#Menu .menunav #contact a:hover{color: #398c7b;}

#lang ul{position: absolute;display: none;background: #fff;box-shadow: 0 5px 5px rgba(204,204,204,0.2);}

#lang ul li{padding: 10px 20px;}

#lang ul li a{color: #999;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#lang ul li a:hover{color: #398c7b;}

#lang:hover ul{display: block;}

#search {margin: auto 0;}



#search #sform {width: 150px;position: relative;border: 1px solid #378b7a;padding: 5px 10px;overflow: hidden;}

#search #sform #stext {width: calc(100% - 30px);float: left;border: none;background: transparent;color: rgb(255, 255, 255);margin-right: 10px;}



#search #sform #sbut {float: right;background: transparent;border: none;cursor: pointer;}

#search.show {left: 0;bottom: 0;padding: 30px;}

#search #sform #sbut>i {display: inline-block;font-size: 16px;line-height: 24px;color: #000;}

@media(min-width:980px){

    #Menu .menunav li:hover div.downmenu>div,#Menu .menunav li:hover div.downmenu>ul{padding: 55px 40px;}

    #Menu .menunav li:hover div.servicemenu{padding-top: 40px;padding-bottom: 100px;}

    #Menu .menunav li:hover div.downmenu{height: auto;opacity: 1;}

}



@media(max-width:1223px) and (min-width:980px) {

    #Menu .menunav>li>a {padding: 25.5px 5px;}

}

@media(max-width:979px){

    #logo{display: flex;background: #fff;}

    #logo a.logo {padding-top: 0;padding-bottom: 0;display: inline-block;}

    #Menu {width: 300px;position: fixed;left: -300px;top: 0px;bottom: 0px;background: #339966;z-index: 99999;overflow-x: hidden;overflow-y: auto;transition: all .5s ease;padding-top: 0;}

    #Menu .logo {width: 100%;padding: 12px 5px;height: 50px;background: #fff;}

    #Menu .logo a{}

    #Menu ul.menunav {display: block;text-align: left;overflow: hidden;width: 100%;}

    #Menu .menunav li .dropdown-menu{padding-left: 10px;display: block;}

    #Menu .menunav li .dropdown-menu li{width: 100%;}

    #Menu ul.menunav>li {width: 100%;}

    #Menu ul.menunav>li a{color: #fff;padding:5px 20px;}

    #Menu ul>li .downmenu li a {color: #fff;padding:5px 25px;line-height:1.5;}

    #Menu ul>li.active {border-bottom: 0px;}

    #Menu.show {left: 0;display: initial;padding: 0;}

    #search,#l_link{width: 100%;padding: 10px 10px;margin: 0;}

    #search .btnSearch{display: none !important;}

    #search .search{display: none;}

    #Menu .menunav>li.active>a{color: #666;}

    #Menu .menunav #contact {margin-left: 0;}

    #Menu .menunav #contact a{border-radius: 0;background: #fff;color: #339966;}

    #lang{display: none;}

	

	#search #sform {padding: 0;display: block;background-color: #fff;width: 100%;border: 1px solid #fff;margin: 0;}

	#search #sform #stext {width: 80%;background-color: #fff;height: 30px;line-height: 30px;color: #333;font-size: 14px;font-weight: normal;padding-left: 8px;margin-right: 0;}



	#search #sform #sbut {width: 20%;height: 30px;line-height: 30px;background-color: #339966;}

    #search #sform #sbut>i {font-size: 16px;line-height: 30px;color: #fff;}

    #search .searchclose {display:none;}

    #Menu ul>li ul.dropdown-menu {width: 100%;position: relative;display: block;background-color: transparent!important;box-shadow: none;border: none;overflow: hidden;min-width: inherit;margin-top: 0;padding-right: 0;padding-left: 10px;}

    #Menu ul>li ul.dropdown-menu>li {width: 100%;height: auto;font-size: 12px;line-height: 24px;padding: 0;background: none;text-align: left;margin: 0px;}

    #Menu ul>li ul.dropdown-menu>li:hover>a, #Menu ul>li ul.dropdown-menu>li>a:hover {background-color: #339966;color: #fff;}

}

/****************************footer*********************/

footer{background-image: linear-gradient(30deg,#6da193,#378b7a);}

footer .foot_top{padding-top: 30px;padding-bottom: 20px;border-bottom: 1px solid #fff;}

footer .foot_top input{background: transparent;border: 1px solid #fff;border-radius: 5px;width: 350px;padding: 5px 15px;font-family:Montserrat-ExtraLight,Arial,Verdana,Tahoma, Geneva,sans-serif;margin-right: 20px;}

footer .foot_top .foot_t a{color: #fff;font-size: 18px;cursor: pointer;}

footer .foot_top .foot_t i{color: #fff;font-size: 18px;margin-right: 10px;}

footer .foot_top button{background:transparent;border: 0;cursor: pointer;}

footer .foot_top button i{line-height: 36px;font-size: 22px;color: #fff;}

footer .foot_top input::-webkit-input-placeholder{color: #fffefe;}

footer .list{padding-top: 55px;}

footer .list dl>dt{font-family:Montserrat-Regular,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #fff;font-size: 21px;margin-bottom: 20px;}

footer .list dl>dd{margin: 10px 0;width: 100%;display: inline-block;}

footer .list dl>dd a{color: #fff;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

footer .list dl>dd a i{font-size: 26px;}

footer .list dl>dd a:hover{color: #000;}

#fck1,#fck2{width: 25%;} 

#fck3{width: 35%;}

#fck4{width:15%}

#fck3 dt,#fck4 dt{width: 100%;}

#fck4 dt{margin-top: 30px;}

#fck3 dd{width: 50%;}

#fck4 dd{width:100%;display: flex;line-height: 24px;margin-bottom: 10px;}

#fck4 dd>i{color: #fff;font-size: 24px;margin-right: 5px;}

#fck4 dd.foot_icon{justify-content: space-between;}

#fck4 dd.foot_icon a:nth-child(4){margin-right: 0;}

footer .foot_by{padding: 40px calc(50% - 657px);margin-top: 45px;border-top: 1px solid #fff;}

footer .foot_by .footdiv,footer .foot_by .footdiv a{color: #fff;}

footer .foot_by .footdiv a:hover{color: #000;}

#mobMenu {min-height: 50px;border: 1px solid #dddddd;position: fixed;bottom: 0;width: 100%;display: none;z-index: 99;background-color: #fff;}





#mobMenu .foot_nav {width: 25%;float: left;text-align: center;color: #898989;font-size: 14px;}





#mobMenu .foot_nav i {display: block;padding: 3px 0px 0px 0px;font-size: 18px;line-height: 24px;}

#float{position:fixed;right:0;top:50%;margin-top:-60px;z-index:55;}

#float .ico{display:block;width:75px;height:60px;text-align:center;background:linear-gradient(90deg,#6da193,#378b7a);position:relative;cursor:pointer;margin-bottom:5px;box-shadow:0 0 10px #666;border-bottom-left-radius:40px;border-top-left-radius: 40px;transition: all 0.3s;}

#float .ico>i{font-size:30px;line-height:60px;display:block;color:#fff;}

#float .ico>.img{position:absolute;right:60px;width:140px;top:0;display:none;background-color:#fff;box-shadow:0 0 5px #b0b0b0;}

#float .ico>.img>img{width:100%;}

#float .ico:hover>.img{display:block;}

#float .ico:hover{width: 100px;}



#GetTop{position:fixed;right:20px;bottom: 10%;z-index:55;display: none;}

#GetTop .ico{display:block;width:60px;height:60px;text-align:center;background:linear-gradient(90deg,#6da193,#378b7a);position:relative;cursor:pointer;margin-bottom:5px;box-shadow:0 0 10px #666;transition: all 0.3s;}

#GetTop .ico>i{font-size:30px;line-height:60px;display:block;color:#fff;}

#GetTop .ico>.img{position:absolute;right:60px;width:140px;top:0;display:none;background-color:#fff;box-shadow:0 0 5px #b0b0b0;}

#GetTop .ico>.img>img{width:100%;}

#GetTop .ico:hover>.img{display:block;}

@media (min-width:1px) and (max-width:991px){#float .ico{width:60px;height:60px;}#float .ico>i{font-size:30px;}#float .ico>.img{right:60px;}}

@media (max-width:767px) {

    #mobMenu{display:block;}

    #footer .container{display: none;}

    footer{padding: 0;margin-bottom: 50px;}

    footer .foot_by{width: 100%;margin-top:0;padding: 5px 5px 5px;text-align: center;flex-wrap: wrap;}

    .foot_by .footdiv.fr,.foot_by .footdiv.fl{width: 100%;}

}



#floatfeedback{position: fixed;top: 0;right: 0;left: 100%;bottom: 100%;background: rgba(0,0,0,0.3);overflow: hidden;padding: 0;transition: all .5s;z-index: 9999;}

#floatfeedback.show {left: 0;bottom: 0;}

#floatfeedback .feedbackbox{position: relative;margin:100px auto;max-width: 1080px;width: 90%;padding: 50px;background-color: #fff;border-radius: 20px;}

#floatfeedback .feedbackbox .feedclose{position: absolute;top: 20px;right: 20px;cursor: pointer;}

#floatfeedback .feedbackbox .frame_title h4{margin-bottom: 10px;}

#floatfeedback .feedbackbox .list-inline .half{width: calc((100% - 45px)/2);margin-bottom: 20px;}

#floatfeedback .feedbackbox .list-inline input{width: 100%;padding: 8px 35px;border-radius: 10px;box-shadow: 0 0 27px rgba(204, 204, 204,82%);font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;font-size: 16px;}

#floatfeedback .feedbackbox .list-inline .textarea{width: 100%;margin-bottom: 50px;}

#floatfeedback .feedbackbox .list-inline textarea{width: 100%;padding: 25px 35px;border-radius: 20px;box-shadow: 0 0 27px rgba(204, 204, 204,82%);resize: none;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;height: 150px;font-size: 16px;}

#floatfeedback .feedbackbox .list-inline label{padding: 10px;display: inline-block;color: #398c7b;font-size: 16px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#floatfeedback .feedbackbox .list-inline .btnli{width: 100%;}

#floatfeedback .feedbackbox .list-inline a{padding: 8px 65px;border-radius: 10px;border: 1px solid #339966;background:linear-gradient(90deg, #6da193,#398c7b);font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #fff;display: inline-block;margin: 0 auto;font-size: 21px;}

#floatfeedback .feedbackbox .list-inline a:hover{color: #339966;}

#floatfeedback .feedbackbox .list-inline input::-webkit-input-placeholder,#floatfeedback .feedbackbox .list-inline textarea::-webkit-input-placeholder{color: #cccccc;}

@media (max-width:767px) {

    #floatfeedback .feedbackbox{padding: 10px;margin-top: 0;}

    #floatfeedback .feedbackbox .list-inline .half{width:100%;margin-bottom: 10px;}

    #floatfeedback .feedbackbox .list-inline label{padding: 5px;}

    #floatfeedback .feedbackbox .list-inline input{padding: 5px;}

    #floatfeedback .feedbackbox .list-inline textarea{height: 100px;}

    #floatfeedback .feedbackbox .list-inline .textarea{margin-bottom: 20px;}

}

/********************************************************************/

.frame {padding: 10px 0;background:#fff;border-top: 1px solid #f3f3f3;}

.frame .frame_title{max-width: 1400px;margin: 0 auto;}

.frame .frame_title h4{font-family:Montserrat-SemiBold,Arial,Verdana,Tahoma, Geneva,sans-serif;font-size: 38px;margin-bottom: 30px;}

.frame .frame_title p{font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;width: 85%;font-size: 18px;color: #666;/*text-align: justify;*/word-spacing: -1px;hyphens: auto;}

.frame .line{width: 100px;height: 10px;border-radius: 5px;background-image: linear-gradient(90deg,#6da193,#378b7a);margin-bottom: 50px;}









#bframe{background-color: #f2f2f2;}

#bframe .banner_img{position: relative;}

#bframe .banner_img .box{position: absolute;width: 100%;text-align: center;top: 50%;transform:translate(0,-50%);}

#bframe .banner_img .box h3{color: #fff;max-width:1320px;margin:0 auto;font-size: 52px;font-family: Montserrat-SemiBold,Arial,Verdana,Tahoma, Geneva,sans-serif;position: relative;}

#bframe .banner_img .box .line{width: 100px;height: 10px;border-radius: 5px;background-image: linear-gradient(90deg, #699e8f , #398b7c);margin-bottom: 50px;display: inline-block;position: absolute;left: calc(50% - 50px);top: calc(100% + 20px);}

#bframe .banner_img .box p{color: #fff;}

#bframe .banner_menu{text-align: center;}

#bframe .banner_menu a{display: inline-block;padding: 25px 40px;}

#bframe .banner_menu a.active{color: #398c7b;}

@media (max-width:1223px) {

    .frame{padding: 50px 15px;}

    .frame .frame_title h4{font-size: 32px;margin-bottom: 25px;}

    .frame .line{width: 80px;height: 8px;margin-bottom: 40px;}

}

@media (max-width:993px) {

    .frame{padding: 30PX 15PX;}

    .frame .frame_title h4{font-size: 28px;margin-bottom: 20px;}

    .frame .line{width: 70px;height:7px;margin-bottom: 30px;}

}

@media (max-width:767px) { 

    .frame {padding: 20px 15px !important;}

    .frame .line{margin-bottom: 20px;}

    .frame .frame_title h4{font-size: 24px;margin-bottom: 10px;}

    .frame .frame_title p{font-size: 16px;width: 100%;}

    #bframe .banner_img img{height: 20vh;}

    #bframe .banner_img .box h3{font-size: 24px;}

    #bframe .banner_img .box h3::after{width: 50px;height: 5px;left: calc(50% - 25px);}

    #bframe .banner_menu a{font-size: 14px;display: inline-block;padding: 5px 5px;}

    .frame .line{width: 60px;height:6px;margin-bottom: 20px;}

}

#ibframe{width: 100%;height: 700px;}

#ibframe video{width:100%;height: 700px;object-fit: cover;}

.banner_box{max-width: 1320px;margin: 0 auto;width: 100%;position: relative;top: -700px;height: 700px;}

.banner_detail {position: absolute;background: #398b7ccc;top: calc(50% - ((100% - 140px)/2));width: 606px;padding: 60px 40px 80px;-webkit-box-sizing: border-box;box-sizing: border-box;border-top-right-radius: 100px;-webkit-border-top-right-radius: 100px;-webkit-border-bottom-left-radius: 100px;border-bottom-left-radius: 100px;border: 1px solid #398b7ccc;height: calc(100% - 140px);box-shadow: 1px 1px 2px #ccc;}

  

.banner_detail h1{color: #fff;font-size: 40px;font-family: Montserrat-SemiBold,Arial,Verdana,Tahoma, Geneva,sans-serif;margin-bottom: 50px;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.banner_circle{width: 13px;height: 13px;border-radius: 50%;background-color: #fff;margin-right: 10px;}

.banner_line{width: 160px;height: 10px;background-color: #fff;border-radius: 10px;margin: auto 0;}

.banner_detail p{color: #fff;margin-top: 55px;margin-bottom: 60px;overflow: hidden;font-family: Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}

.banner_detail a{background: #fff;display: inline-block;padding: 8px 20px;border-radius: 15px;font-size: 22px;font-family: Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #398b7c;border: 1px solid #fff;}

.banner_detail a:hover,.banner_detail a:hover i{color: #fff;}

    

.banner_detail a i{font-size: 19px;color: transparent;background: linear-gradient(90deg, #699e8f , #398b7c);-webkit-background-clip: text;margin-right: 10px;}

@media (max-width:1320px) and (min-width:992px){

    .banner_detail{width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}

}

@media (max-width:991px){

    #ibframe {height:auto;}

    #ibframe video{height: auto;}

    .banner_box{display: none;}

    .banner_detail{width: 90%;margin:0 auto;padding: 60px 20px 40px;height: auto;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;display: none;}

    .banner_detail h1{font-size: 24px;margin-bottom: 20px;text-align: left;}

    .banner_detail p{margin: 10px 0;text-align: left;}

}

/************frame1******************/

#frame1 .card {position: relative;display: flex;/* margin-top: 40px; */}



#frame1 .card .item{position: relative;display: flex;flex-direction: column;width: 378.5px;overflow: hidden;transition: width .3s linear;}

#frame1 .card .item .header {display: flex;align-items: center;justify-content: center;margin-top: 32px;}

#frame1 .card .item .header .title{/* overflow-x: hidden; */color: #131313;font-weight: 600;font-size: 35px;line-height: 36px;padding: 0 48px;white-space: nowrap;text-overflow: ellipsis;font-family: Poppins;}



#frame1 .card .item .hover-point {position: relative;z-index: 3;width: 12px;height: 12px;background-color: #eaeaea;border-radius: 50%;margin: 16px 0 10px 33px;}



#frame1 .card .item .intro{display: flex;justify-content: start;height: 256px;margin: 0px 20px 36px;border-right: 1px solid #f3f3f3;}



#frame1 .card .item .intro .image{width: 310px;height: 221px;text-align: center;/* margin-right: 1px; */}

#frame1 .card .item .intro .image img{width: auto;height: 212px;}

#frame1 .card .item:nth-child(2){margin: 0 30px;}

#frame1 .card .item .intro p{

position: absolute;

top: 50%;

opacity: 0;

width: 605px;

color: #000000;

font-weight: 300;

font-size: 16px;

line-height: 27px;

transform: translateY(-50%);

overflow: hidden;

max-height: 146px;

right: 60px;

text-overflow: ellipsis;

font-family: Poppins;
}



#frame1 .card .item .intro a{
    position: absolute;
    padding: 10px 38px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    bottom: 60px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .3s linear;
    background-image: linear-gradient(90deg,#0560c9,#0168f2);
    border: 1px solid #0168f2;
    font-family: Poppins;
}



#frame1 .card .item .intro a:hover{
    color: #0168f2;
}

#frame1 .card .cross-line{
    position: absolute;
    top: 89px;
    z-index: 2;
    left:48px;
    width: 1335px;
    height: 1px;
    background-repeat: repeat-x;
    background-size: 10px 1px;
    background-image: linear-gradient(90deg,#f3f3f3,#f3f3f3 100%,rgba(0,0,0,0) 0);
    /* border: 1px solid #f3f3f3; */
}

@media (min-width:993px) {

    #frame1 .card .item.item-expand p{

        opacity: 1;

        animation: strenths 2s;

    }

    #frame1 .card .item.item-expand .hover-point {
        margin: 16px 0 10px 33px;
        background-color: #0168f2;
    }

    #frame1 .card .item.item-expand .intro a{

        opacity: 1;

    }

    #frame1 .card .item.item-expand {

width: 1080px;
}

    #frame1 .card .item.item-expand .header {

        justify-content: space-between;

        padding: 0 32px 0 48px;

    }

    #frame1 .card .item.item-expand .header .title {

        padding: 0;

    }

}

@media (max-width:992px) {

    #frame1 .card .item .header{

        display: block;

        margin-top: 0;

    }

    #frame1 .card .item{

        display: block;

        padding: 30px;

        text-align: center;

        width: 100%;

        margin: 0;

    }

    #frame1 .card .item .intro{

        display: block;

        margin: 0;

        height: auto;

    }

    #frame1 .card .item .intro .image{

        width: 100%;

        

    }

    #frame1 .card .item:nth-child(2){

        margin: 0;

    }

    #frame1 .card .item .intro p{

        opacity: 1;

        position: relative;

        top: 0;

        right: 0;

        transform: translateY(0);

        width: 100%;

    }

    #frame1 .card .item .intro a{

        opacity: 1;

        position: relative;

        bottom:0;

        display:inline-block;

    }

    #frame1 .card  .cross-line{

        display: none;

    }

    #frame1 .card  .hover-point{

        display: none;

    }

}

/**************************frame2******************************/

#frame2{

    background: url("../images/frame2.png") no-repeat;

}

#frame2 .frame_icon_title{

    padding-bottom: 80px;

}

#frame2 .frame_icon_title .frame_title{

    margin: 0;

}

#frame2 .frame_icon_title h5,#frame2 .frame_icon_title h4,#frame2 .frame_icon_title i{

    color: #fff;

}

#frame2 .frame_icon_title .icon{

    position: relative;

    top: -20px;

    transform: rotateY(180deg);

}

#frame2 .frame_icon_title i{

    font-size: 170px;

    line-height: 1;

}

#frame2 .frame_icon_title .line{

    background: #fff;

}

#frame2 .strenthslist{

    padding-top: 120px;

}

#frame2 .strenthslist .item{

    width: calc((100% - 320px)/3);

    text-align: center;

    position: relative;

}

#frame2 .strenthslist .item .item_img{

    width: 100%;

    border-radius: 50%;

    overflow: hidden;

    position: relative;

}

#frame2 .strenthslist .item .item_img .more{

    position: absolute;

    opacity: 0;

    bottom: 0;

    left: 0;

    padding: 30px 0;

    width: 100%;

    background: #398c7b;

    transition: all 0.6s;

}

#frame2 .strenthslist .item .item_img:hover .more{

    opacity: 1;

}

#frame2 .strenthslist .item .item_img .more p{

    color: #fff;

    display: inline-block;

}

#frame2 .strenthslist .item i{

    position: absolute;

    left: 0;

    top: -10px;

    font-size: 60px;

    background: #398c7b;

    color: #fff;

    padding: 15px 30px;

    border-radius: 50%;

    transform: rotateY(180deg);

}

#frame2 .strenthslist .item h5{

    font-family: Montserrat-Medium,Arial,Verdana,Tahoma, Geneva,sans-serif;

    font-size: 27px;

    color: #398c7b;

    margin-top: 70px;

}

@media (min-width:1224px) {

    #frame2{

        padding-bottom: 150px;

    }

}

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

    #frame2 .strenthslist .item {

        width: calc((100% - 90px)/3);

    }

}

@media (max-width:767px) {

    #frame2{

        background-size: 100% 10%;

    }

    #frame2 .frame_icon_title{

        padding-bottom: 20px;

    }

    #frame2 .frame_icon_title i {

        margin-top: 10px;

        font-size: 70px;

        line-height: 1;

    }

    #frame2 .strenthslist .item i {

        font-size: 30px;

        line-height: 1;

        padding: 15px 15px;

        display: none;

    }

    #frame2 .frame_icon_title .icon {

        top: 0;

    }

    #frame2 .strenthslist {

        padding-top: 20px;

    }

    #frame2 .strenthslist .item {

        width: 100%;

    }

    #frame2 .strenthslist .item a{

        max-width: 333px;

        margin: 0 auto;

        display: inline-block;

        position: relative;

    }

    #frame2 .strenthslist .item .item_img .more{

        opacity: 1;

    }

    #frame2 .strenthslist .item h5{

        margin-top: 10px;

        margin-bottom: 20px;

    }

}

/*********************frame3**************************/

#frame3{

    background: url("../images/frame3.png") no-repeat;

}

#frame3 .frame_title h4{

    color: #fff;

}

#frame3 .line{

    background: #fff;

}

#frame3 .detail{

    height: 500px;

}

#frame3 .swiper-container{

    padding-bottom:40px;

}

#frame3 .swiper-pagination-bullet-active{

    background:#388b7b;

}

#frame3 .detail .left {

    width: 50%;

    background: #fff;

    text-align: center;

}

#frame3 .detail .left img{

    position: relative;

    top: 50%;

    transform: translate(0, -50%);

}

#frame3 .detail .right{

    width: 50%;

    background: url("../images/frame3_back.png") no-repeat;

    padding: 65px 75px 70px 90px;

    background-size: cover;

    position:relative;

}

#frame3 .detail .right h5{

    font-size: 32px;

    color: #fff;

    margin-bottom: 10px;

    font-family: Montserrat-SemiBold,Arial,Verdana,Tahoma, Geneva,sans-serif;

}

#frame3 .detail .right h6 ,#frame3 .detail .right p{

    font-size: 18px;

    color: #fff;

    margin-bottom: 20px;

    font-family: Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    line-height: 25px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp:2;  /* 设置行数 */

    height: 50px;

	-webkit-box-orient: vertical;

}

#frame3 .detail .right p{

    -webkit-line-clamp:4;

    height: 100px;

}

#frame3 .detail .right .line{

    margin-bottom: 45px;

    height: 7px;

}

#frame3 .detail .right a{

    display: inline-block;

    padding: 9px 40px;

    background: #fff;

    border-radius: 10px;

    border: 1px solid #fff;

    position:absolute;

    left:90px;

    bottom:70px;

    color: #398c7b;

}

#frame3 .detail .right a:hover{

    color: #fff;

}



@media (min-width:1224px) {

    #frame3 .frame_title{

        margin-bottom: 70px;

    }

}

@media (max-width:991px) {

    #frame3 .detail .right a {

        bottom: 40px;

    }

}

@media (max-width:767px) {

    #frame3 .detail{

        height: auto;

    }

    #frame3 .detail .left{

        display: none;

    }

    #frame3 .detail .right{

        width: 100%;

        padding: 30px 30px 60px 30px;

    }

    #frame3 .detail .right h5 {

        font-size: 20px;

    }

    #frame3 .detail .right h6, #frame3 .detail .right p {

        font-size: 16px;

    }

    #frame3 .detail .right p {

        -webkit-line-clamp: 5;

        height: auto;

    }

    #frame3 .detail .right a {

        left:30px;

        bottom:20px;

    }

}







/***************************frame4************************************/

#frame4 .frame_title{

    margin-bottom: 60px;

}

#frame4 .frame_title h4{

    margin-bottom: 35px;

}

#frame4 .solutionslist .item{

    width: calc((100% - 140px)/3);

    position: relative;

 overflow:hidden;

}

#frame4 .solutionslist .item::after{

    content: "";

    height: calc(100% - 5px);

    width: 0%;



    background: rgba(0,0,0,0.5);

    position: absolute;

    border-top:5px solid #378b7a;

    top: 0;

    left: 0;

    transition:all 0.3s;

}

#frame4 .solutionslist .item:hover::after{

    width: 100%;

    background: rgba(0,0,0,0.5);

    transition:all 0.3s;

}

#frame4 .solutionslist .item img{

    width: 100%;

    object-fit: cover;

}

#frame4 .solutionslist .item h5{

    font-size: 23px;

    position: absolute;

    top: 45px;

    left: 40px;

    color: #fff;

    z-index: 10;

}

#frame4 .solutionslist .item a{

    font-size: 18px;

    background: #398c7b;

    color: #fff;

    padding: 25px 0;

    position: absolute;

    bottom: -100px;

    left: 0;

    text-align: center;

    width: 100%;

    z-index: 10;

}

#frame4 .solutionslist .item:hover a{

    bottom: 0;

    transition:all 0.3s;

}

@media (max-width:767px) {

    #frame4 .frame_title h4 {

        margin-bottom: 10px;

    }

    #frame4 .frame_title {

        margin-bottom: 20px;

    }

    #frame4 .solutionslist .item {

        width: 100%;

        height: 300px;

        margin: 0 auto;

        margin-bottom: 20px;

    }

    #frame4 .solutionslist .item a{

        opacity: 1;

    }

    #frame4 .solutionslist .item img{

        height: 300px;

    }

}

/****************************frame5********************************/

#frame5 .frame_title{

    margin-bottom: 75px;

}

#frame5 .frame_title h4{

    margin-bottom: 25px;

}

#frame5 .item{

    margin-bottom: 50px;

}

#frame5 .item .news_img 

{

    width: 30%;

    margin-right: 30px;

}

#frame5 .item .detail{

    width: 60%;

}

#frame5 .item .detail h5{

    font-family: Montserrat-SemiBold,Arial,Verdana,Tahoma, Geneva,sans-serif;

    font-size: 19px;

    line-height: 23px;

    margin-bottom: 10px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp:2;  /* 设置行数 */

    height: 46px;

	-webkit-box-orient: vertical;

}

#frame5 .item .detail p{

    font-family: Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    color: #666;

    font-size: 18px;

    line-height: 21px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp:3;  /* 设置行数 */

    height: 63px;

	-webkit-box-orient: vertical;

}

#frame5 .item .detail div{

    margin-top: 25px;

    font-family: Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    font-size: 18px;

}

#frame5 .item .detail div a{

    display: inline-block;

    padding: 8px 40px;

    background: #398c7b;

    background-image: linear-gradient(30deg,#6da193,#378b7a);

    border: 1px solid #398c7b;

    border-radius: 10px;

    color: #fff;

}

#frame5 .item .detail div a:hover{

    color: #398c7b;

}

#frame5 .item .detail div span{

    margin: auto 0;

    margin-left: 40px;

    color: #ccc;

}

@media (min-width:1224px) {

    #frame5{

        padding-top: 0px;

    }

}

@media (max-width:994px) {

    #frame5 .item .detail div span {

        margin-left: 10px;

    }

    

}

@media (max-width:767px) {

    #frame5 .frame_title{

        margin-bottom: 10px;

    }

    #frame5 .item {

        display: block;

    }

    #frame5 .item .news_img{

        width: 100%;

        margin: 0;

        margin-bottom: 10px;

    }

    #frame5 .item .detail{

        width: 100%;

    }

    #frame5 .item span{

        display: inline-block;

    }

    #frame5 .item .news_img img{

        display: inline-block;

        margin: 0 auto;

        width: 100%;

        height: auto;

        max-width: auto;

    }

}

/***********************frame6********************************/

#frame6{

    padding: 50px 0;

    background-color: #f1f1f1;

    

}

#frame6 .left{

    font-size: 33px;

    text-transform:capitalize;

    width: 68.5%;

}

#frame6 .left span{

    color: #398c7b;

}

#frame6 .right{

    margin: auto;

    margin-right: 0;

    float: right;

    width: 21.5%;

}

#frame6 .right a{

    display: inline-block;

    font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    background-image: linear-gradient(30deg,#6da193,#378b7a);

    font-size: 20px;

    color: #fff;

    padding: 15px 50px;

    white-space:nowrap;

    border-radius: 10px;

    border: 1px solid #669999;

}

#frame6 .right a:hover{

    color: #398c7b;

}

@media (max-width:1223px){

    #frame6 .left {

        margin-right: 30px; padding-left:15px;

    }

    #Menu{padding:0px 15px;}

}

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

    #frame6 .left {

        font-size: 24px;

    }

}

@media (max-width:767px){

    #frame6{

        display: none;

    }

    /* .container {

        display: block;

        justify-content: space-between;

    }

    #frame6 .left ,#frame6 .right{


        font-size: 18px;

        width: 100%;

    }

    #frame6 .right {

        margin-top: 10px;

        text-align: center;

    }

    #frame6 .right a{

        padding: 5px 50px;

    }*/

}



/****************** Location *****************************/

#Location{width:100%;background:#f2f2f2;}

#Location .location{display: inline-block;height: 100%;padding:25px 0;position: relative;}

#Location .location a{display:inline-block;font-size:16px;line-height:24px;text-transform: capitalize;}

#Location .location a:not(:last-child)::after{content:">";margin:0 5px;vertical-align:top;}

#Location .location a:last-child{}

#Location .location span{display:inline-block;font-size:16px;line-height:24px;text-transform: capitalize;}

@media (min-width:992px) and (max-width:1229px) {

    #Location .location a{font-size:15px;}

    #Location .location span{font-size:15px;}

}

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

    #Location .location{}

    #Location .location a{font-size:14px;line-height:18px;}

    #Location .location a:first-child:before{font-size:16px;}

    #Location .location span{font-size:14px;line-height:18px;}

}

@media (min-width:1px) and (max-width:767px) {

    #Location .location a{font-size:13px;line-height:18px;}

    #Location .location a:first-child:before{font-size:16px;}

    #Location .location span{font-size:13px;line-height:18px;}

}



/***********************aboutus all**************************/

#about_core .content p{

    padding-top: 40px;

    font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    color: #999999;

    /*text-align: justify;*/

    hyphens: auto;

    word-spacing: -1px;

}

#about_core .content .left,#about_core .content .right{

    width: calc((100% - 100px)/2);

}

#about_core .content .core_img{

    position: relative;

}



#about_core .content .core_img h5{

    font-family:Montserrat-Medium,Arial,Verdana,Tahoma, Geneva,sans-serif;

    font-size: 30px;

    color: #fff;

    position: absolute;

    top: 50px;

    left: 50px;

    right: 50px;

}

#about_core .content .core_img a{

    position: absolute;

    bottom: 50px;

    left: calc(50% - 180px);

    display: none;

    padding: 25px 45px;

    background-image: linear-gradient(30deg,#6da193,#378b7a);

    border-radius: 20px;

    font-size: 20px;

    color: #fff;

    border: 2px solid;

    -webkit-border-image: linear-gradient(right,#569c8e,#d3e5e2);

    border-image: linear-gradient(right,#569c8e,#d3e5e2);

}

#about_core .content .core_img:hover a{

    display: inline-block;

}

#about_core .content .core_img a i{

    margin-left: 20px;

    font-size: 24px;

}

#about_core .content .core_img a:hover{

    border-width:2px;

    color: #398c7b;

}

#about_core .content .left .core_img{

    margin-top: 120px;

}

#about_core .content .right .core_img{

    margin-bottom: 35px;

}



#about_data{

    margin-top: 110px;

    background: url('../images/about_banner.png') no-repeat;

    padding: 130px 0 120px 0;

}

#about_data .detail{

    margin: 0 auto;

    padding: 0 calc(50% - 670px);

}

#about_data .detail .item{

    display: flex;

}

#about_data .detail .item .about_data{

    margin: auto 0;

}

#about_data .detail .item .icon{

    margin: auto 0;

    margin-right: 30px;

}

#about_data .detail .item .icon i{

    color: #fff;

    font-size: 60px;

}

#about_data .detail p{

    color: #fff;

    font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    font-size: 20px;

}

#about_data .detail h5{

    color: #fff;

    font-size: 43px;

    line-height: 1;

}

#about_partners .list{

    margin-top: 130px;

}

#about_partners .list .item{

    width: calc(100%/5);

    margin-bottom: 50px;

}

#about_culture .culturelist{

    padding:0px;

   background:transparent url('../images/about_culture.png') no-repeat;background-size:cover;

}

#about_culture .culturelist .item{

    position: relative;

    padding-top: 185px;

    padding-bottom: 0px;

    width: calc(100%/3);

    overflow: hidden;

    text-align: center;

}

#about_culture .culturelist .item:hover{

backdrop-filter:  blur(5px);-webkit-backdrop-filter: saturate(40%) blur(5px);transition: all 0.35s;

}

#about_culture .culturelist .item .item_p{

    display: inline-block;

    text-align: left;

}

#about_culture .culturelist .item h5{

    color: #fff;

    font-size: 33px;

    margin-bottom: 85px;

    position: relative;

}

#about_culture .culturelist .item h5::after{

    content: "";

    width: 70px;

    height: 7px;

    border-radius: 5px;

    background: #fff;

    display: inline-block;

    position: absolute;

    left:0;

    top: calc(100% + 25px);

}

#about_culture .culturelist .item p{

    font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    color: #fff;

    font-size: 21px;

    line-height: 2;

    margin-bottom: 40px;

    position: relative;

}



#about_culture .culturelist .item:first-child .item_p{

    margin: auto;

}

#about_culture .culturelist .item:first-child{

    background-position: left;

}

#about_culture .culturelist .item:nth-child(2){

    background-position: center;

}

#about_culture .culturelist .item:last-child{

    background-position: right;

}

#about_culture .culturelist .item:first-child::before{

    background-position: left;

}

#about_culture .culturelist .item:nth-child(2)::before{

    background-position: center;

}

#about_culture .culturelist .item:last-child::before{

    background-position: right;

}





#about_culture .culturelist .item:first-child:hover{

    backdrop-filter: blur(20px);;

}

#about_culture .culturelist .item:hover::before{

    filter: blur(5px);

}

@media (min-width:1224px) {

    #about_culture{

        padding-top: 0;

    }

    #about_culture .culturelist .item:first-child .item_p{

        position: relative;

        left: 60px;

    }

    #about_culture .culturelist .item:last-child .item_p{

        position: relative;

        right: 110px;

    }

}

@media (max-width:1223px) {

    #about_data .detail .item{

        width: 25%;

    }

}

@media (max-width:767px) {

    #about_core .content .left,#about_core .content .right{

        width: 100%;

        margin-bottom: 10px;

    }

    #about_core .content p {

        padding-top: 0;

    }

    #about_core .content .left .core_img {

        margin-top: 10px;

    }

    #about_data {

        margin-top: 10px;

    }

    #about_data .detail .item {

        width: 50%;

        margin-bottom: 10px;

    }

    #about_data .detail .item .icon {

        margin-right: 10px;

    }

    #about_data .detail .item .icon i{

        font-size: 40px;

    }

    #about_data .detail h5 {

        font-size: 24px;

    }

    #about_data .detail p{

        font-size: 16px;

    }

    #about_partners .list {

        margin-top: 0;

    }

    #about_partners .list .item{

        width: 50%;

        margin-bottom: 10px;

    }

    #about_culture .culturelist .item

    {

        width: 100%;

        padding-top: 10px;

        text-align: left;

    }

    #about_culture .culturelist .item h5 {

        font-size: 24px;

        margin-bottom: 50px;

    }

    #about_culture .culturelist .item h5::after {

        width: 50px;

        height: 5px;

    }

    #about_culture .culturelist .item p {

        font-size: 16px;

        margin-bottom: 10px;

    }

    #about_culture .culturelist .item p br{

        display: none;

    }

    #about_culture .culturelist .item .item_p{

        padding:20px ;

    }

    #about_culture .culturelist .item:first-child{


        padding-top: 30px;

        background-position: top;

    }

    #about_culture .culturelist .item:nth-child(2){

        background-position: center;

    }

    #about_culture .culturelist .item:last-child{

        background-position: bottom;

    }

    #about_culture .culturelist .item:first-child::before{

        background-position: top;

    }

    #about_culture .culturelist .item:nth-child(2)::before{

        background-position: center;

    }

    #about_culture .culturelist .item:last-child::before{

        background-position: bottom;

    }

}

/***********************manufacturer**************************/

#aboutframe #manu_data{

    background: url('../images/manufacturer_banner.png') no-repeat;

    padding-top: 130px;

    padding-bottom: 120px;

}

#aboutframe #manu_data .detail{

    margin: 0 auto;

    padding: 0 calc(50% - 670px);

}

#aboutframe #manu_data .detail .item{

    display: flex;

}

#aboutframe #manu_data .detail .item .icon{

    margin-right: 30px;

}

#aboutframe #manu_data .detail .item .icon i{

    font-size: 60px;

    color: #459180;

}

#aboutframe #manu_data .detail .item .about_data{

    margin: auto 0;

}

#aboutframe #manu_data .detail h5{

    color: #398c7b;

    font-size: 43px;

    line-height: 1;

}

#aboutframe #manu_data .detail p{

    color: #398c7b;

    font-family:Montserrat-ExtraLight,Arial,Verdana,Tahoma, Geneva,sans-serif;

    font-size: 20px;

}

#aboutframe #manu_work .content{

    margin-bottom: 50px;

}

#aboutframe #manu_work .item{

    width: calc((100% - 140px)/3);

    margin-right: 70px;

    margin-bottom: 70px;

    position: relative;

}

#aboutframe #manu_work .item:nth-child(3n){

    margin-right: 0;

}

#aboutframe #manu_work .item .title{

    opacity: 0;

    position:absolute ;

    width: 100%;

    bottom: 0;

    left: 0;

    background: #3c8d7c;

    text-align: center;

    padding: 20px 0;

}

#aboutframe #manu_work .item .title h6{

    color: #fff;

    font-size: 21px;

}

#aboutframe #manu_work .item:hover .title{

    opacity: 1;

    transition:all 0.3S;

}

@media (max-width:1223px) {

    #aboutframe #manu_data{

        padding-top: 50px;

        padding-bottom: 50px;

    }

    #aboutframe #manu_data .detail .item{

        width: 50%;

    }

}

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

    #aboutframe #manu_work .item {

        width: calc((100% - 30px)/2);

        margin-right: 30px;

    }

    #aboutframe #manu_work .item:nth-child(3n){

        margin-right: 30;

    }

    #aboutframe #manu_work .item:nth-child(2n){

        margin-right: 0;

    }

}

@media (max-width:767px) {

    

    #aboutframe #manu_data .detail .item .icon {

        margin-right: 10px;

    }

    #aboutframe #manu_data .detail .item .icon i{

        font-size: 40px;

    }

    #aboutframe #manu_data .detail h5 {

        font-size: 24px;

    }

    #aboutframe #manu_data .detail p{

        font-size: 16px;

    }

    #aboutframe #manu_work .item {

        max-width: 450px;

        width: 100%;

        margin: 0 auto;

        margin-bottom: 10px;

    }



    #aboutframe #manu_work .item .title {

        opacity: 1;

    }

}



/****************about_product*****************************/

#aboutframe #pro_data{

    margin-top: 160px;

    padding-top: 70px;

    background: url('../images/about_pro.png') no-repeat;

    margin-bottom: 90px;

}

#aboutframe #pro_data .swiper-container{

    background: url('../images/about_pro_list.png') no-repeat;

    background-size: cover;

    border: 1px solid #fff;

    border-radius: 20px;

}

#aboutframe #pro_data .pro_list{

    padding-top: 120px;

    padding-bottom: 120px;

    position: relative;

    display: flex;

}

#aboutframe #pro_data .pro_list .item{

    width: calc(100%/3);

    text-align: center;

}

#aboutframe #pro_data .pro_list .item h5{

    color: #fff;

    font-size: 27px;

}

#aboutframe #pro_data  .cross-line{

    position: absolute;

    top: 266px;

    left: 30px;

    width: 95%;

    height: 2px;

    background-repeat: repeat-x;

    background-size: 10px 2px;

    background-image: linear-gradient(90deg,#d9d9d9,#d9d9d9 50%,rgba(0,0,0,0) 0);

}

#aboutframe #pro_data  .cross-line i{

    font-size: 20px;

    position: absolute;

    color: #d9d9d9;

    top: calc(50% - 15px);

}

#aboutframe #pro_data  .cross-line i:first-child{

    left: 33%;

}

#aboutframe #pro_data  .cross-line i:last-child{

    left: 66%;

}

#aboutframe #pro_data .pro_list .item .hover-point{

    z-index: 3;

    width: 12px;

    height: 12px;

    margin: 60px auto 90px;

    background-color: #eaeaea;

    border-radius: 50%;

}



#pro_data .swiper-pagination-bullet{

    background: transparent;

    border: 1px solid #339966;

    opacity: 1;

    border-radius: 50%;

}

#pro_data .swiper-pagination-bullet.swiper-pagination-bullet-active{

    background:#339966;

}

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

    #aboutframe #pro_data .pro_list .item h5 {

        font-size: 22px;

    }

    #aboutframe #pro_data  .cross-line {

        top: 221px;

    }

    #aboutframe #pro_data .pro_list .item .hover-point {

        margin: 30px auto;

    }

}

@media (max-width:767px) {

    #aboutframe #pro_data{

        margin: 20px 0;

        background-position: center;

    }

    #aboutframe #pro_data h4{

        color: #fff;

    }

    #aboutframe #pro_data .pro_list {

        padding-top: 20px;

        padding-bottom: 20px;

    }

    #aboutframe #pro_data .pro_list .item{

        width: 100%;

    }

    #aboutframe #pro_data .pro_list .item h5 {

        font-size: 16px;

    }

    #aboutframe #pro_data .pro_list .item .hover-point {

        display: none;

    }

    #aboutframe #pro_data .pro_list .item .intro{

        margin-top: 10px;

    }

    #aboutframe #pro_data .cross-line {

        display: none;

    }

    #pro_data .swiper-pagination {

        position: relative;

    }

}

/***********************************************/

#info_page .info_img{

    width: 50%;

}

#info_page .info_title{

    width: calc(50% - 160px);

    padding-top: 45px;

    margin-right: 130px;

}

#info_page .info_title h4 {

    margin-bottom: 25px;

}

#info_page .info_title p{

    font-size: 18px;

    color: #666666;

    font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    /*text-align: justify;*/

    -webkit-hyphens: auto;

    -moz-hyphens: auto;

    hyphens: auto;

    word-spacing:-1px;

}

#info_page .info_title .content{

    margin-top: 45px;

}

@media (max-width:993px) {

    #info_page .info_title {

        width: 100%;

        padding-top: 0;

        margin-right: 0;

    }

    #info_page .info_title .content{

        margin-top: 10px;

    }

    #info_page .info_img{

        margin-top: 10px;

        width: 100%;

        text-align: center;

    }

}



/*******************history************************/

#history{

    margin-bottom: 100px;

}



/*************************casepage*******************************/

#CasesPage #CasesList .item{

    width: 100%;

    display: flex;

    margin-bottom: 135px;

    box-shadow: 0 12px 24px rgba(204, 204, 204,20%);

    border-radius: 10px;

}

#CasesPage #CasesList .item .frame_title,#CasesPage #CasesList .item .item_img{

    width: 50%;

}

#CasesPage #CasesList .item .frame_title{

    padding: 30px 00px 50px 30px;

    position: relative;

}

#CasesPage #CasesList .item .frame_title h4{

    margin-bottom: 20px;

}

#CasesPage #CasesList .item .frame_title .line{

    margin-bottom: 75px;

}

#CasesPage #CasesList .item .frame_title a{

    background-image: linear-gradient(30deg,#6da193,#378b7a);

    color: #fff;

    padding: 9px 39px;

    border: 1px solid #689d8f;

    display: inline-block;

    border-radius: 10px;

    position: absolute;

    bottom: 50px;

}

#CasesPage #CasesList .item .frame_title a:hover{

    color: #689d8f;

}

#CasesPage #CasesList .item .item_img img{

    object-fit: cover;

    height: 100%;

}

@media (max-width:1223px) {

    #CasesPage #CasesList .item .frame_title .line {

        margin-bottom: 15px;

    }

    #CasesPage #CasesList .item .frame_title a{

        margin-top: 20px;

        position: relative;

        bottom: 0;

    }

    #CasesPage #CasesList .item{

        margin-bottom: 50px;

    }

}

@media (max-width:767px){

    #CasesPage #CasesList .item .item_img{

        display: none;

    }

    #CasesPage #CasesList .item .frame_title{

        width: 100%;

        padding: 10px;

    }#CasesPage #CasesList .item{

        margin-bottom: 20px;

    }

}

/*****************solutionPage*********************/

#solutionPage #info_page .info_title{

    width: calc(50% - 175px);

    margin-right: 175px;

}

#solutionPage #info_page .info_img img{

    height: 500px;

    object-fit: cover;

    width: 100%;

}

#solutionPage #diagram{

    padding-left: 0 !important;

    padding-right: 0 !important;

}

#solutionPage #diagram .diagram_img{

    margin-top: 75px;

}

#solutionPage #related .swiper-container{

    padding: 70px 0;

}

#solutionPage #related .item{

    padding: 55px 85px;

    display: flex;

    margin-right: 90px;

    border-radius: 20px;

    box-shadow: 0 0 73px rgba(204, 204, 204,0.5);

}

#solutionPage #related .item .pro_detail{

    max-width: 500px;

    width: 62.5%;

    margin-right: 50px;

}

#solutionPage #related .item .pro_img{

    width: 27.5;

    margin: auto;

}

#solutionPage #related .item h5{

    font-size: 38px;

    font-family:Montserrat-SemiBold,Arial,Verdana,Tahoma, Geneva,sans-serif;

    overflow: hidden;

	text-overflow: ellipsis;

    white-space:nowrap;

    

}

#solutionPage #related .item h6{

    font-size: 21px;

    font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    color: #999;

    margin-bottom: 20px;

}

#solutionPage #related .item .line{

    margin-bottom: 30px;

}

#solutionPage #related .item p{

    font-size: 18px;

    line-height: 25px;

    font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    margin-bottom: 35px;

    color: #666;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp:6;  /* 设置行数 */

    height: 150px;

	-webkit-box-orient: vertical;

}

#solutionPage #related .item a{

    display: inline-block;

    padding: 5px 25px;

    font-size: 13px;

    color: #fff;

    line-height: 24px;

    border: 1px solid #339966;

    font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;

    background: linear-gradient(90deg, #6da193,#378b7a);

    border-radius: 10px;

}



#solutionPage #related .item a:hover{

    color: #398c7b;

}

#solutionPage #related .item a i{

    margin-left: 10px;

}

#solutionPage .swiper-pagination{

    position: relative;

    bottom: -75px;

}

.related_list .txtcenter{

    margin-top: 50px;

}

.related_list .txtcenter a{

    padding:15px 25px ;

    font-size: 22px;

}

#solutionPage #related .swiper-pagination-bullet{

    opacity: 1;

    width: 16px;

    height: 16px;

    background: transparent;

    border: 1px solid #339966;

}

#solutionPage #related .swiper-pagination-bullet.swiper-pagination-bullet-active{

    background: linear-gradient(90deg, #6da193,#378b7a);

}

#solutionPage #application{

    margin-bottom: 150px;

}

#solutionPage #application .item{

    margin-right: 90px;

    width: calc((100% - 180px)/4);

    text-align: center;

}

#solutionPage #application .item .img{

    border-radius: 20px;

}

#solutionPage #application .item .img img{

    height: 300px;

}

#solutionPage #application .item h5{

    margin-top: 30px;

    font-size: 22px;

}

#solutionPage #application .frame_title{

    margin-bottom: 135px;

}

#solutionPage #application .item:hover h5{

    color: #398c7b;

}

#solutionPage #CasesList{

    display: flex;

    justify-content: start;

    flex-wrap: wrap;

    margin-bottom: 80px;

}

#solutionPage #CasesList .item{

    width: calc((100% - 90px)/3);

    text-align: center;

    margin-right: 45px;

    margin-bottom: 60px;

}

#solutionPage #CasesList .item .img{

    border-radius: 20px;

}

#solutionPage #CasesList .item h3{

    margin-top: 40px;

    font-size: 22px;

}

#solutionPage #CasesList .item:hover h3{

    color: #398c7b;

}

#solutionPage .more_case{

    text-align: center;

    margin-bottom: 230px;

}

#solutionPage .more_case a{

    display: inline-block;

    padding: 9px 74px;

    border: 1px solid #339966;

    font-size: 23px;

    color: #fff;

    background: linear-gradient(90deg, #6da193,#378b7a);

    border-radius: 10px;

}

#solutionPage .more_case a:hover{

    color: #398c7b;

}

@media (min-width:1224px) {

    #solutionPage #application{

        padding-top: 30px;

    }

}

@media (max-width:1223px) {

    #solutionPage #diagram .frame_title{

        padding-left: 15PX;

        padding-right: 15px;

    }

    #solutionPage #info_page .info_title{

        width: calc(50% - 50px);

        margin-right: 50px;

    }

    #solutionPage #related .swiper-container {

        padding: 50px 0;

    }

    #solutionPage #related .item {

        padding: 20px;

        display: flex;

        margin-right: 90px;

        border-radius: 20px;

        box-shadow:0 0 0;

        border: 1px solid #ccc;

    }

    #solutionPage #related .item h5{

        font-size: 32px;

    }

    #solutionPage #related .item .line {

        margin-bottom: 20px;

        width: 80px;

        height: 8px;

    }

    #solutionPage #related .item p {

        margin-bottom: 25px;

        font-size: 16px;

    }

    #solutionPage #related .item .pro_detail{

        margin-right: 40px;

    }

    #solutionPage #application {

        margin-bottom: 100px;

    }

}

@media (max-width:993px) {

    #solutionPage #info_page .info_title{

        width: 100%;

        margin-right: 0;

    }

    #solutionPage #info_page .info_img img {

        height: 400PX;

    }

    #solutionPage #related .item h5{

        font-size: 28px;

    }

    #solutionPage #related .item .line {

        width: 60px;

        height: 6px;

    }

    #solutionPage #related .item p {

        margin-bottom: 15px;

        font-size: 15px;

    }

    #solutionPage #related .item .pro_detail{

        margin-right: 30px;

    }

    #solutionPage #application .frame_title {

        margin-bottom: 50px;

    }

    #solutionPage #application {

        margin-bottom: 50px;

    }

}

@media (max-width:767px) {

    #solutionPage #related .swiper-container {

        padding: 20px 0;

    }

    #solutionPage #diagram .diagram_img {

        margin-top: 20px;

    }

    #solutionPage #related .item h5{

        font-size: 24px;

    }

    #solutionPage #related .item p {

        margin-bottom: 10px;

        font-size: 14px;

    }

    #solutionPage #related .item .pro_detail{

        width: 62.5%;

        margin-right: 20px;

    }

    #solutionPage #related .item .pro_img{

        width: 27.5%;

    }

    #solutionPage #application .frame_title {

        margin-bottom: 20px;


    }

    #solutionPage #application {

        margin-bottom: 20px;

    }

    #solutionPage #application .item h5 {

        margin-top: 10px;

        font-size: 14px;

    }

    #solutionPage #CasesList .item{

        width: calc((100% - 10px)/2);

        text-align: center;

        margin-right: 10px;

        margin-bottom: 10px;

    }

    #solutionPage #CasesList .item:nth-child(3n){

        margin-right: 10px;

    }

    #solutionPage #CasesList .item:nth-child(2n){

        margin-right: 0px;

    }

    #solutionPage #CasesList .item h3{

        margin-top: 10px;

        font-size: 14px;

    }

    #solutionPage #CasesList{

        margin-bottom: 20px;

    }

    #solutionPage .more_case a {

        font-size: 16px;

    }

    .related_list .txtcenter{

        margin-top: 10px;

    }

    .related_list .txtcenter a {

        padding: 5px 15px;

        font-size: 18px;

    }

}



/**************************newspage******************************/

#NewsPage #NewsList .news_top{

    display: flex;

    border-radius: 20px;

    box-shadow: 0 0 48px rgba(204, 204, 204,80%);

    margin-bottom: 130px;

}

#NewsPage #NewsList .news_top .news_detial{

    width: 45%;

    padding: 30px 50px;

}

#NewsPage #NewsList .news_top .news_detial h6{margin-bottom: 20px;color: #999;}

#NewsPage #NewsList .news_top .news_detial h5{background: linear-gradient(90deg, #6da193,#378b7a);-webkit-background-clip:text ;font-family:Montserrat-Medium,Arial,Verdana,Tahoma, Geneva,sans-serif;font-size: 23px;color: transparent;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;  /* 设置行数 */-webkit-box-orient: vertical;height: 60px;margin-bottom: 25px;}

#NewsPage #NewsList .news_top .news_detial .line{margin-bottom: 20px;height: 5px;width: 50px;}

#NewsPage #NewsList .news_top .news_detial p{overflow: hidden;text-overflow: ellipsis;line-height: 22px;display: -webkit-box;-webkit-line-clamp:3;  /* 设置行数 */height: 66px;-webkit-box-orient: vertical;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;font-size: 18px;color: #666666;margin-bottom: 35px;}

#NewsPage #NewsList .news_top .news_detial .botton a{display: inline-block;padding: 10px 40px;background: linear-gradient(90deg,#6da193,#378b7a);font-size: 14px;box-shadow: 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #fff;}

#NewsPage #NewsList .news_top .news_detial .botton a:hover{color: #339999;}

#NewsPage #NewsList .news_top .news_img{width: 55%;}

#NewsPage #NewsList .news_top .news_img img{width: 100%;border-radius: 20px;}

#NewsPage .item{width: calc((100% - 200px)/3);margin-right: 100px;margin-bottom: 80px;}

#NewsPage .item:nth-child(3n){margin-right: 0;}

#NewsPage .item .img{border-radius: 20px;}

#NewsPage .item h3{font-size: 23px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;  /* 设置行数 */overflow: hidden;height: 69px;-webkit-box-orient: vertical;font-family:Montserrat-Medium,Arial,Verdana,Tahoma, Geneva,sans-serif;margin-top: 25px;}

#NewsPage .item .info{display: flex;justify-content: space-between;margin-top: 30px;}

#NewsPage .item .info span{font-size: 14px;}

#NewsPage .item .info .date{color: #999;}

#NewsPage .item .info .more

{background: linear-gradient(90deg, #339966,#339999);-webkit-background-clip:text ;color: transparent;}

@media (max-width:1223px) {

    #NewsPage #NewsList .news_top .news_detial {padding: 30px 60px;}

    #NewsPage .item {width: calc((100% - 100px)/3);margin-right: 50px;margin-bottom: 50px;}

}

@media (max-width:993px) {

    #NewsPage #NewsList .news_top .news_detial {padding: 10px 20px;}

    #NewsPage .item {width: calc((100% - 30px)/2);margin-right: 30px;margin-bottom: 30px;}

    #NewsPage .item:nth-child(3n){margin-right: 30px;}

    #NewsPage .item:nth-child(2n){margin-right: 0;}

}

@media (max-width:767px) {

    #NewsPage #NewsList .news_top .news_img{display: none;}

    #NewsPage #NewsList .news_top .news_detial {width: 100%;padding: 10px 20px;}

    #NewsPage #NewsList .news_top .news_detial h5 ,#NewsPage #NewsList .news_top .news_detial h6,#NewsPage #NewsList .news_top .news_detial .line,#NewsPage #NewsList .news_top .news_detial p{margin-bottom: 10px;}

    #NewsPage #NewsList .news_top .news_detial h5 {-webkit-line-clamp: 1;height: 30px;font-size: 20px;}

    #NewsPage #NewsList .news_top .news_detial h6{font-size: 14px;}

    #NewsPage #NewsList .news_top{margin-bottom: 20px;}

    #NewsPage .item {width: 100%;margin-right: 0 !important;margin-bottom: 10px;}

    #NewsPage .item h3{font-size:18px ;margin-top: 10px;height: auto;}

    #NewsPage .item .info{margin-top: 10px;}

}

/**************************Newsdetailpage*******************************/

#bframe .news_page .box h3{font-size: 30px;}

#NewsPage .left_nav{width: 65%;}

#NewsPage .right_nav{width: 30%;}

#NewsPage .title{margin-bottom: 50px;}

#NewsPage .title h1{font-size: 30px;background: linear-gradient(90deg, #6da193,#378b7a);-webkit-background-clip:text ;color: transparent;font-family:Montserrat-Medium,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#NewsPage .title h6{color: #999;font-size: 20px;margin-bottom: 10px;}



#NewsPage #sharelist a{display: inline-block;margin-right: 5px;}

#NewsPage #sharelist i{font-size: 34px;}

#NewsPage #sharelist a:first-child i{color: #3b5998;}

#NewsPage #sharelist a:nth-child(2) i{color: #1da1f2;}

#NewsPage #sharelist a:nth-child(3) i{color: #0077b5;}

#NewsPage #sharelist a:nth-child(4) i{color: #c92326;}

#NewsPage #sharelist a:nth-child(5) i{color: #3ac34c;}

#NewsPage #sharelist a:nth-child(6) i{color: #ff9900;}

#NewsPage .left_nav .btnList a{display: inline-block;background: #378b7a;color: #fff;padding: 10px 25px;min-width: 200px;text-align: center;margin-bottom: 10px;}

#RelatedNews{}

#RelatedNews .frame_title{margin-bottom: 50px;}

#RelatedNews .frame_title h4{margin-bottom: 25px;font-size: 30px;}

#RelatedNews .relate_list .item{width:100%;margin-bottom: 20px;margin-right: 0;}



.right_nav .feedbackbox .list-inline li{width: 100%;margin-bottom: 20px;}

.right_nav .feedbackbox .list-inline input{width: 100%;padding: 10px 35px;border-radius: 20px;box-shadow: 0 0 27px rgba(204, 204, 204,82%);font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;font-size: 18px;}

.right_nav .feedbackbox .list-inline .textarea{width: 100%;margin-bottom: 20px;}

.right_nav .feedbackbox .list-inline textarea{width: 100%;padding: 20px 35px;border-radius: 20px;box-shadow: 0 0 27px rgba(204, 204, 204,82%);resize: none;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;height: 200px;font-size: 21px;}

.right_nav .feedbackbox .list-inline label{padding: 10px;display: inline-block;color: #398c7b;font-size: 21px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

.right_nav .feedbackbox .list-inline .btnli{width: 100%;}

.right_nav .feedbackbox .list-inline a{padding: 8px 28px;border-radius: 10px;border: 1px solid #339966;background:linear-gradient(90deg, #6da193,#398c7b);font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #fff;display: inline-block;margin: 0 auto;font-size: 21px;}

.right_nav .feedbackbox .list-inline a:hover{color: #398c7b;}

.right_nav .feedbackbox .list-inline input::-webkit-input-placeholder,.right_nav .feedbackbox .list-inline textarea::-webkit-input-placeholder{color: #cccccc;}



@media (max-width:1223px) {

    #RelatedNews .frame_title {margin-bottom: 60px;}

}

@media (max-width:993px) {

    #bframe .news_page .box h3{font-size: 24px;}

    #RelatedNews .frame_title {margin-bottom: 40px;}

    #RelatedNews .relate_list .item{margin-bottom: 0;margin-right: 0;}

}

@media (max-width:767px) {

    #NewsPage .left_nav{width: 100%;}

    #NewsPage .right_nav{width: 100%;}

    #NewsPage .title h1 {margin-bottom: 20px;font-size: 24px;}

    #bframe .news_page .box h3{font-size: 20px;}

    #RelatedNews{margin-top: 20px;}

    #RelatedNews .frame_title {margin-bottom: 20px;}

    #RelatedNews .relate_list .item{max-width: 500px;width: 100%;margin: 10px auto !important;}

}

/****************************ServicePage***********************************/

#ServicePage #servicelist .service_detail{margin-bottom: 85px;}

#ServicePage #servicelist .service_detail .service_title,#ServicePage #servicelist .service_detail .img{width: 46%;}

#ServicePage #servicelist .service_detail .frame_title{margin-bottom: 90px;}

#ServicePage #servicelist .service_detail .frame_title h4{margin-bottom: 30px;}

#ServicePage #servicelist .service_detail h5{margin-bottom: 90px;font-size: 31px;}

#ServicePage #servicelist .service_detail li{font-size: 18px;margin-bottom: 30px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #666;}

#ServicePage #servicelist .service_detail:last-child .service_title{margin-top: 100px;}

#ServicePage #Certificate{margin-bottom: 40px;}

#ServicePage .download table{width: 100%;}

#ServicePage .download table tr:first-child{background: #f0f0f0;}

#ServicePage .download table tr td{width: calc(100%/3);padding: 30px 0;font-size: 18px;color: #999;word-break: break-all;}

#ServicePage .download table tr td span{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#ServicePage .download table tr:first-child td{font-size: 21px;color: #999;}

#ServicePage .download table tr td:first-child{padding-left: 40px;}

#ServicePage .download table tr td:nth-child(2){text-align: center;}

#ServicePage .download table tr td:last-child{padding-right: 80px;text-align: right;}

#ServicePage .download table .item{border-bottom: 3px solid #f0f0f0;}

#ServicePage .download table .item td{font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#ServicePage .download table .item td a{display: inline-block;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;background: #f0f0f0;padding: 4px 20px;font-size: 19px;color: #999;border-radius: 10px;vertical-align: middle;}

#ServicePage .download table .item td a:hover{color: #fff;}

#ServicePage .down_search{position: relative;margin-bottom: 50px;}

#ServicePage .down_search input{font-size: 19px;padding: 35px;width: 100%;text-align: center;border-radius: 50px;box-shadow: 0 0 27px rgba(204, 204, 204,82%);}

#ServicePage .down_search input::-webkit-input-placeholder{color: #cccccc;}

#ServicePage .down_search button{position: absolute;right: 0;top: 0;padding: 33px 78px;border-radius: 50px;line-height: 1;border: 1px solid #339966;font-size: 30px;color: #fff;background: linear-gradient(90deg, #699e8f , #398b7c);cursor: pointer;}

#ServicePage .down_search button:hover{color: #398c7b;}

@media (min-width:1224px) {

    #Certificate{padding-top: 10px;}

    #Certificate .frame_title{margin-bottom: 90px;}

}

@media (max-width:1223px) {

    #ServicePage #servicelist .service_detail .frame_title{margin-bottom: 40px;}

    #ServicePage #servicelist .service_detail h5{font-size: 28px;margin-bottom: 40px;}

    #ServicePage #servicelist .service_detail li {margin-bottom: 20px;}

    #ServicePage #servicelist .service_detail {margin-bottom: 50px;}

}

@media (max-width:993px) {

    #ServicePage #servicelist .service_detail .frame_title{margin-bottom: 30px;}

    #ServicePage #servicelist .service_detail {margin-bottom: 30px;}

    #ServicePage #servicelist .service_detail h5{font-size: 24px;margin-bottom: 30px;}

    #ServicePage #servicelist .service_detail .service_title{width: 100%;margin-top: 0 !important;}

    #ServicePage #servicelist .service_detail .img{display: none;}

    #ServicePage .down_search{position: relative;margin-bottom: 30px;}

    #ServicePage .down_search input{font-size: 17px;padding: 20px;}

    #ServicePage .down_search button{padding: 22px 25px;font-size: 22px;}

}

@media (max-width:767px) {


    #ServicePage #servicelist .service_detail h5{font-size: 20px;margin-bottom: 10px;}

    #ServicePage #servicelist .service_detail li{font-size: 16px;margin-bottom: 10px;}

    #ServicePage #servicelist .service_detail {margin-bottom: 20px;}

    #ServicePage #Certificate {margin-bottom: 50px;}

    #ServicePage .down_search{position: relative;margin-bottom: 20px;}

    #ServicePage .down_search input{font-size: 16px;padding: 10px;}

    #ServicePage .down_search button{padding: 12px 25px;font-size: 18px;}

    #ServicePage .download table tr td {padding: 10px 0;font-size: 16px;}

    #ServicePage .download table tr td:first-child{padding-left: 15px;}

    #ServicePage .download table tr:first-child td{font-size: 18px;}

    #ServicePage .download table tr td:last-child {padding-right: 0;}

    #ServicePage .download table .item td a {padding: 5px 10px;font-size: 16px;}

    #ServicePage .download{margin-bottom: 20px;}

}



/*********************videoPage************************/

#VideoPage #VideoList{margin-bottom: 200px;}

#VideoPage #VideoList .item{width: calc((100% - 210px)/3);margin-right: 105px;margin-bottom: 70px;position: relative;cursor:pointer;}

#VideoPage #VideoList .item .video_icon{position: absolute;top: 90px;left: calc(50% - 30px);background-color: #378b7a;border-radius: 50%;padding: 12px 18px;}

#VideoPage #VideoList .item .video_icon i{color: #fff;font-size: 24px;}

#VideoPage #VideoList .item:nth-child(3n){margin-right: 0;} 

#VideoPage #VideoList .item .img{border-radius: 20px;margin-bottom: 30px;}

#VideoPage #VideoList .item h5{font-size: 21px;font-family:Montserrat-Medium,Arial,Verdana,Tahoma, Geneva,sans-serif;}

.text-center{width: 100%;}





@media (max-width:767px) {

    #VideoPage #VideoList .item{width:100%;max-width: 400px;margin: 0 auto;margin-bottom: 10px;}

    #VideoPage #VideoList .item .img{margin-bottom: 10px;}

    #VideoPage #VideoList .item h5{font-size:18px;}

    #VideoPage #VideoList{margin-bottom: 20px;}

}



/***********************************contPage***********************************/

#feedback{padding-bottom: 0;}

#feedback .list{width: 33%;float: left;}

#feedback .list .item{width: 100%;margin-bottom: 30px;text-align: center;border-radius: 20px;box-shadow: 0 0 27px rgba(204, 204, 204,82%);padding: 40px 30px;}

#feedback .list .item:hover{box-shadow: 0 0 27px rgba(170, 170, 170, 0.82);}



#feedback .list .item>i{font-size: 56px;color: #339999;}

#feedback .list .item h5{font-size: 27px;font-family:Montserrat-SemiBold,Arial,Verdana,Tahoma, Geneva,sans-serif;position: relative;margin-top: 10px;margin-bottom: 30px;}

#feedback .list .item h5::after{content: "";width: 70px;height: 7px;background:linear-gradient(90deg, #339966,#339999) ;border-radius: 10px;position: absolute;top: calc(100% + 10px);left: calc(50% - 35px);}

#feedback .list .item p{color: #999;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;height: 48px;margin-bottom: 20px;}

#feedback .list .item a{color: #398c7b;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#feedback .list .item a i{margin-left: 5px;}





#feedback .feedbackbox{width: 63%;padding-top: 20px;float: right;}

#feedback .feedbackbox .list-inline .half{width: calc((100% - 45px)/2);margin-bottom: 30px;}

#feedback .feedbackbox .list-inline input{width: 100%;padding: 20px 35px;border-radius: 20px;box-shadow: 0 0 27px rgba(204, 204, 204,82%);font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;font-size: 21px;}

#feedback .feedbackbox .list-inline .textarea{width: 100%;margin-bottom: 60px;}

#feedback .feedbackbox .list-inline textarea{width: 100%;padding: 35px 35px;border-radius: 20px;box-shadow: 0 0 27px rgba(204, 204, 204,82%);resize: none;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;height: 200px;font-size: 21px;}

#feedback .feedbackbox .list-inline label{padding: 10px;display: inline-block;color: #398c7b;font-size: 21px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#map{padding: 20px 0 0 0;}

#map img{width: 100%;}

.txtcenter{text-align: right;}

#feedback .feedbackbox .list-inline .btnli{width: 100%;}

#feedback .feedbackbox .list-inline a{padding: 8px 28px;border-radius: 10px;border: 1px solid #339966;background:linear-gradient(90deg, #6da193,#398c7b);font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #fff;display: inline-block;margin: 0 auto;font-size: 21px;}

#feedback .feedbackbox .list-inline a:hover{color: #398c7b;}

#feedback .feedbackbox .list-inline input::-webkit-input-placeholder,#feedback .feedbackbox .list-inline textarea::-webkit-input-placeholder{color: #cccccc;}

@media (max-width:993px) {

    #contPage #contact_type .item{width: calc((100% - 30px)/3);margin-right: 15px;}

    #feedback .feedbackbox{margin-bottom: 50px;}

    #feedback .list,#feedback .feedbackbox{width: 100%;float: none;}

}

@media (max-width:767px) {

    #contPage #contact_type .item{width: 100%;margin-right: 0;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;}

    #feedback .feedbackbox .list-inline .half {width: 100%;margin-bottom: 10px;}

    #feedback .feedbackbox .list-inline label{font-size: 18px;}

    #feedback .feedbackbox .list-inline input{padding: 10px 15px;font-size: 18px;}

    #feedback .feedbackbox .list-inline .textarea{margin-bottom: 20px;}

}

/*感谢页面*/

#thk_nav{text-align:center;margin-bottom: 200px;font-size:20px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#thk_nav h2{margin-bottom:20px;text-align:center;}

#thk_nav>p{line-height:28px;font-size:20px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

.btnthank{padding:5px 10px;margin-top:15px;display:inline-block;border:1px solid #339966;color:#ffffff;background:linear-gradient(90deg, #339966,#339999);padding: 10px 20px;}

.btnthank:hover{background:#ffffff;color:#398c7b;}

@media (max-width:767px) {

    #thk_nav>p{line-height:20px;font-size:13px;}

}



/*网站地图*/

#sitemapnav { width:100%; position:relative;overflow:hidden;}

#sitemapnav li{  list-style:none;}

#sitemapnav a{ color:#333; }

#sitemapnav .fontbig {	width:100% !important;}

#sitemapnav .bigli{width:100%;  line-height:35px;font-size:18px;}

#sitemapnav .bigli a {color:#666; font-weight:bold;text-transform:capitalize;}

#sitemapnav .bigli a:hover {text-decoration:underline;}

.jiange{ width:100%;height:2px; border-bottom:solid 1px #d2d2d2; margin-top:8px;margin-bottom:8px;}

.probigclass {padding-left:50px;}

#sitemapnav .PROclass_01 { width:100%;padding-left:3%; font-size:16px; line-height:30px; font-weight:bold; }

#sitemapnav .PROclass_02 { width:100%;padding-left:6%;font-size:16px; height:22px; line-height:22px;  overflow:hidden;font-weight:normal; }



#sitemapnav .PROclass_01 a{  color:#666;}

#sitemapnav .PROclass_02 a{ color:#666;}

#sitemapnav .PROclass_01 a:hover{ text-decoration:underline;}

#sitemapnav .PROclass_02 a:hover{ text-decoration:underline;}



#sitemapnav .PROclass_03 { width:100%;padding-left:9%;color:#666666;font-size:14px;line-height:20px;}

#sitemapnav .PROclass_03 a:hover{ text-decoration:underline;}

#sitemapnav .PROclass_04 {width:100%; padding-left:12%;}

@media (min-width:992px) and (max-width:1229px) {

}



@media screen and (min-width:1px ) and (max-width:767px)

{

	#sitemapnav .abli_02{width:100%;height:auto;}

    #sitemapnav .bigli{font-size:16px;}

    #sitemapnav .abli_02{font-size:14px;line-height:20px;}

    #sitemapnav .PROclass_01{font-size:14px;}

    #sitemapnav .PROclass_02{font-size:13px;}

    #sitemapnav .PROclass_03{font-size:12px;width:100%;}

    #sitemapnav .PROclass_04{width:100%;}

}



/************************ProPage***********************************/

#ProPage .left_nav{max-width: 1120px;width: 85%;background-image: linear-gradient( #eee 0%, #eee 80%, transparent 20%);background-size: 1px 15px;background-repeat: repeat-y;background-position: right;}

#ProPage .right_nav{width: 15%;padding-left: 60px;position: relative;}

#ProPage .right_nav>ul.fixed{position: sticky;top:20%;}

#ProPage  .ProList .item{width: calc((100% - 90px)/4);margin-right: 30px;text-align: center;margin-bottom: 30px;}

#ProPage  .ProList .item .img img{width: auto;}

#ProPage  .ProList .item:nth-child(4n){margin-right: 0;}

.cateList { }

.cateList .cateBigName h3{ font-size:38px; color:#131313; line-height:2em; font-family:Montserrat-SemiBold;}

.cateList .cateBigName em{display:block; max-width:91px; height:7px; background:#408e7e; border-radius:5px;}

.cateList .cateSmallName h3{ font-size:30px; color:#131313; line-height:2em; font-family:Montserrat-SemiBold;padding-top: 40px;}

/*.cateList .cateSmallName em{display:block; max-width:91px; height:5px; background:#408e7e; border-radius:5px;}*/

.cateList .cate_Pro_List{text-align:center; padding-bottom:50px; padding-right:74px;   margin-bottom:50px;background: linear-gradient(to left,transparent 20%,transparent 20%,#eee 20%,#eee 80%); background-size:15px 1px; background-repeat: repeat-x; background-position:bottom;}

.cateList .cate_Pro_List .item{ width:calc((100% - 140px)/3); max-width:300px; margin-right:70px;margin-top:50px;}

.cateList .cate_Pro_List .item:nth-child(3n+3){ margin-right:0px;}

.cateList .cate_Pro_List .item h5{font-size:20px; color:#131313; font-family:Montserrat-Medium;}

.cateList .cate_Pro_List .item p{font-size:12px; color:#999999; font-family:Montserrat-Light; height:2em; overflow:hidden; line-height:2em;}

.cateList .cate_Pro_List .item a.more{display:block; width:157px; height:37px; line-height:37px; border:solid 1px #fff; background:#fff; color:#333; margin:0 auto; text-align:center; border-radius:10px;}

.cateList .cate_Pro_List .item a.more:hover{background:#398c7b; border:solid 1px #398c7b; color:#398c7b;}

 

.pro_type {margin-bottom: 90px;}

.pro_type .cateRemark{ padding:28px 0px; background:url(../images/cateBg.jpg) no-repeat center top; background-size:cover; margin-right:73px; border-radius:15px; margin-top:40px;/*margin-bottom: 50px;*/}

.pro_type .cateRemark .img{ width:calc(100% - 460px);}

.pro_type .cateRemark .itemRemark{ width:420px; padding-right:40px; display:flex;align-items:center; box-sizing:border-box; font-size:16px; color:#ffffff; font-family:Montserrat-Light;}







.pro_List {width: 100%;padding-right: 73px;background-image: linear-gradient(to right, #eee 0%, #eee 80%, transparent 20%);background-size: 15px 1px;background-repeat: repeat-x;padding-top: 0px;padding-bottom: 50px;background-position: bottom;}

.pro_List .item{width: calc((100% - 140px)/3);text-align: center;margin-right: 70px;margin-left:0px;padding-top: 90px;}

.pro_List .item:nth-child(3n+3){margin-right:0px;}





.Cate_pro_List .item { width: calc((100% - 100px)/3);text-align: center;margin-right: 100px;margin-left: 0px;padding-top: 40px;}

.Cate_pro_List .item:nth-child(3n) {margin-right: 0px;}

.Cate_pro_List .item:nth-child(2n){ margin-right:100px;}



.pro_List .item h5 {line-height: 2em;font-size: 22px;color: #000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.pro_List .item p {margin-top: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-family: Montserrat-Light;overflow: hidden;font-size: 17px;line-height: 25px;height: 50px;text-align:center;color: #333;}

.pro_List .item .img img{width: auto; margin:0 auto;}

.pro_List .item a.morelink {display: inline-block;margin-top: 30px;padding: 10px 55px;border-radius: 10px;background: linear-gradient(90deg,#6da193,#378b7a);border: 1px solid #339966;color: #fff;}



.pro_List .item:hover a{background: linear-gradient(90deg,#6da193,#378b7a);border: 1px solid #339966;color: #fff;}



.pro_List .item a:hover{color: #339966;}

.pro_List .item:hover p{visibility: visible;}

.pro_type .line {margin-bottom: 0;}



#ProPage .right_nav a{margin-bottom: 40px;display: inline-block;line-height: 1;}

#ProPage .right_nav .smalltype>li>a{font-size: 14px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

@media (max-width:1223px) {

    #ProPage .left_nav{width: calc(100% - 200px);}

    #ProPage .right_nav{width: 200px;}

    .pro_List .item{margin-bottom: 80px;}

}

@media (max-width:993px) {

    .pro_List .item{width: calc((100% - 25px)/2);margin-right:25px;margin-bottom: 30px;}

    .pro_List .item:nth-child(3n+3){margin-right: 25px;}

    .pro_List .item:nth-child(2n+2){margin-right: 0;}

    #ProPage  .ProList .item{width: calc((100% - 90px)/3);margin-right: 30px;text-align: center;margin-bottom: 30px;}

    #ProPage  .ProList .item:nth-child(4n){margin-right: 30px;}

    #ProPage  .ProList .item:nth-child(3n){margin-right: 0;}

}

@media (max-width:767px) {

    #ProPage .left_nav{width: 100%;background: transparent;}

    #ProPage .right_nav{display: none;}

    .pro_type .cateRemark{ margin-right:0px;}

    .pro_type .cateRemark .img{ width:100%; display:block;}

    .pro_type .cateRemark .itemRemark{padding:20px; display:block; width:100%;}

    .pro_List {padding-top: 20px; padding-right:0px;}

    .pro_List .item{width:100%;margin-right:0px !important;margin-bottom: 30px;}

    .pro_List .item p {display: block;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-family: Montserrat-Light;overflow: hidden;font-size: 17px;line-height: 25px;text-align: center;color: #333;}

    .pro_List .item:nth-child(2n+2){margin-right: 0 !important;}

    .pro_List .item:nth-child(3n+3) {margin-right: 0 !important;}

    .pro_List .item a {background: linear-gradient(90deg, #339966,#339999);margin-top: 10px;color: #fff;}

    .cateList .cateBigName h3{font-size:25px;}

    .cateList .cateSmallName h3{font-size:20px;padding-top: 10px;}

    .cateList .cate_Pro_List .item h5{font-size:18px;}

    .cateList .cate_Pro_List{padding-right:0px; justify-content:space-around;}

    .cateList .cate_Pro_List .item{ width:100%; margin-right:0px; max-width:max-content; float:left; text-align:center;margin-top: 20px;}

    .cateList .cate_Pro_List .item .img img{width:auto;  margin:0 auto; max-width:100%;}

    .cateList .cate_Pro_List .item:nth-child(2n+2) {float:left; text-align:center;width: 100%;margin-right: 0px;max-width: max-content;}

    #ProPage  .ProList .item{width: calc((100% - 20px)/2);margin-right: 20px;text-align: center;margin-bottom: 20px;}

    

    #ProPage  .ProList .item:nth-child(3n){margin-right: 20px;}

    #ProPage  .ProList .item:nth-child(2n){margin-right: 0px;}

}

/**********************产品内页*****************************/

/*.productpage .location{z-index: 1;}

#ProDetailPage{padding-top: 0;}

#ProDetailPage #pro_detail{padding: 0;}

#ProDetailPage #protitle{padding: 150px 0;}

#ProDetailPage #protitle .pro_left{width: calc(100% - 650px);}*/

#ProDetailPage #protitle h4{color: #fff;font-size: 56px;font-family:Montserrat-SemiBold,Arial,Verdana,Tahoma, Geneva,sans-serif;margin-bottom: 20px;}

/*#ProDetailPage #protitle .line{margin-bottom: 20px;}*/

#ProDetailPage #protitle h5{font-size: 32px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #fff;margin-bottom: 55px;}

#ProDetailPage #protitle .icon{margin-bottom: 60px;}

#ProDetailPage #protitle .icon img{margin-right: 50px;max-height:40px;}

#ProDetailPage #protitle .btnlist a{vertical-align: top;display: inline-block;text-align: center;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;font-size: 22px;color: #fff;background: linear-gradient(30deg,#6da193,#378b7a);border: 1px solid #339966;width: 190px;height: 50px;padding: 8px 0;border-radius: 10px;margin-right: 40px;}

#ProDetailPage #protitle .btnlist a i{font-size: 24px;line-height: 32px;margin-right: 15px;}

#ProDetailPage #protitle .btnlist a:hover{background: transparent;color: #398c7b;}

/*#ProDetailPage #ProductDetail{padding-top: 230px;padding-bottom: 250px;}*/



/*#protitle .pro_right {width: 100%;height: 1670px;position: absolute;left: 0;top: 100%;transform: translateY(-60%);}

#protitle .pro_right_list {width: 100%;position: absolute;left: 0;transition: all .3s linear;will-change: transform;}

#protitle .pro_right_img {float: right;width: 510px;height: 580px;}

#protitle .right_img {width: 515px;position: absolute;height: 560px;box-shadow: inherit;backdrop-filter: blur(15px);border: 2px solid #ebf3f2;right: calc(50% - 650px);background: url(../images/Background_img1.jpg) 95% 5%;border-radius: 20px;}

#protitle .right_img .pro_img {width: 100%;height: 100%;padding: 0 0px !important;display: flex;align-items: center;text-align: center;position: relative;}

#protitle .right_img .pro_img .p_img {width: 100%;position: relative;}



#ProDetailPage #ProductDetail .pro_detail{width: 500px;position: relative;z-index: 1;}*/

#ProDetailPage #ProductDetail .pro_detail p{font-size: 18px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #666;line-height: 30px;margin-top: 90px;word-spacing:-1px;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}



/*#parameter{padding: 85px 0;}

#parameter h4{color: #fff;}

#parameter .line{margin-bottom: 0;background: #fff;}

#parameter .parameter{padding: 100px 35px 110px 45px;height: 640px;border-radius: 20px;display: flex;justify-content: space-between;border: 1px solid #fff;margin-top: 70px;}

#parameter .parameter .parameter_left{width: 500px;}

#parameter .parameter .parameter_left .swiper-container{text-align: center;position: relative;}

#parameter .parameter .parameter_left .swiper-container img{height: auto;}

#parameter .parameter .parameter_left .swiper-pagination{margin-top: 20px;position: relative;}

#parameter .parameter .parameter_left .swiper-pagination-bullet{background: transparent;border: 1px solid #fff;border-radius: 50%;}

#parameter .parameter .parameter_left .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid #339966;}

#parameter .parameter .parameter_right{position: relative;}

#parameter .parameter .parameter_right .swbtn{position:absolute;top: 30%;}

#parameter .parameter .parameter_right .btn-prev{left: -70px;}

#parameter .parameter .parameter_right .btn-next{right: 0px;transform: rotateZ(180deg);}

#parameter .parameter .parameter_right .swbtn i{color: #999;font-size: 50px;}

#parameter .parameter .parameter_right .btn-next{}

#parameter .parameter .parameter_right .parameter_list{width: 550px;height: 330px;border-radius: 20px;margin-right: 70px;backdrop-filter: blur(4px);padding: 35px 40px;background: rgba(255, 255, 255, 0.1);}

#parameter .parameter .parameter_right .parameter_list ul li{font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #fff;border-bottom: 1px solid #6b6762;padding: 10px 0;display: flex;justify-content:space-between;}

#parameter .parameter .parameter_right .parameter_list ul li span{display: inline-block;}

#parameter .parameter .parameter_left .swiper-container .swiper-notification {width: 10px;height: 10px;}

#parameter .parameter .parameter_right .botton{margin-top: 60px;}

#parameter .parameter .parameter_right .botton a{color:#fff;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;border: 1px solid #fff;border-radius: 10px;padding: 5px 15px;}



#parameter .parameter .parameter_right .botton a i{margin-right: 5px;font-size: 20px;}

#parameter .parameter .parameter_right .botton a:hover{background: #398c7b;}*/





#ProDetailPage{background-color:#f8f8f8;padding-top: 50px;}

#ProDetailPage .bg{background-color:#f6f6f6;margin-bottom:50px;}

#ProDetailPage .panelbox{padding-top:0;}

#ProDetailPage .panelbox:not(:first-child){display:none;}

#slider{overflow:hidden;margin-bottom:50px;}

#picView{width:50%;float:left;position:relative;}

#BigImg{border:1px solid #ebebeb;margin-bottom:10px;background-color:#fff;}



#smallImg{width:100%;position:relative;}

#smallImg .swbtn{position:absolute;width:30px;height:30px;text-align:center;z-index:1;top:calc(50% - 15px);background-color:#b1b1b1;text-align:center;transition:all 0.3s;}

#smallImg .swbtn>i{font-size:18px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

#smallImg .swbtn.btn-prev>i{transform:translate(-50%,-50%) rotateY(180deg);display:block;}

#smallImg .swbtn:hover{background-color:#398c7b;border-color:#398c7b;}

#smallImg .swbtn:hover>i{color:#fff;}

#smallImg .btn-next{right:0;}

#smallImg .btn-prev{left:0px;}



#picView .gallery-thumbs{width:100%;}

#picView .gallery-thumbs img{}

#picView .gallery-thumbs .swiper-wrapper{padding-bottom:1px;}

#picView .gallery-thumbs .swiper-slide{overflow:hidden;text-align:center;border-radius:0;margin:0;border:1px solid #ddd;}

#picView .gallery-thumbs .swiper-slide.videoslide p{display:none;}

#picView .gallery-thumbs .swiper-slide a{display:block;position:relative;}

#picView .gallery-thumbs .swiper-slide-active{position:relative;background-color:#fff;}

#picView .gallery-thumbs .swiper-slide.active{border:1px solid #398c7b;}

#picView .btnlist{}

#picView .swiper-button-next.swiper-button-disabled,#picView1 .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:#ccc;}

#picView .boxer{display:block;}

#picView img{width:100%;}

#picView .swiper-pagination{position:relative;top:10px;}

#picView .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 6px;}

#picView .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#398c7b;}

#protitle{width:45%;float:right;}

#protitle .title{margin-bottom:20px;text-align:left;padding-bottom:20px;position: relative;}

#protitle .title:before{content:"";width:100%;height:2px;background-color:#e3e3e3;position:absolute;bottom:0;left:0;}

#protitle .title:after{content:"";width:40%;height:2px;background-color:#398c7b;position:absolute;bottom:0;left:0;}

#protitle h1{font-size:24px;line-height:1.3;position:relative;color:#333;text-transform:uppercase;font-weight:normal;font-family:Montserrat-Semibold,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#protitle h3{font-size:24px;line-height:1.2;font-weight:normal;}

#protitle .remark{font-size:15px;line-height:1.8;color:#666;min-height:120px;margin-bottom:30px;}



#protitle .btnlist{overflow:hidden;}

#protitle .btnlist .morelink{min-width:140px;}

#protitle .btnlist>a.btnlink{display:block;text-align:center;background:#398c7b;padding:15px;font-size:18px;line-height:24px;color:#fff;border-radius:8px;transition:background 0.3s;}

#protitle .btnlist>a>i{margin-right:8px;font-size:24px;line-height:24px;height:24px;vertical-align:top;}

#protitle .btnlist>a.btnlink:hover{background:rgba(251,223,15,1);}



#slider .inquiryline{width:100%;height:5px;background-color:#398c7b;margin:50px 0;position:relative;}

#slider .inquiryline i{width:75px;height:75px;line-height:75px;font-size:36px;color:#fff;background-color:#398c7b;border-radius:50%;position:absolute;left:calc(50% - 38px);top:-35px;text-align:center;}



#ProDetailPage .pro_detail .title{margin-bottom:0;border-bottom:2px solid #f5f7f9;}

#ProDetailPage .pro_detail .title h3{font-size:16px;line-height:30px;padding:0 30px;margin:0;}

#ProDetailPage .pro_detail .title a{display:inline-block;padding:10px 0;position:relative;}

#ProDetailPage .pro_detail .title a:not(:first-child) h3{border-left:2px solid #f5f7f9;}

#ProDetailPage .pro_detail .title a.active:before,#ProDetailPage .pro_detail .title a:hover:before{content:"";border-bottom:2px solid #398c7b;position:absolute;bottom:-2px;width:100%;}





@media (min-width:992px) and (max-width:1229px) {

    #slider{margin-bottom:30px;}



    #protitle{padding-left:20px;width:50%;}

    #protitle h1{font-size:20px;line-height:28px;}

    #protitle .title{margin-bottom:15px;padding-bottom:15px;}

    #ProDetailPage .title h3{font-size:16px;line-height:24px;}

    #protitle .remark dl>dt{font-size:14px;line-height:1.8;width:130px;}

    #protitle .remark dl>dd{font-size:14px;line-height:1.8;width:calc(100% - 130px)}



    #picView{width:50%;}

    #BigImg{margin-bottom:10px;}

    #protitle h3{font-size:16px;}

    #protitle .remark{font-size:14px;line-height:1.5;min-height:100px;margin-bottom:20px;}

    #protitle .btnlist{margin-top:30px;}

    #protitle .btnlist>a.btnlink{padding:8px 5px;}



}

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

    #slider{}

    #picView{width:50%;}

    #BigImg{margin-bottom:10px;}

    #picView{}

    #picView .gallery-thumbs{}

    #protitle{padding-left:20px;width:50%;padding-top:0;}

    #protitle .title{margin-bottom:15px;padding-bottom:15px;}

    #protitle h1{font-size:18px;line-height:24px;}

    #protitle h4{font-size:15px;line-height:20px;}

    

    #ProDetailPage .title h3{font-size:16px;line-height:24px;}

    #protitle .remark{font-size:14px;min-height:100px;margin-bottom:20px;}



    #protitle .btnlist>a.btnlink{font-size:14px;margin-bottom:0;padding:5px 10px;width:160px;}

    #protitle .btnlist>a:not(:last-child){margin-right:2%;}

    #protitle .share{margin-top:10px;margin-bottom:10px;}

    

    #slider .inquiryline i{width:50px;height:50px;line-height:50px;top:-20px;font-size:30px;left:calc(50% - 25px);}

}

@media (min-width:1px) and (max-width:767px) {

    #ProDetailPage{padding-top:20px;}



    #BigImg{margin-bottom:10px;}

    

    #slider{margin-bottom:25px;}

    #picView{width:100%;padding:0;float:initial;border-right:0;}

    #picView .gallery-thumbs{}

    #protitle{width:100%;float:initial;}

    #protitle .title{margin-bottom:15px;padding-bottom:15px;}

    #protitle h1{font-size:18px;line-height:24px;}

    #protitle h4{font-size:15px;line-height:1.5;margin-bottom:10px;}

    #protitle .remark{font-size:13px;line-height:1.5;}

    #protitle .btnlist>a.btnlink{font-size:13px;margin-bottom:8px;padding:5px 10px;width:150px;}

    #protitle .btnlist>a:not(:last-child){margin-right:2%;}

    

    #ProDetailPage .title h3{font-size:16px;line-height:24px;}



    #protitle .remark{font-size:14px;min-height:initial;margin-bottom:20px;}

    #protitle .remark dl>dt{font-size:13px;line-height:1.8;width:120px;}

    #protitle .remark dl>dd{font-size:13px;line-height:1.8;width:calc(100% - 120px)}

}





#ProductDetail{}

#ProductDetail .content{}

#protitle .prevnext{margin-top:20px;}

#protitle .prevnext>a{display:block;font-size:16px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}

#protitle .prevnext>a:before{content:"[";margin-right:1px;}

#protitle .prevnext>a:after{content:"]";margin-left:1px;}

#protitle .prevnext>a>b{margin-right:5px;}

#protitle .prevnext>a:hover{text-decoration:underline;}

@media (min-width:992px) and (max-width:1229px) {

}

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

}

@media (min-width:1px) and (max-width:767px) {

}



.prosection{margin-bottom:50px;}

.prosection .tit{margin-bottom:30px;border-bottom:1px solid #ddd;position:relative;}

.prosection .tit:after,.prosection .tit:before{display:table;content:" ";}

.prosection .tit:after{clear:both;}

.prosection .tit a{display:inline-block;float:left;border:1px solid #ddd;}

.prosection .tit a h3{padding:10px 50px;font-size:24px;line-height:30px;position:relative;font-family:Montserrat-Semibold,Arial,Verdana,Tahoma, Geneva,sans-serif;}

.prosection .tit a.active{background-color:#398c7b;color:#fff;border:1px solid #398c7b;}

.prosection .tit a.active h3{color:#fff;}

@media (min-width:992px) and (max-width:1229px) {

    .prosection{margin-bottom:30px;}

    .prosection .tit{margin-bottom:20px;}

    .prosection .tit a h3{font-size:20px;padding:8px 40px;}

}

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

    .prosection{margin-bottom:25px;}

    .prosection .tit{margin-bottom:20px;}

    .prosection .tit a h3{font-size:18px;padding:6px 30px;}

}

@media (min-width:1px) and (max-width:767px) {

    .prosection{margin-bottom:25px;}

    .prosection .tit{margin-bottom:15px;}

    .prosection .tit a h3{font-size:16px;padding:6px 20px}

}



#RelatedProduct{}

#RelatedProduct .list .item{width:calc((100% - 45px)/4);margin:0 15px 0 0;position:relative;}

#RelatedProduct .list .item:nth-child(4n){margin-right:0;}

#RelatedProduct .list .item .img{border:1px solid #eee;}

#RelatedProduct .list .item .txt{text-align:center;padding-top:10px;}

#RelatedProduct .list .item .txt h3{font-size:15px;font-weight:normal;font-family:Montserrat-Semibold,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#RelatedProduct .list .item:hover .txt h3{color:#398c7b;}

@media (min-width:992px) and (max-width:1229px) {

}

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

    #RelatedProduct .tit{margin-bottom:20px;}

    #RelatedProduct .tit h3{font-size:18px;}

    #RelatedProduct .list .item{width:calc((100% - 30px)/3);margin:0 15px 0 0;}

}

@media (min-width:1px) and (max-width:767px) {

    #RelatedProduct .tit{margin-bottom:10px;}

    #RelatedProduct .tit h3{font-size:18px;}

    #RelatedProduct .list .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;}

    #RelatedProduct .list .item:nth-child(3){display:none;}

    #RelatedProduct .list .item:nth-child(2n){margin-right:0;}

    #RelatedProduct .list .item .txt h3{font-size:13px;}

}



#inquiry .frame_title .line{margin-bottom: 20px;}

#inquiry .frame_title{margin-bottom:30px;}

#inquiry .feedbackbox{}

#inquiry .feedbackbox .list-inline .half{width: calc((100% - 45px)/2);margin-bottom: 30px;}

#inquiry .feedbackbox .list-inline input{width: 100%;padding: 20px 35px;border-radius: 20px;box-shadow: 0 0 27px rgba(204, 204, 204,82%);font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;font-size: 21px;}

#inquiry .feedbackbox .list-inline .textarea{width: 100%;margin-bottom:20px;}

#inquiry .feedbackbox .list-inline textarea{width: 100%;padding: 35px 35px;border-radius: 20px;box-shadow: 0 0 27px rgba(204, 204, 204,82%);resize: none;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;height: 200px;font-size: 21px;}

#inquiry .feedbackbox .list-inline label{padding: 10px;display: inline-block;color: #398c7b;font-size: 21px;font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#inquiry .feedbackbox .list-inline .btnli{width: 100%;}

#inquiry .feedbackbox .list-inline a{padding: 8px 28px;border-radius: 10px;border: 1px solid #339966;background:linear-gradient(90deg, #6da193,#398c7b);font-family:Montserrat-Light,Arial,Verdana,Tahoma, Geneva,sans-serif;color: #fff;display: inline-block;margin: 0 auto;font-size: 21px;}

#inquiry .feedbackbox .list-inline a:hover{color: #398c7b;}

#inquiry .feedbackbox .list-inline input::-webkit-input-placeholder,#inquiry .feedbackbox .list-inline textarea::-webkit-input-placeholder{color: #cccccc;}



#SolutionList{margin-bottom: 180px;}

#SolutionList .list{display: flex;justify-content: space-between;}

#SolutionList .list .item{display: inline-block;width: calc((100% - 120px)/3);text-align: center;}

#SolutionList .list .item .item_img img{border-radius: 20px;height: auto;width: 100%;object-fit: cover;}

#SolutionList .list .item h4{margin-top: 40px;font-size: 22px;font-family:Montserrat-SemiBold,Arial,Verdana,Tahoma, Geneva,sans-serif;}

#SolutionList .list .item:hover h4{color: #398c7b;}

@media (max-width:1320px) {

    #protitle{padding: 0 15px;}

    #protitle .right_img{right: 20px;}

    #ProDetailPage{padding: 0;}

}

@media (max-width:1223px) {

    #ProDetailPage #protitle {padding-top: 100px;}

    #protitle .pro_right{position:relative;height: auto;transform:translateY(0);}

    #ProDetailPage #protitle .container{display: flex;justify-content: space-between;}

    #ProDetailPage #protitle .pro_left, #protitle .pro_right {width: 50%;}

    #ProDetailPage #protitle .pro_left{ padding-left:15PX;}

    #ProDetailPage #ProductDetail{ padding-top:0px; padding-bottom:50px;}

    .pro_right {display: block;}

    #protitle .pro_right_list{position: relative;}

    #parameter{padding-bottom: 0;padding:20px 15px;background-size: cover;}

    #parameter .parameter{padding: 50px 60px 90px;height: auto;}

}

@media (max-width:993px){

    #ProDetailPage #protitle .pro_left{width: 50%;}

    #ProDetailPage #protitle{ padding-top:50px;}

    #ProDetailPage #protitle .container{display:flex;}

    #ProDetailPage #protitle h4 {font-size: 25px;}

    #ProDetailPage #protitle h5{font-size:18px; margin-bottom:25px;}

    #ProDetailPage #protitle .icon{ margin-bottom:35px;}

    #ProDetailPage #protitle .btnlist a{ width:45%; margin-right:2%; font-size:18px;}

    #protitle .pro_right {position: relative;width: 48%;}

    #protitle .pro_right_list{display:block; left:auto;}

    #protitle .right_img{width:100%; height:auto; position:relative; right:15px;}

    #protitle .pro_right_img{width:100%; height:auto;}

    #parameter .parameter {margin-top: 10px;padding-top: 20px;padding-bottom: 90px;flex-wrap: wrap;}

    #parameter .parameter .parameter_left,#parameter .parameter .parameter_right{width: 100%;}

    #parameter .parameter .parameter_right .botton{margin-top: 20px;}

    #parameter .parameter .parameter_right .parameter_list{width: 100%;}

    #parameter{padding: 20px 15px;}

    #SolutionList .list .item{width: calc((100% - 20px)/3);}

    #ProDetailPage #ProductDetail .pro_detail{ width:100%;}

    #ProDetailPage #ProductDetail .pro_detail p{ margin-top:25px;}

}

@media (max-width:767px) {

    #ProDetailPage #pro_detail{padding:0px!important;}



    #ProDetailPage #protitle .pro_left {width: 100%;}

    #protitle .pro_right {position: relative;width: 100%;padding:15px 15px 60px 15px;}

    #parameter .parameter .parameter_right .btnlist{ padding-bottom:0px;}

    #parameter .parameter .parameter_right .btn-prev{right:65px; left:auto;top:0; z-index:999;}

    #parameter .parameter .parameter_right .btn-next{z-index:999; top:0;}

      

    #protitle .right_img {width: 100%;height: auto;background: none;position: relative;right: 0px;}

    #ProDetailPage #protitle{padding-top: 20px;padding-bottom:30px;}

    #ProDetailPage #protitle .container{flex-wrap: wrap;}

    #ProDetailPage #protitle h4{font-size: 24px;}

    #ProDetailPage #protitle h5{font-size: 20px;margin-bottom:20px;}

    #ProDetailPage #protitle .icon{margin-bottom: 20px;}

    #ProDetailPage #protitle .icon img{height: 30px;}

    #ProDetailPage #protitle .btnlist a{font-size: 16px;margin-right:10px;line-height: 20px;width: 150px;height: 30px;padding: 5px 0;margin-bottom: 10px;}

    #ProDetailPage #protitle .btnlist a i{font-size: 20px;margin-right: 5px;display: inline-block;vertical-align: top;line-height: 20px;}

    #ProDetailPage #protitle{padding:15px 0px;}

    /*#ProDetailPage #ProductDetail{padding: 0px 15px!important;}*/

    #ProDetailPage #ProductDetail .pro_detail{width: 100%;}

    #ProDetailPage #ProductDetail .pro_detail p{font-size: 16px;margin-top: 10px;text-align:left;}

    #parameter .parameter .parameter_right .parameter_list ul li{font-size: 14px;}

    #parameter .parameter{padding: 0px; margin-bottom:55px; border:none;}

    #parameter .parameter .parameter_right .parameter_list {padding: 65px 15px 15px 15px;height: auto;}

    #SolutionList .list .item{width: 100%;}

    #SolutionList .list .item h4{margin-top: 10px;margin-bottom: 20px;}

    #SolutionList{margin-top: -60px;margin-bottom:20px;}

    #inquiry .feedbackbox .list-inline .half{width: 100%;margin-bottom: 10px;}

    #inquiry .feedbackbox .list-inline input{padding: 10px 35px;font-size: 16px;}

}   

@keyframes strenths{

    FROM{opacity: 0;}

    TO{opacity:1;}

}















.pagination{display:inline-block;margin:20px 0;padding-left:0;border-radius:4px;}

.pagination>li{display:inline;}

.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:4px 10px;background-color:#fff;color:#999;text-decoration:none;line-height:1.42857143;}

.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}

.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#398c7b;}

ul.pagination {box-shadow:none;width:100%;border-radius:0;text-align:center;}

ul.pagination li {margin-left:5px;display:inline-block;margin-bottom:5px;}

ul.pagination li a{color:#999;font-size:18px;}

ul.pagination li.active span{color:#398c7b;font-size:18px;}

ul.pagination li:first-child a{border-radius:0;}

ul.pagination li:last-child a{border-radius:0;}

ul.pagination li:hover a,ul.pagination li.active:hover>span{color:#398c7b;}



#frame3 .detail .left{position:relative;background:#000}

#frame3 .detail .left  video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: auto;}