/* Fonts Css */

@font-face {
font-family: 'Swis';
src: url('../fonts/Swis721 BlkCn BT.eot');
src: local('☺'), url('../fonts/Swis721 BlkCn BT.woff') format('woff'), url('../fonts/Swis721 BlkCn BT.ttf') format('truetype'), url('../fonts/Swis721 BlkCn BT.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'thin';
src: url('../fonts/ProximaNova-Thin.eot');
src: local('☺'), url('../fonts/ProximaNova-Thin.woff') format('woff'),
url('../fonts/ProximaNova-Thin.ttf') format('truetype'),
url('../fonts/ProximaNova-Thin.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'thex';
src: url('../fonts/HelveticaNeueLTPro-ThEx.eot');
src: local('☺'), url('../fonts/HelveticaNeueLTPro-ThEx.woff') format('woff'),
url('../fonts/HelveticaNeueLTPro-ThEx.ttf') format('truetype'),
url('../fonts/HelveticaNeueLTPro-ThEx.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "iconfont";
src: url('../fonts/iconfont.eot?v=1.0'); /* IE9*/
src: url('../fonts/iconfont.eot?v=1.0#iefix') format('embedded-opentype'), /* IE6-IE8 */
url(../fonts/iconfont.woff?v=1.0.woff) format('woff'),
url('../fonts/iconfont.ttf?v=1.0') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../fonts/iconfont.svg?v=1.0#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
font-family:"iconfont" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Comman Css */
body{/*font-family: 'open sans';*/font-family: 'arial','microsoft yahei';font-size: 14px;color: #333333;line-height: 24px;overflow-x: hidden;}
a{color: #0070bb;text-decoration: none;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
a:hover{color: #0778c5;text-decoration: none;}
p{ margin-bottom: 15px;}
ul{margin: 0; padding: 0px;list-style: none;}
.section{padding: 80px 0;position: relative;clear: both;}
.img-center img{margin-left: auto; margin-right: auto;}
blockquote,code{background:#333;padding:25px 25px 25px 75px;display:block;position:relative;border-radius:0;border:0;overflow:hidden;}
code{color: #0CF;overflow:auto;}
blockquote:before,code:before{display:block;position:absolute;width:50px;left:0px;top:0;bottom:0;background:#00aeff;text-align:center;color:#fff;}
blockquote:before{content:'""';font-size:40px;padding-top:15px;}
code:before{content:'</>';font-size:16px;padding-top:25px;}
blockquote small{text-align:right;padding:20px 0 0 0;font-style:italic;}
.container{width: 100%; max-width: 1200px;}
@media (min-width: 1401px){ .container{width: 100%; max-width: 1400px;} }
.fw{display: inline-block;vertical-align: top;width:100%;/* padding: 80px 0; */}
.v-center{display: inline-block;vertical-align: middle;float: none;margin: 0 -2px;}
.bullet_list{margin:0 0 20px;}
.bullet_list li{position: relative; padding-left: 30px; margin: 10px 0;}
.bullet_list li:before{content: ""; width:16px; height: 16px; border-radius: 100%; background-image: url(../images/bullet.png); background-repeat: no-repeat; position: absolute; left: 0;top: 7px;}
.m-0{margin: 0px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.p0{padding: 0px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p50{padding: 50px;}
.ptb-35{padding: 35px 0;}
/*Colors*/
.colorWhite{color: #ffffff;}
.colorBlue{color: #004da1;}
.colorBlue2{color: #3b8bba;}
.colorBlack{color: #333333;}
/*Bg Colors*/
.bgWhite{background: #ffffff;}
.bgBlue{background: #004da1;}
.bgBlue2{background: #3b8bba;}
.bgGreen{background: #6e842f;}
.bgBlack{background: #545a74;}
.bgLight{background:#f5f5f5;}
.bg-parallax{background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}
sup{font-size: 70%;top: -.4em;left: 2px; margin-right: 3px;}
/* Header */
.header{ background: #ffffff; width: 100%; z-index: 1000;height: auto;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);transition: all 0.5s;position: relative;overflow: visible;}
.header.fixed{position: fixed; left: 0; top: 0;width:100%;}
nav.navbar{height: auto;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;margin: 0;border-radius: 0;min-height: 1px; padding: 0; border: 0;}
.header.fixed nav.navbar{padding: 0; box-shadow: 0 13px 8px -9px rgba(0,0,0,.2);-webkit-box-shadow: 0 13px 8px -9px rgba(0,0,0,.2); -ms-box-shadow: 0 13px 8px -9px rgba(0,0,0,.2);-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.right_menu{float: right;margin-top: 45px;margin-left: 15px;}
.right_menu > div{margin-left: 25px;float: left;}
.header.fixed .right_menu{margin-top: 42px;}
.header .container{position: initial;}
.navbar .nav {list-style: none;display: inline-block; vertical-align: top; z-index: 5;margin: -1px 0 -1px;}
.navbar .nav > li{float: left;margin: 0; padding: 0; position: initial;}
.navbar .nav > li > a{display: block;font-size: 14px;padding:0px 8px;margin: 0 9px; line-height: 110px; text-decoration: none;outline: none;background:inherit;color: #333;position: relative;text-transform: uppercase;}
.head_user a{font-size: 20px;color: #b4b4b4;line-height: 20px;}
.head_user a:hover{color: #00479d;}
.header_search .search{font-size: 22px;color: #b4b4b4;line-height: 22px; cursor: pointer;}
.header.fixed .navbar .nav > li > a{ line-height: 108px;}
.navbar .nav > li > a:before{position: absolute;content: '';width: 0%;height: 3px;background: #004da1;left: 50%;bottom: 40px;transition: all .3s;}
.header.fixed .nav > li > a:before{bottom: 20px;}
.change_lang{position: relative;text-align: left;-webkit-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.icon-lang{width: 30px;height: 20px;background-image: url(../images/en.jpg);background-repeat: no-repeat;display: inline-block; vertical-align: top;background-size: 100%;}
.icon-lang2{width: 30px;height: 20px;background-image: url(../images/cn.jpg);background-repeat: no-repeat;display: inline-block; vertical-align: top;background-size: 100%;}
.chan_inner{transition: max-height 1s;overflow: hidden;height: 20px;max-height: 20px;z-index: 3;top: 0;left: 0;}
.chan_inner span{text-align: left;}
.chan_inner span + a{position: absolute; left: 0; top: 100%;opacity: 0;visibility: hidden;}
.chan_inner a{text-align: right;display: block;position: relative;font-size: 18px;color: #b4b4b4;font-family: arial;}
.chan_inner:hover{height: auto;max-height: 200px;}
.chan_inner:hover span + a{opacity: 1;visibility: visible;}
.chan_inner a:hover{color: #00479d;}

.navbar .nav li > a:hover,.navbar .nav li > a:focus,.navbar .nav li.active > a{background: none;color:#004da1;}
.navbar .nav li > a:hover:before,.navbar .nav li > a:focus:before,.navbar .nav li.active > a:before{left:0; width:100%;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left: 0!important; padding: 0; margin-top: 11px; height: auto; display: inline-block;vertical-align: top;text-transform: uppercase;}
.header.fixed .navbar > .container .navbar-brand, .header.fixed .navbar > .container-fluid .navbar-brand{ margin-top: 12px;}
.navbar-toggle{float: left;height: 35px;margin: 0;padding: 0 20px;}
.navbar-toggle .icon-bar{background: #ffffff;height: 1px;}
.navbar-toggle.in .icon-bar{background: #fff;}
.navbar-toggle .icon-bar+.icon-bar{margin-top: 7px;}
.navbar-fixed-top{border-width: 0;}
.navbar-toggle{display: none;}
.navbar-brand > img{max-height: 95px;}
.navbar-brand.goto{ font-size: 34px; color: #fff; font-weight: 400; line-height: 56px;}
.header .navbar-collapse{padding-left: 0; padding-right: 0;}
@media (max-width: 992px){
.navbar-collapse{width: 100%;padding: 15px;background: #3b8bba;clear: both;margin: 0!important;display: none;transition: all .5s ease 0s;display: block;}
.navbar-collapse{position: fixed;right: -100%;max-width: 280px;bottom: 0;overflow: auto;top: 0;padding-top: 80px;}
.navbar-collapse.in{display: block;right: 0;}
.navbar .nav > li > a{ line-height: 40px!important; }
.header.fixed .nav > li > a:before{bottom: 0!important;}
.right_menu{margin-top: 20px; margin-bottom: 50px;}
.navbar .nav{float: left;text-align: left;width: 100%;}
.navbar .nav li{float: left;width: 100%;}
.navbar .nav li a{color: #ffffff;}
.right_menu{float: left; width: 100%;margin-left: 0;}
.navbar .nav > li > a:before{bottom: 0;}
.navbar-toggle .icon-bar{background: #000000!important;}
.navbar-toggle.in{z-index: 2;}
.navbar-toggle.in .icon-bar{background: #ffffff!important;}
.navbar-toggle.in .icon-bar:nth-of-type(2){display: none;}
.navbar-toggle.in .icon-bar:nth-of-type(1){transform: rotate(45deg);}
.navbar-toggle.in .icon-bar:nth-of-type(3){transform: rotate(-45deg);margin-top: 0;}
.header .sub_menu.single{position: static;opacity: 1;visibility: visible;overflow: visible;display: inline-block!important;padding: 0 18px;max-height: none;}
.header .sub_menu.single > ul{padding: 0;}
.header .sub_menu.single li > a{width: 100%;}
.header .nav-pro.nav-icon{height: auto;float: left;margin-right: 10px;}
.header .nav-pro.nav-icon >img{max-width: 20px;}
.header .sub_menu.single li{padding:10px;text-align: left;height: auto;border-right:0;border-bottom: 1px solid #ddd;}
.header .sub_menu.single li .sub_menu_title{font-size: 14px;line-height: 20px;margin-top: 0;text-align: left;}
.change_lang{width: auto;}
.chan_inner a{display: inline-block;margin-left: 10px;}
}
.sub_menu.single{position: absolute;top: 100%;left: 0;width: 100%;z-index: 1100;background: #ffffff;margin-top: 1px;max-height: 0;opacity: 0;overflow: hidden;-webkit-transition: max-height .7s;-o-transition: max-height .7s;transition: max-height .7s;color: #303233;height: auto;padding: 0;-ms-box-shadow: 0 0 15px rgba(0,0,0,0.15);-o-box-shadow: 0 0 10px rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);box-shadow: 0 0 10px rgba(0,0,0,0.15);display: block!important;min-width: 100%; border: 0;border-radius: 0;}
.sub_menu.single > ul{padding: 70px 0;width: 100%;max-width: 1200px;margin: 0 auto;text-align: center;}
.sub_menu.single li{display: inline-block;padding: 0px 61px;font-size: 16px;height: 100px;border-right: solid 1px #dcdcdc;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;max-width: 300px;}
.sub_menu.single li:last-child{border-right:0;}
.sub_menu.single li > a{white-space: nowrap;display: inline-block;width: 100%;color: #303233;line-height: 1;height: auto;background: 0 0;text-align: center;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.nav-pro.nav-icon{width: auto;}
.sub_menu.single li .sub_menu_title{margin-top: 20px;font-size: 18px;color: #333;font-family: 'Open Sans';line-height: 24px;}
.navbar .nav li:hover > .sub_menu.single{max-height: 500px;opacity: 1;}
.proi-hide{display: none;padding: 50px 0;float:left;width:100%;clear: both;}
.proi-hide.on{display: block;}
.down-list{display: block; float: left; width: 100%; margin-bottom: 20px;border: solid 1px #e7e7e7;padding:15px; color: #333;}
.down-list .h3{font-size: 18px;float: left;width: 65%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 0; padding-left: 30px;position: relative;line-height: 30px;}
.down-list .h3:before{content: "";position: absolute; width: 21px;height: 28px;background-image: url(../images/pdf.png); background-repeat: no-repeat;left: 0;}
.down-list .h4{font-size: 18px;float: right;width: 25%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 0; padding-right: 30px;position: relative;line-height: 30px;}
.down-list .h4:before{content: "";position: absolute; width: 17px;height: 18px;background-image: url(../images/download.png); background-repeat: no-repeat;right: 0;top:5px;}
.down-list:hover{background: #004da1;border-color: #004da1;color: #ffffff;}
.down-list:hover .h3:before{background-image: url(../images/pdfh.png);}
.down-list:hover .h4:before{background-image: url(../images/downloadh.png);}
/* Banner Slider */
.slider_home_page{position: relative;}
.slider_home_page img{margin: auto;}
:root{ --swiper-navigation-size: 30px;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #d6d6d6;}
.swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{--swiper-navigation-color: #284883;}
.swiper-container-initialized .swiper-button-next, .swiper-container-initialized .swiper-container-rtl, .swiper-container-initialized .swiper-button-prev{padding: 29px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #d6d6d6;}
.swiper-container-initialized .swiper-button-next:hover, .swiper-container-initialized .swiper-container-rtl:hover, .swiper-container-initialized .swiper-button-prev:hover{padding: 29px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #284883;}
/*** Strip ***/
.main_title{color: #333;font-size: 50px;line-height: 40px;text-transform: uppercase;font-family: 'Swis';margin-bottom: 60px;font-weight: bold;text-align: center;}
.main_title.textWhite{color: #ffffff;margin-bottom: 60px;}
.main_title.textWhiteh{
    margin-bottom: 0px;
    margin-top: 80px;
}
.main_title2{font-size: 36px;font-family: arial;color: #333;line-height: 30px;margin-bottom: 60px;}
.single_item{float: left;width: 20%;position: relative;text-align: center;}
.single_item:hover h3{transform: translateY(-10px);}
.single_item .count{font-size: 30px;color: #004da1;margin-top:0;transition: all 0.3s ease 0s;}
.single_item .count .timer{display: inline-block;font-style: normal;font-size: 60px;font-family: 'SimHei';color: #004da1;}
.single_item .count span.text{font-size: 14px;color: #004da1;}
.single_item p{font-size: 14px; color: #888888;margin-bottom: 0;}
.single_item:after{content: '';width: 1px;height: 45px;background: #e8e8e8;position: absolute;right: 0;top: 50%;margin-top: -22.5px;}
.slider-strip{margin-top: -85px;position: relative;z-index: 1;}
/*** Product Section ***/
.pr_home_page{margin-top: -85px;padding-top: 130px;}
.single_product{position: relative;overflow: hidden;margin-bottom: 6%;}
.single_product .img_sec{position: relative;}
.single_product .img_sec p{width: 100%;text-align: center;transition: all 0.3s;position: absolute;bottom: 20px;left: 0;padding: 0px;font-size: 18px;color: #333;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0;}
.content_overlay{width: 100%;height: 100%;position: absolute;top: 0;left: -100%;overflow: hidden;text-align: center;background: rgba(255,255,255,0.9);transition: all .5s ease 0s;}
.content_overlay_content{width: 100%;display: inline-block;padding: 0 50px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.content_overlay h4{color: #004da1;font-size: 22px;line-height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 18px;}
.content_overlay p{color: #666;font-size: 14px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.btn{font-size: 16px;padding: 8px 15px;}
.btn-radius{border-radius: 40px;}
.btn-ouline-primary{display: inline-block;min-width: 140px;border: 2px solid #004da1;color: #004da1;padding: 5px 0;}
.btn-ouline-primary:hover,.btn-ouline-primary:focus{background-color: #004da1;color: #ffffff;}
.content_overlay .btn{margin-top: 15px;}
.single_product:hover .content_overlay{left: 0;}
.single_product:hover .img_sec p{opacity: 0;}
/*** Product zoom css ***/
.easyzoom{position: relative;display: inline-block;*display: inline;*zoom: 1;}
.easyzoom img{vertical-align: bottom;}
.easyzoom.is-loading img{cursor: progress;}
.easyzoom.is-ready img{cursor: crosshair;}
.easyzoom.is-error img{cursor: not-allowed;}
.easyzoom-notice{position: absolute;top: 50%;left: 50%;z-index: 150;width: 10em;margin: -1em 0 0 -5em;line-height: 2em;text-align: center;background: #FFF;box-shadow: 0 0 10px #888;}
.easyzoom-flyout{position:absolute;z-index: 100;overflow: hidden;background: #FFF;}
.easyzoom--overlay .easyzoom-flyout{top: 0;left: 0;width: 100%;height: 100%;}
.easyzoom--adjacent .easyzoom-flyout{top: 0;left: 100%;width: 100%;height: 100%;margin-left: 20px;}
/*** Product Details css ***/
.product__carousel{ display: block; max-width: 100%; margin: 1em auto 3em;}
.product__carousel a{ display: block;}
.product__carousel .gallery-top{border: 1px solid #ebebeb;border-radius: 3px;margin-bottom: 5px;}
.product__carousel .gallery-top .swiper-slide{position: relative;overflow: hidden;}
.product__carousel .gallery-top .swiper-slide a{position: relative;display: flex;justify-content: center;align-items: center;width: 100%; height: 100%;}
.product__carousel .gallery-top .swiper-slide a img{width: 100%;height: 100%;object-fit: contain;}
.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img{min-width: 100%;min-height: 100%;}
.product__carousel .swiper-button-next.swiper-button-white, .product__carousel .swiper-button-prev.swiper-button-white{color: #ff3720;}
.product__carousel .gallery-thumbs .swiper-slide{position: relative;transition: border .15s linear;border: 1px solid #ebebeb;border-radius: 3px;cursor: pointer;overflow: hidden; height: calc(100% - 2px);}
.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{border-color: #000;}
.product__carousel .gallery-thumbs .swiper-slide img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;}
.produt_sing_discp h2{margin-bottom: 30px;}
.produt_sing_discp p{margin-bottom: 30px;}
.mobile {
  display: none;
}
/*** Case study css ***/
.case_study_slider{overflow: hidden;position: relative;color:#fff;font-size: 16px;line-height: 2.5;}
@media (min-width:992px){
.case_study_slider .swiper-slide{width: 734px;position: relative;}
.case_study_slider .swiper-slide .cs_img{position: relative;width: 734px;height: 400px;background: #fff;margin: 0 auto;-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,.15);box-shadow: 0px 5px 20px rgba(0,0,0,.15);margin-bottom: 30px;}
}
.case_study_slider .swiper-slide .cs_img{background: #fff;}
.case_study_slider .swiper-slide .cs_img:before{content: '';width: 100%;height: 100%;background: rgba(255,255,255,0.5);position: absolute;top: 0;left: 0;transition: all 0.4s;}
.case_study_slider .swiper-slide.swiper-slide-active .cs_img:before{opacity: 0;}
.case_study_slider .swiper-slide img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;overflow: hidden;}
.case_study_slider .swiper-slide h4{color:#ffffff;font-size: 22px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;}
.arrow-btn{width: 58px;height: 58px;background: #00b7ee;transition: all 0.4s;cursor: pointer;position: absolute;border-radius: 50%;color: #fff;font-size: 18px;text-align: center;line-height: 58px;z-index: 10; top: 50%; margin-top: -29px;}
.arrow-left{left: 17%;}
.arrow-right{right: 17%;}
.btn-ouline-default{display: inline-block;min-width: 160px;border: 2px solid #333;color: #333;}
.btn-ouline-default:hover,.btn-ouline-default:focus{background-color: #ffffff;color: #004da1;}
.cta-section{margin-top: 30px;}
/*** Four column css ***/
.small-padding{padding: 50px 0;}
.colmn_link{display: inline-block;text-align: center;font-size: 20px;color: #666666;}
.colmn_link span{display: block;}
.colm_icon{width: 145px;height: 145px;border-radius: 50%;border: 3px solid #e5e5e5;margin: 0 auto;transition: all 0.4s;position: relative; margin-bottom: 30px;}
.colm_icon img{position: absolute; left: 50%; top:50%;transform: translate(-50%,-50%);}
.colm_icon img:nth-of-type(2){opacity: 0;}
.colmn_link:hover .colm_icon img:nth-of-type(2){opacity: 1;}
.colmn_link:hover .colm_icon{border-color:#284883;}
.colmn_link:hover{color: #284883;}
/*** News css ***/
.news_sec_f1, .news_sec_f2{position: relative; height: 100%;z-index: 1;min-height: 100%;}
.news_sec_f2 .col-sm-6.p0{position: relative; height: 100%;z-index: 1;min-height: 100%;padding: 0px 5px;}
.news_sec_f1{padding: 80px 0 60px;}
.news_post{position: relative;display: block;overflow: hidden;transition: all .5s ease 0s;}
.news_post img{transition: all .5s ease 0s;}
.news_post:hover .news_pic img{transform: scale(1.1);}
.news_post .news_title{background: rgba(15, 172, 243, 0.63);color: #fff;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 20px 20px;position: absolute;width: 100%;bottom: 0;left: 0;}
.news_post2{color: #ffffff;padding-top: 0px;display: block;position: relative;z-index: 1;padding-bottom: 0px;overflow: hidden;min-height: 350px;margin-top: 80px;}
.news_post2 :hover .discp{color: #ffffff;}
.news_post2 :hover .title_2{color: #ffffff;}




.news_post2:before{content: '';width: 0;height: 100%;background: rgba(40, 72,131, 1);position: absolute;left: 0;top: 0;z-index: -1;transition: all 0.4s;}
.news_post2:hover:before{color: #ffffff;width:100%;}
.title_2{color: #333;font-size: 20px;font-family: arial;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 9px;}
.discp{color: #333;font-size: 14px;line-height: 22px;height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;margin-bottom: 10px;}
/*** Contact css ***/
.contact_list li{position: relative; margin-bottom: 30px; padding-left: 55px;color: #000;font-size: 20px;line-height: 26px;}
.contact_list li i{ position: absolute; top: 50%; transform: translateY(-50%);display: inline-block; left: 0;width: 34px;height: 34px;background: #dcdcdc;border-radius: 50%;vertical-align: middle;margin-right: 12px;color: #fff;font-size: 20px;text-align: center;line-height: 34px;transition: all 0.4s;}
.contact_list li span:nth-of-type(1){display: block;margin-bottom: 10px;color: #000;font-size: 20px;line-height: 26px;}
.contact_list li span:nth-of-type(2){display: block;margin-bottom: 10px;color: #666;font-size: 18px;line-height: 18px;}
.contact_list li:hover i{background-color: #284883;}
.link_more{display: block;font-size: 18px;color: #1a52b1;padding-left: 46px;background: url(../images/right1.png) no-repeat left center;line-height: 26px;margin-top: 40px;}
.map_overflow{}
.map_overflow .map{position: relative;width: 790px;}
.dot_box{position: absolute;cursor: pointer;}
.dot{width: 6px;height: 6px;border-radius: 50%;margin: 0 auto 22px;transition: all 0.4s;position: relative;z-index: 1;background-color: #1a52b1;}
.dot:after{content: ''; width: 34px; height: 34px;background: rgba(33,158,254,0.72);border-radius: 50%;left: 50%;top: 50%;margin-top: -17px;margin-left: -17px;position: absolute;opacity: 0;z-index: -1;transition: all 0.4s;}
.dot_box1_in p{font-size: 16px;font-family: arial;position: absolute;left: -30px;top: 10px;z-index: 10;color: white;background-color: #1f5fa6; border-radius: 2px; padding: 2px; line-height: 15px;}
.dot_img{position: absolute;display: none;width: 200px;border-radius: 3px;background: #666;left: -96px; margin-top: -206px; z-index: 999;}
.dot_img img{max-width: 100%;}
.dot_img p{color: #fff;font-family: "SimHei";font-size: 18px;padding: 10px 38px;transition: all 0.4s;position: relative;z-index: 20;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 20px 14px 2px 14px;padding: 15px 10px 10px 10px; margin-bottom: 0;}
.dot_img h3{color: white;display: block;font-weight: bold;font-size: 15px;line-height: 20px;padding: 0px 20px;word-wrap: break-word;word-break: normal;margin-bottom: 14px; margin-top: 0;}
.dot_box:hover .dot_img{display: block;}
.dot_box1{left:204px;bottom: 153px;}
.dot_box2{left: 444px;bottom: 238px;}
.dot_box3{left: 519px;bottom: 216px;}
.dot_box4{left: 548px;bottom: 183px;}
.dot_box5{left: 490px;bottom: 220px;}
.dot_box6{left: 632px;bottom: 207px;}
.dot_box7{left: 600px;bottom: 184px;}
.dot_box8{left:690px;bottom:134px;}
.dot_box9{left: 675px;bottom:90px;}
.dot_box10{left: 225px;bottom:19px;}
.dot_box11{left: 554px; bottom: 169px;}
.dot_box12 {left: 655px;bottom: 204px;}
.dot_box2 .dot_box1_in p{left: -29px;}
.dot_box3 .dot_box1_in p{left: 12px;top: -8px;}
.dot_box4 .dot_box1_in p{left: -43px;top: -8px;}
.dot_box5 .dot_box1_in p{left: -12px;top: -27px;}
.dot_box6 .dot_box1_in p{left: -8px;top: -26px;width: 136px;}
.dot_box7 .dot_box1_in p{left: -21px;top: 12px;}
.dot_box8 .dot_box1_in p{left: 18px;top: -8px;}
.dot_box9 .dot_box1_in p{left: -30px;}
.dot_box11 .dot_box1_in p{ width: 77px;left: -69px;}
.dot_box12 .dot_box1_in p{left: 10px;}
/*** Footer css ***/
.footer_top{padding: 60px 0 0px;background: #edeef0;}
.footer_widget{float: left;width: 20%; padding-right: 15px;margin-bottom: 20px;}
.footer_widget h4{color: #333;font-size: 18px;font-family: arial;display: block;line-height: 18px;margin-bottom: 22px;}
.footer_widget h4 a{color: #333;}
.footer_widget ul li a{color: #888;font-size: 14px;font-family: arial;display: block;line-height: 34px;}
.footer_widget ul li a:hover, .footer_widget ul li a:focus{color: #00479d;}
.social_icons li{display: inline-block;}
.social_icons a{ display: block;width: 40px;height: 34px;border: 1px solid #c8c8cf;background: transparent;text-indent: 0;font-size: 20px;color: #808fa2;text-align: center;padding: 0;line-height: 34px;margin: 0 0 0 15px;margin-top: 10px;}
.social_icons a:hover{ color: #1a52b1;}
.footer_bottom.full-width{padding: 26px 15px;}
.footer_bottom p, .footer_bottom p a{margin: 0;font-size: 14px;color: #888;text-align: center;}
/*** Social Side css ***/
.kefu-box{position: fixed;right: 20px;bottom: 180px;z-index: 800;display: none;}
.kefu {width: 46px;height: 46px;padding-left: 10px; margin-bottom: 5px;position: relative;}
.kefu span{display: block;width: 45px;height: 45px;border: 1px solid #ddd;position: relative;cursor: pointer;}
.kefu-email span{background: #fff url(../images/email.png) no-repeat center;}
.kefu-email:hover span{background: #00479d url(../images/email-h.png) no-repeat center;border-color: #00479d;}
.kefu-skype span{background: #fff url(../images/skype.png) no-repeat center;}
.kefu-skype:hover span{background: #00479d url(../images/skype-h.png) no-repeat center;border-color: #00479d;}
.kefu-tel span{background: #fff url(../images/tel.png) no-repeat center;}
.kefu-tel:hover span{background: #00479d url(../images/tel-h.png) no-repeat center;border-color: #00479d;}
.kefu-email-info{width: 180px;display: block;position: absolute;right: 56px;top: 1px;height: 45px;line-height: 45px;background-color: #00479d;text-align: center;color: #fff;display: none;}
.kefu-email-info:after{content: '';display: block;width: 0;height: 0;border: 8px;border-color: transparent;border-style: solid;border-left: 8px solid #00479d;position: absolute;right: -16px;top: 13px;}
.backTop{width: 45px;height: 45px;margin-left: 10px;border: 1px solid #ddd;background: #fff url(../images/backtop.png) no-repeat center;cursor: pointer;}
.backTop:hover{background: #00479d url(../images/backtop-h.png) no-repeat center;border-color: #00479d;}
.kefu:hover .kefu-email-info{display: block;}
/*** Inner Pages css ***/
.banner_inner_page{background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 108px; padding-bottom: 108px;}
.banner_inner_page h3{text-transform: uppercase;color: #ffffff;margin-bottom: 20px;font-size: 34px;margin-top: 0;}
.breadcrumbs ul li{display: inline-block; padding: 0 8px;border-right: solid 1px #cecece;line-height: 15px;color: #ffffff;}
.breadcrumbs ul li:last-child{border-right: 0;}
.breadcrumbs ul li a{color: #ffffff;}
.product_nav a{font-family: 'thin';transition: all 0s;font-size: 16px;display: block;float: left;height: 52px;width: 215px;color: #ffffff;text-align: center;line-height: 52px;position: relative;}
.product_nav a:before{content: ""; position: absolute;width: 0;height: 0;border-style: solid;border-width: 0 8px 8px 8px;
border-color: transparent transparent #ffffff transparent;bottom: -8px;left: 50%;margin-left: -4px;opacity: 0;visibility: hidden;}
.product_nav a:hover, .product_nav a.active{background:#0c6fdb;}
.product_nav a:hover:before, .product_nav a.active:before{opacity: 1;visibility: visible;bottom: 0;}
.product_changer h3{font-size: 14px;line-height: 30px;color: #888;float: left; margin-top: 0;}
.product_changer .pro-btn{float: right;}
.pro-btn a{float: left;margin-left: 11px;display: block;width: 34px;height: 30px;border: solid 1px #888888;border-radius: 3px;}
.pro-btn a.heng{background: url(../images/heng.png) no-repeat center;}
.pro-btn a.heng.active{border-color: #004DA1;background: #004DA1 url(../images/hengH.png) no-repeat center;}
.pro-btn a.shu{background: url(../images/shu.png) no-repeat center;}
.pro-btn a.shu.active{border-color: #004DA1;background: #004DA1 url(../images/shuH.png) no-repeat center;}
.products.prList .single_product{display: block;border: solid 1px #dcdcdc;margin-top: 30px;}
.products.prList .single_product .img_sec{width: 25%;float: left;position: relative;}
.products.prList .single_product .img_sec img{transition: all .5s;}
.products.prList .single_product:hover .img_sec img{transform: scale(1.05);}
.products.prList .single_product .content_overlay{width: 75%;float: left;position: initial;}
.products.prList .single_product .content_overlay_content{transform: none; position: static; text-align: left;padding-top: 50px;}
.products.prList .single_product .content_overlay_content h4 a{text-transform: uppercase;color: #333333;}
.products.prList .single_product:hover .content_overlay_content h4 a{color: #004DA1;}
.products.prList .single_product .content_overlay_content .btn-ouline-primary{border-color: #dcdcdc; color:#888;}
.products.prList .single_product:hover .content_overlay_content .btn-ouline-primary{border-color: #004DA1; color:#004DA1;background-color: #ffffff;}
.products.prList .single_product .img_sec p{opacity: 0;}
.products.prThumb .single_product{float: left; width:23.5%; margin-right: 2%;margin-top: 30px;}
.products.prThumb .single_product .content_overlay_content h4{text-transform: uppercase;}
.products.prThumb .single_product:nth-of-type(3n+3){margin-right: 0;}
.products.prThumb .single_product .content_overlay{background: rgba(234,234,234,0.9)}
.products.prThumb .single_product .content_overlay .content_overlay_content{padding: 10px 30px;}
.products.prThumb .single_product .img_sec p{opacity: 1;bottom: 0; font-size: 16px;margin-bottom: 5px;}
.pagee a{margin: 0 3px;display: inline-block;width: 40px;height: 40px;font-size: 16px;color: #333333;text-align: center;line-height: 38px;border: solid 1px #dddddd;}
.pagee a:hover, .pagee a.on{color: #fff;background: #004da1;border-color: #004da1;}
/*** Product details css ***/
.pro-swiper{position: relative;}
.three_slide_slider, .five_slide_slider{overflow: hidden;}
.pro-swiper .swiper-slide{box-sizing: border-box;padding: 15px 30px;}
.pro-swiper .swiper-slide >a{display: block;text-align: center;}
.pro-swiper .swiper-slide >a .tit{font-size: 16px;color: #000;white-space:nowrap;min-width: 80px;}
.pro-swiper .swiper-slide >a:hover .tit, .pro-swiper .swiper-slide.swiper-slide-active >a .tit{/* color: #004da1; */}
.pro-icon{width: 76px; height: 64px;position: relative;overflow: hidden;text-align: center;display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px;box-sizing: border-box;padding: 0 38px;}
.proi-hide h3{font-size: 18px;color: #333;line-height: 18px;font-family: 'open sans bold';}
.proi-hide p{font-size: 14px;color: #888;line-height: 23px;font-family: Microsoft YaHei;margin-bottom: 0;}
.proi-hide.on{display: block;}
.proi-box{padding-bottom: 30px;border-bottom: solid 1px #eaeaea;}

.pro-icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);transition: all .5s ease 0s;}
.pro-icon img:nth-of-type(2){opacity: 0; top: 150%;}
.pro-icon:hover img:nth-of-type(1), .swiper-slide.swiper-slide-active >a .pro-icon img:nth-of-type(1){/* top: -150%; */}
.pro-icon:hover img:nth-of-type(2), .swiper-slide.swiper-slide-active >a .pro-icon img:nth-of-type(2){/* opacity: 1; *//* top: 50%; */}
.product_feature{margin-top:60px;float: left;width: 100%;}
.feature_list li{float: left;margin-left: 20px;position: relative;margin-bottom: 20px;}
.feature_list li img{border-radius: 10px;max-width: 50px;}
.feature_list li p{position: absolute;min-width: 80px;font-size: 14px;color: white;height: 30px;line-height: 30px;padding: 0px;background: #004DA1;border-radius: 20px;left: 50%;transform: translateX(-50%); bottom: 0;width:165px;opacity: 0;visibility: hidden;text-align: center;font-size: 11px;margin-bottom: 8px;}
.feature_list li p:before{content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width:6px 6px 0 6px;border-color: #004DA1 transparent transparent transparent;top: 100%;left: 50%;transform: translateX(-50%);}
.feature_list li:hover p{opacity: 1;visibility: visible;bottom: 100%;}
.proi-box ul{margin-bottom: 50px;}
.proi-box ul:last-child{margin-bottom: 0;}
.proi-box ul li{position: relative; padding: 8px 0;padding-left: 20px;margin-left: 10px;}
.proi-box ul li:before{content: ""; position: absolute; left: 0; top:50%; transform: translateY(-50%);width:8px; height: 8px;border-radius: 20px;background: #004da1;}
.proi-a a{float: left;width: 20%;text-align: center; padding: 10px;font-size: 18px;color: #333333;}
.proi-a a:nth-child(2n){background: #e5e5e5;}
.proi-a a:nth-child(2n+1) { background: #eeeeee;}
.proi-a a.active{background: #004DA1;color: #ffffff;}
.spacification_table th, .spacification_table td{padding: 10px!important;}
.spacification_table th{font-weight: normal;}
.spacification_table td{color: #666;font-size: 14px;}
.info-swiper{position: relative;overflow: hidden;}
.info-swiper .swiper-button-next, .info-swiper .swiper-button-prev{color: #ffffff;background: #bfbfbf !important;opacity: 1;width: 42px;height: 42px;border-radius: 50%;text-align: center;line-height: 42px;top: 80px;margin-top: 0;display: none;}
.info-swiper .swiper-button-next, .info-swiper .swiper-button-prev:hover{color: #ffffff;background: #004DA1 !important;opacity: 1;width: 42px;height: 42px;border-radius: 50%;text-align: center;line-height: 42px;top: 80px;margin-top: 0;}
.info-swiper .swiper-button-next:after, .info-swiper .swiper-button-prev:after{font-size: 20px;}
.title_with_left_border{margin-bottom: 40px;font-size: 18px;color: #333;line-height: 22px;padding-left: 15px;border-left:4px solid #284883;}
.info-swiper .swiper-slide h4{margin-top: 25px;font-size: 18px;line-height: 26px; color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.info-swiper .swiper-slide h4 a{color: #333333;}
.info-pic{height: 208px;overflow: hidden;position: relative;display: block;}
.case-search{transition: all .5s;position: absolute;top: -100%;margin-top: -29px;left: 50%;margin-left: -29px;width: 58px;height: 58px;border-radius: 50%;background: #004da1;text-align: center;line-height: 58px;font-size: 25px !important;color:#ffffff;font-weight: bold;}
.info-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.info-swiper .swiper-slide:hover img{transform: scale(1.05);}
.info-swiper .swiper-slide:hover .case-search{top: 50%;}
.info-swiper .swiper-slide p{margin: 10px 0 25px 0;line-height: 20px;font-size: 14px;color: #888;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;height: 40px;}
.info-bot.fw{border-top: 1px solid #ddd;padding-top: 20px;}
/*** Search css ***/
.search-alert{position: fixed;z-index: 1006;background-color: rgba(0,0,0,0.9);left: 0;top: 0;width: 100%;height: 100%;display: none;}
.search-alert .close{display: block;width: 27px;height: 27px;background: url(../images/close.png) no-repeat center;position: absolute; top: 38px;right: 2.6%;cursor: pointer;transition: transform 0.3s ease 0s;}
.search-alert .topsearch-form{position: absolute;width: 100%;max-width: 1200px; left: 50%;top: 50%;height: 124px;transform: translate(-50%, -50%);padding: 0 30px;}
.search-alert .topsearch-form>div{border-bottom: 1px solid #515151;}
.search-alert .topsearch-form .topsearchtx{border: none;font-size: 30px;height: 124px;line-height: 124px;text-align: center;width: 100%;color: #555;background: none;padding-left: 88px;padding-right: 80px;outline: none;}
.search-alert .topsearch-form .topsearchbtn{cursor: pointer;width: 124px;height: 124px;border: none;background: url(../images/serach.png) no-repeat center;background-color: #004DA1;background-size: 20px 20px;position: absolute;right: 30px;bottom: 0;z-index: 1001;outline: none;}
/*** Login css ***/
.logo_icon a{display: inline-block; max-width: 150px;}
.loginform .form-group{margin-bottom: 20px;}
.loginform .form-control{height: auto; border-radius: 0;box-shadow: none;padding: 18px 15px;}
.catpcha-sec{display: inline-block; vertical-align: top; padding: 10px 30px;border: 1px solid #ddd;margin-top: 20px;}
.btn-big{font-size: 18px; padding: 15px 15px;}
.links_area a{text-transform: uppercase;margin:5px 8px;display: inline-block;vertical-align: middle;}
.links_area a:hover,.links_area a:focus{color: #000000;}
/*** Register css ***/
.registerform .form-group{margin-bottom: 20px;min-height: 65px;}
.registerform .form-control{height: auto; border-radius: 0;box-shadow: none;padding: 18px 15px;}
.registerform .catpcha-sec{display: inline-block; vertical-align: top; padding: 10px 30px;border: 1px solid #ddd;margin-top: 20px;}
.varification input{float: left; max-width: 180px;margin-right: 15px;}
.varification .catpcha-sec{margin-top: 0;}
.registerform .select2-container .select2-selection--single{height: auto;border: 1px solid #dddddd;border-radius: 0;}
.registerform .select2-container .select2-selection--single .select2-selection__rendered{padding-top: 10px;padding-bottom: 10px;padding-left: 15px;}
.registerform .select2-container--default .select2-selection--single .select2-selection__arrow{position: absolute;top: 17px;right: 8px;}
/*** Forgot css ***/
.forgot_passform .form-group{margin-bottom: 20px;}
.forgot_passform .form-control{height: auto; border-radius: 0;box-shadow: none;padding: 18px 15px;}
.forgot_passform .catpcha-sec{display: inline-block; vertical-align: top; padding: 10px 30px;border: 1px solid #ddd;margin-top: 20px;}
/*** Mannual Download css ***/
.download_search .form-group{position: relative;margin-bottom: 0;overflow: hidden;border-radius: 50px;}
.download_search .form-control{font-size: 18px;color: #333333;height: auto;border: 2px solid #dcdcdc;border-radius: 50px; padding: 12px 100px 12px 30px;}
.download_search button{position: absolute;right: 0;top: 0;border-radius: 50px;border: 0;background: no-repeat;padding: 11px 30px;cursor: pointer;}
.download_search button i{font-size: 30px;color: #004da1;}
.download_search button:hover, .download_search:hover button{background: #004da1;}
.download_search button:hover i, .download_search:hover button i{color: #ffffff;}
/*** Technical Support css ***/
.icons_with_hover{color: #333;}
.icons_with_hover:before{position: absolute;content: '';background: #dedede;width: 1px;height: 88px;right: 0;top: 34px;}
.tech_support_colm .col-md-4:nth-of-type(3) .icons_with_hover:before{display: none;}
.icons_with_hover:hover .pro-icon img:nth-of-type(2){opacity: 1;top: 50%;}
.icons_with_hover:hover .pro-icon img:nth-of-type(1){opacity: 0;top: -100%;}
.supp-pic{width: 100%;max-height: 250px;overflow: hidden;position: relative;}
.supp-pic img{min-height: 250px;}
.supp-pic a{display: block;position: relative;}
.supp-pic:before{position: absolute;z-index: 3;content: '';width: 100%;height: 100%;top: 0;left: 0;background: url(../images/pause.png) no-repeat center;transition: all .5s ease 0s;}
.supp-pic:after{position: absolute;z-index: 2;content: '';width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.3);}
.single_video{margin-top: 20px;}
.single_video .h4{font-size: 16px;color: #333;line-height: 26px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 15px;}
.video_link:hover .supp-pic:before{transform: rotate(360deg) scale(1.05);}
.video_modal .modal-dialog{width: 100%;margin: 30px auto;max-width: 890px; padding: 0 25px;}
.video_modal .modal-dialog .modal-body{position: relative; padding: 40px;}
.video_modal .close{position: absolute;right: 0;top: 0;font-size: 45px;width: 45px;}
/*** Maintenance and Repair css ***/
.part-select{position: relative;margin-bottom: 53px;font-family: arial;font-size: 24px;color: #888888;padding: 0 30px;max-width: 440px;width: 100%;height: 60px;border: solid 2px #ccc;border-radius: 30px;appearance: none;-webkit-appearance: none;}
.part-input{width: 100%;font-size: 16px;line-height: 56px;color: #666;background: #fff url(../images/select.png) no-repeat right center;}
.part-options{position: absolute;top: 100%;left: 0;z-index: 2;width: 100%;margin-top: 1px;border: solid 1px #ccc;background: #fff;padding: 10px 0;-webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,.08);box-shadow: 0 3px 10px 2px rgba(0,0,0,.08);display: none;}
.part-options li{padding: 10px 20px;font-weight: 500;font-size: 14px;color: #666;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;position: relative;z-index: 1;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.div_p{color: #888;font-size: 18px;line-height: 26px;}
.div_p p{display: none;}
.div_p span{padding-right: 70px;}
.registerform.online-message_form .select2-container{width:100%!important;}
.heading_with_border-bottom{padding-bottom: 15px;position: relative;margin-bottom: 30px;}
.heading_with_border-bottom:before{content: ""; position: absolute; left: 50%; width: 26px;background: #004da1;height: 2px;top: 100%;margin-left: -13px;}
.repair-two{padding-top: 30px;border-top: solid 1px #dcdcdc;}
.part-select:hover .part-options{display: block;}
.part-options li:hover{background: #0c6fdb;color: white;}
/*** News css ***/
.single_news{border: 1px solid #ddd; margin-bottom: 15px;}
.news-data{font-family: 'thex';font-size: 26px;color: #cccccc;}
.news-more{transition: all .5s;margin-top: 18px;width: 40px;height: 40px;border-radius: 50%;border: solid 1px #dcdcdc;text-align: center;line-height: 38px;color: #cccccc;font-size: 20px !important; display: inline-block;}
.single_news h3{margin-top: 0;}
.single_news h3 a{color: #333333;}
.single_news .col-md-4 a{display: block;overflow: hidden;}
.single_news img{transition: all .5s;}
.single_news .col-md-8{padding-right: 150px;position: relative;}
.date_and_link{position: absolute; right: 0; padding: 0 20px;top:50%;transform: translateY(-50%);}
.single_news:hover .news-more,.news-more:hover{border-color: #004da1;background: #004da1;color: white;transform: translateX(10px);}
.single_news:hover .news-more,.news-more:hover{border-color: #004da1;background: #004da1;color: white;transform: translateX(10px);}
.single_news:hover a, .single_news:hover .news-data{color: #004da1;}
.single_news:hover img, .single_news .col-md-4 a:hover img{transform: scale(1.05);}
.news_discp{margin-top: 40px;padding-top: 30px; border-top: 1px dashed #c4c4c4;}
.share_news >p{display: inline-block;}
.share_news >.social_icons{display: inline-block;}
strong{font-family: 'open sans bold';}
.previ__next_news .next{ position: relative;float: right;width: 35%;padding-right: 60px;color: #212121;text-align: right;}
.previ__next_news .next:hover{color: #1a52b1;}
.previ__next_news .next:hover i{right: 0px;background-color:#1a52b1;color: #ffffff;border-color:#1a52b1;}
.previ__next_news .next strong, .previ__next_news .prev strong{display: block;}
.previ__next_news .next i{position: absolute;right:10px;top: 50%; transform: translateY(-50%);}
.previ__next_news .prev{ position: relative;float: left;width: 35%;padding-left: 60px;color: #212121;}
.previ__next_news .prev:hover{color: #1a52b1;}
.previ__next_news .prev i{position: absolute;left: 10px;top: 50%; transform: translateY(-50%) rotate(180deg);}
.previ__next_news .prev:hover i{left: 0px;background-color:#1a52b1;color: #ffffff;border-color:#1a52b1;}
/*** Csae study css ***/
.single-case, .single-case h4, .single-case p{margin-bottom: 30px;line-height: 26px;}
.single-case h4, .single-case h4 a{color: #333333;}
.single-case p{color: #888888;}
.single-case .case-pic{position: relative;overflow: hidden;height: 330px;background-color: #ffffff;}
.single-case .case-pic img{width:100%;}
.single-case .case-pic:hover .case-search{top: 50%;}
.single-case .case_discp{padding: 0 80px 0 70px;}
.btn.btn-ouline-grey{font-size: 14px;color: #888888;border: 1px solid #999999;padding: 4px 19px;}
.img-center img{display: block;margin: auto;}
.single-case:hover h4 a{color: #1a52b1;}
.single-case:hover .btn.btn-ouline-grey{background-color: #1a52b1;color: #ffffff; border-color: #1a52b1;}
.single-case:hover .case-pic .case-search{top: 50%;}
.single_slide_slider{overflow: hidden;}
.btn.btn-radius.btn-primary{padding: 10px 15px;font-size: 14px;background: #004da1;border-color: #004da1;min-width: 152px;}
.btn.btn-radius.btn-primary:hover{background: #0c6fdb;border-color:#0c6fdb;}
/*** faqs css ***/
.faq-box a{display: block;margin-bottom: 20px;padding: 15px 30px 15px 15px; border: solid 1px #e7e7e7;color: #333;font-size: 18px;position: relative;}
.faq-box a:after{font-family: swiper-icons;text-transform: none !important;letter-spacing: 0;text-transform: none;font-variant: initial;content: 'next';font-size: 18px;position: absolute; right: 20px;top:50%;transform: translateY(-50%)}
.faq-box a:hover{background:#1a52b1;color: #ffffff; }
.previ__next_news{border-top: 1px solid #ddd;padding-top: 30px;}
.aboutmore .col-md-4 img{transition: all .5s;}
.aboutmore .col-md-4:hover img{transform: rotateY(180deg);}

.con-three {
position: relative;
height: 780px;
background: url(../images/countries/map2.png) no-repeat center;
}
.con-dot {
position: absolute;
cursor: pointer;
}
.con-three img{max-width: 100%;}
.con-dot span {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
/* border: solid 3px rgba(0,77,161,0.8); */
margin: 0 auto;
background-color: #1a52b1;
}
.con-dot span:after {
content: '';
width: 34px;
height: 34px;
background: rgba(33,158,254,0.72);
border-radius: 50%;
left: 50%;
top: 50%;
margin-top: -17px;
margin-left: -17px;
position: absolute;
opacity: 0;
transition: all 0.4s;
}
.con-dot .con-show p {
position: absolute;
font-size: 15px;
font-family: arial;
color: white;
background-color: #1f5fa6;
border-radius: 2px;
padding: 2px; margin: 0; line-height: 18px;
}
.con-hide {
position: absolute;
display: none;
/* left: -142px; */
/* bottom: -55px; */
width: 200px;
border-radius: 3px;
background: #666;
left: -96px;
margin-top: -181px;
z-index: 999;
}
.con-hide p {
color: #fff;
font-family: "SimHei";
font-size: 18px;
/* background: #666; */
/* border-radius: 20.5px; */
padding: 15px 10px 10px 10px;
transition: all 0.4s;
position: relative;
z-index: 20;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; margin: 0;
}
.con-hide h3 {
color: white;
display: block;
font-weight: bold;
font-size: 18px;
line-height: 20px;
padding: 0px 20px;
word-wrap: break-word;
word-break: normal; margin-top: 0;
margin-bottom: 14px;
}
.con-dot:hover .con-hide {
display: block;
}
.con-dot1 {
left: 306px;
top: 454px;
}
.con-dot2 {
left: 660px;
top: 330px;
}
.con-dot3 {
right: 453px;
top: 353px;
}
.con-dot4 {
right: 410px;
top: 366px;
}
.con-dot5 {
right: 369px;
top: 414px;
}
.con-dot6 {
right: 248px;
top: 378px;
}
.con-dot7 {
right: 288px;
top: 413px;
}
.con-dot8 {
right: 178px;
bottom: 202px;
}
.con-dot9 {
right: 162px;
bottom: 275px;
}
.con-dot10 {
left: 334px;
top: 652px;
}
.con-dot11 {
right: 219px;
top: 394px;
}
.con-dot12 {
right: 369px;
top: 438px;
}
.con-dot1 .con-show p {
left: -40px;
bottom: -30px;
}
.con-dot2 .con-show p {
left: -20px;
bottom: -30px;
}
.con-dot3 .con-show p {
left: -7px;
top: -30px;
}
.con-dot4 .con-show p {
right: -80px;
top: -6px;
}
.con-dot5 .con-show p {
left: 12px;
bottom: -7px;
}
.con-dot6 .con-show p {
right: -116px;
bottom: 14px;
}
.con-dot7 .con-show p {
right: -69px;
bottom: -8px;
}
.con-dot8 .con-show p {
left: -33px;
bottom: -30px;
}
.con-dot9 .con-show p {
left: 16px;
top: -8px;
}
.con-dot11 .con-show p {
left: 15px;
top: -7px;
}
.con-dot12 .con-show p {
right: -80px;
top: -6px;
}
.con-three{width: 1200px;}
/*** Responsice css ***/
@media (min-width:992px) and (max-width:1200px){
.single_item .count{font-size: 15px;}
.single_item .count .timer{font-size: 30px;}
.single_item p{font-size: 12px;}
.section{padding: 60px 0; }
.pr_home_page{padding-top: 170px;}
.map_overflow{overflow-x: auto;overflow-y: hidden;padding-bottom: 15px;}
.colmn_link{font-size: 16px;}
.navbar .nav > li > a{margin: 0 5px;padding: 0px 5px;}
.right_menu > div{margin-left: 10px;}
.right_menu{margin-left: 0px;}
.products.prList .single_product .content_overlay_content{padding-top:20px; padding-left: 20px;padding-right: 20px;}
.abo-p{height: 180px;}
.single-case .case_discp{padding:0 30px}
.single-case .case-pic{height: 330px;}
.single-case .case-pic img{height: 330px;}
}
@media (min-width:768px) and (max-width:991px){
.navbar-toggle{display: block;float: right;margin-top: 20px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top: 15px;margin-bottom: 15px;}
.navbar .nav > li > a{line-height: 40px;}
.slider-strip{margin-top: 0;}
.single_item .count{font-size: 15px;}
.single_item .count .timer{font-size: 25px;}
.single_item p{font-size: 12px;}
.pr_home_page{margin-top: 0;}
.section{padding: 50px 0; }
.main_title{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
.main_title2{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
.content_overlay_content{padding: 0;}
.single_product .img_sec p{bottom: 0;font-size: 15px;}
.arrow-left{left: 0;}
.arrow-right{right: 0;}
.case_study_slider .swiper-slide{opacity: 0!important;}
.case_study_slider .swiper-slide.swiper-slide-active{opacity: 1!important;}
.fourcolumn-section{text-align: center;}
.fourcolumn-section .colm_icon{margin-bottom: 10px;}
.colmn_link{margin-bottom: 30px;}
.news_sec_f1{padding-top: 40px;padding-bottom: 20px;}
.news_post2{min-height: 1px;padding-top: 0;margin-bottom: 15px;}
.map_overflow{overflow-x: auto;overflow-y: hidden;padding-bottom: 15px;}
.footer_top{padding: 15px 0;}
.footer_top .col-md-3, .social_icons{clear: both;}
.footer_widget{margin-bottom: 20px;}
.footer_widget:last-child{margin-bottom: 0px;}
.footer_widget h4{margin-bottom: 10px;}
/* Product */
.products.prList .single_product .content_overlay_content{padding-top:0px; padding-left: 20px;padding-right: 20px;}
.products.prList .single_product .content_overlay .btn{margin-top: 0;margin-bottom: 15px;}
.products.prThumb .single_product{width:49%;}
.products.prThumb .single_product:nth-of-type(2n+2){margin-right: 0!important;}
.supp-pic{max-height: 180px;}
.supp-pic img{min-height: 180px;}
.single_box_shadow{margin: 15px 0;}
.single-case, .single-case h4, .single-case p{margin-bottom: 10px;line-height: 26px;}
.abo-right h2{margin-top: 0;font-size: 18px;}
.abo-p{height: 140px;}
.single-case .case_discp{padding:0 15px}
.single-case .case-pic{height: 330px;}
.single-case .case-pic img{height: 330px;}
}
@media (max-width:767px){
.navbar-toggle{display: block;float: right;margin-top: 20px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top: 15px;margin-bottom: 15px;}
.navbar .nav > li > a{line-height: 40px;}
.slider-strip{margin-top: 0;}
.slider-strip .single_item{width: 50%; margin-bottom: 20px;min-height: 65px;}
.slider-strip .single_item:last-child{width: 100%; margin-bottom: 0px;}
.section{padding: 40px 0; }
.single_item .count .timer{font-size: 30px;}
.single_slide_slider .swiper-button-next, .single_slide_slider .swiper-container-rtl, .single_slide_slider .swiper-button-prev{padding: 15px;}
.single_slide_slider .swiper-button-next:hover, .single_slide_slider .swiper-container-rtl:hover, .single_slide_slider .swiper-button-prev:hover{padding: 15px;}
.single_slide_slider .swiper-button-next:focus, .single_slide_slider .swiper-container-rtl:focus, .single_slide_slider .swiper-button-prev:focus{padding: 15px;}
:root{--swiper-navigation-size: 15px;}
.pr_home_page{margin-top: 0;}
.main_title{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
.main_title2{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
.single_product{margin-bottom:15px; }
.case_study_slider .swiper-slide .cs_img{width: 100%;height: auto;}
.arrow-left{left: 0;}
.arrow-right{right: 0;}
.arrow-btn{width: 30px;height: 30px;line-height: 30px;font-size: 12px;}
.case_study_slider .swiper-slide h4{white-space: normal;word-break: normal;}
.fourcolumn-section{text-align: center;}
.fourcolumn-section .colm_icon{margin-bottom: 10px;}
.colmn_link{margin-bottom: 20px;}
.colmn_link .title_colm{font-size:15px;}
.news_sec_f1{padding-top: 40px;padding-bottom: 20px;}
.news_post2{min-height: 1px;padding-top: 0;margin-bottom: 15px;}
.map_overflow{overflow-x: auto;overflow-y: hidden;padding-bottom: 15px;}
.footer_top{padding: 15px 0;}
.footer_widget{width: 100%;padding-right: 0;}
.footer_top .col-md-3, .social_icons{clear: both;}
.footer_widget{margin-bottom: 20px;}
.footer_widget:last-child{margin-bottom: 0px;}
.footer_widget h4{margin-bottom: 10px;}
.case_study_slider .swiper-slide{opacity: 0!important;}
.case_study_slider .swiper-slide.swiper-slide-active{opacity: 1!important;}
/* product page */
.banner_inner_page{padding: 50px 0;}
.banner_inner_page h3{font-size: 18px;margin-bottom: 10px;}
.breadcrumbs ul li,.breadcrumbs ul li a{font-size: 12px;line-height: 12px;}
.product_nav{display: none;}
.products.prList .single_product .img_sec{width:40%;}
.products.prList .single_product .content_overlay{width: 60%;}
.products.prList .single_product .content_overlay_content{padding: 0 10px;}
.products.prList .single_product .content_overlay_content p{display: none;}
.products.prList .single_product .content_overlay_content h4{font-size: 15px;line-height: 22px; overflow: visible;white-space: normal;}
.products.prList .single_product .content_overlay .btn{margin-top: 0;font-size: 13px;min-width: 1px;}
.products.prThumb .single_product{width:49%;}
.products.prThumb .single_product:nth-of-type(2n+2){margin-right: 0!important;}
.product_changer h3,.product_changer .pro-btn{width: 100%; text-align: center;}
.product_changer .pro-btn a{float: none; display: inline-block; vertical-align: top;}
.search-alert .topsearch-form{height: 60px;}
.search-alert .topsearch-form .topsearchtx{font-size: 20px;height: 60px;line-height: 60px;padding-left: 30px;padding-right: 70px;}
.search-alert .topsearch-form .topsearchbtn{width: 60px;height: 60px;}
.loginpage-section.p20{padding-left: 0; padding-right: 0;}
.products_discription.p30, .produt_sing_discp.p30{padding: 0;}
.produt_sing_discp h2{font-size: 24px;margin-bottom: 15px;}
.proi-a a{font-size: 15px;}
.proi-hide{padding: 15px 0;}
.product__carousel .gallery-top{height: auto!important;}
.video_modal .modal-dialog{padding: 0 15px;}
.video_modal .modal-dialog .modal-body{padding: 0;}
.video_modal .close{top: -18px;font-size: 35px;width: 35px;z-index: 1;color: #fff;opacity: 1;}
.ab-line{margin: 15px 0;}
.ban2 ul li{width: 100%;}
.ban2 ul li .ban-li{width:100%;padding: 10px;}
.single_news .col-md-8{padding: 15px 0 0;}
.date_and_link{position: static;transform: none;padding: 0}
.news-data{display: inline-block;margin-right: 15px;}
.case-pic, .case_discp{width: 100%;margin: 0;}
.history_slider .swiper-slide .bgWhite{padding: 15px;width: 70%; margin-left: 15%;}
.history_slider .swiper-slide .bgWhite h3{font-size: 15px;line-height: 24px;}
.history_slider .swiper-pagination .swiper-pagination-bullet{font-size: 12px;padding: 0 8px;}
.history_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{font-size: 18px;}
.previ__next_news .next span, .previ__next_news .prev span{display: none;}
.previ__next_news .next .news-more, .previ__next_news .prev .news-more{margin-top: 0;}
.swiper-cirtificate .single_product{display: block;height: auto;}
.single-case .case_discp{padding:15px}
.single-case .case-pic{height: auto;}
.single-case .case-pic img{height: auto;}
}
@media (max-width:480px){
.products.prThumb .single_product{width:100%;margin-right: 0!important;}
.proi-a a{width:33.33%;}
}
@media (max-width:360px){

}
@media only screen and (max-width:1023px) and (orientation: landscape) {
.kefu-box{bottom: 20px;}
}
.footer_yqlj{
padding: 20px 0;
background: #edeef0;
}
.yqlj{
/* width: 1200px; */
margin: auto;
box-sizing: border-box;
padding: 10px;
max-width: 1200px;
margin: auto;
}
.yqlj a{
/* margin-right: 30px; */
color: #777;
box-sizing: border-box;
padding-right: 30px;
white-space: nowrap;
}
.yqlj a:hover{
/* margin-right: 30px; */
box-sizing: border-box;
padding-right: 30px;
color: #0778c5;
text-decoration: underline;
}
.yqlj p{
margin-bottom: 10px;
color: #333;
font-size: 16px;
/* font-weight: bold; */
}
.swiper-slide_pro img:nth-of-type(1) { top: -150%; }
.swiper-slide_pro img:nth-of-type(2) { opacity: 1;
top: 50%; }
.swiper-slide_pro .tit{color: #004da1!important;}
.pro-swiper .swiper-slide:hover img:nth-of-type(1){ top: -150%;}
.pro-swiper .swiper-slide:hover img:nth-of-type(2){ opacity: 1; top: 50%; }
.pro-swiper .swiper-slide:hover .tit{color: #004da1!important;}

/*20210518*/
.ssk{
text-align: center;
}

.ssk-ms{

font-size: 14px;

margin-top: 10px;

text-align: center;
}

.ssk-ms2{

margin-bottom: 30px;
}

.ssk-ms span{

color: #004da1;
}
.ssk-div{
margin: 50px 0px 0px;
display: flex;
justify-content: center;
box-sizing: border-box;
padding: 0 15px;
}
.ssk-div .ipt1{
width: 360px;
line-height: 38px;
padding: 0px 10px;
/* border-radius: 4px 0px 0px 4px; */
border: 1px solid #888;
height: 40px;
}
.ssk-div .ipt2{
line-height: 38px;
/* border-radius: 0px 4px 4px 0px; */
border: none;
min-width: 95px;
margin-left: -15px;
font-size: 16px;
color: white;
background: url(/skin/jieman/images/sskey.png) no-repeat 15px 10px;
background-color: #004da0;
background-size: 20px;
padding-left: 26px;
}

.pro-dow
{
width: 22px;
margin-top: -2px;
display: none;

}



.ssk-div .ipt2:hover{

background-color: #0c6fdb;
}

.pro-dow-on{ display:initial;}
.dowcat{
margin: 40px 0 50px;
}
.dowcat ul{
text-align: center;
}
.dowcat ul li{display: inline-block;border: 1px solid rgb(0 77 161);/* padding: 5px 20px; */margin: 5px 10px;/* border-radius: 4px; */background-color: hsl(211deg 90% 45% / 20%);}
.dowcat ul li a{color: #004da1;font-size: 18px;display: block;padding: 5px 20px;}
.dowcat ul .on,.dowcat ul li:hover{background-color: #004da1;border: 1px solid #004da1;}
.dowcat ul .on a, .dowcat ul li:hover a{
color: white;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }


  .adv2-left{
    width: 70%;
    float: left;
    
  }
  .adv2-left ul li{
    width: 47%;
    padding: 4%;
    background: #F2F2F2;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .adv2-left ul li:nth-child(2n){
    margin-right: 0;
  }
  .adv2-left ul li h3{
    color: #303030;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 0;
  }
  .adv2-left ul li p{
    color: rgba(48,48,48,0.69);
    line-height: 23px;
    font-size: 14px;
  }
  .adv2-left ul li p:after{
    display: block;
    content: '';
    width: 100%;
    margin: 20px 0;
    height: 2px;
    background: #ededed;
  }
  .adv2-left ul li a{
    color: #303030;
    font-size: 14px;
    padding-right: 30px;
    background: url("../images/adv2-jt.png") no-repeat center right;
  }
  .adv2-left ul li:hover{
    background: #295aa7;
  }
  .adv2-left ul li:hover img{
    filter: grayscale(100%) brightness(800%);
  }
  .adv2-left ul li:hover h3{
    color: #fff;
  }
  .adv2-left ul li:hover p{
    color: rgba(255,255,255,0.69);
  }
  .adv2-left ul li:hover p:after{
    background: rgba(237,237,237,0.37);
  }
  .adv2-left ul li:hover a{
    color: #fff;
    background: url("../images/adv2-jt-h.png") no-repeat center right;
  }
  .adv2-right{
    position: absolute;
    right: 0;
    height: 521px;
    width: 30%;
    margin-top: 30px;
    background: url("../images/adv-bg.png") no-repeat center left;
  }
  .adv2-title{
    color: #e3e2e2;
    font-size: 67px;
    transform:rotate(90deg);
    position: absolute;
    right: -12%;
    top: 42%;
    font-weight: bold;
  }
  .adv2-tit{
    margin-top:32%;
    text-align: right;
    margin-right: 24%;
  }
  .adv2-right{
    position: absolute;
    right: 0;
    height: 521px;
    width: 30%;
    margin-top: 30px;
    background: url("../images/adv-bg.png") no-repeat center left;
  }
  .adv2-title{
    color: #e3e2e2;
    font-size: 67px;
    transform:rotate(90deg);
    position: absolute;
    right: -12%;
    top: 42%;
    font-weight: bold;
  }
  .adv2-tit{
    margin-top:32%;
    text-align: right;
    margin-right: 24%;
  }.circle{
    width: 53px;
    height: 53px;
    background: rgba(41,90,167,0.65);
    position: absolute;
    right: 17%;
    top: 14%;
    border-radius: 50%;
  }
  .circle:after{
    display: block;
    content: '';
    width: 4px;
    height: 55px;
    background: #295aa7;
    position: absolute;
    right: 45%;
    top: 70%;
    z-index: 10;
    -webkit-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
    animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
  }
  @-webkit-keyframes elasticus {
    0% {
      -webkit-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
      -webkit-transform: scale(1, 0);
      transform: scale(1, 0); }
    50% {
      -webkit-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
    50.1% {
      -webkit-transform-origin: 0% 100%;
      transform-origin: 0% 100%;
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
    100% {
      -webkit-transform-origin: 0% 100%;
      transform-origin: 0% 100%;
      -webkit-transform: scale(1, 0);
      transform: scale(1, 0); } }
  
  @keyframes elasticus {
    0% {
      -webkit-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
      -webkit-transform: scale(1, 0);
      transform: scale(1, 0); }
    50% {
      -webkit-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
    50.1% {
      -webkit-transform-origin: 0% 100%;
      transform-origin: 0% 100%;
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
    100% {
      -webkit-transform-origin: 0% 100%;
      transform-origin: 0% 100%;
      -webkit-transform: scale(1, 0);
      transform: scale(1, 0); } }
  
      .adv2-tel{
        width:206px;
        height: 40px;
        background: #295aa7 url("../images/b-tel.png") no-repeat center left 15px;
        line-height: 40px;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        text-indent: 20px;
        float: right;
        margin-top: 20px;
      }


      @media screen and (max-width: 1699px) {
 
        .adv2-left ul li{
            height: 200px;
        }
    
    }
    @media screen and (max-width: 1620px) {
      
      .about1-left{
        width: 35%;
      }
    }
    @media screen and (max-width: 1500px) {
    
      .adv2-right{
        width: 35%;
      }
      
    }
    @media screen and (max-width: 1400px) {
     
      .adv2-tit{
        margin-right: 30%;
      }
      
    }
    @media screen and (max-width: 1300px) {
      
      .adv2-left ul li{
        height: 205px;
      }
      
    }
    @media screen and (max-width: 1200px) {
      
      .adv1-content .adv1-tit{
        padding: 0 15% 0 30%;
      }
      .adv2-left ul li{
        height: 232px;
      }
      .adv2-title{
        right: -27%;
      }
      .adv2-tit h3{
        font-size: 26px;
      }
      .adv2-tit{
        margin-top: 54%;
      }
      .adv2-tit p{
        font-size: 15px;
      }
      .circle{
        right: 20%;
      }
      
    }
    
    @media screen and (max-width:991px) {
     
      .adv1-content .adv1-tit h3{
        font-size: 16px;
      }
      .adv1-content img{
        margin-left: 7%;
      }
      .adv2-left{
        width: 100%;
        float: none;
      }
      .adv2-left ul li{
        height: 245px;
      }
      .adv2-right{
        /*width: 72%;*/
        /*float: right;*/
        /*position: relative;*/
        display: none;
      }
      .adv2-title{
        right: -12%;
      }
      .adv2-tit{
        margin-top: 0;
        padding-top: 31%
      }}



    .index_yw {
      width: 100%;
      height: 85vh;
      overflow: hidden;
      position: relative;
      z-index: 1;
    }
    .ywimgbox {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
    }
    .ywimgbox:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      /*background: rgba(0, 0, 0, .5);*/
      z-index: 1;
    }
    
    .ywimgbox li {
      width: 100%;
      opacity: 0;
      transition: ease 1s;
      height: 100%;
      z-index: -1;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      position: absolute;
      left: 0;
      top: 0;
      background-attachment: fixed;
    }
    
    .ywimgbox li.on {
      opacity: 1;
    }
    
    .ywfw_list {
      width: 100%;
    }
    
    .ywfw_list li {
      width: 20%;
      float: left;
      height: 85vh;
      box-sizing: border-box;
      position: relative;
      border-right: 1px solid rgba(255, 255, 255, .26);
      transition: all 0.5s;
    }
    
    .ywfw_list li:last-child {
      border-right: none;
    }
    
    .ywfw_list li a {
      display: block;
      left: 15%;
      position: absolute;
      top:44%;
      transform: translateY(-50%);
      box-sizing: border-box;
      color: #fff;
      transition: all 0.5s;
    }
    
    .ywfw_list li .num1 {
      font-size: 46px;
    }
    
    .ywfw_list li .num2 {
      font-size: 100px;
      font-weight: 100;
      color: rgba(255, 255, 255, .3);
      display: none;
      padding-top: 10px;
    }
    
  
    
    .ywfw_list li .icon {
      display: block;
      height: 50px;
      margin-top: 20px
    
    }
    
    .ywfw_list li .tit h3 {
      font-size: 22px;
      font-weight: bold;
      margin: 30px 0;
    }
    .ywfw_list li .tit p {
      font-size: 16px;
      color: #fff;
    }
    
    .ywfw_list li .tit .arr1 {
      display: block;
      width: 41px;
      height:9px;
      transform: translateY(85px);
      background: url(../images/arr2.png) no-repeat center;
      background-size: 100% 100%;
    }
    
    .ywfw_list li.on {
      background: rgba(38,92,167,0.81);
    }
    
    .ywfw_list li.on a {
      top: 40%;
      transition: all 0.5s;
    }
    
    .ywfw_list li.on .num1 {
      display: none;
    }
    
    .ywfw_list li.on .num2 {
      display: block;
    }
    .ywfw_list li.on .tit h3{
      font-size: 26px;
    }
    .ywfw_list li.on .tit .arr1 {
      width: 61px;
      height: 61px;
      margin-top: -40px;
      border-radius: 50%;
      background:#fff url(../images/arr2-h.png) no-repeat center;
    }
    .ywfw_list li.on .icon{
      margin-top: 0px;
    }

    .index-partner{
      width: 100%;
      position: relative;
      padding: 5% 0;
    }
    .title1 h3{
      color: #3a3a3a;
    }
    .title1 p{
      color: #3a3a3a;
    }
    .partner{
      margin-top: 28px;
    }
    .par-img{
      border: 1px solid #dcdcdc;
      background: #fff;
      position: relative;
      height: 115px;
      width: 99%;
    }
    .par-img img{
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
    }
   

    @media screen and (max-width: 991px){
.ywfw_list  {
    height: 62vh;
}
}



     
@media screen and (max-width: 767px) {
      
  .adv2-left ul li{
    width: 98%;
  }
  .in_three{
    padding: 0px!important;
  }
  .pc{
    display: none;
  }
  .mobile{
    display: block;
  }

  .index_yw{
    height: auto;
  }
  .ywfw_list li{
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, .26);
  }
  .ywfw_list li.swiper-slide{
    background-size: cover;
  }
  .ywfw_list li .tit h3{
    margin: 10px 0;
  }
  .ywfw_list li .num2{
    font-size: 70px;
  }
  .ywfw_list li .tit .arr1{
    transform: translateY(69px);
  }



}


.pages{padding: 20px 0; margin-bottom:10px; width:100%;text-align: center;clear: both;}
.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pages a:hover{display:inline-block;color: #fff;background: #00479d;border-color: #00479d;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pages span{display:inline-block;color: #666;}
.pages a.page-num-current{display:inline-block;color: #fff;background: #00479d;border-color: #00479d;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

table {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-collapse: collapse;
  border-color: #623F20;
  border-image: none;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  }
  table td, table th {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #623F20;
  border-image: none;
  border-style: solid;
  border-width: 0 1px 1px 0;
  padding: 3px;
  }