@charset "UTF-8";
.site2,.site2 body,.site2 div{font-family:Arial}
a{color: #000;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
a:hover{text-decoration: none}
dl, ol, ul,p,div{margin: 0;padding: 0}
.wrap,.module_container,.module_title{width: 83.75%;margin: 0 auto}
.en_wrap{width:91.75% !important;}
.module_container {position: relative; z-index: 99;margin-top: 0;}
 
.bgmask{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,.2) url(../images/wenli.png) repeat;z-index: 1}
.header{height: 98px;}
.header.fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 999}
.header .logo img{width: 150px;}
.header .wrap{height: 100%;position: relative;}
.header .tg-nav{margin-right: 150px}
.header .tg-nav,.header .tg-nav ul{height: 100%;}
.header .tg-nav ul li{position: relative;}
.header .tg-nav ul li a{color:#fff;font-size: 16px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;margin:0 20px;line-height: 98px;position: relative;}
.header2 .tg-nav ul li a{color: #000}
 
.header .tg-nav ul li a i.fa{padding-left:10px;}
.header .tg-nav ul li a.active:before{content:"";width: 100%;height: 3px;background:#fff;position: absolute;left:0;bottom: -10px;}
.header .tg-nav ul li .child_menu{
	box-sizing:content-box;
	position: absolute;
    top: calc(100% - 20px);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    width: 180px;
    height: auto;
    overflow: hidden;
    background-color:#fff;
    transform: translateX(-50%);
    left: 50%;
    box-shadow: 0 2px 27px 2px rgba(188, 188, 188, 0.68);
 	border-radius: 5px;
    transition: 0.155s ease-out;

}
.header.header2 {box-shadow:0 3px 2px 0px rgba(0,0,0,.1);}
.header2 .tg-nav ul li a:hover{color: #303188}
.header2 .language .name{color: #000}
.header.header2 .tg-nav ul li a.active:before{background: #303188}
.header.header2 .tg-nav ul li a.active{color: #303188;}
.header .tg-nav ul li:hover .child_menu{padding: 20px;visibility: visible;opacity: 1}
.header .tg-nav ul li .child_menu:hover{padding: 20px;visibility: visible;opacity: 1}
.header .tg-nav ul li .child_menu li {height: auto}
.header .tg-nav ul li .child_menu li a{ color:#858484;padding: 0 24px;display: block;text-align: center;line-height: 36px;font-weight: 500;}
.header .tg-nav ul li .child_menu li a:hover{color: #303188;}
.header .language{color:#fff;position: absolute;right:0;top:0;height: 100%;line-height: 98px;}
.header .language .name{font-size: 18px;cursor:pointer;font-weight: 500}
.header .language .name span{font-size: 14px;}
.header .language .name:before{margin-right: 10px;position: relative;top: 1px;}
.header .language ul{
	box-sizing:content-box;
	position: absolute;
    top: calc(100% - 20px);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    height: auto;
    width: 90px;
    transform: translateX(-10.45%);
	background-color:#fff;
	box-shadow: 0 2px 27px 2px rgba(188, 188, 188, 0.68);
	border-radius: 5px;
	padding: 10px 20px;
}
.header .language .language-wrap:hover ul{visibility: visible;opacity: 1;}
.header .language ul li a{display: block;line-height: 36px;color: #858484;font-size: 14px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.header .language ul li a:hover{color: #303188;}
.header .language ul li img{width: 24px;}
.site2 .header .tg-nav ul li .child_menu{width: 220px;} 
.site2 .header .tg-nav ul li a{text-transform:uppercase}
.site2 .header .tg-nav ul li .child_menu li a{padding:0;text-transform:uppercase}
.container{position:relative}
.section-topBanner{width:100%;height:100%;overflow:hidden;position:relative;z-index:1}
.section-topBanner .main_keyvisual{position:absolute;top:0;left:0;width:100%;height:100%}
.section-topBanner .main_keyvisual .sec_inner{overflow:hidden;margin:0 auto;position:absolute;height:100%;width:100%}
.section-topBanner .container-relative{position:relative;width:100%;overflow:hidden}
.section-topBanner .main_keyvisual .sec_inner .gallery_item video{position:absolute;width:100%;height:auto;left:0%;top:0%;background:#fff;z-index:1}
.section-topBanner .main_keyvisual .sec_inner .main_carousel{width:100%;position:absolute;bottom:50px;left:0}
.section-topBanner .main_keyvisual .sec_inner .main_carousel .carousel_inner{display:inline-block;vertical-align:top}
.section-topBanner .main_keyvisual .sec_inner .main_carousel .carousel_inner a{position:relative;display:inline-block;width:80px;height:4px;background-color:rgba(255,255,255,.55);margin-right:6px;z-index:3;cursor:pointer}
.section-topBanner .main_keyvisual .carousel_inner a .process1{position:absolute;top:-25px;left:0;width:100%;height:50px}
.section-topBanner .main_keyvisual .carousel_inner a .process2{display:block;width:0;height:100%;background-color:#fff;transition-property:none}
.section-topBanner .main_keyvisual .carousel_inner a.on .process2{width:100%;transition-property:all}
.section-topBanner .main_keyvisual .btn_playStop{position:relative;display:inline-block;width:24px;height:24px;top:4px;left:6px;z-index:2;cursor:pointer}
.section-topBanner .main_keyvisual .btn_playStop .btn1{position:relative;width:100%;height:100%;display:block;background:url(https://sanyglobal-img.sany.com.cn/static/img/index/video_pause.png) no-repeat 0 0/contain}
.section-topBanner .main_keyvisual .btn_playStop .btn2{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:url(https://sanyglobal-img.sany.com.cn/static/img/index/video_play.png) no-repeat 0 0/contain;display:none}
.section-topBanner .main_keyvisual .sec_inner .gallery_item{visibility:hidden;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
.section-topBanner .main_keyvisual .sec_inner .gallery_item.on{visibility:visible;opacity:1}
.section-topBanner .main_keyvisual .sec_inner .gallery_item .bg_box{width:100%;position:absolute;top:0;left:0;height:100%;overflow:hidden}
.section-topBanner .main_keyvisual .sec_inner .gallery_item.on .bg_box{width:100%}
.section-topBanner .main_keyvisual .sec_inner .gallery_item .bg_box .box_img{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 1.5s;transform-origin:100% 50%}
.section-topBanner .main_keyvisual .video_area{position:absolute;top:0;left:0%;width:100%;height:100%}
.section-topBanner .main_keyvisual .sec_inner .gallery_item.on .bg_box .box_img .video_area:before{content:'';position:absolute;top:0;left:0;width:calc(100% + 16px);height:100%;z-index:1}
.section-topBanner .main_keyvisual .sec_inner .gallery_item .title{opacity:0;transition:all .8s .7s;word-break:break-all;line-height:1.1;color:#fff;transition:transform .8s,opacity 1s;font-weight:700;padding-left:2px;position:absolute;top:35%;left:45%;transform:translate(0,50%);z-index: 99}
.section-topBanner .main_keyvisual .sec_inner .gallery_item .title .en{font-family: Arial;font-size: 36px;}
.section-topBanner .main_keyvisual .sec_inner .gallery_item .title .cn{font-size: 46px;}
.section-topBanner .main_keyvisual .sec_inner .gallery_item.on .title{transition:transform .8s,opacity 1s;transform:translate(0,0);opacity:1}
 

.module_bg{background: url(../images/module_bg.jpg) center center;position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 10}
.module_title{position: absolute;top:150px;margin: 0 auto;width: 100%;z-index: 99;}

.container_header{float: left;font-size: 32px;color: #fff;color: #000}
.container_category{float: right;display: flex;align-items:center;height: 48px;}
.container_category a{font-size: 16px;color: #000;padding: 0 20px;}
.container_category a:hover,.container_category a.active{color:#303188;}
/*.container_content{padding-top: 5.6% }*/
.module_container.solution{margin-top: 250px;}
.swiper-container-solution{margin-top:50px;position: relative;width: 100%;padding-bottom: 60px;}
.swiper-container-solution .swiper-slide { transition: all .36s ease;background:#f1f1f2;width: 60%;}
.swiper-container-solution .swiper-slide img{max-width: 100%;}
.swiper-container-solution .swiper-slide .item_img{transition: all .36s ease;position: relative;overflow: hidden;}
.swiper-container-solution .swiper-slide .item_img img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.swiper-container-solution .swiper-slide .item_info {width: 400px; flex-direction:column;padding: 20px}
.swiper-container-solution .swiper-slide .item_info .title{color:#000;padding: 0 0 30px 0;transition: all .36s ease;font-size: 26px;font-weight: bold;position: relative;}
.site2 .swiper-container-solution .swiper-slide .item_info .title{font-size: 24px;}
.swiper-container-solution .swiper-slide .item_info .title:after{content:"";position: absolute;bottom: 0;left:2px;width: 50px;height: 4px;background: #303188}
.swiper-container-solution .swiper-slide .item_desc{color: rgb(89,87,87);font-size: 16px;margin-top: 5%; line-height: 2}
.swiper-container-solution .swiper-slide .item_info a.more{margin-top:4%;background: #303188;color: #fff;display: block;width: 140px;font-size: 14px;padding: 2% 4%;}
.swiper-container-solution .swiper-slide .item_info a.more img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;position: relative;top:-2px;opacity: 0;}
.swiper-container-solution .swiper-slide .item_info a.more:hover img{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);opacity: 1}
.swiper-container-horizontal>.swiper-scrollbar.reset-scrollbar{bottom: 17%; background-color: #ccc;left: 0;height: 2px;width: 99.4%}
.swiper-container-horizontal>.swiper-scrollbar.reset-scrollbar:before{content:"";height: 50px;position: absolute;left:0;width:100%;top:-24px;cursor:grab;}
.swiper-container-solution  .swiper-scrollbar-drag {background: #303188;border-radius: 10px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease; }
.swiper-container-horizontal>.swiper-scrollbar.reset-scrollbar:hover .swiper-scrollbar-drag{height: 10px;top:-4px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.swiper-container-solution .swiper-solution-button-prev{position: absolute;top:50%;margin-top: -25px; width: 40px;height: 40px;border-radius: 50%; background: #303188;left:18%;box-shadow: -1px 1px 4px 2px rgba(0,0,0,.4)}
.swiper-container-solution .swiper-solution-button-next{position: absolute;top:50%;margin-top: -25px; width: 40px;height: 40px;border-radius: 50%;background: #303188;right:18%;box-shadow: -1px 1px 4px 2px rgba(0,0,0,.4)}
.swiper-container-solution .swiper-solution-button-next i{position: relative;left:2px;}
.swiper-container-solution .swiper-solution-button-prev i{position: relative;left:-1px;}
.swiper-container-solution .swiper-solution-button-prev,.swiper-container-solution .swiper-solution-button-next{display: flex;align-items:center;justify-content:center;color: #fff;font-size: 24px;font-weight: normal;line-height: 1;cursor: pointer;outline: none;z-index: 99}
.swiper-container-solution .swiper-solution-button-prev.swiper-button-disabled,.swiper-container-solution .swiper-solution-button-next.swiper-button-disabled{opacity: 0.5}
.swiper-container-solution .swiper-slide:hover .item_img img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
 
.mb-swiper-container-solution{margin-top:50px;position: relative;width: 100%;padding-bottom: 60px;}
.mb-swiper-container-solution .swiper-slide { transition: all .36s ease;background:#f1f1f2;width: 60%;}
.mb-swiper-container-solution .swiper-slide img{max-width: 100%;}
.mb-swiper-container-solution .swiper-slide .item_img{transition: all .36s ease;position: relative;overflow: hidden;}
.mb-swiper-container-solution .swiper-slide .item_img img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.mb-swiper-container-solution .swiper-slide .item_info {width: 400px; flex-direction:column;padding: 20px}
.mb-swiper-container-solution .swiper-slide .item_info .title{color:#000;padding: 0 0 30px 0;transition: all .36s ease;font-size: 26px;font-weight: bold;position: relative;}
.mb-swiper-container-solution .swiper-slide .item_info .title:after{content:"";position: absolute;bottom: 0;left:2px;width: 50px;height: 4px;background: #303188}
.mb-swiper-container-solution .swiper-slide .item_desc{color: rgb(89,87,87);font-size: 16px;margin-top: 5%; line-height: 2}
.mb-swiper-container-solution .swiper-slide .item_info a.more{margin-top:4%;background: #303188;color: #fff;display: block;width: 140px;font-size: 14px;padding: 2% 4%;}
.mb-swiper-container-solution .swiper-slide .item_info a.more img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;position: relative;top:-2px;opacity: 0;}
.mb-swiper-container-solution .swiper-slide .item_info a.more:hover img{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);opacity: 1}
.swiper-container-horizontal>.swiper-scrollbar.reset-scrollbar{bottom: 17%; background-color: #ccc;left: 0;height: 2px;width: 99.4%}
.swiper-container-horizontal>.swiper-scrollbar.reset-scrollbar:before{content:"";height: 50px;position: absolute;left:0;width:100%;top:-24px;cursor:grab;}
.mb-swiper-container-solution  .swiper-scrollbar-drag {background: #303188;border-radius: 10px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease; }
.swiper-container-horizontal>.swiper-scrollbar.reset-scrollbar:hover .swiper-scrollbar-drag{height: 10px;top:-4px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.mb-swiper-container-solution .swiper-solution-button-prev{position: absolute;top:50%;margin-top: -25px; width: 40px;height: 40px;border-radius: 50%; background: #303188;left:18%;box-shadow: -1px 1px 4px 2px rgba(0,0,0,.4)}
.mb-swiper-container-solution .swiper-solution-button-next{position: absolute;top:50%;margin-top: -25px; width: 40px;height: 40px;border-radius: 50%;background: #303188;right:18%;box-shadow: -1px 1px 4px 2px rgba(0,0,0,.4)}
.mb-swiper-container-solution .swiper-solution-button-next i{position: relative;left:2px;}
.mb-swiper-container-solution .swiper-solution-button-prev i{position: relative;left:-1px;}
.mb-swiper-container-solution .swiper-solution-button-prev,.mb-swiper-container-solution .swiper-solution-button-next{display: flex;align-items:center;justify-content:center;color: #fff;font-size: 24px;font-weight: normal;line-height: 1;cursor: pointer;outline: none;z-index: 99}
.mb-swiper-container-solution .swiper-solution-button-prev.swiper-button-disabled,.mb-swiper-container-solution .swiper-solution-button-next.swiper-button-disabled{opacity: 0.5}
.mb-swiper-container-solution .swiper-slide:hover .item_img img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
 

/*工艺*/
.module_container.gongyi{width: 100%;margin-top: 0;top:0;left:0;height: 100%;transform: translateY(0);}
.module_container.gongyi .swiper-container-gongyi .swiper-slide img{width: 100%;}
.module_container.gongyi .swiper-container-gongyi .swiper-slide .bgmask{background:rgba(0,0,0,.5) url(../images/wenli.png) repeat }

.module_container.gongyi .mb-swiper-container-gongyi .swiper-slide img{width: 100%;}
.module_container.gongyi .mb-swiper-container-gongyi .swiper-slide .bgmask{background:rgba(0,0,0,.5) url(../images/wenli.png) repeat }

.module_container.gongyi .container_header{position: absolute;width: 83.75%; left:50%;top:15%;z-index: 10;color: #fff;transform:translateX(-50%);}
.module_container.gongyi .hd-nav-wrap{position: absolute;width: 10%; left:8.1%;top:28%;z-index: 10;color: #fff;display: flex;flex-direction:column;height: 60%;}
.site2 .module_container.gongyi .hd-nav-wrap{width: 12%;top: 19%;}
.module_container.gongyi .hd-nav{width: 100%;display: flex;flex-direction:column;}
.module_container.gongyi .hd-nav a{padding: 20% 0;color: #fff;text-align: center;background: rgba(0,0,0,.5)}
.site2 .module_container.gongyi .hd-nav a{text-transform: uppercase;}
.module_container.gongyi .hd-nav a.active,.module_container.gongyi .hd-nav a:hover{background-image:linear-gradient(#494bc5, #303188);}
.module_container.gongyi .gongyi-info{position: absolute;z-index: 999;width: 72%; left:47%;top:28%;z-index: 10;color: #fff;transform:translateX(-50%);display: flex;flex-direction:column;height: 60%;padding-left: 15%}
.module_container.gongyi .gongyi-info a{color: #fff}
.module_container.gongyi .gongyi-info .title{font-size: 26px;font-weight: bold;margin-top: 10%}
.module_container.gongyi .gongyi-info .desc{margin-top: 3%;line-height: 2;}
.module_container.gongyi .gongyi-info .more{padding:10px 15px;background:#303188;width: 120px;font-size: 14px;margin-top: 5%}
.jp .module_container.gongyi .gongyi-info .more{width: 152px}
.site2 .module_container.gongyi .gongyi-info .more{width: 136px;}
.module_container.gongyi .gongyi-info .more img{width: auto;margin-top: -3px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity: 0}
.module_container.gongyi .gongyi-info .more:hover img{ opacity: 1;transform:translateX(5px);}
.swiper-pagination-bullet-active{background: #303188 !important}
/*新闻*/
.module_container.news{margin-top: 250px;}
.swiper-container-news{min-height: 500px;}
.container_category .tab-a a{padding: 5px 20px;border-radius: 20px;}
.container_category .tab-a a.on{background: #303188;color: #fff;}
.container_category .tab-a a:hover{background: #303188;color:#fff;}
.news-style1{width: 100%;}
.news-style1 .news-l{width: 48%;} 
.news-style1 .news-r{width: 48%;}
.news-style1 .news-l .img{width: 100%;}
.news-style1 .news-l .img img{max-width: 100%;}
.news-style1 .news-l .news-info{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;background: #f3f5fa;padding: 15px 20px;color: rgb(89,87,87);font-size: 18px;}
.news-style1 .news-l .news-info .title{font-size: 26px;color: #303188;font-weight: bold;}
.news-style1 .news-l .news-info .yuyue { font-size:14px;padding: 10px 20px;color: #fff;background: #303188;width: 200px;text-align: center;cursor: pointer;margin-top: 20px;}
.news-style1 .news-r .news-item{margin-bottom: 20px;}
.news-style1 .news-r .thumb{width: 200px;height: auto;}
.news-style1 .news-r .thumb img{max-width: 100%;}
.news-style1 .news-r .title{font-size: 26px;color: #303188;font-weight: bold}
.news-style1 .news-r .news-info{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;background: #f3f5fa;padding: 20px 20px 0 20px;font-size: 18px;color: rgb(89,87,87);flex:1;position: relative;}
.news-style1 .news-r .news-info .yuyue{font-size:14px;position: absolute;right:10px;bottom: 10px; padding: 10px 10px;color: #fff;background: #303188;width: 150px;text-align: center;cursor: pointer;margin-top: 5px;}

.news-style1 .news-l:hover .news-info{background:#303188; color: #fff;}
.news-style1 .news-l:hover .news-info .yuyue{background: #8587f7}
.news-style1 .news-l:hover .news-info .title {color: #fff;}
.news-style1 .news-r .news-item:hover .news-info{background:#303188; color: #fff;}
.news-style1 .news-r .news-item:hover .news-info .yuyue{background: #8587f7}
.news-style1 .news-r .news-item:hover .news-info .title {color: #fff;}

.swiper-container-news{padding:0 15px;padding-bottom: 10px;}
.news-style2 {height: 600px;position: relative;}
.news-style2 .news-item{width: 50%;flex-wrap:wrap;height: 100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;position: absolute;}
.news-style2 .news-item .thumb{width: 50%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.news-style2 .news-item .thumb img{max-width: 100%;box-shadow: -3px 3px 3px 1px #ccc;width: 100%}
.news-style2 .news-item .news-info{width: 50%;background:#f3f5fa;padding:30px 30px;color: rgb(89,87,87);font-size: 18px;font-weight: bold;display: flex;flex-direction:column;justify-content:center;height: 93.3%;}
.news-style2 .news-item .news-info .small_title{font-weight: bold;font-size: 22px; color:#303188;}
.news-style2 .news-item .news-info .title{font-size: 26px;color:#000;margin: 30px 0 30px 0;}
.news-style2 .news-item .news-info .desc{font-weight: normal;font-size: 18px;}
.news-style2 .news-item .news-info .more{font-weight: normal;color:#fff;background:#303188;font-size: 16px;padding: 10px 30px; display: block;width:140px;margin-top: 30px;text-align: center;}

.news-style2 .news-item:nth-child(1){left:0%;}
.news-style2 .news-item:nth-child(2){left:50%;}
.news-style2 .news-item:nth-child(3){left:62%;}
.news-style2 .news-item:nth-child(4){left:75%;}
.zhanhui_title{color: #303188;font-weight: bold;font-size: 20px;}
.zhanhui_date{color: red;font-weight: bold;font-size:18px;font-family: Arial;}
form.yuyueForm {margin-top: 30px;}
form.yuyueForm .submit-btn{margin-top: 20px;}
form.yuyueForm .form-row{margin-bottom: 10px;}
.module_title.white .container_header .title{color: #fff}
/*关于我们*/
.module_container.about{margin-top: 250px}
.content_container.abouts{}
.content_container.abouts p{color: #000}
.content_container.abouts .left{width: 42%;padding:0% 0% 0% 0%}
.content_container.abouts .left p{margin-bottom: 30px;line-height: 2;color: #333;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;font-size: 18px;}
.content_container.abouts .right{width: 54%;padding:0% 0% 0% 0%}
.content_container.abouts .right video{max-width: 100%;}
.content_container.abouts .left:hover p{color: #000}
.footer{
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    background: #1d1d1d;
    color: #fff;
    text-align: center;
    z-index: 99;
    height: 50px;line-height: 50px;
}
.copyright{font-size: 14px;color:#8a8a8a;font-family: Arial;}

.full.active .container_header{visibility: visible; -webkit-animation-name:fadeInUp;animation-name:fadeInUp }
.full.active .container_category{visibility: visible; -webkit-animation-name:fadeInUp;animation-name:fadeInUp }
.full.active .container_content{visibility: visible; -webkit-animation-name:fadeInUp;animation-name:fadeInUp }
.full.active .animated_wrap{visibility: visible; -webkit-animation-name:fadeInUp;animation-name:fadeInUp }
.full.active .module_title{visibility: visible; -webkit-animation-name:fadeInUp;animation-name:fadeInUp }
.full.active .module_container{visibility: visible; -webkit-animation-name:fadeInUp;animation-name:fadeInUp }

.site3 .footer .center{width: 70%}

@media (min-width: 1366px){
    .swiper-container-solution .swiper-slide .item_desc{
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; /* 这里是超出几行省略 */
        overflow: hidden;
        font-size: 14px;
 
    }
    .site2 .swiper-container-solution .swiper-slide .item_desc{word-break: break-word}
    .swiper-container-solution .swiper-slide .item_info a.more{margin-top: 10%;padding: 3% 4%;}
    .content_container.abouts .left{font-size: 18px;display: flex;align-items:center;flex-direction:column;justify-content:center;}
}
 
@media (max-width: 1366px){
    .swiper-container-solution .swiper-slide{width: 60%;}
    .module_container.news{margin-top: 190px;}
    .module_container.about{margin-top: 220px}
    .news-style1 .news-l{width: 40%;}
    .news-style1 .news-r{width: 53%}
    .news-style1 .news-l .news-info .title {font-size: 18px;}
    .news-style1 .news-l .news-info{font-size: 13px;}
    .news-style1 .news-r .title {font-size: 18px;}
    .news-style1 .news-r .thumb{width: 130px;}
    .news-style1 .news-r .news-item{margin-bottom: 10px;}
    .news-style1 .news-r .news-info{font-size: 13px;padding: 10px 10px 0 20px;min-height: 130px;}
    .news-style1 .news-r .news-info .yuyue{margin-top: 0}

    .swiper-container-solution .swiper-slide .item_desc{ word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; /* 这里是超出几行省略 */
        font-size: 14px;
        
        overflow: hidden;}

    .news-style2 {height: 420px;position: relative;}
    .news-style2 .news-item{width: 50%;flex-wrap:wrap;height: 100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;position: absolute;}
    .news-style2 .news-item .thumb{width: 50%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
    .news-style2 .news-item .thumb img{max-width: 100%;}
    .news-style2 .news-item .news-info{width: 50%;background:#f3f5fa;padding:30px 30px;color: rgb(89,87,87);font-size: 15px;font-weight: bold;display: flex;flex-direction:column;justify-content:center;height: 100%;}
    .news-style2 .news-item .news-info .small_title{font-weight: bold;font-size: 18px; color:#303188;}
    .news-style2 .news-item .news-info .title{font-size: 20px;color:#000;margin: 15px 0 15px 0;}
    .news-style2 .news-item .news-info .desc{font-weight: normal;font-size: 16px;}
    .news-style2 .news-item .news-info .more{font-weight: normal;color:#fff;background:#303188;font-size: 16px;padding: 10px 30px; display: block;width:140px;margin-top: 30px;text-align: center;}

    .module_title{top: 100px}
    .module_container .solution{margin-top: 210px !important;}
    .swiper-container-solution .swiper-slide .item_info a.more{padding: 6% 4%}
    .news-style2 .news-item .news-info{height:85%}
    .news-style2 .news-item .news-info .small_title{font-size:15px;}
    .news-style2 .news-item .news-info .title{font-size:14px}
    .news-style2 .news-item .news-info .desc{font-size:12px;}
    .news-style2 .news-item .news-info .more{font-size:12px;width:137px}
    .site2 .header .tg-nav ul li a{font-size:12px;}
    
    
}
@media (min-width: 1024px) and (max-width: 1200px){
    .wrap, .module_container, .module_title{width: 95%}
    .header .tg-nav ul li a{margin: 0 12px;}
    .header .tg-nav{margin-right: 12%}
    .header .language ul{transform: translateX(-38.45%);}
    .swiper-container-solution .swiper-slide .item_desc{
        font-size: 13px;
        margin-top: 11%;
    }
    .swiper-container-solution .swiper-slide .item_info a.more{margin-top: 20%;padding: 5% 4%;}
    .swiper-container-solution .swiper-slide .item_info .title{font-size: 20px;padding: 0 0 13px 0;}
    .news-style2{height: 340px;}
    .news-style2 .news-item .news-info .desc{font-size: 14px;}
    .news-style2 .news-item .news-info .small_title,.news-style2 .news-item .news-info .title{font-size: 16px;}
    .news-style2 .news-item .news-info .more{padding: 7px 25px;margin-top: 20px;}

       .full-nav{left: 5px}
}
@media (min-width: 1200px) and (max-width: 1366px){
    .header{height: 75px;}
    .header .tg-nav ul{align-items:center;}
    .header .language{line-height: 75px;}
    .header .tg-nav ul li a{margin: 0 12px;font-size: 16px;}
    .site2 .header .tg-nav{margin-right:130px;}
    .site2 .wrap, .site2 .module_container, .site2 .module_title{width:91%}
    .module_title{top: 100px}
    /*.module_container{margin-top: 210px !important;}*/
    .site2 .module_container.gongyi{width:100%}
    .site2 .module_title{width: 100%;}
}

@media (min-width: 1024px) and (max-width: 1280px){
    .section-topBanner .main_keyvisual .sec_inner .gallery_item video{width: 100%;height: auto;}

}

@media (min-width: 768px){
    #leftcontrol{display: none;}
}

@media (min-width: 1024px){
    #pc_site{display: block;}
    #mobile_site{display: none;}
}
@media (max-width: 1024px){
    .bgmask{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 1;}
    #mobile_site{display: block;height: 100%;overflow-y:auto;-webkit-overflow-scrolling: touch;}
    .header,#pc_site{display: none}
    .mb_header  .language ul {
        box-sizing: content-box;
        position: absolute;
        right:10px;
        top: calc(100% - 9px);
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        height: auto;
        transform: translateY(-10.45%);
        background-color: #fff;
        box-shadow: 0 2px 27px 2px rgba(188, 188, 188, 0.68);
        border-radius: 5px;
        padding: 10px 30px;
    }
    .mb_header  .language ul li{line-height: 2.5;font-size: 14px;}
    .mb_header  .language ul li a{color: #666}
    .mb_header  .language ul li a img{position: relative;top:-2px;width: 24px;}
    .mb_header  .language.on ul{opacity: 1;visibility: visible; transform: translateY(0);}
    .mobile-section-topBanner{width:100%;height:100%;overflow:hidden;position:relative;z-index:1; }
    .mobile-section-topBanner .main_keyvisual{position:absolute;top:0;left:0;width:100%;height:100%}
    .mobile-section-topBanner .main_keyvisual .sec_inner{overflow:hidden;margin:0 auto;position:absolute;height:100%;width:100%}
    .mobile-section-topBanner .container-relative{position:relative;width:100%;overflow:hidden}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item video{position:absolute;height:300px;left:0%;top:0%;background:#fff;z-index:1}
    .mobile-section-topBanner .main_keyvisual .sec_inner .main_carousel{width:100%;position:absolute;bottom:50px;left:0}
    .mobile-section-topBanner .main_keyvisual .sec_inner .main_carousel .carousel_inner{display:inline-block;vertical-align:top}
    .mobile-section-topBanner .main_keyvisual .sec_inner .main_carousel .carousel_inner a{position:relative;display:inline-block;width:80px;height:4px;background-color:rgba(255,255,255,.55);margin-right:6px;z-index:3;cursor:pointer}
    .mobile-section-topBanner .main_keyvisual .carousel_inner a .process1{position:absolute;top:-25px;left:0;width:100%;height:50px}
    .mobile-section-topBanner .main_keyvisual .carousel_inner a .process2{display:block;width:0;height:100%;background-color:#fff;transition-property:none}
    .mobile-section-topBanner .main_keyvisual .carousel_inner a.on .process2{width:100%;transition-property:all}
    .mobile-section-topBanner .main_keyvisual .btn_playStop{position:relative;display:inline-block;width:24px;height:24px;top:4px;left:6px;z-index:2;cursor:pointer}
 
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item{visibility:hidden;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item.on{visibility:visible;opacity:1}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item .bg_box{width:100%;position:absolute;top:0;left:0;height:100%;overflow:hidden}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item.on .bg_box{width:100%}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item .bg_box .box_img{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 1.5s;transform-origin:100% 50%}
    .mobile-section-topBanner .main_keyvisual .video_area{position:absolute;top:0;left:0%;width:100%;height:100%}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item.on .bg_box .box_img .video_area:before{content:'';position:absolute;top:0;left:0;width:calc(100% + 16px);height:100%;z-index:1}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item .title{opacity:0;transition:all .8s .7s;word-break:break-all;line-height:1.1;color:#fff;transition:transform .8s,opacity 1s;font-weight:700;padding-left:2px;position:absolute;top:35%;left:45%;transform:translate(0,50%);z-index: 99}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item .title .en{font-family: Arial;font-size: 36px;}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item .title .cn{font-size: 46px;}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item.on .title{transition:transform .8s,opacity 1s;transform:translate(0,0);opacity:1;padding: .6rem}
     
    .mobile-section-topBanner{height:300px;}
    .mobile-section-topBanner .main_keyvisual .sec_inner .main_carousel{text-align: center;}
 
    .mobile-section-topBanner .main_keyvisual .sec_inner .main_carousel .carousel_inner a{height:3px}
    .mobile-section-topBanner .main_keyvisual .sec_inner .main_carousel{bottom:20px}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item .title .en{font-size: 18px}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item .title .cn{font-size: 20px}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item .title{left:50%;top:50%;transform:translate(-50%,-50%);width: 80%;text-align: left;line-height: 1.3}
    .mobile-section-topBanner .main_keyvisual .sec_inner .gallery_item.on .title{left:50%;top:37%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
    #video_play_btn1{color: rgba(255,255,255);font-size: 60px;position: absolute;z-index: 999;left:50%;top:65%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
    .fixed{position: fixed;top:0;width: 100%;left:0;z-index: 999;height: 60px;background: #fff}
    .mb_header{display: flex;justify-content: space-between;align-items:center;padding: 0 10px;border-bottom: 1px solid rgba(0,0,0,.05);}
    .mb_header .mb_logo img{width: 100px;}
    .mb_header .language {font-size: 14px;}
    .mb_header .language i:before{margin-right: 5px;font-size: 18px;color: #666}
    html,body{width: 100%;height: 100%;overflow: hidden;overflow-y:auto;}
    .mb_header .btn {padding: 10px 15px;background: rgba(0,0,0,0);}
    .lcbody {width: 30px;height: 30px;position: relative;transform: translateZ(0px) rotate(0deg);transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);}
    .lcitem{position:absolute;left:0;top:0;transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;width:30px;height:30px}
    .lcitem .rect.top{-webkit-transform:translate3d(0,-6px,0)}
    .lcitem .rect{width:30px;height:1px;background:#999;position:absolute;left:0;top:14px;transition:transform .2s ease .2s;-webkit-transition:-webkit-transform .2s ease .2s}
    .lcitem .rect.bottom{transform:translate3d(0,6px,0);-webkit-transform:translate3d(0,6px,0)}
    body.open .lcbody {
        transform: translateZ(0px) rotate(90deg);
        -webkit-transform: translateZ(0px) rotate(90deg);
    }
    body.open .lcitem {
        transform: translateZ(0px) rotate(45deg);
        transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
        -webkit-transform: translateZ(0px) rotate(45deg);
        -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    }
    body.open .lcitem.bottom {
        transform: translateZ(0px) rotate(-45deg);
        -webkit-transform: translateZ(0px) rotate(-45deg);
    }
    body.open .lcitem .rect {
        transition: transform 0.2s ease 0s;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transition: -webkit-transform 0.2s ease 0s;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    body.open #mobile_site {
        transform: translate3d(260px,0,0);
        -webkit-transform: translate3d(260px,0,0);
    }
    #mobile_site {
        background: #fff;
        z-index: 1;
        position: relative;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    }

    .transform {
        transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    }
    .mobile-section-topBanner{padding-top: 60px;}
    #leftcontrol{position: absolute;width: 260px;height: 100%;overflow-x: hidden;overflow-y: auto;background: #fafafa;-webkit-overflow-scrolling: touch;}
    #leftcontrol ul li{display:block;min-height:49px;border-top:1px solid #ebebeb;width:100%;font-size:14px}
    #leftcontrol>ul>li.active a{background:#fff;color:#2a2a2a}
    #leftcontrol ul li a{display:block;color:#b7b7b7;padding:0 25px;height:59px;line-height:59px}
    #leftcontrol ul.subnav li a{background:#fff;color:#a8a8a8}
    #leftcontrol ul.subnav li a i{margin-right:20px;font-size:14px;color:#b4b4b4}
    #leftcontrol ul li a{position: relative;}
    #leftcontrol ul li a span.more{width:12px;height:12px;float:right;position:relative;top:20px;}
    #leftcontrol ul li .subnav{overflow:hidden;height:0}
    #leftcontrol ul li a span.more span.h{width:12px;height:2px;transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0)}
    #leftcontrol ul li a span.more span{background:#b8b8b8;position:absolute}
    #leftcontrol ul li a span.more span.v{transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0);-webkit-transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0)}
    #leftcontrol ul li a span{display:inline-block}
    #leftcontrol ul li.active a span.more span.v{background-color:#5c5c5c}
    #leftcontrol ul li.active a span.more span.v{transform:rotate3d(0,0,0,0) translate3d(0,5px,0);-webkit-transform:rotate3d(0,0,0,0) translate3d(0,5px,0)}
    .mb_solution{margin-top: 30px;}
    .mb_title{text-align: center;font-size: 22px;font-weight: bold;justify-content:space-between;padding: 0 10px;align-items:center;margin-top: 30px;margin-bottom: 30px;}
    .mb_title span.more a{font-size: 12px;font-weight: normal;display: block;padding:7px 20px;background: #303188;color: #fff;border-radius: 20px;}
    .mb_title span.more i{font-family: "宋体";font-style: normal;}
    .swiper-container-solution{margin-top: 30px;width: 100%;padding-bottom: 50px;background: #f1f1f2}
    .swiper-container-solution .swiper-pagination{bottom:24px !important}
    .swiper-container-solution .swiper-solution-button-prev{display: none;}
    .swiper-container-solution .swiper-solution-button-next{display: none}
    .swiper-container-solution .swiper-solution-button-next:hover{opacity: 1}
    .swiper-container-solution .swiper-solution-button-prev:hover{opacity: 1}
    .swiper-container-solution .swiper-slide{width: 81%}
    .swiper-container-solution .swiper-slide .item_info .title{font-size: 18px;padding-bottom: 15px;}
    .swiper-container-solution .swiper-slide .item_desc{font-size: 14px;-webkit-line-clamp: 3;}
    .swiper-container-solution .swiper-slide .item_info a.more{padding: 4%;margin-top: 8%;font-size: 12px;width:120px;}
    .swiper-container-solution .swiper-slide .item_info a.more img{opacity: 1;transform:translateX(10px)}

    .mb-swiper-container-solution{margin-top: 30px;width: 100%;padding-bottom: 50px;background: #f1f1f2}
    .mb-swiper-container-solution .swiper-pagination{bottom:24px !important}
    .mb-swiper-container-solution .swiper-solution-button-prev{display: none;}
    .mb-swiper-container-solution .swiper-solution-button-next{display: none}
    .mb-swiper-container-solution .swiper-solution-button-next:hover{opacity: 1}
    .mb-swiper-container-solution .swiper-solution-button-prev:hover{opacity: 1}
    .mb-swiper-container-solution .swiper-slide{width: 81%}
    .mb-swiper-container-solution .swiper-slide .item_info .title{font-size: 18px;padding-bottom: 15px;}
    .mb-swiper-container-solution .swiper-slide .item_desc{font-size: 14px;-webkit-line-clamp: 3;}
    .mb-swiper-container-solution .swiper-slide .item_info a.more{padding: 4%;margin-top: 8%;font-size: 12px;width:120px;}
    .mb-swiper-container-solution .swiper-slide .item_info a.more img{opacity: 1;transform:translateX(10px)}

    .module_container.gongyi{height: auto}
    .module_container.gongyi .hd-nav-wrap{display: none;}
    .module_container.gongyi{width: 100%;margin-top: 30px;}
    .module_container.gongyi .gongyi-info{left:36%;width: 90%;top:6%;}
    .module_container.gongyi .gongyi-info .title{font-size: 18px;margin-top: 5%}
    .module_container.gongyi .gongyi-info .desc{font-size: 14px;}
    .module_container.gongyi .gongyi-info .more{font-size: 12px;}
    .swiper-pagination-gongyi .swiper-pagination-bullet-active{background: #fff !important;opacity: 1 !important}
    .swiper-pagination-gongyi .swiper-pagination-bullet{background: #fff !important;opacity: 0.6}

    .news-style1 .news-l{width: 100%;margin-bottom: 10px;}
    .news-style1 .news-r{width: 100%}
    .news-style1 .news-l .news-info{padding: 10px;}
    .news-style1 .news-l .news-info .yuyue{font-size: 12px;padding: 10px;width: 130px;}
    .news-style1 .news-l .news-info{font-size: 15px;}
    .news-style1 .news-r .news-item{background: #f3f5fa;padding: 10px;}
 
    .news-style1 .news-r .thumb img{width: 150px;height: 100px;}
    .news-style1 .news-r .title{font-size: 14px;}
    .news-style1 .news-r .news-info{font-size: 12px;padding-top: 0}
    .news-style1 .news-r .news-info .yuyue{width: auto;font-size: 12px;border-radius: 20px;padding: 5px 10px;right: 0;bottom: 0}
    .news-style1 .news-r .news-info{min-height: auto}
    .zhanhui_title,.zhanhui_date{font-size: 16px;}
    form.yuyue{margin-top: 15px;}
    #yuyueFrom label{font-size: .8rem}
    .form-control{font-size: .8rem}
    #yuyueFrom .btn{font-size: .8rem }
    #yuyueFrom .btn-secondary{font-size: .8rem }
    .news-style1 .news-r .news-item:hover .news-info{background:none; color: rgb(89,87,87);;}
    .news-style1 .news-r .news-item:hover .news-info .yuyue{background: #303188}
    .news-style1 .news-r .news-item:hover .news-info .title {color: #303188;}
    .content_container.abouts .left p{font-size: 14px;margin-bottom: 10px;}
    .content_container.abouts .left{padding:0 10px; width: 100%;}
    .content_container.abouts .right{width: 100%;padding: 0 10px;}
    .content_container.abouts .right video{width: 100%;background: #000}
    .footer{position: static;margin-top: 30px;}
}   

@media (min-width: 500px) and (max-width: 1023px){
    .section-topBanner .main_keyvisual .sec_inner .gallery_item video{width: 100%;height: auto;}

}