﻿@import url('style/owl.css');
@import url('style/component.css');
@charset "utf-8";
/* CSS Document */
body{ height:100%; min-width:1220px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div{margin:0;padding:0;border:none;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"973e53bc-214f-4781-8cea-09b7fceb6220","microsoft YaHei",Arial, Helvetica, sans-serif,"微软雅黑"; color:#666;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
table,td,tr,th{margin:0;padding:0; border-collapse:collapse;}
img, table, td, th ,embed{ border:none; vertical-align:text-top;}
img{border:0; -ms-interpolation-mode: bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
img{filter:blur(0);transition:filter 1s;}
ul,li{ padding:0; list-style-type:none;}
a{color:inherit;line-height:1.5; text-decoration:none;}
a:focus{outline-color:#666;z-index:99;position:relative}
a:hover,a:focus{-webkit-transition:color .3s;transition:color .3s;color:#0052a4; text-decoration:none;}
em,i{font-style:normal;}
figure{ padding:0; margin:0;}
svg:not(:root){overflow:hidden;}
svg.icon{font-size:16px;width:20px;height:20px;margin-right:3px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;margin-top:-3px;fill:currentColor;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.clear{ clear:both;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility:hidden;}
.w1100{ width:1100px; height:auto; margin:0 auto;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
.container{ width:1200px; height:auto; margin:0 auto; position:relative;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative;}
@media(max-width:767px){
body{ min-width:300px !important; max-width:640px;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative; padding:0;}
}

/*toper*/
.toper{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;display-radio:flex;background-color:rgba(33,33,33,1);}
.toper div,.header div{word-wrap:break-word !important;word-break: keep-all !important;}
.toper>div{display:flex;flex-wrap:wrap;flex-direction:row; padding:5px 0;}
.toper .item{align-self:center;flex:1;max-width:100%;max-height:100%;}
.toper .item .box{display:flex;flex-wrap: wrap;flex-direction: row;width: 100%;display-radio: flex;}
.toper .item .box>div{flex:1;max-width:100%;max-height:100%;flex:0 0 auto;}
.toper .item .box .tMail a,.toper .item .box .tTel a{font-weight:400;text-align:left;font-size:15px;font-family:"f3d0ef6f-e72f-4733-8cd9-0a0ccb4a9e6d";color:#fff;line-height:24px;padding-left:30px;padding-right:30px; display:block;}
.toper .item .box .tMail a{ background:url(/images/ico_01.png) no-repeat center left;}
.toper .item .box .tTel a{ background:url(/images/ico_02.png) no-repeat center left;}
.toper .item:nth-child(2) .box{max-width:150px;margin-left:auto;margin-right:0px;}
.toper .item .s_img{align-self:center;flex:1;max-width:100%;max-height:100%;overflow:hidden;width:20px;margin-left:auto;margin-right:auto;}
.toper .item .s_img img{ max-width:100%; max-height:100%;object-fit:contain;}


/*header*/
.header{ background:#fff; width:100%; height:auto; padding:0;}
.header>div{display:flex;flex-wrap:wrap;flex-direction:row;display-radio:flex;padding-left:0px;padding-right: 0px;transition:all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;box-shadow:0px 30px 60px 0px rgb(0 0 0 / 0%);margin-left:auto;margin-right:auto;max-width:none;}
.header .logo{flex:1;max-width: 100%;max-height: 100%; flex:0 0 12%;align-self:center;}
.header .logo a{ display:block; width:100%; height:100%;}
.header .logo img{ display:block; max-width:100%; height:auto; max-height:60px;}

.navbar-fixed-top{ position:fixed;}
#site_header .container-fluid{ padding:0;}
#site_header .navbar-header{ display:none;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:0px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#232323}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle {border:0px;margin-top: 10px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}

.collapse{display:none;visibility:hidden}
.collapse.in{display:block;visibility:visible}

@media(max-width:767px){
	.toper{ display:none;}
	.header{ background:#fff; width:100%; height:auto; padding:10px 0; position:relative;}
	.header>div{justify-content: space-between; padding:0 10px;}
	.header>.clearfix:before,.header>.clearfix:after{ display:none;}
	#site_header .navbar-header{ display:block;flex:0 0 auto;margin-left:0px;margin-right:0px;z-index:2;align-self:center;max-width:100%;max-height:100%;}
	.header .logo{flex:0 0 150px;z-index:5;}
	.header .logo span{ display:none;}
	.header .logo img{ max-width:100%; width:auto; height:48px;}
	.head_r{ display:none;}
}
@media(max-width:355px){
	.header .logo img{ margin-top:5px; height:38px;}
}

.nav{flex:1;max-width: 100%;max-height: 100%; margin-left:3%;margin-right:2%;}

.nav .p_level1Box{display:flex;justify-content:flex-end; margin:0; padding:0;}
.nav ul li{position:relative;}
.nav ul li:last-child{ padding:0;}
.nav ul li .p_menu1Item{position: relative;}
.nav ul li a{font-size:18px;font-family:"4829634d-63e9-4cd9-aa8c-1e86ad0dc809";padding:0 1.5vw;line-height:90px;display:block;font-weight:normal;text-align:center;overflow:hidden; height:90px;text-overflow:ellipsis;white-space:nowrap;}
.nav ul li a{position:relative;z-index:2;color:#333;}
.nav ul li a{padding:0 1.6vw; }
.nav ul li .p_menu1Item::after{content:'';position:absolute;left:0%;bottom:0px;width:100%;height:0%;background:#0052a4;opacity:1;z-index:1;transition:all .3s ease;}
.nav ul li.p_level1Item:hover .p_menu1Item a{ color:#fff;}
.nav ul li.p_level1Item:hover .p_menu1Item::after{height:100%;}
.nav .p_level2Box{background:#f2f2f2;transform:translateX(0%);left:0;width:300px;border-radius:0;}
.p_level2Box{ display:block; height:auto;padding:0;background:#f2f2f2;width:160px;position:absolute;left:50%;top:100%;z-index:99;transform:translateX(-50%);border-bottom-left-radius:5px;border-bottom-right-radius:5px;transition:all .3s ease; height:0; overflow:hidden;}
.p_level2Box li.p_level2Item{position:relative;width:100%;}
.p_level2Box li.p_level2Item a{color:#333;display:flex;text-align:left;justify-content:space-between;align-items:center;font-size:14px;line-height:46px; height:46px; opacity:1;transition:all ease .3s;}
.p_level2Box li.p_level2Item .pc_ej{display:block;width:17px;height:20px;}
.p_level2Box li.p_level2Item .pc_ej .p_jtIcon{display:block;transform:rotate(0deg);margin:0;}
.nav ul li.p_level1Item:hover .p_level2Box{padding:15px 0;}
.nav ul li:nth-child(2):hover .p_level2Box{ height:306px;}
.nav ul li:nth-child(3):hover .p_level2Box{ height:168px;}
/*.nav ul li:nth-child(6):hover .p_level2Box{ height:122px;}*/
.p_level2Box li.p_level2Item a:hover{ color:#0052a4;}


.hRight{flex:1;max-width: 100%;max-height: 100%; align-self:center;flex:0 0 210px;}
.hRight>div{display:flex;flex-direction: row;width: 100%;display-radio:flex;}
.hRight .search{flex:1;max-width:100%;max-height:100%;flex:0 0 50px;align-self: center;}
.hRight .lag{flex:1;max-width:100%;max-height:100%;align-self:center;flex:0 0 calc(100% - 50px);}
.e_language{position: relative;height: 36px;font-size:16px;color:#333;line-height:normal;font-weight:400;text-align:left;font-family: "973e53bc-214f-4781-8cea-09b7fceb6220";}
.e_language .p_wrapper{position:absolute;width:155px;line-height:24px;border:1px solid #0052a4;cursor:pointer;border-radius:25px;background-color:#0052a4;z-index:1000;}
.e_language .p_selected{display:inline-block;padding:5px 15px 5px 20px;color:#fff;}
.e_language .p_icon{float:right;margin:5px 5px 5px 0;color:#fff;}
.e_language .p_up.hide,.e_language .p_down.hide{display:none;}
.e_language .p_options{display:none;}
.e_language .p_item{padding:3px 20px;color:rgba(255,255,255,.5);font-weight:normal;}
.e_language .p_item a{color:rgba(255,255,255,.5); display:block; font-size:15px;}
.e_language .p_item a:hover{color:rgba(255,255,255,.5);}
/*#translate{ display:none;}*/

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#CCC; border:none;}
.navbar-collapse{ padding:0;}
.navbar-nav > li > a{ padding:0;}
@media(min-width:767px){
.navbar-collapse.collapse {display: block !important;height: auto !important;overflow: visible !important;visibility:visible !important;}
.nav .container{ width:100%; padding:0;display:flex;justify-content:flex-end;align-items:center;}
/*.nav ul li a.dropdown-toggle:hover{ background:#0052a4; color:#fff;}*/
}
@media(max-width:767px){
	.nav{ background:none; border:0; height:auto; position:fixed; top:70px; right:0; width:100%; overflow:hidden;border-top:1px solid #ddd !important; margin:0; padding:0 !important; height:100%;background:#f2f2f2 !important;}
	.navbar-fixed-top .navbar-collapse{ max-height:1000px;}
	.nav .p_level1Box{ display:block;background:#f2f2f2;padding:5px 20px 20px;}
	.nav ul li{ width:100%; height:auto; margin:0; float:none;border-bottom:1px solid rgb(0 0 0 / 5%);}
	.nav ul li a{display:block; width:auto; height:auto;transition:all 0s;padding:0;line-height:50px;color:#303030 !important; font-size:16px !important; text-align:left;}
	.nav ul li a.cur{ background:none !important; color:#0052a4 !important;}
	.nav ul li a.cur:before{ display:none;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background-color:#fff;}
	.navbar-collapse{ padding:9px 0;}
	.navbar-header{padding-bottom:0;}
	.navbar-brand{padding-left:0px;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#000}
	
	.hRight{flex:0 0 auto;position: absolute;z-index:5;right:180px;align-self:center;}
	.hRight .search{ display:none;}
	.e_language{ position:absolute; right:0; top:-18px;}
	.e_language .p_wrapper{ width:125px;}
	.e_language .content{ width:100%; height:34px; overflow:hidden;}
	.e_language .p_selected{padding:5px 5px 5px 10px; font-size:14px;}
	.e_language .p_icon{ margin:5px 5px 5px 0;}
	.e_language .p_item{padding:3px 10px;}
}

/*banner*/
.banner{margin-top:124px;width:100%;position: relative;overflow: hidden;}
video{object-fit:cover;width:100%;height: 100%;}
.indBanner_box{ width:100%;height:620px;position: relative;}
.indBanner{width:100%;position: relative;overflow: hidden;}
/*.indBanner .swiper-wrapper{width: 700%;position: relative;left: -100%; z-index:2;}*/
/*.indBanner .swiper-wrapper li{width:14.285714%;float: left;position: relative;overflow: hidden;}*/
.indBanner .swiper-wrapper li a{ display:block;}
.indBanner .swiper-wrapper li video{width: 100%;vertical-align: bottom;}
.indBanner .swiper-wrapper li img{width:100%;}
.indBanner_pag{width:1060px;position:absolute;left:50%; margin-left:-530px;bottom:0;overflow: hidden; z-index:5;}
.indB_wrap{margin:3% 0 2%; text-align:right;}
.indB_wrap .indB_wrap_p1{font-size: 20px;color:#888;display: inline-block;opacity: 1;animation-duration: 1s;animation-fill-mode: forwards;opacity: 1\9\0;}
.indB_wrap_div{width: 32.44%;height: 1px;background-color:rgba(255,255,255,0.2);display: inline-block;vertical-align: super;margin:0 2.3%;opacity: 1;animation-duration: 1s;animation-fill-mode: forwards;opacity: 1\9\0;}
.indB_wrap_ul{overflow: hidden;display: inline-block;width:16.58%;text-align: center;}
.indB_wrap_ul li{/*float: left;*/display: inline-block;/*width: 14%;*/height: 3px;background-color: rgba(255,255,255,0.2);margin-right: 4.76%;position: relative;opacity: 1;animation-duration: 1s;animation-fill-mode: forwards;opacity: 1\9\0; cursor:pointer;}
.indB_wrap_ul .indB_wrap_li{margin-right: 0;}
.indB_wrap_ul li p{width:0%;height:3px;background-color:#0052a4;display:inline-block;position:absolute;left: 0;top: 0;}
.indB_wrap_ul li .indB_wrap_ul_p1{transition: width 10s;width: 100%;}
.indB_wrap_btnl{display:inline-block;width:30px;height:30px;background:url(/images/btn_left.png) no-repeat center;background-size:6px auto;margin-right: 1.2625%;cursor: pointer;opacity: 1;animation-duration: 1s;animation-fill-mode: forwards;animation-delay:1.7s;animation-name: movey;opacity: 1\9\0; border:1px solid rgba(255,255,255,.5); overflow:hidden; border-radius:50%;}
.indB_wrap_btnr{display: inline-block;width: 30px;height: 30px;background:url(/images/btn_right.png) no-repeat center;background-size:6px auto;cursor: pointer;opacity: 1;animation-duration: 1s;animation-fill-mode: forwards;animation-delay:1.8s;animation-name: movey;opacity: 1\9\0; border:1px solid rgba(255,255,255,.5); overflow:hidden; border-radius:50%;}
.indBanner .swiper-pagination{ bottom:3%; text-align:left; width:1070px; left:50%; margin-left:-540px;}
.indBanner .swiper-pagination-bullet{ display:inline-block; cursor:pointer; width:16px;height:5px; background:none;text-indent:-999px;border-radius:0;opacity:1;position:relative; margin:0 5px;border:none;background-color:rgba(255,255,255,.8);}
.indBanner .swiper-pagination-bullet-active{background-color:#0052a4;}

.indB_wrap .indB_wrap_p1{animation-delay:0.6s;animation-name: movey;}
.indB_wrap .indB_wrap_div{animation-delay:0.8s;animation-name: movey;}
.indB_wrap_ul li:nth-of-type(1){animation-delay:1s;animation-name: movey;}
.indB_wrap_ul li:nth-of-type(2){animation-delay:1.1s;animation-name: movey;}
.indB_wrap_ul li:nth-of-type(3){animation-delay:1.2s;animation-name: movey;}
.indB_wrap_ul li:nth-of-type(4){animation-delay:1.3s;animation-name: movey;}
.indB_wrap_ul li:nth-of-type(5){animation-delay:1.4s;animation-name: movey;}
.indB_wrap_ul li:nth-of-type(6){animation-delay:1.5s;animation-name: movey;}
.indB_wrap .indB_wrap_div1{animation-delay:1.5s;animation-name: movey;}
@keyframes movey{
    from{
        transform: translateY(-500px);
        opacity: 0;
    }
    to{
        transform: translateY(0);
        opacity: 1;
    }
}

.scroll-to-top{position: absolute;left:0;right:0;top:-2px;width:225px;height:50px;margin:0 auto;background-image:url(/images/curve.png);background-repeat:no-repeat;background-position:center;text-align:center;z-index:100;cursor:pointer;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;		}
.scroll-to-top:hover .icon{-webkit-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
.icon-arrow-up{display:inline-block;height:30px;width:20px;background-image:url(/images/icon-arrow.png);background-repeat:no-repeat;background-position:center;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.banner .scroll-to-top{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);position:absolute;bottom:0;top:auto;text-align:center;}
.banner .scroll-to-top .icon{display:inline-block;}

.mo-banner{display: none !important;}
@media only screen and (max-width: 767px) {
	.banner{ width:auto; height:auto; margin-top:70px;}
	.banner .indBanner{display: none !important;}
	.indBanner_box{height:100%;position: relative;}
	.mo-banner .swiper-slide-active .indBanner_txt h6,.mo-banner .swiper-slide-active .indBanner_txt p{opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	.indBanner_txt h6{ font-size:1.1rem;}
	.indBanner_txt p{ font-size:.85rem; margin-top:.5rem;}
	.mo-banner{display: block !important;overflow: hidden;}
	.mo-banner .swiper-slide img{width:100%; height:auto;display: block;}
	.mo-banner .swiper-pagination{ bottom:10px; text-align:left; padding-left:15px;}
	.mo-banner .swiper-pagination-bullet{width: 25px;height:2px;background-color:rgba(255,255,255,.3);opacity:1 !important;border-radius:0;}
	.mo-banner .swiper-pagination-bullet-active{background-color:#0052a4;}
	
	.scroll-to-top{ width:150px; height:34px; background-size:cover;}
	.icon-arrow-up{height:20px;width:15px; background-size:15px auto; margin-top:5px;}
	.banner  .scroll-to-top{ bottom:-1px;}
}


/*main1*/
.main{ width:100%; margin:0 auto; overflow:hidden;}

.main2{ width:100%; margin:0 auto; height:auto; overflow:hidden; background:#fff; padding:60px 0;}
.mainTit{position:relative;z-index:1;margin-bottom:35px;text-align:center;}
.mainTit h2{position:relative;display:block;font-size:40px;line-height:1.2em;color:#0052a4;font-weight:600;padding-bottom:25px;font-family:"2c5688b2-df19-4c52-a3ec-ae64d0f19d8c";}
.mainTit h2:before{position:absolute;content:'';left:0px;bottom:0;height:6px;width:58px;background-image: url(/images/line-2.png);background-position:center;animation:slide 10s linear infinite;-webkit-animation: slide 10s linear infinite;right:0;margin:0 auto;}
@keyframes slide{
	from { background-position: 0 0; }
    to { background-position: -200px 0; }
}

@-webkit-keyframes slide{
	from { background-position: 0 0; }
    to { background-position: -200px 0; }
}
.main2 .main2_cont{ min-height:180px; padding:30px 0 0; position:relative; z-index:10;}
.main2 .main2_cont .product-swiper{ padding:0 0 50px;}
.main2 .main2_cont .swiper-slide{width:285px; height:auto;margin-right:20px;border:1px #dbe2ee solid;}
.main2 .main2_cont .swiper-slide:nth-child(4n){margin-right:0;}
.main2 .main2_cont .swiper-slide .pic{ overflow:hidden;}
.main2 .main2_cont .swiper-slide img{ padding:0; width:100%; height:auto;transition: all 0.6s; display:block;}
.main2 .main2_cont .swiper-slide .tit{line-height:1.5;display-radio:-webkit-box;font_radio:2;font-size:16px;text-align: center;padding-top:0px;padding:12px 10px;font-weight:normal;min-height:0px;font-family: "973e53bc-214f-4781-8cea-09b7fceb6220";}
.main2 .main2_cont .swiper-slide .tit a{color:rgba(102,102,102,1);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;margin:0 0;}
.main2 .main2_cont .swiper-slide:hover img{transform:scale(1.13,1.13);opacity:.7}
.main2 .main2_cont .swiper-slide:hover .tit{ background:#0052a4;}
.main2 .main2_cont .swiper-slide:hover .tit a{ color:#FFF;}
.main2 .main2_cont .swiper-pagination{ bottom:0px;}
.main2 .main2_cont .swiper-pagination-bullet{ display:inline-block; cursor:pointer; width:10px;height:10px; background:none;text-indent:-999px;border-radius:50%;opacity:1;position:relative; margin:0 5px;border:1px #0052a4 solid;}
.main2 .main2_cont .swiper-pagination-bullet-active{background-color:#0052a4;}
.moreBox a{display:block;position:relative;overflow:hidden;text-align:center;box-sizing:border-box;width:180px;padding:8px;background_radio:2;border_radio:2;font_radio:2;radius_radio:2;max-height:none;margin-right:auto;border-style:solid;border-width:1px;border-color:rgba(102,102,102,1);border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;font-size:15px;color:rgba(102,102,102,1);margin-top:30px;padding-top:10px;padding-bottom:10px;margin-bottom:0px;font-family:"973e53bc-214f-4781-8cea-09b7fceb6220";margin-left:auto;line-height: 1.5;}
.moreBox span{display:block;width:100%;position:relative;z-index:1;outline:0;margin:0px;overflow:hidden}
.moreBox a::after{content:"";position:absolute;width:0;height:100%;transition:all .3s;z-index:0;opacity:0;top:0;left:0px}
.moreBox a:hover::after{opacity:1}
.moreBox a:hover{background-color:#0052a4;color:rgba(255,255,255,1);border-style:solid;border-width:1px;border-color:#0052a4}
@media(max-width:767px){
	.main2{ padding:25px 10px;}
	.mainTit{margin-bottom:20px;}
	.mainTit h2{ font-size:1.8rem;padding-bottom:15px;}
	.mainTit h2:before{position:absolute;content:'';left:0px;bottom:0;height:6px;width:58px;background-image: url(/images/line-2.png);background-position:center;animation:slide 10s linear infinite;-webkit-animation: slide 10s linear infinite;right:0;margin:0 auto;}	
	.main2 .main2_cont{ min-height:100px; padding:20px 0 0;}
	.main2 .main2_cont .product-swiper{ padding:0 0 40px;}
	.moreBox a{margin-top:20px;}
	
}

.main1{ overflow:hidden; width:100%; height:auto; margin:0 auto; padding:60px 0; background:#f2f2f2}
.main1_con{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.main1_con .main1_l{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding-right:15px;}
.main1_con .main1_l h2{font-size:32px; color:#222; line-height:1.5; margin:0;font-family: "973e53bc-214f-4781-8cea-09b7fceb6220","microsoft YaHei",Arial; font-weight:400;}
.main1_con .main1_l p.desc{ font-size:16px; color:#6b6b6b;line-height:1.8;margin-top:15px;font-weight: normal;text-align: left;font-family: "973e53bc-214f-4781-8cea-09b7fceb6220";}
.main1_con .main1_l .aboutNum{display:flex;flex-wrap: wrap;flex-direction:row;width:100%;}
.main1_con .main1_l .aboutNum .item{ flex:0 0 33%;position:relative;font-family: "973e53bc-214f-4781-8cea-09b7fceb6220";}
.main1_con .main1_l .aboutNum .item .scrollNumber{line-height:54px;font-size:72px;transition-property:all;text-align:left;margin-top:15px;height:auto;}
.main1_con .main1_l .aboutNum .item .scrollNumber .p_num{font-size:52px;color:rgba(51,51,51,1);font-weight:bold;line-height:1;}
.main1_con .main1_l .aboutNum .item .scrollNumber .p_plus{font-size:14px;color:rgba(102,102,102,1);}
.main1_con .main1_l .aboutNum .item .text{line-height:1.5;color:rgba(102,102,102,1);font-size:14px;margin-top:0;}
.main1_con .main1_l .min1_more{display:block;position:relative;overflow:hidden;text-align:center;box-sizing:border-box;width:180px;padding:8px;background_radio:2;border_radio:2;font_radio:2;radius_radio:2;display-radio:block;max-height:none;margin-right:auto;margin-left:0px;border-style:solid;border-width:1px;border-color:rgba(102,102,102,1);border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;font-size:15px;color:rgba(102,102,102,1);margin:30px 0 20px;padding-top:10px;padding-bottom:10px;font-family:"973e53bc-214f-4781-8cea-09b7fceb6220"; line-height:1.5;}
.main1_con .main1_l .min1_more a{display:block;width:100%;position:relative;z-index:1;outline:0;margin:0px;overflow:hidden}
.main1_con .main1_l .min1_more::after{content:"";position:absolute;width:0;height:100%;transition:all .3s;z-index:0;opacity:0;top:0;left:0px}
.main1_con .main1_l .min1_more:hover::after{opacity:1}
.main1_con .main1_l .min1_more:hover{background-color:#0052a4;color:rgba(255,255,255,1);border-style:solid;border-width:1px;border-color:#0052a4}
.main1_con .main1_l .min1_more:hover a{color:rgba(255,255,255,1);}

.main1_lx{ padding:10px 0 0;font-family:"973e53bc-214f-4781-8cea-09b7fceb6220";}
.main1_lx p{ position:relative; padding-left:40px; line-height:30px; padding-bottom:15px; font-size:15px; color:#333; float:left; width:50%;}
.main1_lx i{ position:absolute; left:0; top:0;display:block;width:30px;height:30px;color:#fff;border-radius:50%;font-size:18px;text-align:center;line-height:30px;cursor:pointer; background:#888;}
.main1_lx p:last-child{ width:50%; line-height:20px; display:none;}
/*.main1_lx p .icon-wechat1{background:#50b674}
.main1_lx p .icon-viber{background:#6f3faa}
.main1_lx p .icon-yahoo1{background:#4d00ae}
.main1_lx p .icon-icq{background:#7ebd00}
.main1_lx p .icon-aim{background:#ffca00}
.main1_lx p .icon-whatsapp-fill{background:#1dae1d}
.main1_lx p .icon-youjian{background:#ff54d1}
.main1_lx p .icon-skype{background:#5996ff;}*/

.main1_r{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;position:relative;margin-bottom:0; text-align:right;}
.main1_r .image-box{position:relative;padding-top:10px;padding-left:30px;}
.main1_r .image-box .image1{position:relative;margin-bottom:0;}
.main1_r .image-box .image2{position:absolute;left:30px;bottom:0;}
.main1_r .image-box img{border-radius:20px; max-width:100%; height:auto;}

@media(max-width:767px){	
	.main1{ padding:25px 10px;}
	.main1_con{display:block;}
	.main1_con .main1_l{ width:100%;max-width:100%; padding-right:0;}
	.main1_con .main1_l h2{ padding-top:0;}
	.main1_con .main1_l h2{font-size:1.4rem;}
	.main1_con .main1_l p.desc{ font-size:1rem;margin-top:10px;}
	.main1_con .main1_l .aboutNum .item .scrollNumber{margin-top:10px; line-height:45px;}
	.main1_con .main1_l .aboutNum .item .scrollNumber .p_num{font-size:32px;}
	.main1_con .main1_l .min1_more{width:160px;padding:8px 5px;margin:20px 0 20px;}
	.main1_lx{ padding:10px 0 0;}
	.main1_lx p{ width:100%;}
	.main1_lx p:last-child{ width:100%; line-height:20px; display:none;}
	
	.main1_r{ width:100%; margin-right:0; max-width:100%; display:none;}
}

.main3{margin:0;padding:60px 0; position:relative;font-family:"973e53bc-214f-4781-8cea-09b7fceb6220";}
.testimonial-block{position:relative; padding:30px 0 0;}
.testimonial-block .inner-box{position:relative;text-align:center;}
.testimonial-block .content{position:relative;padding:50px 60px;background-color:#f6d7dd;text-align:left;border-radius:20px;margin-bottom:30px;}
.testimonial-block .content:before{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:140px;line-height: 1em;color:#b7b6b6;font-weight: 900;opacity: .15;content: "\f10d";-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);font-family: "Font Awesome 5 Free";}
.testimonial-block .content:after{position:absolute;top:100%;left:50%;margin-left:-200px;height:50px;width:70px;background-image:url(/images/curve-shape-1.png);background-position:center top;content:'';background-repeat:no-repeat;}
.testimonial-block .text{position:relative;display:block;font-size:18px;line-height:2;color:rgba(51,51,51,1);font-weight:400; height:150px;}
.testimonial-block .info-box{position:relative;display:inline-block;padding-left:80px;min-height:80px;padding-top:10px;text-align:left; margin-left:-180px;}
.testimonial-block .info-box .thumb{position:absolute;left:0;top:0;height:80px;width:80px;/*background-color:#222222;*/border-radius:50%;overflow:hidden; display:none;}
.testimonial-block .info-box .thumb img{display:block;width:100%;}
.testimonial-block .info-box .name{position:relative;display:block;font-size:20px;color:#0052a4;font-weight: 400;margin-bottom:3px;}
.testimonial-block .info-box .designation{position:relative;display:block;font-size:14px;line-height:22px;color:#858687;}
.testimonial-block.style-two .content{	background-color:#ddebff;}
.testimonial-block.style-two .content:after{background-image:url(/images/curve-shape-2.png);}
.main3 .owl-nav{display:none;}
.main3 .owl-dots{position:relative;display:block;width:100%;margin-top:35px;text-align:center;}
.main3 .owl-dot{position:relative;display:inline-block;height:13px;width:13px;border-radius:50%;margin:0 3px;border:2px solid #d3d0d7;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.main3 .owl-dot.active,.testimonial-section .owl-dot:hover{border-color:#0052a4; background:#0052a4;}
@media(max-width:767px){
	.main3{padding:25px 0;}
	.main3 .main3_tit{padding:0px 10px;}
	.main3_r{ padding:15px 10px 0;}
	.testimonial-block{position:relative; padding:10px 0 0;}
	.testimonial-block .content{padding:15px 20px;}
	.testimonial-block .content:before{ font-size:100px;}
	.testimonial-block .content:after{ left:15px; margin-left:0;}
	.testimonial-block .text{font-size:1.05rem; line-height:1.8; min-height:150px; height:auto;}
	.testimonial-block .info-box{padding-left:80px;min-height:60px;padding-top:10px;text-align:left; margin-left:-140px;}
	.testimonial-block .info-box .thumb{height:60px;width:60px;}
	.testimonial-block .info-box .name{font-size:1rem;}
	.testimonial-block .info-box .designation{font-size:.85rem;}
	
}

.main4{ padding:60px 0 80px; width:100%; height:auto; background:#f6f6f6;font-family:"973e53bc-214f-4781-8cea-09b7fceb6220";}
.main_tit{ width:100%; height:auto; text-align:center;}
.main_tit h1{ position:relative;font-size:30px;color:#222;line-height:52px;font-weight:700;width:100%; margin:0 auto 5px;border-bottom:1px solid #e9e9e9;}
.main_tit span{ display:block;font-size:16px;line-height:30px;color:#666}
.main4_con{ width:100%; height:auto; padding-top:20px; position:relative;}
.main4_con ul{ width:100%; height:auto;}
.main4_con ul li{ float:left; width:585px; margin-right:30px;}
.main4_con ul li a{ display:block; background:#FFF; border-radius:10px; position:relative;min-height: 270px;padding-left:220px;overflow:hidden;}
.main4_con ul li .pic{overflow:hidden;position:absolute;left:0;top:0; width:215px; height:270px;}
.main4_con ul li .pic img{width:100%;height:100%;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;}
.main4_con ul li .txt{position:relative;padding:20px 15px;}
.main4_con ul li .txt h5{font-size:22px;color:#323232;margin-bottom:12px; line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; font-weight:bold;}
.main4_con ul li .txt p{font-size:16px;color:#666;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-align:justify;}
.main4_con ul li .txt h2{font-size:14px;color:#999; font-weight:400; padding:20px 0 0;}
.main4_con ul li:hover .pic img{opacity:.70;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.main4_con ul li:hover .txt h5{ color:#0052a4;}
.main4_con .swiper-pagination{ display:none;}
.main4_con .swiper-button-next,.main4_con .swiper-button-prev{ position:absolute; top:0; right:0; left:auto; background:url(/images/prevv.png) no-repeat center; background-size:auto 14px; margin-top:-45px; width:40px; height:40px; border:1px solid #666; border-radius:50%; overflow:hidden;}
.main4_con .swiper-button-next{transform:rotate(180deg);-ms-transform:rotate(180deg);/*IE 9*/-moz-transform:rotate(180deg);/*Firefox*/-webkit-transform:rotate(180deg);/*Safari 和 Chrome*/-o-transform:rotate(180deg);}
.main4_con .swiper-button-prev{ margin-right:50px;}
.main4_con .swiper-button-next:hover,.main4_con .swiper-button-prev:hover{ background:#0052a4 url(/images/prevt.png) no-repeat center; background-size:auto 14px; border-color:#0052a4;}


@media(max-width:767px){
	.main4{ padding:25px 10px;}
	.main4_con{ padding-top:10px;}
	.main4_con ul li{ width:100%; margin-right:0;}
	.main4_con ul li a{min-height:10px;padding-left:0;overflow:hidden;}
	.main4_con ul li .pic{ display:none;}
	.main4_con ul li .txt{position:relative;padding:15px 15px 20px; margin-bottom:5px;}
	.main4_con ul li .txt h5{font-size:1.2rem;-webkit-line-clamp:1;}
	.main4_con ul li .txt p{font-size:1rem;-webkit-line-clamp:3;}
	.main4_con ul li .txt h2{font-size:.9rem;padding:10px 0 0;}
	.main4_con .swiper-button-next,.main4_con .swiper-button-prev{ background-size:auto 10px; margin-top:-35px; width:30px; height:30px; }
	.main4_con .swiper-button-prev{ margin-right:40px;}
	.main4_con .swiper-button-next:hover,.main4_con .swiper-button-prev:hover{ background-size:auto 10px;}
}

/*footer*/
.footer_bg{ width:100%; height:auto; margin:0 auto;background:rgba(8,8,35,1);background-color: rgba(17,26,44,1); position:relative; z-index:2; font-size:14px; padding:80px 0 30px;font-family: "973e53bc-214f-4781-8cea-09b7fceb6220";}
.footer_bg .scroll-to-top{background-image:url(/images/curve1.png);}
.footer_bg .scroll-to-top.in{background-image:url(/images/curve.png);}
.footer_top{overflow: hidden;position: relative;z-index: 2; padding:0 0 30px}
.footer_top dl{display:flex;flex-wrap:wrap;flex-direction:row; width:100%;}
.footer_top dl dd{flex:1;max-width:100%;max-height:100%; margin-right:2%;}
.footer_top dl dd:last-child{ margin-right:0; padding-right:160px; flex:0 0 calc(30% + 160px); position:relative;}
.footer_top dl dd span{display:block;margin-bottom:10px;font-size:20px;color:rgba(255,255,255,1); line-height:2;}
.footer_top dl dd a{display:block;color:rgba(255,255,255,0.8);font-size:15px; line-height:2; padding:2px 0;}
.footer_top dl dd a:hover{color:rgba(255,255,255,1);}
.footer_top dl dd h5{color:rgba(255,255,255,1);font-size:18px; padding:0; line-height:2; display:none;}
.footer_top dl dd p{color:rgba(255,255,255,0.8);font-size:15px; padding:0;background-repeat:no-repeat;background-position: center left;padding-left:30px;margin-top:15px; line-height:2;}
.footer_top dl dd p.addr{background-image: url(/images/icon_addr.png); line-height:1.5;}
.footer_top dl dd p.tel{background-image: url(/images/icon_tel.png);}
.footer_top dl dd p.email{background-image: url(/images/icon_email.png);}
.footer_top dl dd .p_share{ padding:25px 0 0;}
.footer_top dl dd .p_share a{width:18px;height:18px;display:inline-block;margin-right:12px;transition:0.3s;background-position:0 0; padding:0;}
.footer_top dl dd .p_share a:nth-child(1){background-image:url(/images/iShare_facebook.png);}
.footer_top dl dd .p_share a:nth-child(2){background-image:url(/images/iShare_linkedin.png);}
.footer_top dl dd .p_share a:nth-child(3){background-image:url(/images/iShare_twitter.png);}
.footer_top dl dd .p_share a:nth-child(4){background-image:url(/images/iShare_tumblr.png);}
.footer_top dl dd .p_share a:nth-child(5){background-image:url(/images/iShare_pinterest.png);}
.footer_top dl dd .fcode{ position:absolute; right:0; bottom:0;}
.footer_top dl dd .fcode .img{max-width:140px;border:1px solid rgba(255,255,255,0.2);padding:6px;}
.footer_top dl dd .fcode img{width:100%;height:100%;object-fit:contain;}
.footer_top dl dd .fcode .text{text-align:center;font-size:15px;color:rgba(255,255,255,0.5);padding:10px 0 0;}
.copyright{ width:1200px; margin:0 auto;display:flex;flex-wrap:wrap;flex-direction:row; padding:15px 0;border-top:1px solid rgba(255,255,255,0.2);}
.copyright p{flex:1;max-width:100%;max-height:100%;font-size:14px;color:rgba(255,255,255,0.5);line-height:1.6;}
.copyright p a{color:rgba(255,255,255,0.5);}
.copyright p:nth-child(2){ text-align:right;}
.footer_bot{ height:auto; width:1200px; margin:0 auto; text-align:left; display:none;}
.footer_bot span{ display:inline-block; line-height:30px;color:#555555; font-weight:bold;}
.footer_bot a{ display:inline-block; line-height:30px; color:#555555; margin:0 4px;}
.footer_bot a:hover{ color:#919191;}
.index_foot{ display:none;}
@media(max-width:767px){
	.footer_bg{ padding:40px 0 20px;}
	.footer_top dl dd{ display:none;}
	.footer_top dl dd:last-child{ display:block; padding:0 10px;flex: 0 0 100%;}
	
	.footer_top dl dd span,.footer_top dl dd .fcode{ display:none;}
	
	.copyright{ width:100%; display:block; padding:15px 10px 0;}
	.copyright p{ width:100%; text-align:center; line-height:2;}
	.copyright p:nth-child(2){ text-align:center;}

.fx{width:100%; height:auto; overflow:hidden; max-width:640px; margin:0 auto;text-align:right; position:relative; bottom:45%; z-index:9999999;}
.bdsharebuttonbox{ max-width:640px; height:auto; overflow:hidden; float:right;}
.bdsharebuttonbox a{ float:right;}

	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width:640px; margin:0 auto; margin-top:12%; display:block;}
	.app_con{ height:auto;max-width:640px;margin:0 auto; overflow:hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display:inline-block;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align:center;width:66%; background-color:#0052a4; border-radius:8px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%; width:100%}
	#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:18px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}
	
}

.inbanner{ width:100%; height:360px; background-position:center; background-repeat:no-repeat; margin-top:124px;display:none;}
.inbanner img{ display:none;}
.inBox{ width:1200px; margin:0 auto; padding:120px 0 0 50px;font-family: "973e53bc-214f-4781-8cea-09b7fceb6220";}
.inBox h5{ font-size:38px; color:#0052a4; padding-bottom:15px; font-weight:bold;text-transform:uppercase;}
.inBox span{ display:block; font-size:16px; color:#424244; text-transform:none;}
/*main03*/
.mainBox{ width:100%; height:auto; margin-bottom:0;font-family: "973e53bc-214f-4781-8cea-09b7fceb6220"; margin-top:124px;}
.bread-crumbs{border-bottom:1px solid #ebebeb;line-height:50px;border-top:1px solid #ebebeb;background:#f8f8f8;}
.bread-crumbs,.bread-crumbs a,.bread-crumbs span{ font-size:14px; color:#666;}
.bread-crumbs i{ margin-right:8px;}
.bread-crumbs a:hover{ color:#0052a4;}

@media(max-width:767px){
	.inbanner{ width:100%; height:150px; margin-top:70px; background-size:cover; position:relative;}
	.inBox{ width:100%; margin:0 auto; padding:0 0 0 20px; position:absolute; top:50%; left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
	.inBox h5{ font-size:1.4rem; padding-bottom:10px;}
	.inBox span{ font-size:.8rem; max-width:60%; line-height:1.8; text-transform:none;}
	/*main03*/
	.mainBox{ width:100%; height:auto; margin-bottom:0;font-family: "973e53bc-214f-4781-8cea-09b7fceb6220"; margin-top:70px;}
	.bread-crumbs{border-bottom:1px solid #ebebeb;line-height:50px; padding:0 10px;}
	.bread-crumbs,.bread-crumbs a,.bread-crumbs span{ font-size:14px; color:#666;}
	.bread-crumbs i{ margin-right:8px;}
	.bread-crumbs a:hover{ color:#0052a4;}
	.mainBox{ width:100%; height:auto; margin-bottom:0;}
}


/*side_left*/
.side_left{ float:left; width:280px; margin-right:30px; padding:30px 0 30px;}
.side_left h2{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;display-radio:flex;background-color:#0052a4;padding:20px 25px 20px 40px;border-radius:30px 0 0 0;}
.side_left h2 span{ line-height:1.5;font-size:28px;color:rgba(255,255,255,1);font-weight:normal; text-transform:uppercase;}
.side_left ul{ background-color:#f0f0f0;}
.side_left ul li{ float:left; width:100%; position:relative;display:flex;justify-content:space-between;position:relative;border-bottom:1px solid #e3e3e3;font-size:16px;transition:all ease .3s;width:100%;}
.side_left ul li a{padding-left:35px;width:100%;display:flex;color:#333;justify-content:flex-start;line-height:60px;color:#333;}
.side_left ul li em{ font-style:normal;width:auto;height:100%;font-family:Arial;position:relative;font-size: 16px;color:#666;display:flex;flex-direction:column;justify-content:center;margin-right: 10px;overflow: hidden;transition: all ease .3s;}
.side_left ul li:hover a{ color:#0052a4;}
/*.side_left ul li:hover em{ width:0; padding:0; margin:0;}*/
.side_left ul li.on a{ color:#0052a4; font-weight:bold;}
.side_left ul li.on em{ color:#0052a4;}

.nav_list{ display:none;}
@media(max-width:767px){
	.main03_t{ display:none;}
	.side_left{ width:100%; margin-right:0; padding:20px 10px 0;}
	.side_left h2{ display:none;}
	.side_left ul{ background-color:transparent;}
	.side_left ul li{ float:left; width:48%; margin-right:4%; margin-bottom:15px;border-bottom:none;font-size:16px;}
	.side_left ul li:nth-child(2n){ margin-right:0;}
	.side_left ul li a{padding:8px 5px;width:100%; text-align:center;line-height:30px;color:#333; border:1px solid #eee; display:block; border-radius:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#eee;}
	.side_left ul li em{ display:none;}
	
	.nav_list{padding:0 10px; background-color:#fff; line-height:40px; position:relative; z-index:40; display:none;border-bottom: 1px solid #ebebeb;}
	.nav_list a.GoBack{ font-size:15px; color:#fff; padding-left:20px;  position:relative; background:url(images/icon15.png) no-repeat left center; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;}
	.nav_list span{ width:31px; height:26px; -webkit-background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; position:absolute; right:20px; top:12px; z-index:444;}
	.nav_list a.Column{ font-size:16px; color:#333;  position:relative; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;}
}
/*side_right*/
.about_content{ font-size:16px; line-height:30px; color:#737373; min-height:400px; width:1200px; padding:30px 0 30px; margin:0 auto;}
@media(max-width:767px){
	.about_content{ width:100%; padding:0 0 20px;}
}

.column{ float:left;}
.side_right{ width:1200px; margin:0 auto; height:auto; overflow:hidden; min-height:300px; padding:30px 0;}
.sideRight{ float:right; padding:30px 0 50px; width:calc(100% - 320px);}
.side_right .location{  height:61px; line-height:60px;}
.side_right_content{ width:100%; padding-bottom:0; font-size:16px; line-height:2;}
.about_c{  width:100%; margin:0 auto; padding:0 0 20px; height:auto; color:#555; line-height:2;word-wrap: break-word;word-break:keep-all;}
.about_c img{ max-width:100%; height:auto;}
.contact_c{ width:1200px; margin:0 auto; padding:0; height:auto; color:#555; line-height:2;}
.content_box{ width:100%; height:auto; padding:10px 0 50px;}
.contact_c .left{width:35%;padding-right:5%;vertical-align:middle}
.contact_c h2{font-size:32px;color:#0052a4;line-height:56px;font-weight:bold;text-transform:uppercase; letter-spacing:2px;}
.contact_c p{font-size:15px;color:#656565;line-height:24px}
.contact_c h5{font-size:28px;color:#222;font-weight:700; text-align:left; line-height:40px;}
.contact_c h4{font-size:16px;color:#222;font-weight:700}
.contact_c h4.white{color:#fff}
.contact_c h4.gray{color:#7f8284}
.contact_c h3{font-size:20px;color:#222;font-weight:700}
.contact_c .left ul{padding-top:30px}
.contact_c .left ul li{padding-left:40px;position:relative;margin-bottom:30px}
.contact_c .left ul li:last-child{margin-bottom:0}
.contact_c .left ul li i{position:absolute;top:0;left:0;font-size:26px;color:#333}
.contact_c .left ul li #ewm{max-width:140px;border:5px solid #fff}
.contact_c .right{width:65%;vertical-align:middle}
.contact_c .right.inner-form .box{padding-top:35px}
.contact_c .right.inner-form .box h4{margin-bottom:40px;}
.proMes{width:100%;vertical-align:middle; float:none; padding:45px 0 30px;}
.proMes.inner-form  h5{font-size:28px;color:#222;font-weight:700; text-align:left; line-height:40px;}
.proMes.inner-form .box{padding-top:35px}
.proMes.inner-form .box h4{margin-bottom:40px;}
::-webkit-input-placeholder{color:#999; font-size:15px;}
:-moz-placeholder{color:#999; font-size:15px;}
::-moz-placeholder{color:#999; font-size:15px;}
:-ms-input-placeholder{color:#999; font-size:15px;}
.inner-form .box{padding-top:40px}
.inner-form .box ul{margin:-10px}
.inner-form .box ul li{padding:10px; position:relative;}
.inner-form .box ul li label{font-size:15px;margin-bottom:5px;display:none;}
.inner-form .box ul li input,.inner-form .box ul li textarea{width:100%;border:1px solid #ececec;line-height:50px;height:50px;background:#fff;padding:0 15px; outline:none;}
.inner-form .box ul li input[name=Captcha]{ width:245px;}
.proMes.inner-form .box ul li input[name=Captcha]{ width:295px;}
.inner-form .box ul li .codeimg{ position:absolute; top:10px; right:10px; width:120px; height:50px; background:#eee; text-align:center; line-height:50px; padding-left:0;}
.inner-form .box ul li .codeimg img{ width:120px; height:40px;}
.inner-form .box ul li .codeimg a{ display:inline-block; vertical-align:middle;}
.inner-form .box ul li textarea{height:145px;resize:vertical;line-height:28px;padding:11px 15px}
.inner-form .box ul li input[type=submit]{max-width:200px;background:#0055a5;color:#fff;border:none;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.inner-form .box ul li input[type=submit]:hover{background:#222}
.inner-form .box ul li.wid-100{width:100%}
.grid-box{display:flex}
.grid-box.two>.column{width:50%}
.grid-box.three>.column{width:33.33333%}
.grid-box.four>.column{width:25%}
.grid-box.five>.column{width:20%}
.grid-box.six>.column{width:16.6666667%}
.grid-box.seven>.column{width:14.285714%}
.grid-box.eight>.column{width:12.55%}
.grid-box.nine>.column{width:11.11111111%}
.grid-box.ten>.column{width:10%}
.wid-100{width:100%}
.grid-box{display:inline-block;width:100%}
.box_bottom{ width:100%;margin-bottom:46px;}
.box_bottom .title{font-size:24px;font-weight:bold;color:#0052a4;line-height:28px;margin-bottom:18px;}
.box_bottom .box_lanx{background:#fafafa;border-radius:6px 6px 6px 6px;padding:30px;}
.box_bottom .box_lanx .card_list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;margin-bottom:16px; width:100%;}
.box_bottom .box_lanx .card_list:last-child{ margin-bottom:0;}
.box_bottom .box_lanx .card_list .key{width:180px;flex-shrink:0; font-weight:bold;}
.box_bottom .box_lanx .card_list p{ font-size:16px; color:#333; line-height:1.5;}
.box_bottom.Maps{border:3px solid #FDFDFD;box-shadow:0px 0px 0px 0px #DFDFDF;}

@media(max-width:767px){
	.side_right{ width:100%; min-height:30px; padding:20px 0 30px;}
	.sideRight{ padding:20px 0 30px; width:100%;}
	.side_right .location{  height:41px; line-height:40px;}
	.about_c{ width:100%; padding:0 10px 0; height:auto; color:#555; font-size:15px; line-height:2;}
	.about_c img{ max-width:100%; height:auto;}

	.contact_c{ width:100%; padding:0 10px;}
	.content_box{ padding:20px 0 30px;}
	.contact_c .left{width:100%;padding-right:0; margin-bottom:20px;}
	.contact_c h2{font-size:1.6rem;line-height:1.6;}
	.contact_c p{font-size:1rem;line-height:1.8}
	.contact_c h5{font-size:1.2rem; line-height:1.8;}
	.contact_c h3{font-size:1.4rem;}
	.contact_c .left ul{padding-top:20px}
	.contact_c .left ul li{padding-left:40px;position:relative;margin-bottom:20px}
	.contact_c .left ul li:last-child{margin-bottom:0}
	.contact_c .right{width:100%;}
	.contact_c .right.inner-form .box{padding-top:15px}
	.contact_c .inner-form .box ul li textarea{height:105px;padding:5px 10px}
	.grid-box.two>.column{width:100%}
	.box_bottom{ width:100%;margin-bottom:26px;}
	.box_bottom .title{font-size:1.4rem;line-height:1.8;margin-bottom:5px;}
	.box_bottom .box_lanx{padding:20px;}
	.box_bottom .box_lanx .card_list{display:block;margin-bottom:16px; width:100%;}
	.box_bottom .box_lanx .card_list .key{width:100%;}
	
	.inner-form .box ul li input[name=Captcha]{ width:100%;}
	.proMes.inner-form .box ul li input[name=Captcha]{ width:100%;}
	

}
.link{ width:100%; height:auto;}
.link li{  width:200px; float:left; margin:20px 20px 5px;}
.link li img{ border:3px #999 solid; width:194px; height:auto;}
.link li span{ text-align:center; padding-top:5px; display:block; font-size:14px;}

.news_con{ width:100%; padding:0;}
.news_con ul{ width:100%; height:auto;}
.news_con ul li{ float:left; border-bottom:#ddd 1px dashed; padding:0 0 25px; margin-bottom:25px; width:100%; position:relative;}
.news_con ul li a{ display:block; max-width:100%;}
.news_con ul li dl{display:flex;flex-wrap:wrap;flex-direction:row;}
.news_con ul li dt{flex:1;max-width:100%;flex:0 0 25%;overflow:hidden;align-self: center; margin-right:20px;}
.news_con ul li dt img{ display:block; max-width:100%; height:auto;}
.news_con ul li dd{flex:1;max-width:100%;align-self:center; position:relative;}
.news_con ul li dd h5{ font-size:26px; font-weight:500; color:#333;line-height:1.5;-webkit-transition: background .4s;transition: background .4s; padding:0 0 5px;}
.news_con ul li dd h5 a{ color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_con ul li dd .date{ font-size:15px; color:#999; line-height:26px; padding:0 0 5px;}
.news_con ul li dd span{ display:block;line-height:30px;height:90px;display-radio:-webkit-box;font_radio:2;font-size:15px;color:rgba(119,119,119,1);-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient: vertical;overflow: hidden; text-align:justify;}
.news_con ul li:hover{ cursor:pointer;}
.news_con ul li:hover a{ color:#0052a4;}
.news_con ul li:hover dt{background:#0052a4;}
@media (max-width: 767px) {	
	.news_con{ width:100%; float:left; padding:0 10px;}
	.news_con ul li{ padding:0 0 15px; margin-bottom:15px;}
	.news_con ul li dt{ display:none;}
	.news_con ul li dd{ width:100%; padding:0 5px;}
	.news_con ul li dd h5{ font-size:1.2rem;}
	.news_con ul li dd span{height:60px; -webkit-line-clamp:2;}
}

.case_list{ width:100%; margin:0; height:auto;}
.case_con{ width:100%; margin-top:0;}
.case_con ul{ width:100%;}
.case_con ul li{ float:left; position:relative; width:23.5%; margin:0 2% 20px 0;}
.case_con ul li:nth-child(4n){ margin-right:0;}
.case_con ul li .img{ padding:2px; border:1px solid #e1e1e1; border-radius:5px; display:block; width:100%; overflow:hidden;}
.case_con ul li .img img{ width:100%; height:auto;}
.case_con ul li .tit{ text-align:center;}
.case_con ul li .tit a{display:block;font-size:15px;color:#333;margin-top:5px;}
.case_con ul li:hover img{ border-color:#0052a4;}
.case_con ul li:hover a{ color:#0052a4;}

.proList{ width:100%; margin:0; height:auto;}
.proList ul{ width:100%;}
.proList ul li{ float:left; width:31.333%;height:auto; margin-right:3%;border:1px #dbe2ee solid; box-sizing:border-box; margin-bottom:25px;}
.proList ul li:nth-child(3n){ margin-right:0;}
.proList ul li .pic img{ padding:0; width:273px; height:273px;transition: all 0.6s; display:block;}
.proList ul li .pic{ overflow:hidden;}
.proList ul li .tit{line-height:1.5;display-radio:-webkit-box;font_radio:2;font-size:16px;text-align: center;padding-top:0px;padding:12px 10px;font-weight:normal;min-height:0px;font-family: "973e53bc-214f-4781-8cea-09b7fceb6220";}
.proList ul li .tit a{color:rgba(102,102,102,1);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;margin:0 0; min-height:48px;}
.proList ul li:hover img{transform:scale(1.13,1.13);opacity:.7}
.proList ul li:hover .tit{ background:#0052a4;}
.proList ul li:hover .tit a{ color:#FFF;}


.searchList ul li{ width:23.5%;}
.searchList ul li:nth-child(4n+1),.searchList ul li:nth-child(4n+2),.searchList ul li:nth-child(4n+3){margin-right:2%;}
.searchList ul li:nth-child(4n){ margin-right:0;}


@media (max-width: 767px) {		
	.case_con{ width:100%; float:left; margin-top:0;}
	.case_con ul{ float:left; width:100%; margin-left:0;}
	.case_con ul li{ float:left; position:relative; width:50%; padding:0 5px 10px; margin:0;}
	.case_con ul li .img{ width:100%; height:auto;}
	.case_con ul li .tit{ text-align:center;}
	.case_con ul li .tit a{display:block;font-size:14px;color:#333;margin-top:5px;}
	.case_con ul li a .img01{ position:absolute; top:15px; left:15px; display:none;}
	.case_con ul li:hover .img01{ display:block;}
	
	.proList{ padding:0 10px;}
	.proList ul li{ width:48%; margin-right:4%; margin-bottom:15px;}
	.proList ul li:nth-child(2n){ margin-right:0;}
	.proList ul li:nth-child(2n+1){ margin-right:4%;}
	.proList ul li .pic img{ max-width:100%; height:auto; width:auto;}
	.proList ul li .tit{ padding:5px 5px 10px; font-size:1rem}
		
}

.proSearch{ margin-bottom:50px;}
.proSearch form{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;display-radio:flex;margin-left:0px;margin-right:auto;max-width:600px;}
.proSearch form input{flex:1;max-width:100%;max-height:100%; height:51px; outline:none;font-family:"973e53bc-214f-4781-8cea-09b7fceb6220";border:1px solid #ced4da;}
.proSearch form input.search_key{border-radius:.25rem 0 0 .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; line-height:39px; font-size:15px; padding:0 10px;}
.proSearch form input[type="submit"]{flex:0 0 120px;background-color:#0052a4; border:none; color:#fff; font-size:16px; line-height:51px;}



.page{ width:100%; margin:15px 0 30px; height:auto;text-align:center;font-size:16px;color: #666666; font-family:'Conv_HelveticaNeueLT-ThinExt',"Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;}
.page a,.page span{vertical-align: middle;display: inline-block;width:36px;height:36px;color: #666666;line-height:34px;text-align: center;border-radius: 50%;margin: 0 7px;border:1px solid rgba(0, 0, 0, 0.2);border-radius:50%;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.page a.on,.page a:hover{background-color:#0052a4; border-color:#0052a4;color: #ffffff;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.page .none{ display:none !important;}
#page1{ display:none;} 

@media(max-width:767px){
	/*page*/
	.page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:5px;margin-bottom:10px;}
	#page1 a{ display:inline-block; margin-right:0; padding:7px 13px; background:#e8e8e8; border-radius:5px; color:#FFF; font-size:14px;}
	#page1 a.num{ text-decoration:underline; color:#ceaf65; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:7px 13px; }

}

.display_con{ width:100%; margin:0 auto; color:#666; min-height:300px; padding:0 0 30px;}
.dis_title{ width:100%; text-align:center;padding-bottom:10px;border-bottom:1px dashed #ededed;margin-bottom:10px; }
.dis_title.bornone{ border-bottom:none; margin-bottom:0; padding:0;}
.dis_title h4{ text-align:center; margin:0; padding:5px 0 10px; font-size:30px;font-weight:500;line-height:1.5; color:#232323;}
.dis_title span{ color:#999; font-size:14px; display:block; width:100%; line-height:30px; padding-bottom:5px;}
.d_c{ font-size:16px; line-height:2; padding:10px 0 20px; width:100%; height:auto; color:#444;}
.d_c em,.d_c i{ font-style:italic;}
.d_c b{ font-weight:bold;}
.d_c table{ border-collapse:collapse; border:1px solid #ddd;}
.d_c table,.d_c table tr,.d_c table td{ border:1px solid #ddd; padding:5px; vertical-align:middle; line-height:1.65;}

.pages{ width:100%; margin-top:10px; height:auto; float:left;}
.pages div{ height:40px; line-height:40px; border-bottom:0 dotted #CCC;}
.pages span{ font-size:16px; color:#333;}
.pages a{ color:#666;}
.pages a:hover{ color:#0052a4;}

.dis_img{ width:100%; height:auto; text-align:center;}
.dis_img img{ max-width:80%; height:auto; border:1px solid #CCC;}
.disPro_img{ width:100%; height:auto; text-align:center;}
.disPro_img img{ max-width:80%; height:auto;}
#shuiyinDiv img{ max-width:90%; height:auto;}

@media(max-width:767px){
.display_con{ width:100%; color:#666; min-height:300px; padding:0 10px;}
.dis_title{padding-bottom:10px;border-bottom: 1px dashed #ededed;margin-bottom:10px; }
.dis_title span{ line-height:1.5; font-size:12px;}
.dis_title h4{ font-size:18px;padding:0 0 10px;}
.dis_title.bornone h4{ padding:5px 0 0;}
.d_c{ font-size:15px;}
.d_c img{ max-width:98%; height:auto;}
.d_c table,.d_c table *{word-break: break-all !important; word-wrap:break-word !important;}

.pages div{ height:auto; line-height:24px; border-bottom:0 dotted #CCC;}
.pages>div{ padding:5px 0;}
.pages span{ font-size:15px; color:#333;}

.btn {display: inline-block;padding:0; margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

	
}


#t_mask{ background-color:#000;opacity:0.5;filter: alpha(opacity=50);position:fixed;left:0;top:0;bottom:0;right:0;z-index:9998; display:none;}
.q_wrap{width:auto;padding:0;}
.q_wrap{ position:fixed; min-width:200px;min-height:100px; max-height:670px; z-index:9999;background-color:#fff;border-radius:4px;display:none;padding:10px;}
.show_con .t_top{overflow:hidden;height:auto;}
#t_mask{background-color:#000;opacity: 0.5;filter: alpha(opacity=50);position:fixed;width:100%;height:100%;z-index:9998;display:block;}
.q_wrap{top:50%;left:50%;display:block;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.q_wrap .t_top img{max-width:100%; width:auto; height:auto; max-height:600px;}
.q_wrap .t_detail{padding:0 34px 34px 34px;}
.q_wrap .t_jj{width:100%;height:auto;margin:10px 0 5px;text-align:center;line-height:22px;font-size:18px;color:#0052a4;}
.q_wrap p{font-size:16px;color:#666;line-height:1.9em;letter-spacing: 1px;}
.q_wrap .t_top{width:100%;height:auto;margin:0 auto;background:#fff;overflow: hidden;}
.q_wrap .t_jj span{ font-size:14px; margin-left:5px; color:#9499a8;}
.q_wrap .t_top img{display:block; margin:0 auto; border:1px solid #efefef;}

@media(max-width:767px){
	.q_wrap{width:90%;padding:0;}
	.q_wrap{ min-width:90%;min-height:300px; max-height:90%; overflow-y:auto;}
	.show_con .t_top{overflow:hidden;height:auto; }
	.q_wrap{top:50%;left:50%;margin-left:0;margin-top:0;display:block;transform:translate(-50%,-50%)}
	.q_wrap .t_detail{padding:0 15px 15px 15px;}
	.q_wrap .t_jj{ margin-bottom:15px;font-size:16px;}
	.q_wrap p{font-size:14px;color:#666;line-height:1.8;letter-spacing:0;}
}

.pass-form{width:100%;max-width:500px;height:330px;padding:30px;background-color:#fff;border-radius:2px;box-shadow:0 10px 60px 0 rgba(29,29,31,0.09);transition:all .12s ease-out;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;}
.pass-form .pw-tip{font-weight:normal;font-size:26px;text-align:center;margin:10px auto 30px; color:#333;}
.pass-form .box{ padding:0;}
.pass-form .box ul li input[name=Captcha]{ width:305px; font-size:14px;}
.pass-form .box ul li .codeimg{ cursor:pointer;}
.pass-form .box ul li .codeimg img{ width:120; height:40px;}
.inner-form .box ul li input[type=submit]{ width:100%; font-size:16px; max-width:500px;}
