@charset "utf-8";
/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/

*{font-family: 'Opensans-Regular';}
html, div{outline:0;}
cite, em, strong, i{font-style:normal;}
.w{width: 980px; margin:0 auto; min-width:899px;}
.hide{display:none;}
.imgbox{display:block; overflow:hidden;}
.imgbox img{max-width:100%; max-height:100%;}
input,textarea{outline: none;}
input[type=submit]{cursor: pointer;}
/*#main.w>.fl{width:190px;}*/

body{background:#fff;width: 100%;height: 100%;max-width: 1920px;margin:0 auto;overflow-x: hidden;position: relative;}
.wrap{width:1200px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.text-over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.over{overflow: hidden;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.table{width: 100%;height: 100%;display: table;}
.table-cell{display: table-cell;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.block{display: block;}
.hidden{display: none;}
.visible-hidden{visibility: hidden;opacity: 1;}
.middle{vertical-align: middle;}
.middleImg img{vertical-align: middle;}
.middleImg .mid-ilb{vertical-align: middle;display: inline-block;}
.middleImg span{height: 100%;vertical-align: middle;display: inline-block;}
.relative{position: relative;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.center-vertical{position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.trans-show{transition:all .5s;-webkit-transition:all .5s;opacity: 0;visibility: hidden;}
.trans-show.visable{opacity: 1;visibility: visible;}
.trans{-webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
.pointer{cursor: pointer;}
.flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.flow-shadow:hover{transform:translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
.clear_gt_991{clear: both;}
.border-box{box-sizing: border-box;}
*.hoverColor{-webkit-transition:all .3s;transition:all .3s;}
*.hoverColor:hover{color: #42b3e5!important;}
.show-pc-block{display: block!important;}
.show-pc-inline-block{display: inline-block!important;}
.show-mb-block{display: none!important;}
.show-mb-inline-block{display: none!important;}
body.flex-foot-bottom{display: flex;flex-direction: column;}
.flex-foot-bottom .header,
.flex-foot-bottom .footer,
.flex-foot-bottom .top-cateogry,
.flex-foot-bottom .wrap-banner,
.flex-foot-bottom .bread{flex: 0 0 auto;}
.flex-main-content{flex: 1 0 auto;}
a:hover{text-decoration: none;}

.trans{transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.img_center{ text-align:center;}
.img_center img{ vertical-align:middle;}
.img_center span{height:100%;display:inline-block; vertical-align:middle;}
.img_size .imgBox{position: relative;padding-top: 100%;height: 0}
.img_size .imgBox a{position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.img_animate{overflow: hidden;}
.img_animate img{transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.img_animate:hover img{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.cont{width: 1680px;margin: 0 auto;}
.pos_box{width: 100%;height: 100%;position: relative;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
body.noscorll{overflow: hidden;}


#header{width: 100%;top: 0;left: 0;right: 0;margin:auto;z-index: 100;position: fixed;background: white;box-sizing:border-box;border-bottom: 1px solid #e5e5e5;}
#goods #header{position: relative;height: 80px;}
#header .header,.header_fixed{height:80px;position: relative;}
#goods .header_fixed{display: none;}
#header .header .logo{float: left;width: 15%;max-width: 300px;height:80px;}
#header .header .logo a{}
#nav{height: 80px;margin: 0 auto;text-align: center;}
#nav .item{height: 80px;line-height: 80px;margin: 0 22.5px;display: inline-block;}
#nav .item>a{font-family: 'Montserrat-Regular';font-size: 18px;color: #222222;position: relative;height: 100%;line-height: 80px;display: block;}
#nav .item>a:after{content: '';position: absolute;left: 50%;right: 50%;height: 2px;background: #40a7a6;bottom: 0;transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
#nav .item>a:hover:after{left: 0;right: 0;}
#nav .item:hover>a:after{left: 0;right: 0;}
#nav .item .subNavBox{width: 100vw;position: absolute;left: 50%;background: white;top: 80px;transform:translate(-50%,0);transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;opacity: 0;pointer-events:none;}
#nav .item:hover .subNavBox{opacity: 1;pointer-events:auto;}
#nav .item .subNavBox:after{position: absolute;content: '';height: 150vh;width: 100%;background: rgba(0,0,0,0.5);top: 100%;left: 0;z-index: 1;pointer-events:none;}
#nav .item .subNavBox .content{width: 1100px;margin: 0 auto;padding: 30px 0 60px;display: grid;grid-template-columns:repeat(4,1fr);grid-gap:35px 35px;z-index: 2;position: relative;}
#nav .item .subNavBox .content .cateBox .title{margin-bottom: 10px;line-height: normal;text-align: left;}
#nav .item .subNavBox .content .cateBox .title a{font-family: 'Montserrat-Regular';font-size: 18px;color: #222222;}
#nav .item .subNavBox .content .cateBox .cate{margin-bottom: 10px;line-height: normal;text-align: left;}
#nav .item .subNavBox .content .cateBox .cate a{font-family: 'Opensans-Regular';font-size: 14px;color: #555555;}
#header .func{float: right;height: 30px;margin-top: 25px;}
#header .func .search_form{float: left;background: #f6f6f6;height: 30px;overflow: hidden;}
#header .func .search_form .searchTxt{float: left;height: 30px;line-height: 30px;background: transparent;border: 0;box-sizing:border-box;text-indent: 10px;width: 165px;}
#header .func .search_form .sumBtn{float: left;width: 35px;height: 30px;background: url(../images/header_serach_btn.png) no-repeat center center transparent;cursor: pointer;border: 0;box-sizing:border-box;}
#header .func .user_btn{height: 30px;line-height: 30px;float: left;margin-left: 30px;}
#header .func .user_btn a{font-size: 14px;color: #333333;}
#header .func .icon{cursor: pointer;}
#header .func .icon:first-child{margin-left: 0;}
#header .func .icon.language_icon{position: relative;padding-left: 18px;font-size: 14px;*background: url(../images/header_lang.png) no-repeat left 18px center;float: left;margin-left: 20px;height: 30px;line-height: 30px;}
#header .func .icon.language_icon:after{content: '';height: 14px;width: 1px;background: #696969;left: 0;top: 50%;margin-top: -7px;position: absolute;}
#header .func .icon.language_icon span{color: #333333;font-size: 14px;}
#header .func .icon.language_icon .down{position: absolute;left: 0;top: 100%;background: rgba(255,255,255);opacity: 0;visibility: hidden;z-index: 100;padding: 10px;border-radius: 5px;}
#header .func .icon.language_icon:hover .down{opacity: 1;visibility: visible;}
#header .func .icon.language_icon .down a{display: block;width: 120px;line-height: 25px;font-size: 14px;overflow: hidden;text-align: center;}
#header .func .icon.language_icon .down a img{margin-right: 8px;}
#header.index_header{position: absolute;left: 0;top: 47px;width: 100%;z-index: 10001;}
#header.index_header .header{background: rgba(255,255,255,.8);border-radius: 10px;}
#header.fiexd{position: fixed;top: 0;left: 0;width: 100%;background: white;z-index: 10001;}
/*#header.fiexd .header{height: 80px;}
#header.fiexd #nav{margin-top: 17px;}*/
#header.fiexd #nav .list{padding-bottom: 9px;}
/*#header.fiexd .func{margin-top: 31px;}*/
#header .search_box.on{visibility: visible;opacity: 1;}
#header .search_box{position: absolute;top: 100%;width: 100%;max-width: 1440px;border-radius: 4px;background: rgba(255,255,255,.5);opacity: 0;visibility: hidden;z-index: 100;overflow: hidden;}
#header .search_box .search{}
#header .search_box .search input[name=Keyword]{width: calc( 100% - 120px );border: none;text-align: center;line-height: 60px;font-size: 15px;color: #909090;}
#header .search_box .search input[type=submit]{width: 120px;height: 60px;line-height: 60px;background: white;font-weight: bold;font-size: 15px;border:none;border-left: 1px solid #eee;}
#header.white-module{background: #fff;box-shadow: 0 1px 6px rgba(122, 122, 122, 0.4);position: relative;}
#header.white-module #nav .list > a{color: #000;}
#header.white-module .func .icon img{visibility: hidden;opacity: 0;}
#header.white-module .func .icon{background: url(../images/icon_member_b.png) no-repeat center;}
#header.white-module .func .icon.search_icon{background-image: url(../images/icon_search_b.png);}

/************ footer *****************/
#footer{padding-top: 60px;}
#footer .link{display: grid;grid-template-columns:repeat(5,1fr);grid-gap:0 60px;padding-bottom: 110px;}
#footer .link ul li{padding: 6.5px 0}
#footer .link ul li.tit{height: 60px;line-height: 60px;font-family: 'Montserrat-Regular';font-size: 20px;color: #000;padding: 0}
#footer .link ul a{font-size: 14px;color: #3b3b3b;font-family: 'Opensans-Regular'}
#footer .link ul li.read_more a{color: #47a7a7;}

#footer .link ul.contact li.share{margin-top: 15px;}
#footer .link ul.contact_info li.i{min-height:30px; position:relative;box-sizing:border-box;margin-bottom: 20px;padding-left: 51px;line-height: 24px;}
#footer .link ul.contact_info li span{float: left;display:block; width:20px; height:24px; background:url(../images/icon_addr.png) no-repeat left center;margin-right: 10px;}
#footer .link ul.contact_info li.tel{background: url(../images/footer_tel_icon.png) no-repeat left center;}
#footer .link ul.contact_info li.email{background: url(../images/footer_email_icon.png) no-repeat left center;}
#footer .link ul.contact_info li.addr{background:url(../images/header_country_black.png) no-repeat left 6px top 9px;}
#footer .link ul.contact_info li.item{margin: 5px 0 25px;}
#footer .copyright{border-top:1px solid #e5e5e5;height: 73px;}
#footer .copyright .cont{overflow: hidden;}
#footer .copyright .txt{float:left;font-size: 16px;font-family: 'Opensans-Regular';line-height: 73px;}
#footer .copyright .txt a{font-family: 'Opensans-Regular';font-size: 16px;}
#footer .copyright .foot_link{float: right;height: 73px;overflow: hidden;}
#footer .copyright .foot_link a{line-height: 73px;float: left;margin-left: 35px;font-family: 'Opensans-Regular';font-size: 16px;color: #333333;}
.foot_share .foot_share_box{margin-right: 0;}
#footer .foot-lang{}
#footer .foot-lang .down-select{bottom: 100%;right: 0;background: rgba(255,255,255,.8);padding: 5px 10px;border-radius: 4px;}
#footer .foot-lang .down-select a{padding:3px 0;}
#footer .foot-lang .down-select a img,
#footer .foot-lang .cur_lang img{max-width: 20px;max-height: 20px;margin-right: 4px;}
#footer .foot-lang .down-select a:hover{color:#42b3e5;}
#footer .foot-lang .cur_lang{text-transform: uppercase;}
#footer .foot-lang:hover .down-select{opacity: 1;visibility: visible;}

#banner .bx-controls-direction{display: none;}
#banner .bx-wrapper .bx-pager{width: auto;right: 6.25%;padding-top: 0;bottom: 11%;}
#banner .bx-wrapper .bx-pager .bx-pager-item{display: block;height: 30px;position: relative;width: 100px;}
#banner .bx-wrapper .bx-pager.bx-default-pager a{background: white;width: 32px;height: 2px;border-radius: 0;-webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s;margin: 0;position: absolute;right: 0;top: 50%;margin-top: -1px;line-height: 4px;text-indent: -48px;color: white;}
#banner .bx-wrapper .bx-pager.bx-default-pager a:before{content: '0';}
#banner .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:hover a,#banner .bx-wrapper .bx-pager.bx-default-pager a.active{width: 62px;text-indent: -78px;}

#index .area_1{margin-top: 45px;}
#index .area_1 .cont{position: relative;}
#index .area_1 .cont .btn{position: absolute;top: 50%;transform:translate(0,-50%);width: 50px;height: 50px;border: 1px solid #bcbcbc;text-align: center;line-height: 50px;color: black;border-radius: 25px;background-color: white;}
#index .area_1 .cont .btn>a{display: block;width: 100%;height: 100%;font-family: monospace}
#index .area_1 .cont .btn.next{right: -78px;}
#index .area_1 .cont .btn.prev{left: -78px;}
#index .area_1 .title{text-align: center;height: 90px;line-height: 90px;position: relative;font-family: 'Montserrat-Regular';font-size: 48px;margin-bottom: 60px;}
#index .area_1 .title:after{width: 162px;height: 3px;content: '';position: absolute;left: 50%;transform:translate(-50%,0);bottom: 0;background: #47a7a7;}
#index .area_1 .pro_list{overflow: hidden;}
#index .area_1 .pro_list .pro_item{float: left;width: 534px;}
#index .area_1 .pro_list .pro_item .img .imgBox{padding-top: 65.1685393258427%;}
#index .area_1 .pro_list .pro_item .name{height: 95px;line-height: 95px;text-align: center;overflow: hidden;}
#index .area_1 .pro_list .pro_item .name a{font-family: 'Montserrat-Regular';font-size: 18px;}
#index .area_1 .pro_list .pro_item .more{display: block;margin: 0 auto;width: 169px;height: 48px;box-sizing:border-box;border: 1px solid #b9b9b9;line-height: 48px;text-align: center;font-family: 'Montserrat-Regular';}
#index .area_1 .pro_list .pro_item:hover .more{background: #47a7a7;border-color: #47a7a7;color: white;}
#index .area_1 .more_btn{width: 95%;margin: 0 auto;box-sizing:border-box;border: 1px solid #bababa;height: 14.666667vw;line-height: 14.666667vw;text-align: center;font-family: 'Montserrat-Regular';font-size: 4.266667vw;text-transform: uppercase;color: #555555;display: block;}

#index .area_2{margin: 80px auto 60px;padding: 80px 0;background: #f8f8f8;}
#index .area_2 .cont{overflow: hidden;position: relative;box-sizing:border-box;padding-right: 155px;}
#index .area_2 .cont .left_area{position: absolute;left: 0;width: calc(100% - 669px - 155px);top: 0;bottom: 0;}
#index .area_2 .cont .left_area .char{box-sizing:border-box;padding: 60px 88px 0 109px;}
#index .area_2 .cont .left_area .char .title{line-height: 60px;font-family: 'Montserrat-Regular';font-size: 48px;color: #222222;position: relative;padding-bottom: 45px;margin-bottom: 35px;}
#index .area_2 .cont .left_area .char .title:after{content: '';width: 160px;height: 3px;background: #47a7a7;position: absolute;left: 0;bottom: 0;}
#index .area_2 .cont .left_area .char .brief{line-height: 28px;font-family: 'Opensans-Regular';font-size: 16px;color: #555555;}
#index .area_2 .cont .left_area .char .more{margin-top: 35px;float: left;width: 192px;height: 48px;line-height: 48px;text-align: center;background: #47a7a7;color: white;font-size: 12px;font-family: 'Montserrat-Regular';text-transform: uppercase;}
#index .area_2 .cont .left_area .char .more:hover{background: #47a7a7;}
#index .area_2 .cont .rightImg{float: right;width: 669px;position: relative;}
#index .area_2 .cont .rightImg #videoBtn{position: absolute;display: block;width: 80px;height: 80px;background: url(../images/index_video_btn.png) no-repeat center;left: -40px;top: 50%;transform:translate(0,-50%);border-radius: 40px;overflow: hidden; }

#videoBox{position: fixed;left: 5%;right: 5%;top: 10%;bottom: 10%;background: white;display: none;z-index: 10001}
#videoBox iframe{width: 100%;height: 100%;}

#index .area_3 .title{text-align: center;height: 80px;line-height: 80px;position: relative;font-family: 'Montserrat-Regular';font-size: 48px;margin-bottom: 60px;}
#index .area_3 .title:after{width: 162px;height: 3px;content: '';position: absolute;left: 50%;transform:translate(-50%,0);bottom: 0;background: #47a7a7;}
#index .area_3 .img_list{display: grid;grid-template-columns:repeat(4,1fr);grid-gap:0 34px;}
#index .area_3 .img_list .img{position: relative;}
#index .area_3 .img_list .img .imgBox{padding-top: 137.659033078880%}
#index .area_3 .img_list .img .name{position: absolute;left: 0;right: 0;text-align: center;font-family: 'Montserrat-Regular';font-size: 24px;color: #222222;top: 35px;}
#index .area_3 .img_list .img .name .btn{font-size: 14px;}

#index .area_4{margin: 80px auto 56px;padding: 55px 0 80px;background: #f8f8f8;}
#index .area_4 .title{text-align: center;height: 90px;line-height: 90px;position: relative;font-family: 'Montserrat-Regular';font-size: 48px;margin-bottom: 60px;}
#index .area_4 .title:after{width: 162px;height: 3px;content: '';position: absolute;left: 50%;transform:translate(-50%,0);bottom: 0;background: #47a7a7;}
#index .area_4 .case_list{display: grid;grid-template-columns:repeat(3,1fr);grid-gap:0 38px;}
#index .area_4 .case_list .case_item{}
#index .area_4 .case_list .case_item .img .imgBox{padding-top: 65.1685393258427%;}
#index .area_4 .case_list .case_item .info_box{}
#index .area_4 .case_list .case_item .info_box .name{height: 70px;line-height: 70px;font-family: 'Montserrat-Regular';font-size: 20px;color: #000000;overflow: hidden;}
#index .area_4 .case_list .case_item .info_box .name a{font-family: 'Montserrat-Regular';font-size: 20px;}
#index .area_4 .case_list .case_item .info_box .brief{font-family: 'Opensans-Regular';font-size: 14px;color: #888888;line-height: 27px;}
#index .area_4 .case_list .case_item .info_box .more{margin-top: 35px;width: 169px;height: 48px;float: left;text-align: center;line-height: 48px;background: #47a7a7;color: white;text-transform: uppercase;}
#index .area_4 .case_list .case_item .info_box .more:hover{background: #57c7c7;}

#index .area_5{margin: 56px auto 80px;}
#index .area_5 .title{text-align: center;height: 90px;line-height: 90px;position: relative;font-family: 'Montserrat-Regular';font-size: 48px;margin-bottom: 60px;}
#index .area_5 .title:after{width: 162px;height: 3px;content: '';position: absolute;left: 50%;transform:translate(-50%,0);bottom: 0;background: #47a7a7;}
#index .area_5 .blog_list{display: grid;grid-template-columns:repeat(3,1fr);grid-gap:0 38px;}
#index .area_5 .blog_list .blog_item{}
#index .area_5 .blog_list .blog_item .img .imgBox{padding-top: 65.1685393258427%;}
#index .area_5 .blog_list .blog_item .info_box{}
#index .area_5 .blog_list .blog_item .info_box .author{margin-bottom: 15px;font-family: 'Montserrat-Regular';font-size: 14px;color: #9d9d9d;}
#index .area_5 .blog_list .blog_item .info_box .author span{color: #d92b2b}
#index .area_5 .blog_list .blog_item .info_box .name{line-height: 35px;font-family: 'Montserrat-Regular';font-size: 20px;color: #000000;overflow: hidden;margin-bottom: 10px;}
#index .area_5 .blog_list .blog_item .info_box .name a{font-family: 'Montserrat-Regular';font-size: 20px;}
#index .area_5 .blog_list .blog_item .info_box .brief{font-family: 'Opensans-Regular';font-size: 14px;color: #888888;line-height: 27px;height: 81px;overflow: hidden;}
#index .area_5 .blog_list .blog_item .info_box .more{margin-top: 35px;width: 169px;height: 48px;float: left;text-align: center;line-height: 48px;background: #47a7a7;color: white;text-transform: uppercase;}
#index .area_5 .blog_list .blog_item .info_box .more:hover{background: #57c7c7;}

#index .area_6{background: url(../images/index_area_6_bg.png) no-repeat center top;height: 555px;position: relative;}
#index .area_6 .infoBox{position: absolute;background: rgba(255,255,255,0.91);left: 50%;top: 50%;transform:translate(-50%,-50%);width: 620px;box-sizing:border-box;padding:  45px 60px 50px;}
#index .area_6 .infoBox .title{text-align: center;font-family: 'Opensans-Regular';font-size: 18px;color: #444444;margin-bottom: 30px;}
#index .area_6 .infoBox .brief{text-align:center;font-family: 'Montserrat-Regular';font-size: 34px;color: #000000;line-height: 50px;margin-bottom: 25px; }
#index .area_6 .infoBox .btn{display: block;width: 400px;height: 58px;text-align: center;line-height: 58px;color: white;font-family: 'Montserrat-Regular';font-size: 18px;text-transform: uppercase;background: #47a7a7;margin: 0 auto;}
#index .area_6 .infoBox .char{margin-top: 25px;text-align: center;}
#index .area_6 .infoBox .char span{padding: 0 20px;font-family: 'Opensans-Regular';font-size: 16px;color: #444444;position: relative;}
#index .area_6 .infoBox .char span:after{content: '';width: 2px;height: 17px;background: #747371;left: 0;top: 50%;transform:translate(0,-50%);position: absolute;}
#index .area_6 .infoBox .char span:first-child:after{display: none;}

#index .area_7{background: #f8f8f8;padding: 90px 0 115px;}
#index .area_7 .title{height: 90px;line-height: 90px;position: relative;font-size: 48px;text-align: center;margin-bottom: 60px;}
#index .area_7 .title:after{content: '';position: absolute;width: 87px;height: 3px;background: #47a7a7;left: 50%;transform:translate(-50%,0);bottom: 0}
#index .area_7 .video_list{display: grid;grid-template-columns:repeat(3,1fr);grid-gap:0 68px;}
#index .area_7 .video_list .item{position: relative;}
#index .area_7 .video_list .item:before{content: '';position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width: 54px;height: 54px;background: url(../images/area_7_btn_icon.png) no-repeat;z-index: 1;cursor: pointer;}
#index .area_7 .video_list .item:after{content: '';left: 0;right: 0;top: 0;bottom: 0;position: absolute;background: rgba(0,0,0,0.4);transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;cursor: pointer;}
#index .area_7 .video_list .item:hover:after{background: rgba(0,0,0,0.2);}
#index .area_7 .video_list .item.img_size .imgBox{padding-top: 68.7378640776699%}

.index-blog{padding:35px 0 50px;}
.index-blog .title{overflow: hidden;margin-bottom: 60px;}
.index-blog .title span{font-size: 24px;color: #111;font-family: "OpenSans-Semibold";text-transform: uppercase;padding:0 25px;}
.index-blog .title span::after,
.index-blog .title span::before{position: absolute;top: 0;bottom: 0;width: 1000%;height: 1px;background: #ddd;margin:auto;content: '';}
.index-blog .title span::after{left: 100%;}
.index-blog .title span::before{right: 100%;}
.index-blog .list{}
.index-blog .list .box{width: 48.75%;}
.index-blog .list .box .date{width: 90px;}
.index-blog .list .box .date span{display: block;}
.index-blog .list .box .date span.d{line-height: 50px;font-size: 46px;color: #aaa;font-weight: bold;font-family:"OpenSans-Semibold";}
.index-blog .list .box .date span.m{font-size: 14px;color: #666;font-family: "Opensans-Light";}
.index-blog .list .box .word{width: calc(100% - 90px);padding-left: 25px;box-sizing: border-box;border-left: 1px solid #e5e5e5;}
.index-blog .list .box .word .name{margin-bottom: 10px;font-size: 16px;color: #333;font-family: "OpenSans-Semibold";}
.index-blog .list .box .word .brief{max-height: 40px;font-size: 14px;color: #666;font-family: "OpenSans-Light";}
.index-blog .list .box .img{max-height: 290px;margin-top: 35px;}



body .ueeshop_responsive_turn_page *{font-family: "OpenSans-Bold";}
body .ueeshop_responsive_turn_page.s1 > span .page_item_current{font-weight: bold;color: #000;}
body .ueeshop_responsive_turn_page.s1 > span .page_item_current:after{display: block;width: 19px;height: 3px;background: #000;margin:-12px auto 0;content: '';}
body .ueeshop_responsive_turn_page span a,
body .ueeshop_responsive_turn_page span font{color: #787878;}

/*body .ueeshop_responsive_products_detail .description .title{text-align: center;}
body .ueeshop_responsive_products_detail .description .title span{position: relative;font-size: 14px;color: #333;font-family: "OpenSans-Semibold";text-transform: uppercase;height: 100%;display: inline-block;}
body .ueeshop_responsive_products_detail .description .title span:after{position: absolute;bottom: -10px;left: 0;width: 100%;height: 6px;content: '';}
body .ueeshop_responsive_products_detail .description .title span.cur{color: #018cca;}
body .ueeshop_responsive_products_detail .description .title span.cur:after{background: #018cca}*/

.wrap-module .cate-name{font-size: 30px;color: #000;}

body .ueeshop_responsive_info_list{overflow: visible;}
body .ueeshop_responsive_info_list .item{transition: all .4s;margin-bottom: 0;padding:35px 30px;}
body .ueeshop_responsive_info_list .item:hover{box-shadow:0 0px 10px #e9e9e9;border-bottom-color: #fff;}
body .ueeshop_responsive_info_list .item .info .title:hover a{color: #138bff;}

body .ueeshop_responsive_download_list ul li{border:none;padding:40px;padding: 25px 40px;}
body .ueeshop_responsive_download_list ul li .name{font-size: 16px;}
body .ueeshop_responsive_download_list ul li a{width: 45px;height: 45px;line-height: 45px;margin:0;background: #aaa;}
body .ueeshop_responsive_download_list ul li:nth-child(odd){background: #f6f6f6;}
body .ueeshop_responsive_download_list ul li:nth-child(odd) a{background: #3a3a3a;}


.article-content .contents .cate_top{ width: 100%; height: 90px; border-bottom: 1px solid #cfcfcf; text-align: center;}
.article-content .contents .cate_top .item{ display: inline-block; position: relative;font-family: 'Montserrat-Regular'; margin: 0 20px; padding: 0 0px; height: 100%; line-height: 80px; font-size: 18px; color: #222222; text-decoration: none;}
.article-content .contents .cate_top .item:before{ display: block; content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #47a7a7; opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.article-content .contents .cate_top .item.cur:before,.article-content .contents .cate_top .item:hover:before{ opacity: 1;}
.article-content .contents .cate_top .item.cur{color:#47a7a7;}


.article-content .con.con4{}
.article-content .con.con4 .img{position: relative;}
.article-content .con.con4 .conn{position: absolute;left: 50%;transform: translate(-50%,-50%);top: 55%;text-align: center;}
.article-content .con.con4 .conn .txt_2{font-family: 'Montserrat-Regular';font-size: 26px;text-align: center;color: #fff;line-height: 42px;}
.article-content .con.con4 .conn .con_btn a{display: inline-block; margin-top:49px;color: #000;font-size: 14px;text-align: center;font-family: 'Montserrat-Regular';width: 190px;height: 48px;line-height: 48px;background-color: #fff;border-radius: 3px;}


.article-content .con.con3{padding-top: 93px;padding-bottom: 96px;}
.article-content .con.con3 .con_title{   margin-top: 29px;font-size: 48px;color: #222;text-align: center;font-family: 'Montserrat-Regular';position: relative;}
.article-content .con.con3 .con_title::after{content: '';width: 162px;height: 3px;background-color: #47a7a7;position: absolute;left: 50%;transform:translate(-50%,0);}
.article-content .con.con3 .list{margin-top: 63px;display: grid;grid-template-columns:repeat(3,1fr);grid-gap:0 40px;}
.article-content .con.con3 .item {}
.article-content .con.con3 .item .name{color: #000;font-size: 18px;font-family: 'Montserrat-Regular';margin-bottom: 12px;}
.article-content .con.con3 .item .oten{font-size: 14px; color: #aaaaaa;font-family: 'Montserrat-Regular';margin-bottom: 10px;}
.article-content .con.con3 .item .oten span{color: #de4747 !important;}
.article-content .con.con3 .item .desc{font-size: 14px;color: #b8b8b8;line-height: 27px;}
.article-content .con.con3 .item .con_btn a{display: block;width: 169px;height: 48px;line-height: 48px;text-align: center; color: #fff;font-size: 14px;background-color: #47a7a7;margin-top: 30px;font-family: 'Montserrat-Regular'}

#videoBox{width: 60vw;position: fixed;left: 50%;transform:translate(-50%,0);background:white;top: 20%;bottom: 20%;z-index: 10001;display: none;}
#videoBox iframe{width: 100%;height: 100%;}

@media (max-width: 1900px){
	#index .area_1 .cont .btn.prev{left: -25px;}
	#index .area_1 .cont .btn.next{right: -25px;}
}
@media (max-width: 1720px){
	.cont{width: 1440px;}
}

@media (max-width: 1500px){
	.cont{width: 1200px;}
	#nav .item{margin: 0 8px;}
	#nav .item>a{font-size: 16px;}
	#index .area_1{margin-top: 22.5px;}
	#index .area_1 .title{height: 60px;line-height: 60px;margin-bottom: 40px;font-size: 36px;}

	#index .area_2{padding: 40px 0;margin: 40px auto 30px;}
	#index .area_2 .cont{padding-right: 0}
	#index .area_2 .cont .left_area{width: calc(100% - 469px);}
	#index .area_2 .cont .left_area .char{padding: 0 44px 0 0;}
	#index .area_2 .cont .left_area .char .title{font-size: 36px;line-height: 40px;padding-bottom: 25px;margin-bottom: 15px;}
	#index .area_2 .cont .rightImg{width: 469px;}

	#index .area_3 .title{font-size: 36px;height: 60px;line-height: 60px;margin-bottom: 40px;}
	#index .area_3 .img_list{grid-gap: 0 17px;}	

	#index .area_4{margin: 40px auto 28px;padding: 22.5px 0 40px;}
	#index .area_4 .title{height: 60px;line-height: 60px;margin-bottom: 40px;font-size: 36px;}

	#index .area_5{margin: 28px auto 40px;}
	#index .area_5 .title{height: 60px;line-height: 60px;margin-bottom: 40px;font-size: 36px;}

	#index .area_7{padding: 45px 0 65px;}
}

@media (max-width: 1280px){
    .wrap{width: 96%;}
	.cont{width: 1000px;}

	#header .header .logo{width: 10%;}
	#nav .item{margin: 0 5px;}
	#nav .item a{font-size: 13px;}

	.article-content .con.con4 .conn{width: 100%;}

	#index .area_7 .video_list{grid-gap:0 34px;}
}

@media (max-width: 1160px){
	#index .area_1 .pro_list .pro_item{width: 350px;}
	#index .area_1 .cont{width: 700px;}
	#index .area_1 .cont .btn.prev{left:-55px;}
	#index .area_1 .cont .btn.next{right:-55px;}

	#nav .item .subNavBox .content{width: 980px;}
}

@media (max-width: 1000px){
	.cont{width: 750px;}

	#index .area_2 .cont .left_area{width: calc(100% - 300px);}
	#index .area_2 .cont .left_area .char .title{font-size: 20px;line-height: 30px;padding-bottom: 5px;margin-bottom: 5px;}
	#index .area_2 .cont .left_area .char .brief{font-size: 14px;}
	#index .area_2 .cont .left_area .char .more{margin-top: 15px;}
	#index .area_2 .cont .rightImg{width: 300px;}
	#index .area_2 .cont .rightImg #videoBtn{width: 60px;height: 60px;left: -30px;}

	#index .area_3 .img_list{grid-template-columns: repeat(2,1fr);grid-gap: 17px 17px;}

	#index .area_4 .case_list{grid-gap: 0 19px;}

	#footer .link{grid-template-columns: repeat(3,1fr);grid-gap: 15px;padding-bottom: 50px;}
	#footer .copyright .foot_link,#footer .copyright .txt{width: 100%;text-align: center;height: 50px;line-height: 50px;}
	#footer .copyright .foot_link a{float: none;line-height: 50px;}


	#index .area_7{padding: 20px 0 40px;}
	#index .area_7 .title{margin-bottom: 20px;height: 60px;line-height: 60px;font-size: 36px;}
}

@media (max-width: 1000px){
    .show-pc-block,
    .show-pc-inline-block,
    .hide-991{display: none!important;}
    .show-mb-block{display: block!important;}
    .show-mb-inline-block{display: inline-block!important;}
    .clear_991{clear: both;}
    .clear_gt_991{clear: none;}

	#header .logo{}
	#nav{display: none;}
	.header_fixed{display: none;}

	.index-pro-category{padding: 30px 0;}
	.index-pro-category .list{margin-top: 25px;}

	.product-list .rows .box{width: 31%;margin: 0 1% 20px;}


	/*#footer{width:100%; overflow:hidden;}
	#footer .link{padding:10px;}
	#footer .link ul{width:100%;margin-left: 0;}
	#footer .link ul li{display:none; border-bottom:1px solid #818181; text-indent:15px; height:44px; line-height:44px; max-width:100%;}
	#footer .link ul.contact{width:100%;}
	#footer .link ul.contact li.i{text-indent:0; padding:10px 0; padding-left:25px;}
	#footer .link ul li.tit{font-weight:normal; font-size:16px; display:block; background:url(../images/navsub.png) 95% center no-repeat; text-indent:5px; margin:0; height:44px; line-height:44px;}
	#footer .link .br{display:none;}
	#footer .partners{padding-bottom:10px;}
	#footer .partners .title{position:relative; text-align:center; width:100%; padding:8px 0; padding-bottom:5px;font-size:20px;}
	#footer .partners .box{padding:5px 0;}
	#footer .partners .box .list{width:50%; height:auto; float:left; box-sizing:border-box; margin:0; border:none; margin-bottom:10px; padding:0 5px; background:none;}
	#footer .partners .box .list .item{border:1px solid #ddd; width:100%; box-sizing:border-box;}
	#footer .partners .box .list .item a{background:#fff; display:block;}
	#footer .copyright{padding:10px 0;}
	#footer .copyright .txt{padding:10px 0;font-size: 12px; text-align:center; float:none;}
    #footer .link .ft_inform .foot_logo{text-align: center;}
    #footer .foot_share{display: block;text-align: center;}
    #footer .link .ft_inform{width: 100%;padding-top: 15px;}
    #footer .foot-lang{display: none;}*/

    .product-list .menu-wrap{display: none;}
    .product-list .pro-right{width: 100%;float: none;}
    .product-list .ueeshop_responsive_products_list .item .pro{width: 100%;padding-bottom: 0;}
    .product-list .ueeshop_responsive_products_list .item .info .more{display: none;}
    .product-list .ueeshop_responsive_products_list .item{margin-bottom: 15px;}

    .ban_word{position: relative;}
    .ban_word .p_title{display: none;}

    body .ueeshop_responsive_turn_page.s1 > span .page_item_current::after{margin-top: -6px;}
}
.show_mobile{display: none !important;}
.show_pc{display: block;}
@media (max-width: 768px){
	.show_mobile{display: block !important;}
	.show_pc{display: none;}
	.cont{width: 95%;margin: 0 2.5%;}
	#index .area_1 .cont{width: 100%;margin: 0}
	.banner-swiper-pagination{bottom: auto;top: 0;}

	.wrap-module .cate-name{margin-bottom: 15px;font-size: 22px;}
	.wrap-module .cate-name span{margin-top: 10px;}

	.menu{display: none;}


	#index .area_1{margin-top:0;}
	#index .area_1 .title{height: 11.6vw;line-height: 11.6vw;margin-bottom: 6.8vw;font-size: 6.4vw;margin-top: 10.666667vw}
	#index .area_1 .title:after{width: 21.333333vw}
	#index .area_1 .pro_list .pro_item{width: 100%;margin-bottom: 7.466667vw}
	#index .area_1 .pro_list .pro_item .img .imgBox{padding-top: 0;height: auto;}
	#index .area_1 .pro_list .pro_item .img .imgBox a{height: auto;position: relative;}
	#index .area_1 .pro_list .pro_item .name{height: 14.266667vw;line-height: 14.266667vw;}
	#index .area_1 .pro_list .pro_item .name a{font-size: 4.0vw;}
	#index .area_1 .pro_list .pro_item .more{display: none;}
	#index .area_1 .cont .btn{display: none;}

	#index .area_2{padding:16.333333vw 0 0;margin: 16.333333vw 0 9.333333vw}
	#index .area_2 .cont{width: 100%;margin: 0}
	#index .area_2 .cont .left_area{float: left;width: 100%;position: relative;top: auto;bottom: auto;}
	#index .area_2 .cont .left_area .char{padding:0 0 13.333333vw 0;width: 95%;margin: 0 2.5%;}
	#index .area_2 .cont .left_area .char .title{font-size: 6.4vw;line-height: 7.2vw;text-align: center;padding-bottom: 5.066667vw;margin-bottom: 6.0vw;}
	#index .area_2 .cont .left_area .char .title:after{width: 21.333333vw;}
	#index .area_2 .cont .left_area .char .title:after{left: 50%;transform:translate(-50%,0);}
	#index .area_2 .cont .left_area .char .brief{line-height: 5.866667vw;text-align: center;font-size: 3.233333vw;}
	#index .area_2 .cont .left_area .char .more{float: none;width: 60.0vw;height: 11.333333vw;line-height: 11.333333vw;font-size: 4.266667vw;display: block;margin: 4.666667vw auto;}
	#index .area_2 .cont .rightImg{width: 100%;}
	#index .area_2 .cont .rightImg #videoBtn{display: none;}

	#index .area_3 .title{height: 14.0vw;line-height: 14.0vw;font-size: 6.4vw}
	#index .area_3 .title:after{width: 21.333333vw}
	#index .area_3 .img_list{width: 100%;overflow-x:scroll;display: block;white-space: nowrap; }
	#index .area_3 .img_list .img{width: 59vw;margin-left: 2.5vw;display: inline-block;}
	#index .area_3 .img_list .img:first-child{margin-left: 0}

	#index .area_4 .cont{width: 100%;margin: 0;}
	#index .area_4{margin: 15.2vw auto 7.466667vw;padding: 10.4vw 0 13.6vw;}
	#index .area_4 .title{height: 11.733333vw;line-height: 11.733333vw;font-size: 6.4vw;margin-bottom: 6.666667vw;}
	#index .area_4 .title:after{width: 21.333333vw;}
	#index .area_4 .case_list{grid-template-columns: repeat(1,1fr);    grid-gap: 13.333333vw 0;}
	#index .area_4 .case_list .case_item .info_box{padding: 0 2.5%;}
	#index .area_4 .case_list .case_item .info_box .name{font-size: 4.0vw;text-align: center;height: auto;line-height: 5.733333vw;margin: 6.666667vw 0 3.333333vw;}
	#index .area_4 .case_list .case_item .info_box .name a{font-size: 4vw;}
	#index .area_4 .case_list .case_item .info_box .brief{text-align: center;line-height: 4.8vw;font-size: 3.066667vw;}
	#index .area_4 .case_list .case_item .info_box .more{margin: 6.666667vw auto 0;width: 50.666667vw;height: 12.0vw;float: none;line-height: 12.0vw;font-size: 3.2vw;display: block;}


	#index .area_5 .cont{width: 100%;margin: 0}
	#index .area_5{margin: 10.666667vw auto 10.666667vw}
	#index .area_5 .title{height: 14.0vw;line-height: 14.0vw;font-size: 6.4vw;margin-bottom: 6.666667vw;}
	#index .area_5 .title:after{width: 21.333333vw;}
	#index .area_5 .blog_list{grid-template-columns: repeat(1,1fr);    grid-gap: 12.8vw 0;}
	#index .area_5 .blog_list .blog_item .info_box{padding: 0 2.5%;}
	#index .area_5 .blog_list .blog_item .info_box .name{font-size: 4.0vw;text-align: center;height: auto;line-height: 5.733333vw;margin: 6.666667vw 0 3.333333vw;}
	#index .area_5 .blog_list .blog_item .info_box .name a{font-size: 4vw;}
	#index .area_5 .blog_list .blog_item .info_box .brief{text-align: center;line-height: 4.8vw;font-size: 3.066667vw;}
	#index .area_5 .blog_list .blog_item .info_box .author{text-align: center;}
	#index .area_5 .blog_list .blog_item .info_box .more{margin: 6.666667vw auto 0;width: 50.666667vw;height: 12.0vw;float: none;line-height: 12.0vw;font-size: 3.2vw;display: block;}

	#index .area_6{height: 74.133333vw;background: url(../images/index_area_6_bg_mobile.png) no-repeat center center;}
	#index .area_6 .infoBox{width: 90%;padding: 6.0vw 8.0vw 2.666667vw;}
	#index .area_6 .infoBox .title{font-size: 2.666667vw;margin-bottom: 2.666667vw}
	#index .area_6 .infoBox .brief{font-size: 5.066667vw;line-height: 7.333333vw;margin-bottom: 4.0vw;}
	#index .area_6 .infoBox .btn{font-size: 2.666667vw;}
	#index .area_6 .infoBox .char{margin-top: 2.333333vw}
	#index .area_6 .infoBox .char span{font-size: 2.666667vw;padding: 0 2.666667vw;}
	#index .area_6 .infoBox .char span:after{height: 2.666667vw;width: 1px;}


	#index .area_7 .video_list{grid-gap:12.8vw 0;grid-template-columns: repeat(1,1fr);}

	#footer{padding-top: 0;}
	#footer .link{grid-template-columns: repeat(1,1fr);grid-gap: 0 0;padding-bottom: 0;width: 100%;margin: 0;}
	#footer .link ul{width: 95%;margin: 0 2.5%;}
	#footer .link ul.info{width: 100%;margin: 0;}
	#footer .link ul li.tit{height: 16.666667vw;line-height: 16.666667vw;position: relative;overflow: hidden;font-size: 4.0vw;}
	#footer .link ul.info li.tit{padding: 0 2.5%;}
	#footer .link ul.contact li.tit{}
	#footer .link ul li.tit:after{content:'';left: 50%;width: 105vw;position: absolute;height:1px;background: #c9c9c9;transform:translate(-50%,0);bottom:0;}
	#footer .link ul.contact li.tit:after{display: none;}
	#footer .link ul li.item{display: none;height: 10.0vw;line-height: 10.0vw;font-size: 3.333333vw;margin: 0 2.5%;}
	#footer .link ul li.item a{font-size: 3.333333vw;}

	#footer .link ul.contact li.i{height: 10.666667vw;line-height: 10.666667vw;font-size: 4.0vw;}
	#footer .link ul.contact li.i a{font-size: 4.0vw;}
	#footer .copyright .foot_link{display: none;}

	#footer .copyright{height: auto;}
	#footer .copyright .txt{height: auto;line-height: 16.266667vw;font-size: 3.0vw;padding: 3.333333vw 0}
	#footer .copyright .txt a{font-size: 3.0vw;}

	.article-content .contents .cate_top{height: 12.0vw;overflow: hidden;}
	.article-content .contents .cate_top .btn{position: relative;}
	.article-content .contents .cate_top .btn:after{content: '';width: 0;height: 0;border-width: 6px 0 6px 9px;border-color: transparent;border-left-color: #47a7a7;border-style: solid;position: absolute;right: 5%;top: 50%;/*transform:translate(0,-50%);*/transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;margin-top: -3px;}
	.article-content .contents .cate_top .btn.active:after{transform:rotate(90deg);}
	.article-content .contents .cate_top .item{display: block;width: 100%;height: 12.0vw;line-height: 12.0vw;margin: 0;position: relative;z-index: 1;}
	.article-content .contents .cate_top .item:before{display: none;}

	.article-content .con.con3{padding: 8.0vw 0 6.0vw 0}
	.article-content .con.con3 .con_title{height: 14.133333vw;line-height: 14.133333vw;margin-bottom: 6.666667vw;margin-top: 0;font-size: 6.4vw;}
	.article-content .con.con3 .item{text-align: center;}
	.article-content .con.con3 .list{grid-template-columns: repeat(1,1fr);grid-gap: 13.733333vw 0;margin-top: 0}
	.article-content .con.con3 .item .name{margin-top: 5.333333vw;}
	.article-content .con.con3 .item .name a{font-size: 4.0vw;}
	.article-content .con.con3 .item .con_btn a{width: 50.666667vw;height: 11.333333vw;line-height: 11.333333vw;margin:6.666667vw auto 0;}

	.article-content .con.con4{display: none;}
	
	#videoBox{width: 95vw;}
}

@media (max-width: 670px){
	#index .area_6 .infoBox .btn{width: 100%;height: 7.733333vw;line-height: 7.733333vw;}
}
@media (max-width: 640px){
    .clear_991{clear: none;}
    .clear_640{clear: both;}

	.product-list .rows .box{width: 48%;}

    .index-photo{padding-top: 35px;}
    .index-photo .box{width: 100%;float: none;}
    .index-photo .box.left{max-height: none;margin-bottom: 3%;}
    .index-photo .bot .box{max-height: none;}
    .index-photo .bot .box + .box{margin-top: 3%;}

    .index-blog{padding-bottom: 0;}
    .index-blog .title{margin-bottom: 30px;}
    .index-blog .list .box{width: 100%;float: none;}
    .index-blog .list .box + .box{margin-top: 25px;}
    .index-blog .list .box .img{margin-top: 15px;}
}


@media (max-width: 450px){
	#copymsg,
	#copymsg a{font-size: 14px;}
}