@charset "utf-8";body{background:#fff;color:#393939;font-size:18px;}
@font-face {font-family: "Oswald300";src:url("Oswaldfont/Oswald300.ttf");}
@font-face {font-family: "Oswald400";src:url("Oswaldfont/Oswald400.ttf");}
@font-face {font-family: "Oswald500";src:url("Oswaldfont/Oswald500.ttf");}

body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,span,td,textarea,th,ul{margin:0;padding:0;outline:0;border:0;font-family:Oswald400,sans-serif;}
fieldset,form,input,legend,textarea{outline:0;}
li{list-style:none;}
img{border:0;}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block;}
a:link{color:#373737;text-decoration:none;}
a:visited{color:#373737;text-decoration:none;}
a:hover{color:#e62129;}

.wait03s,.wait03s img{transition: all 0.3s linear;}
.image:hover img{transform: scale(1.1);}
.wait1{-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.wait2{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.wait3{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}


.top_bg{position:fixed;top:0;left:0;z-index:999;width:100%;height:100px;}
.logo{position: absolute; left: 50px; top: 15px;}
.logo a{width: 200px; height: 70px; display: block; background: url("../images/logo_w.png") no-repeat center center; background-size: auto 100%; text-indent: -99999px;}

.top_menu{text-align:center; margin:0px auto; margin-top: 20px;}
.top_menu .menu_box{margin-right:18px;margin-left:18px;color:#fff; position: relative; display: inline-block; height: 48px; line-height: 48px;}
.top_menu a{color: #fff; display: block; line-height: 48px;}
.top_menu .menu_on a,.menu_box:hover a{color:#FFF;}
.top_menu .menu_ico{padding-right: 20px;}
.top_menu .menu_ico:before{content: '\ea4e'; font-family:"remixicon"; position: absolute; top: 2px; right: 0px; color: #fff;}
.top_menu .menu_box:after{position:absolute;bottom:0px;left:0;visibility:hidden;width:0;height:3px;background-color:#FFF;content:"";opacity:1;transition:all .3s ease;}
.top_menu .menu_box:hover:after,.top_menu .menu_on:after{visibility:visible;width:100%;opacity:1;}
.top_menu .menu_box:hover:before{color: #FFF;}
.top_menu .menu_ico:hover:after{opacity: 0;}
.top_menu .small_menu{position: absolute; left: 50%; top: 45px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); transform: translateX(-50%); visibility:hidden;transition:all .3s ease; opacity: 0;}
.top_menu .small_menu:before{content: '\ea77'; font-family:"remixicon"; position: absolute; color: #fff; z-index: 9999; top: -12px; font-size: 20px; line-height: 20px; height: 20px; left: 50%; transform: translateX(-50%);}
.top_menu .small_menu a{color: #666; white-space: nowrap; padding-left: 12px; padding-right: 12px;transition:all .3s ease;}
.top_menu .small_menu a:hover{color: #fff; background: #0d6fb8;}
.top_menu .menu_ico:hover .small_menu{visibility: visible; opacity: 1}
.top_menu .menu_on:before{color: #FFF;}


.top_search{position: absolute; top: 26px; right: 130px; width: 30px; height: 30px; text-align: center; z-index: 9999; color: #fff; cursor: pointer; font-size: 28px;transition:.3s;}
.top_search:hover{color: #0d6fb8;}
.top_lang{position: absolute; top: 30px; right: 35px; height: 30px; line-height: 30px; font-size: 14px; color: #fff;}
.top_lang a{color: #fff; padding-left: 5px; padding-right: 5px;}.top_lang a:hover{color: #0d6fb8}

.page_on div,.page_out div{transition:.5s;}
.page_on .top_bg{background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);}
.page_on .logo a{background: url("../images/logo_c.png") no-repeat center center;  background-size: auto 100%; }
.page_on .top_menu a{color: #666}
.page_on .top_menu .menu_on:before{color: #0d6fb8;}
.page_on .top_menu .menu_box:after{background: #0d6fb8;}
.page_on .top_menu .menu_ico:before{color: #666;}
.page_on .top_search,.page_on .top_lang{color: #666;}
.page_on .top_lang a{color: #666;}.top_lang a:hover{color: #0d6fb8}

.swiper{width:100%;height:660px; position: relative;}
.swiper-slide{background-position:center;background-size:cover;}
.swiper-slide img{display:block;width:100%;height:660px;}
.swiper-slide a{display: block; line-height: 660px; text-indent: -99999px;}
.swiper-button-next,.swiper-button-prev{font-size:148px;}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:30px;}
.swiper-button-prev,.swiper-rtl .swiper-button-next{left:30px;}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{color:rgba(255,255,255,.5);content:"\ea6e";font-size:72px; font-weight: 500; font-family:"remixicon";transition:all .3s linear;}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{color:rgba(255,255,255,.5);content:"\ea64";font-size:72px;font-family:"remixicon";transition:all .3s linear;}
.swiper-button-next:hover:after,.swiper-button-prev:hover:after,.swiper-rtl .swiper-button-next:hover:after,.swiper-rtl .swiper-button-prev:hover:after{color:#fff;}
.swiper-pagination-bullet{width:30px;height:12px;border-radius:5px;background:#fff;transition:all .5s linear;}
.swiper-pagination-bullet-active{width:50px;}


.swiper-slide-active .swiper-text .st_title1{transform:translateY(-60px); transition:.8s;transition-delay:.1s}
.swiper-slide-active .swiper-text .st_title2{transform:translateY(-70px); transition:.8s;transition-delay:.2s}
.swiper-slide-active .swiper-text .st_title3{transform:translateY(-70px); transition:.8s;transition-delay:.3s}
.swiper-slide-active .swiper-text .st_title4{transform:translateY(-60px); transition:.8s;transition-delay:.3s}
.swiper-slide-active .swiper-text .btn-main{transform:translateY(-30px); transition:.8s;transition-delay:.2s}

.btn-main{text-align: center; overflow: hidden; margin-top: 18px;}
.btn-main a{position:relative;z-index:99;border-radius:3px;background:#0d6fb8;color:#FFF;text-transform:uppercase;letter-spacing:0;font-weight:400;font-size:18px; display: block;width: 180px; height: 60px; line-height: 60px; padding-left: 28px; cursor: pointer;}
.btn-main a::before{position:absolute;top:0;left:0;z-index:9;width:34px;height:100%;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:3px;border-top-left-radius:3px;background:#0f4d7b;content:'';-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease;}
.btn-main a span{position: relative; z-index: 99}
.btn-main a i{position:absolute;left:3px;z-index:99;}
.btn-main a:hover:before{position:absolute;top:0;left:0;z-index:9;width:100%!important;border-top-right-radius:3px!important;border-bottom-right-radius:3px!important;background:#0f4d7b;color:#11161e!important;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease;}

.page_bg{background: rgba(0, 0, 0, .75); position: fixed; top: 0px; bottom: 0px; width: 100%; height: 100%; transition:.8s; opacity: 0; z-index: -1}
.page_close{width: 30px; height: 30px; position: fixed; z-index: 10001; top: 10%; right: 10%; cursor: pointer; transition:.8s;}
.page_close:before{content: '\eb97'; font-family: "remixicon"; font-size: 36px; color: #fff;}
.page_close:hover:before{content: '\eb96'; font-family: "remixicon"; font-size: 36px; color: #0d6fb8;}
.search_on .page_bg{opacity: 1; z-index: 10000;}
.search_window{width: 500px; padding: 0px 15px; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); position: absolute; transition: opacity 1s linear; opacity: 0;}
.search_on .search_window{opacity: 1;}
.search_window input{background: #fff; border-radius: 50px; width: 100%; height: 60px; padding-left: 20px; font-size: 20px;}
.search_window .search_btn{position: absolute; right: 1px; top: 5px; height: 50px; line-height: 50px; width: 50px; border-radius: 40px; background: #0071dc; text-align: center; cursor: pointer; transition:.3s;}
.search_window .search_btn:before{color: #fff; content: '\f0d1'; font-family: "remixicon"; font-size: 24px;}
.search_window .search_btn:hover{background: #ff6600;}



.index_pro{overflow:hidden;margin-top:18px;width:100%;height:650px;}
.index_pro_title{margin:0 auto;margin-top:132px;width:450px;color:#fff;text-align:center;font-size:48px;}
.index_pro_info{margin:0 auto;width:450px;color:#fff;text-align:center;font-size:24px;}
.index_pro .btn-main{margin:0 auto;margin-top:28px;width:208px;}
.index_number{overflow:hidden;margin-top:18px;width:100%;height:500px;}
.in_title{margin:0 auto;margin-top:72px;width:450px;color:#0d6fb8;text-align:center;letter-spacing:10px;font-size:24px; font-weight: bold;}
.in_info{margin:0 auto;width:550px;color:#fff;text-align:center;text-transform:uppercase;font-size:24px;}
.in_list{margin:0 auto;padding-top:92px;max-width:1320px;color:#fff;text-align:center;}
.in_box{position:relative;display:inline-block;box-sizing:border-box;padding-left:28px;width:24%;cursor:pointer;}
.in_box .in_number{position:relative;z-index:99;float:left;font-weight:500;font-size:60px;}
.in_box .in_text{position:relative;z-index:99;float:left;margin-top:40px;margin-left:5px;color:rgba(255,255,255,.7);text-align:left;font-size:14px;font-family:'Open Sans',sans-serif;line-height:16px;}
.in_box:before{position:absolute;top:-24px;left:-15px;z-index:9;width:70px;height:70px;border:5px solid rgba(255,255,255,.102);border-radius:50%;content:'';-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-ms-transition:all .3s ease;}
.in_box:hover:before{border-color:#0d6fb8;}



.index_pro_list{display:flex;overflow:hidden;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between; padding-bottom: 32px; max-width: 1500px; margin: 0px auto;}
.index_pro_list .ipl_box{position:relative;position:relative;overflow:hidden;box-sizing:border-box;width:31%; margin-left: 1%; margin-right: 1%; margin-top: 28px; height:372px;cursor:pointer; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
.index_pro_list .ipl_picture{width:100%; height: 232px; overflow: hidden; position: relative;}
.index_pro_list .ipl_picture img{width: 100%;}
.index_pro_list .ipl_picture div{position: absolute; top: 50%; transform: translateY(-50%);}
.ipl_box .ipl_content{width: 80%; margin: 0PX auto; padding: 18px 0px;}
.ipl_box .ipl_title{font-size:20px; padding-bottom: 8px;}
.ipl_box .ipl_info{font-size:14px; color: #888;}
.ipl_box .ipl_link{position: absolute; top: 0px; height: 0px;}
.ipl_box .ipl_link a{display: block; height:372px; width: 100%; text-indent: -99999px;}
.ipl_box:hover .ipl_title{color: #ff6600;}
.ipl_box:hover .ipl_info{color: #333;}


.foot_bg{width: 100%; overflow: hidden; background: url("../images/foot_bg.jpg") center center no-repeat; background-size: cover;}
.foot{max-width: 1320px; margin: 0px auto; width: 100%; padding-top: 72px; padding-bottom: 32px; overflow: hidden; color: rgba(255,255,255,0.6);}
.foot a{ color: rgba(255,255,255,0.6);}.foot a:hover{color: #0d6fb8;}
.foot_box{float: left; width: 25%; box-sizing: border-box;}
.foot_box:nth-child(2){padding-left: 120px;}
.foot_box:nth-child(3){padding-left: 100px;}
.foot_about{width: 25%; font-size: 14px;}
.foot_about_info{ padding-top: 5px; line-height: 28px;}

.foot_box p{color: #fff; padding-bottom: 12px;}
.foot_box li{font-size: 14px; line-height: 32px; height: 32px;}

.foot_products{padding-left: 5%;}
.foot_products li{width: 100%; float: left; box-sizing: border-box; overflow: hidden; margin-right: 5%;white-space: nowrap;text-overflow: ellipsis;}

.foot_contact{float: right;}
.foot_text{width: 100%; overflow: hidden; color: #fff; text-align: center; padding-top: 48px; font-size: 14px;}
.foot_text a{color: #0d6fb8;}.foot_text a:hover{color: #ccc;}





/* About Us Page Css  */
.top_box{width: 100%; height: 500px; overflow: hidden; position: relative;}
.top_box_text{max-width: 1200px; margin: 0px auto; position: relative;}
.top_box_text p{font-size: 42px; font-weight: bold; color: #fff; padding-top: 228px;}
.top_box_text span{width: 35%; color: #ccc; display: block; overflow: hidden;}

.index_box{padding-top: 72px; padding-bottom: 72px; width: 100%; overflow: hidden;}
.index_container{width: 1200px; margin: 0px auto;}
.about_left{width: 50%; float: left;}
.about_left .about_title{letter-spacing: 10px; color: #0d6fb8; padding-bottom: 18px;}
.about_left .about_company{font-size: 36px; width: 80%; line-height: 36px;}
.about_left .about_content{font-size: 16px; padding-top: 28px; color: #666;}

.about_right{width: 40%; float: right; border-radius: 15px; overflow: hidden; font-size: 0px;}
.about_right img{width: 100%;}

.about_partners{width: 100%; text-align: center;}
.about_partners p{text-align: center; letter-spacing: 15px; color: #0d6fb8; font-size: 36px;}
.about_partners span{width: 50%; margin: 0px auto; display: block; font-size: 16px;}
.partner_list{display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 28px;}
.partner_list div{width: 12%; padding: 18px; background: #FFF; margin-top: 28px; box-shadow: 0px 0px 5px rgba(0, 0, 0, .2); border-radius: 15px;}
.partner_list div img{width: 100%;}

.about_other_title{text-align: center; letter-spacing: 15px; color: #0d6fb8; font-size: 36px; padding-bottom: 12px;}



/* Contact Us Page Css */
.contact_left{width: 35%; float: left;}
.contact_left>div{width: 100%; overflow: hidden; padding-bottom: 28px; display: flex;}
.contact_left p{float: left; width: 100px; font-size: 20px; color: #11161e;}
.contact_left span{color: #777; display: block; float: left; flex: 1}
.contact_right{width: 60%; float: right;}
.contact_right p{font-size: 24px;}
.contact_right span{font-size: 14px;}
.contact_right .cr_form{padding-top: 28px; display: flex; justify-content: space-between;}
.contact_right .cr_form div{width: 48%;}
.contact_right .cr_form div input{width: 100%; box-sizing: border-box; padding: 10px 20px; border: 1px solid rgba(17,22,30,0.1);}
.contact_right .cr_text{padding-top: 18px;}
.contact_right .cr_text textarea{width: 100%; box-sizing: border-box;padding: 15px 20px; border: 1px solid rgba(17,22,30,0.1); height: 300px;}

.up-down{animation-name:up-down;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-name:up-down;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:up-down;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:up-down;-ms-animation-duration:2s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:up-down;-o-animation-duration:2s;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear}
@keyframes up-down{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}


/* Support Page Css */
.support_list{display: flex; justify-content: space-between; flex-wrap: wrap; width: 1200px; margin: 0px auto; padding-bottom: 42px; padding-top: 12px;}
.support_list .support_box{width: 31.5%; height: auto; overflow: hidden; margin-top: 32px; background: #ccc; border-radius: 5px; overflow: hidden; position: relative;}
.support_list .support_box img{width: 100%; height: auto;}
.support_list .support_picture{font-size: 0px; position: relative;}
.support_list .support_title{position: absolute; bottom: 15px; width: 90%; left: 50%; transform: translateX(-50%); background: rgba(255, 255, 255, 0.8); border-radius: 5px; box-sizing: border-box; transition: all 0.3s linear;}
.support_list .support_title:before{content: ' '; width: 20px; height: 20px; border-radius: 20px; background: #0d6fb8; position: absolute; left: 20px; bottom: 20px;}
.support_list .support_title a{display: block; padding: 20px 30px; position: relative; z-index: 99;}
.support_list .support_box:hover .support_title{background: #11161e;}
.support_list .support_box:hover .support_title a{color: #fff;}
.support_title p{font-size: 26px; padding-bottom: 8px;}
.support_title span{line-height: 18px; height: 36px; overflow: hidden; color: #666; display: block;}
.support_title b{color: #0071dc; font-weight: normal; padding-top: 12px; display: block;}

.support_list .support_picture a:after{position:absolute;top:-110%;left:-210%;width:200%;height:200%;background:rgba(255,255,255,.13);background:linear-gradient(to right,rgba(255,255,255,.13) 0,rgba(255,255,255,.13) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,0) 100%);content:"";opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;}
.support_list .support_picture:hover a:after{top:-20%;left:-30%;opacity:1;transition-timing-function:linear;transition-duration:.7s,.7s,.15s;transition-property:left,top,opacity;}

.news_content{min-height: 1000px;}
.news_title{text-align: center; font-size: 28px;}
.news_content{line-height: 28px; font-size: 14px; padding-top: 42px; color: #555;}


.top_support_title{padding-top: 172px; text-align: center; font-size: 42px; color: #fff; font-weight: bold;}
.top_support_info{text-align: center; font-size: 24px; color: #fff; text-align: center;}
.top_support_box{width: 50%; margin: 0px auto; background: #fff; border-radius: 42px; height: 42px; margin-top: 28px; box-sizing: border-box;  position: relative; overflow: hidden;}
.top_support_box input{width: 80%; height: 42px; line-height: 42px; padding: 0px; margin: 0px; border: none; background: #fff; box-sizing: border-box; padding-left: 20px;}
.top_support_btn{position: absolute; top: 5px; right: 6px; height: 32px; width: 32px; border-radius: 32px; background: #0071dc;}
.top_support_btn:before{content: '\f0d1';font-family: "remixicon"; font-size: 18px; position: absolute; cursor: pointer; color: #fff; height: 32px; line-height: 32px; width: 32px; text-align: center;}


/* Download Page css  */
.support_location{padding-bottom: 18px; border-bottom: 1px dashed #ddd; margin-bottom: 28px;}
.download_box{width: 100%; overflow: hidden; padding-bottom: 28px; border-bottom: 1px solid #ededed; display: flex; margin-bottom: 28px; }
.download_box .download_info{padding-left: 50px; align-content: space-around; display: flex; flex-wrap: wrap; flex: 1;position: relative;}
.download_box .download_info p,.download_box .download_info span{width: 100%;}
.download_box .download_info span{font-size: 14px; color: #999}
.download_box .download_btn{width: 120px; display: flex; flex-wrap: wrap; align-content: space-around;}
.download_box .download_btn a{display: block; width: 80%; font-size: 12px; background: #0d6fb8; color: #fff; text-align: center; margin-top: 3px; margin-bottom: 3px; height: 28px; line-height: 28px; border-radius: 5px;}
.download_box .download_btn a:hover{background: #11161e;}
.download_box .download_info:before{content: '\ecef'; font-family: "remixicon"; font-size: 28px; color: #666; position: absolute; left: 0px;top: 50%; transform: translateY(-50%);}




/* Products Page Css */
.products_menu{ text-align: center; width: 90%; margin: 0px auto; padding-bottom: 72px;}
.products_menu a{padding: 8px 20px; margin-right: 5px; margin-left: 5px; background: #0071dc; color: #fff; border-radius: 5px; font-size: 14px;display: inline-block; margin-bottom: 28px;}
.products_menu a:hover,.products_menu a.active{background: #0d6fb8;}

.products_left{width: 28%; float: left;}
.products_left .pl_box{width: 100%; box-sizing: border-box; padding: 32px; background: #fff; border-radius: 5px; margin-bottom: 32px;}
.products_left .pl_box p{font-size: 24px; padding-bottom: 18px;}
.products_left .pl_box li{line-height: 18px; padding-left: 18px; font-size: 15px; position: relative; padding-bottom: 13px; padding-top: 13px;}
.products_left .pl_box li:before{content: '\ea53'; font-family: "remixicon"; font-size: 20px; position: absolute; left: 0px; top: 13px;}
.products_left .pl_box li a{display: block; color: #666;}.products_left .pl_box li a:hover{color: #0d6fb8;}
.products_left .pl_box li:hover,.products_left .pl_box .on a{color: #0d6fb8;}
.products_left .pl_box_search{position: relative;}
.products_left .pl_box_search input{border: 1px solid #ccc; width: 100%; padding: 15px; box-sizing: border-box;}
.products_left .pl_box_search:before{content: '\f0d1';font-family: "remixicon"; font-size: 20px; position: absolute; right: 0px; top: 0px; cursor: pointer; padding: 15px;}
.products_right{float: right; width: 70%; overflow: hidden; background: #fff; padding: 42px; box-sizing: border-box; border-radius: 5px;}


.pr_box{float: left; width: 380px;}
.pr_box .pr_picture{width: 300px; height: 300px; overflow: hidden; border: 1px solid #e4e6e7; padding: 20px;}
.pr_box .pr_picture img{width: 300px; height: 300px;}
.pr_box .pr_list{width: 340px; margin-top: 18px; padding-top: 18px; border-top: 1px dashed #c3c3c4; font-size: 0px;}
.pr_box .pr_list img{width: 58px; height: 58px; padding: 2px; border: 1px solid #e4e6e7; margin-right: 5px;}
.pr_box .pr_list img:last-child{margin-right: 0px;}
.pr_info{float: right; width: 342px;}
.pr_info .pr_title{font-size: 32px; padding-bottom: 28px;}
.pr_info .pr_text{font-size: 16px; line-height: 28px; padding-bottom:28px; color: #666; border-bottom: 1px dashed #c3c3c4;}
.pr_description{padding-top: 20px;}
.pr_mobile{padding-top: 18px; color: #999;}
.pr_email{padding-top: 5px; color: #999;}
.pr_mobile a,.pr_email a{color: #0d6fb8;}.pr_mobile a:hover,.pr_email a:hover{color: #0071dc;}

.pr_content{padding-top: 32px; width: 100%; overflow: hidden; min-height: 650px;}
.pr_content img{max-width: 100%; height: auto;}
.pr_content_title{width: 100%; border-bottom: 1px dashed #c3c3c4; padding-bottom: 12px; margin-bottom: 32px;}

.products_list{display: flex; flex-wrap: wrap; margin: 0px auto; padding-bottom: 42px; width: 1200px;}
.products_list .products_box{width: 31.5%; margin-right: 1.8%; height: 376px; overflow: hidden; margin-bottom: 32px; background: #FFF; border-radius: 5px; overflow: hidden; position: relative; text-align: center; padding-bottom: 32px; cursor: pointer;}
.products_list .products_box img{width: 60%;}
.products_list .products_box_empty{width: 31.5%; }
.products_list .products_picture{font-size: 0px; position: relative; padding-top: 18px;}
.products_list .products_title{margin-top:28px; font-size:28px; height: 32px; line-height: 32px; overflow: hidden;}
.products_list .products_picture a:after{position:absolute;top:-110%;left:-210%;width:200%;height:200%;background:rgba(255,255,255,.13);background:linear-gradient(to right,rgba(255,255,255,.13) 0,rgba(255,255,255,.13) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,0) 100%);content:"";opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;}
.products_list .products_picture:hover a:after{top:-20%;left:-30%;opacity:1;transition-timing-function:linear;transition-duration:.7s,.7s,.15s;transition-property:left,top,opacity;}
.products_info{width: 80%; margin: 0px auto; line-height: 24px;transition: all 0.3s linear;}
.products_title a{transition: all 0.3s linear;}

.products_box .products_btn{text-align: center; padding-top: 8px;}
.products_box .products_btn a{color: #0071dc;}

.products_box:hover .products_title a{color: #0d6fb8;}
.products_box:hover .products_info{color: #CCC;}
.products_box:hover .products_btn a{color: #000;}

.download_list{min-height: 900px;}






/* Default Css*/
.page{padding-top:32px; padding-bottom:25px; overflow:hidden; width:100%; text-align: center;}
.page a{text-decoration:none; font-size:14px; color:#333; background:#FFF; border:1px solid #ccc;  display: inline-block; height: 32px; width: 32px; line-height: 32px; margin-left: 3px; margin-right: 3px; border-radius: 3px;}
.page a:hover,.page  a.active{background:#0d6fb8; border:1px solid #0d6fb8; color:#fff;}
.page a.active{color:#fff;}

@media (max-width: 1300px) {
	.logo{left: 10px;}
	.logo a{width: 130px; background-size: 100% auto; transition:.6s;}
	.page_on .logo a{background-size: 100% auto; transition:.6s;}
}

/* Ipad */
@media (max-width: 1199px) {
	.logo{position: absolute; left: 10px; top: 15px;}
	.logo a{width: 150px; transition:.6s;}
	.top_lang{right: 10px;}
	.top_search{right: 100px;}

	.st_title2{color:#fff; font-size: 55px;}
	.st_title3{color:#fff; font-size: 24px;}
	.st_title4{color:#b0b0b0; font-size: 18px; line-height: 18px;}

	.swiper{height:400px;}
	.swiper-slide img{height:400px;}
	.index_pro{height: 372px;}
	.index_pro_list .ipl_box{height:372px;}
	.index_pro_list .ipl_picture{height:200px;}


	.foot{width: 100%; max-width: 100%;}

	.foot_box{padding-left: 20px;}
	.foot_box:nth-child(2){padding-left: 60px;}
	.foot_box:nth-child(3){padding-left: 70px;}


	.top_box_text{max-width: 80%; margin: 0px auto; position: relative;}
	.top_box_text p{padding-top: 200px;}

	.products_list{width: 94%; margin: 0px auto;}
	.products_list .products_box{width: 48.5%;}
	.index_container{width: 94%; margin: 0px auto;}
	.products_left{width: 100%;}
	.products_left p{width: 100%; text-align: center;}
	.products_left .pl_box {text-align: center;}
	.products_left .pl_box li{display: inline-block; padding: 0px;}
	.products_left .pl_box li:before{display: none;}
	.products_left .pl_box li a{padding: 8px 20px; margin-right: 5px; margin-left: 5px; background: #0071dc; color: #fff; border-radius: 5px; font-size: 14px;display: inline-block; margin-bottom: 18px;}
	.products_left .pl_box li a:hover,.products_left .pl_box li a.active{background: #0d6fb8;}

	.left_search,.left_contact{display: none;}
	.products_right{width: 100%;}
	.pr_top{display: flex;}
	.pr_top .pr_info{flex: 1;}

	.support_list{width: 94%; margin: 0px auto;}
	.support_list .support_box{width: 31.5%; height: auto;}
	.support_list .support_box img{width: 100%; height: auto;}
}

@media (max-width: 1100px) {
	.logo{left: 0px;}
	.logo a{background-size: 100% auto; display: block; width: 92px; transition:.6s;}
	.page_on .logo a{background-size: 100% auto; display: block;}

	.top_menu a{ font-size:16px; }
	.top_menu .menu_box{margin-left: 8px; margin-right: 8px;}
}

@media (max-width: 800px) {
	.top_bg{background: rgba(255, 255, 255, 0.95); box-shadow: 0px 0px 5px rgba(0, 0, 0, .3); height: 60px;}
	.logo{top: 10px;}
	.logo a{background: url("../images/logo_c.png") no-repeat center center;  background-size: auto 100%; width: 100px; height: 40px;}
	.top_search,.top_lang{color: #666; top: 15px;}
	.top_lang{right: 40px;}
	.top_search{line-height: 30px; right: 120px; top: 14px;}
	.top_lang a{color: #666;}.top_lang a:hover{color: #0d6fb8}
	.ri-search-line:before{font-size: 20px;}

	.search_window{width: 80%; margin: 0px auto;}

	.swiper{height:250px;}
	.swiper-slide img{height:250px;}
	.swiper-slide .swiper-text{position:absolute;bottom:-150px;left:5%;width:75%;transition:.6s;}
	.swiper-fade .swiper-slide-active .swiper-text{transform:translateY(-200px);}
	.swiper .btn-main a{width: 100px; height: 36px; line-height: 36px; font-size: 12px;}

	.st_title2{color:#fff; font-size: 42px;}
	.st_title3{color:#fff; font-size: 16px;}
	.st_title4{color:#b0b0b0; font-size: 14px; line-height: 18px;}

	.index_pro_list{margin: 0px;}
	.index_pro{display: flex; justify-content: space-between;}
	.index_pro_list .ipl_box{width: 48%; padding: 0px; height: auto;}
	.index_pro_list .ipl_picture{height:100px;}
	.ipl_box .ipl_title{font-size: 18px;}
	.ipl_box .ipl_info{height: 48px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}



	.index_pro_title{margin-top:72px;width:80%;color:#fff;text-align:center;font-size:42px;}
	.index_pro_info{width:80%;font-size:18px; line-height: 20px;}
	.index_pro .btn-main a{transform:scale(0.6);}
	.in_info,.in_title{width: 90%; margin: 0px auto;}
	.in_title{letter-spacing:0px; margin-top: 36px;}
	.in_info{font-size: 18px;}


	.in_list{width: 90%; margin-left: 10%; max-width: 90%; display: flex; justify-content: space-evenly; flex-wrap: wrap;}
	.in_list .in_box{width: 40%; padding-left: 0px; margin-bottom: 72px;}
	.in_box .in_number{font-size: 32px;}
	.in_box .in_text{margin-top: 18px;}


	.foot{width: 100%; max-width: 100%; padding-top: 42px; padding-bottom: 42px;}
	.foot_about_info{line-height: 24px;}
	.foot_box{width: 100%; box-sizing: border-box; padding-right: 20px; padding-bottom: 20px;}
	.foot_box:nth-child(2),.foot_box:nth-child(3){padding-left: 20px;}
	.foot_box p{padding-bottom: 3px;}

	.foot_products li,.foot_link li{width: 50%; float: left; margin-right: 0px; line-height: 28px; height: 28px;}
	.foot_link li{width: 33%;}
	.foot_contact li{width: 100%;}
	.foot_text{padding-top: 28px;}

	.top_box{height: 300px;}
	.top_box_text{max-width: 80%; margin: 0px auto; position: relative;}
	.top_box_text p{padding-top: 150px; font-size: 28px;}
	.top_box_text span{width: 100%; font-size: 14px; line-height: 18px;}
	
	.index_box{padding-top: 28px; padding-bottom: 28px;}
	.products_menu{padding-bottom: 28px; width: 100%;}
	.products_menu a{margin-bottom: 10px; font-size: 12px; padding: 3px 10px; margin-left: 1px; margin-right: 1px;}

	.products_list .products_box{width: 100%;}
	.products_left .pl_box{padding: 18px 5px;}
	.products_left .pl_box li a{margin-bottom: 12px; padding: 5px 8px;}


	.products_right{padding: 20px;}
	.pr_top{display: block;}
	.pr_box{width: 100%;}
	.pr_box .pr_picture{width: 100%; height: auto; box-sizing: border-box;}
	.pr_box .pr_picture img{width: 100%; height: auto;}

	.pr_box .pr_list{width: 100%;}
	.pr_box .pr_list img{margin-bottom: 5px;}

	.pr_top .pr_info{flex:initial; width: 100%;}
	.pr_info .pr_title{padding-bottom: 12px;}
	.pr_mobile:nth-child(2){padding-top: 8px;}
	.pr_content img{max-width: 100%; height: auto;}


	.top_support_title{padding-top: 100px; font-size: 24px;}
	.top_support_box{width: 75%;}

	.download_box .download_btn{width: 90px;}
	.download_box .download_btn a{width: 100%;}
	.download_box .download_info{padding-left: 38px;}
	.download_box .download_info p{font-size: 16px;}

	.support_list{margin-top: 0px;}
	.support_list .support_box{width: 100%; margin-top: 12px;}
	.support_list .support_title a{font-size: 12px; padding: 5px 10px;}
	.support_title b{padding-bottom: 18px; padding-left: 18px;}

	.about_right{width: 100%;}
	.about_left{width: 100%; padding-top: 28px;}
	.about_left .about_title{padding-bottom: 8px;}
	.about_left .about_company{width: 100%; font-size: 28px;}
	.about_other_title,.about_partners p{letter-spacing: 5px;}
	.about_partners span{width: 90%;}
	.partner_list{padding-top: 8px;}
	.partner_list div{margin-top: 8px;}

	.contact_left{width: 100%;}
	.contact_right{width: 100%;}
	.news_content{min-height: 300px;}

	.menu_btn{position: absolute; top: 20px; right: 5px; width: 26px; z-index: 999; display: block;}
	.menu_list{position: relative; height: 20px; width: 26px;}
	.menu_list:before{content: ''; position: absolute; top: 0px; width: 100%; border-bottom: 3px solid #333;}
	.menu_list:after{content: ''; position: absolute; bottom: 0px; width: 100%; border-top: 3px solid #333;}
	.menu_list span{border-top: 3px solid #333; height: 1px; width: 100%; display: block; position: absolute; top: 9px; left: 0px;}

	body .mb_on{height: auto; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}

	.top_menu{position: fixed; top: 60px; width: 100%; background: #0d6fb8; z-index: 999; height: 0px; overflow: hidden; padding: 0px; margin: 0px; transition: all 0.3s linear; display: block;}
	.top_menu .menu_box{width: 100%; margin: 0px; display: block; width: 80%; margin: 0px auto; text-align: center; height: auto;}
	.top_menu .menu_box:first-child{margin-top: 32px;}
	.top_menu .menu_on a, .menu_box:hover a{color: #fff;}
	.top_menu a{display: block; line-height: 36px; padding-top: 10px;}
	.top_menu .menu_ico{padding-right: 0px;}
	.top_menu .small_menu{opacity: 1; visibility: visible; display: block; position: relative; transform: translateX(0%); left: auto; top: auto; background: none; box-shadow: none;}
	.top_menu .small_menu:before{display: none;}
	.top_menu .small_menu a{font-size: 16px; color: #eee; line-height: 28px; padding-top: 0px;}
	.menu_active .top_menu{height: 100%; display: block; visibility: 1}

	.menu_active .menu_list:before,.menu_active .menu_list:after{opacity: 0;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
	.menu_active .menu_list span:first-child{transform:rotate(45deg);}
	.menu_active .menu_list span:last-child{transform:rotate(-45deg);}
	.top_menu .menu_on, .top_menu a:hover,.page_on .top_menu a{color: #fff;}
}