<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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:"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; 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:100%; min-width:1200px; height:auto; margin:0 auto; padding:0 2vw;}
.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:800px;}
.w1200{ width:100%; height:auto; min-width:300px; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative; padding:0;}
}

#site_header{ z-index:5000; position:relative;}
/*toper*/
.toper{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;display-radio:flex;background-color:#f8f8f8; display:none;}
.toper div,.header div{word-wrap:break-word !important;word-break: keep-all !important;}
.toper&gt;div{display:flex;flex-wrap:wrap;flex-direction:row; padding:5px 2vw;}
.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;font-size:13px;color:#888;line-height:26px;}
.toper .item .box&gt;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;display:block;}
.toper .item .box .tMail a{ padding-right:30px;}
.toper .item .box a i{color:#999;font-size:15px;height:26px;width:26px;border-radius:50%;line-height:26px;text-align:center; vertical-align:middle; margin-right:3px;}
/*.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{justify-content: flex-end}
.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:5px 0;}
.header&gt;div{display:flex;flex-wrap:wrap;flex-direction:row;display-radio:flex;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;}
.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:70px;}
.header.navbar-fixed-top{ box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);}

.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:28px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:8px}
.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&gt;li&gt;a{color:#232323}
.navbar-default .navbar-nav&gt;li&gt;a:hover,.navbar-default .navbar-nav&gt;li&gt;a:focus{color:#333;background-color:transparent}
.navbar-default .navbar-nav&gt;.active&gt;a,.navbar-default .navbar-nav&gt;.active&gt;a:hover,.navbar-default .navbar-nav&gt;.active&gt;a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav&gt;.disabled&gt;a,.navbar-default .navbar-nav&gt;.disabled&gt;a:hover,.navbar-default .navbar-nav&gt;.disabled&gt;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&gt;.open&gt;a,.navbar-default .navbar-nav&gt;.open&gt;a:hover,.navbar-default .navbar-nav&gt;.open&gt;a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle {border:0px;margin-top: 8px;}
.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:fixed;}
	.header&gt;div{justify-content: space-between; padding:0 10px;}
	.header&gt;.clearfix:before,.header&gt;.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&gt;li{position:relative;}
.nav ul&gt;li:last-child{ padding:0;}
.nav ul&gt;li .p_menu1Item{position: relative; padding:15px 0;}
.nav ul&gt;li a{font-size:18px;/*font-family:"4829634d-63e9-4cd9-aa8c-1e86ad0dc809";*/padding:0 1.5vw;line-height:60px;display:block;font-weight:normal;text-align:center;overflow:hidden; height:auto;text-overflow:ellipsis;white-space:nowrap;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.nav ul&gt;li.p_level1Item .p_menu1Item a:before{content: "";background-color: #ff0000;-webkit-box-shadow: 0 -5px 16px rgba(229, 1, 18, .3);-moz-box-shadow: 0 -5px 16px rgba(229, 1, 18, .3);box-shadow: 0 -5px 16px rgba(229, 1, 18, .3);color: red;font-weight: bold;position: absolute;bottom: 2px;left: 0px;height: 2px;width: 100%;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;transition: .25s;-moz-transition: .25s;-webkit-transition: .25s;-o-transition: .25s;}
.nav ul&gt;li a{position:relative;z-index:2;color:#333;}
.nav ul&gt;li a{padding:0 1.6vw; }
.nav ul.esMenu&gt;li a{ padding:0 1.1vw; font-size:17px;}
@media(max-width:1300px){
	.nav ul.esMenu&gt;li a{ padding:0 1vw; font-size:16px;}
}
/*.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:red;}
/*.nav ul li.p_level1Item:hover .p_menu1Item::after{height:100%;}*/
.nav ul li.p_level1Item .p_menu1Item a:hover:before{width:100%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.nav .p_level2Box{background:#fff;transform:translateX(0%);left:0;width:190px;border-radius:0;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
.p_level2Box{ display:block; height:auto;padding:0;background:#f2f2f2;width:160px;position:absolute;left:50%;top:71px;z-index:99;transform:translateX(-50%);border-bottom-left-radius:5px;border-bottom-right-radius:5px;transition:all .3s ease; height:0; overflow:hidden; border-top:2px solid #ff0000; display:none;}
.p_level2Box li.p_level2Item{position:relative;width:100%;}
.p_level2Box li.p_level2Item a{color:#666;display:flex;text-align:left;justify-content:flex-start;align-items:center;font-size:13px;line-height:34px; height:34px; opacity:1;transition:all ease .3s; padding:0 10px;}
.p_level2Box li.p_level2Item .pc_ej{display:block;width:17px;height:20px; margin-right:5px;}
.p_level2Box li.p_level2Item .pc_ej .p_jtIcon{display:block;transform:rotate(0deg);margin:0; fill:rgba(0, 0, 0, .2);}
.nav ul li.p_level1Item:hover .p_level2Box{padding:4px 0 0; display:block;display:flex;flex-wrap:wrap;}
.nav ul li:nth-child(3):hover .p_level2Box{ height:auto; /*height:40vw; overflow-y:auto;*/}
.p_level2Box li.p_level2Item a:hover{color:#ff0000;padding-left:8px;/*background-color:#f2f2f2;*/}
.p_level2Box li.p_level2Item a:hover .pc_ej .p_jtIcon{fill:#ff0000;}
.nav ul.esMenu&gt;li .p_level2Box{ width:350px}

.hRight{flex:1;max-width: 100%;max-height: 100%; align-self:center;flex:0 0 170px;}
.hRight&gt;div{display:flex;flex-direction: row;width: 100%;display-radio:flex;}
.hRight .search-bar{flex:1;max-width:100%;max-height:100%;flex:0 0 120px;align-self: center;margin-right:20px;}
.hRight .search-bar .input-group{position: relative;display: table;border-collapse: separate;}
.hRight .search-bar .input-group .form-control{position: relative;z-index: 2;margin-bottom:0;background-color: rgba(0, 0, 0, .1);color: rgba(0, 0, 0, .5);border-width: 0;border-radius: 35px !important;height:26px;line-height: 26px;text-align: left;padding: 0px;padding-left:30px;transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s;/* border-bottom: 1px solid #ddd; */width: 100%;-webkit-box-shadow: 0 0 20px 0 rgb(214 80 81 / 0%);box-shadow: 0 0 20px 0 rgb(214 80 81 / 0%);/* font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif; */font-weight: 500; font-size:14px;}
.hRight .search-bar .input-group-addon{position: absolute;left: 3px;top: 0px;padding: 5px;color: #666;background-color: transparent;border-width: 0;z-index: 3;font-size: 14px;font-weight: 400;line-height: 1;text-align:center;}


.hRight .lag{flex:1;max-width:100%;max-height:100%;align-self:center;flex:0 0 30px;}
.e_language{position:relative;height:auto;}
.e_language .p_wrapper{position:relative;width:30px; height:30px;cursor:pointer;z-index:1;}
.e_language .p_selected{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize14);user-select:none;white-space:nowrap}
.e_language .p_selected&gt;img{margin:0px}
.e_language .p_up.hide,.e_language .p_down.hide{display:none;}
.e_language .p_options{ position:absolute;top:calc(100% + 26px);right:50%;background: #FFFFFF;border: 1px solid #EBEEF5;border-radius: 4px;box-shadow: 0px 2px 12px 0 rgb(0 0 0 / 10%);z-index: 9999;visibility: hidden;opacity: 0;transition: opacity .3s,top .3s;transform:translateX(29px);}
.e_language .p_options.active{visibility: visible;opacity: 1;top: calc(100% + 12px);}
.e_language .p_options .lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%;}
.e_language .p_options.active .lang-arrow{left: 199px;}
.e_language .p_options ul.p_list{width:230px;display:flex;flex-wrap:wrap;padding:8px;}
.e_language .p_item{width:50%;padding:8px 6px;box-sizing:border-box;transition:background-color .3s;}
.e_language .p_item.p_actived,.e_language .p_item:hover{background-color:#EEEEEE}
.e_language .p_item a{display:block;font-size:var(--fontsize12);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.e_language .p_item img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
/*#translate{ display:none;}*/
.search-box{width:0;height:0px;justify-content:center;align-items:center;display:flex;/*position:absolute;top:100%;left:0px;*/background:#FFFFFF;transition:all .3s ease-in-out;overflow:hidden;opacity:0; }
.search-box #msearc_key{height:38px; border:1px solid #eee;width:calc(100% - 38px);background:#FFFFFF; border-right:none; padding:0 10px; outline:none;}
.search-box #msearc_key::placeholder{color:var(--color)}
.search-box #btnSearch{background-color:var(--color);text-align:center;width:38px;height:38px;line-height:38px;margin-left:0; border:1px solid #eee; border-left:none;}
.search-box #btnSearch i{color:#FFFFFF}

.container &gt; .navbar-header, .container-fluid &gt; .navbar-header, .container &gt; .navbar-collapse, .container-fluid &gt; .navbar-collapse{ margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#CCC; border:none;}
.navbar-collapse{ padding:0;}
.navbar-nav &gt; li &gt; 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:#fff !important;}
	.navbar-fixed-top .navbar-collapse{ max-height:1000px;}
	.nav .p_level1Box{ display:block;background:#fff;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&gt;li .p_menu1Item{ padding:5px 0;}
	.nav ul li a{display:block; width:auto; height:auto;transition:all 0s;padding:0;line-height:40px;color:#303030 !important; font-size:16px !important; text-align:left;}
	.nav ul li a.cur{ background:none !important; color:red !important;}
	.nav ul li a.cur:before{ display:none;}
	.nav ul li.p_level1Item:hover .p_level2Box{ 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}
	.search-box{ width:100%; opacity:1; height:auto; padding:20px 20px 5px;}
	
	.hRight{flex:0 0 auto;position:absolute;z-index:5;right:70px;align-self:center;}
	.hRight .search,.hRight .search-bar{ display:none;}
	.e_language{ position:absolute; right:0; top:-15px;}
	.e_language .p_wrapper{ width:32px;}
	.e_language .p_selected&gt;img{ width:32px; height:auto;}
	.e_language .p_options ul.p_list{}
}

/*banner*/
.banner{margin-top:0;width:100%;position: relative;overflow: hidden;}
video{object-fit:cover;width:100%;height: 100%;}
.indBanner_box{ width:100%;height:auto;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_box:after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:40; background:rgba(0,0,0,.2);}
.indBanner_box .text{ width:100%; height:auto; padding:0 2vw; position:absolute; top:50%; left:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); text-align:center; color:#fff; z-index:50;}
.indBanner_box .text h5{ text-transform:uppercase; font-size:42px; padding:0 0 10px; font-weight:600; line-height:1.4;}
.indBanner_box .text p{ font-size:18px; line-height:2;}
/*.banner .b01 .indBanner_box .text{ width:60%; left:20%;}
.banner .b01 .indBanner_box .text p{ display:none;}
.banner .b02 .indBanner_box .text{ text-align:left; width:65%; left:5%;}
.banner .b02 .indBanner_box .text h5{ font-size:40px;}
.banner .b02 .indBanner_box .text p{}
.banner .b03 .indBanner_box .text{ width:80%; left:10%;}
.banner .b03 .indBanner_box .text h5{}
.banner .b03 .indBanner_box .text p{}*/
.banner .b01 .indBanner_box .text{ top:30%;}
.banner .b01 .indBanner_box .text h5{ font-size:50px;}
.banner .b01 .indBanner_box .text p{}
/*.banner .b05 .indBanner_box .text{ width:70%; left:15%;}
.banner .b05 .indBanner_box .text p{}*/
.banner .b02 .indBanner_box .text{ top:30%;}
.banner .b02 .indBanner_box .text h5{ font-size:0;}
.banner .b02 .indBanner_box .text p{}
/*.banner .b07 .indBanner_box .text{ top:50%;}
.banner .b07 .indBanner_box .text h5{ font-size:50px;}
.banner .b07 .indBanner_box .text p{}*/
.banner .b02 .indBanner_box:after,.banner .b03 .indBanner_box:after,.banner .b04 .indBanner_box:after{ opacity:0;}
.banner .b03 .indBanner_box .text{ top:40%; width:50%; left:25%;}
.banner .b03 .indBanner_box .text h5{ font-size:50px;}
.banner .b03 .indBanner_box .text p{}
.banner .b04 .indBanner_box .text{ width:45%; left:5%; text-align:left;}
.banner .b04 .indBanner_box .text h5{ font-size:50px;}
.banner .b04 .indBanner_box .text p{ display:none}

.indB_wrap_btnl,.indB_wrap_btnr{ position:absolute; top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);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,.8); overflow:hidden; border-radius:50%;display:block;width:40px;height:40px; z-index:1000;}
.indB_wrap_btnl{background:url(/images/btn_left.png) no-repeat center;background-size:10px auto; left:3%;}
.indB_wrap_btnr{background:url(/images/btn_right.png) no-repeat center;background-size:10px auto; right:3%;}
.indBanner .swiper-pagination{ bottom:3%; text-align:center; width:1070px; left:50%; margin-left:-540px;}
.indBanner .swiper-pagination-bullet{ display:inline-block; cursor:pointer; width:12px;height:12px; background:none;text-indent:-999px;border-radius:50%;opacity:1;position:relative; margin:0 3px;background-color:transparent; border:1px solid #fff;}
.indBanner .swiper-pagination-bullet-active{background-color:rgba(255,255,255,1);}

.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;
    }
}
@media only screen and (max-width:1400px) {
.banner .b09 .indBanner_box .text{ width:50%;}
.banner .b09 .indBanner_box .text h5{ font-size:40px;}
	
}

.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:76px;}
	.banner .indBanner{display: none !important;}
	.indBanner_box{height:100%;position: relative;}
	/*.mo-banner .swiper-slide-active .indBanner_txt h5,.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 h5{ 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:110%; height:auto;display:block; position:relative; left:-5%;}
	.mo-banner .swiper-pagination{ bottom:10px; text-align:center; padding:0 15px; width:100%;}
	.mo-banner .swiper-pagination-bullet{width:20px;height:2px;background-color:rgba(255,255,255,.3);opacity:1 !important;border-radius:0;margin:0 3px;}
	.mo-banner .swiper-pagination-bullet-active{background-color:#f00;}
	.mo-banner .b01 .indBanner_box .text{ top:38%;}
	.mo-banner .b01 .indBanner_box .text h5{ font-size:1.2rem;}
	.mo-banner .b02 .indBanner_box:after,.mo-banner .b03 .indBanner_box:after,.mo-banner .b04 .indBanner_box:after{ opacity:0;}
	.mo-banner .b03 .indBanner_box .text{ top:40%; width:42%; left:29%;}
	.mo-banner .b03 .indBanner_box .text h5{ font-size:1rem; padding-bottom:0;}
	.mo-banner .b03 .indBanner_box .text p{ font-size:.8rem; line-height:1.4;}
	.mo-banner .b04 .indBanner_box .text{ width:50%; left:2%; text-align:left; display:none;}
	.mo-banner .b04 .indBanner_box .text h5{ font-size:1.1rem;}
	.mo-banner .b04 .indBanner_box .text p{ display:none}
	
	
	.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;}
}
@media only screen and (max-width:400px) {
	.mo-banner .b01 .indBanner_box .text h5{ font-size:1rem;}
	.mo-banner .b03 .indBanner_box .text h5{ font-size:.9rem;}
	.mo-banner .b03 .indBanner_box .text p{ font-size:.7rem;}
}



/*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:#000;font-weight:600;padding-bottom:10px;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.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; display:none;}
.mainTit i{ display:block; width:60px; height:4px; background:#b80000; margin:10px auto 0;}
.mainTit p{ text-align:center; color:#888; font-size:16px; line-height:1.5;font-family:wfont_12b0c7_d3c3b94e587545a9a5ac52010f952511,wf_d3c3b94e587545a9a5ac52010,orig_roboto_light;}
@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:10px 0 0; position:relative; z-index:10;}
.main2 .main2_cont .product-swiper{ padding:0 0 30px;}
.main2 .main2_cont li{width:calc((100% - 60px)/4); height:auto;margin:0 20px 20px 0;border:1px #dbe2ee solid; float:left; border-radius:6px 6px 0 0; overflow:hidden;}
.main2 .main2_cont li:nth-child(4n){margin-right:0;}
.main2 .main2_cont li .pic{ overflow:hidden;}
.main2 .main2_cont li img{ padding:0; width:100%; height:auto;transition: all 0.6s; display:block;}
.main2 .main2_cont li .tit{line-height:1.5;display-radio:-webkit-box;font_radio:1;font-size:16px;text-align: center;padding-top:0px;padding:12px 10px;font-weight:normal;min-height:36px;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.main2 .main2_cont li .tit a{color:#333;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;margin:0 0;}
.main2 .main2_cont li:hover img{transform:scale(1.13,1.13);opacity:1}
.main2 .main2_cont li:hover .tit a{ color:#333;}
.moreBox{ text-align:center;}
.moreBox a{ display:inline-block; padding:0 40px; line-height:45px; color:#0e0e0e; font-size:16px;letter-spacing:1px; border:1px solid #8c8c8c; border-radius:30px; overflow:hidden;transition: all 0.6s;}
.moreBox span{display:block;width:100%;position:relative;z-index:1;outline:0;margin:0px;overflow:hidden}
.moreBox a:hover{transform:translateY(-5px);}
@media(max-width:767px){
	.main2{ padding:30px 5px;}
	.mainTit{margin-bottom:20px;}
	.mainTit h2{ font-size:1.6rem;padding-bottom:10px;}
	.mainTit i{ width:40px; height:3px; margin:5px auto 0;}
	.main2 .main2_cont{ min-height:100px; padding:20px 0 0;}
	.main2 .main2_cont .product-swiper{ padding:0 0 10px;}
	.main2 .main2_cont li{width:calc((100% - 20px)/2);}
	.main2 .main2_cont li:nth-child(2n){margin-right:0;}
	.moreBox a{margin-top:10px;}
	.moreBox a{ padding:0 30px; line-height:38px; color:#0e0e0e; font-size:16px;}
	
}

.main1{ overflow:hidden; width:100%; height:auto; margin:0 auto; padding:60px 0; background:#f7f7f7;}
.main1_con{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; position:relative;}
.main1_con .main1_l{-ms-flex:0 0 67%;flex:0 0 67%;max-width:67%; padding:26px 0 26px 30px;/* position:absolute; right:0; top:50%; z-index:10;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);*/ min-height:524px}
.main1_con .main1_l h5{font-size:30px;color:#000;height:86px;line-height:40px;overflow:hidden;position:relative; font-weight:bold;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.main1_con .main1_l h5:before{content: "";width:53px;height:2px;background: #b80000;position: absolute;bottom: 0;left: 0;}
.main1_con .main1_l h5 span{display:block;font-size:18px;font-weight:normal;font-family:  montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif; color:#333;}
.main1_con .main1_l .desc{ font-size:16px; color:#555;line-height:2;margin-top:20px;font-weight:normal;text-align:justify;font-family:montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:9;}
.main1_con .main1_l .desc b{ color:#f00;}
.main1_con .main1_l .alink{display:flex; margin-top:30px;justify-content: space-between;}
.main1_con .main1_l .alink a{display:flex;align-items:center; padding:10px 18px; font-size:16px;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif; border:1px solid rgba(102,102,102,1); border-radius:5px; line-height:1.5;}
.main1_con .main1_l .alink i{ font-size:18px; color:#888; margin-right:10px;}
.main1_con .main1_l .alink a:hover{ background:#D65051; color:#fff; border-color:#D65051;}
.main1_con .main1_l .alink a:hover i{ color:#fff;}

.main1_r{-ms-flex:0 0 33%;flex:0 0 33%;max-width:33%;position:relative;margin-bottom:0;padding-right:20px;}
.main1_r .image-box{position:relative; width:100%; height:100%;}
.main1_r .image-box span{ display:block; position:absolute; bottom:0; right:0; width:calc(100% - 25px); height:calc(100% - 28px); background-color:rgba(230,230,168,.8); z-index:1; border-radius:5px; overflow:hidden;}
.main1_r .image-box .image1{position:relative;margin-bottom:0;}
.main1_r .image-box .image2{position:absolute;left:0;bottom:0;}
.main1_r .image-box&gt;div{width:calc(100% - 25px + 2vw); height:496px; position:absolute; left:-2vw; top:0; z-index:5; border-radius:5px; overflow:hidden; background:url(/images/about.jpg) no-repeat top center;}

@media(max-width:1280px){
	.main1_con .main1_l{ min-height:490px;}
	.main1_con .main1_l .desc .mhide{ display:none;}
	.main1_r .image-box&gt;div{ height:462px;}
}

@media(max-width:767px){	
	.main1{ padding:30px 5px;}
	.main1_con{display:block;}
	.main1_con .main1_l{ width:100%;max-width:100%; padding:0;}
	.main1_con .main1_l h5{font-size:1.6rem;height:auto;line-height:30px; padding:0 0 8px;}
	.main1_con .main1_l h5:before{width:40px;}
	.main1_con .main1_l h5 span{font-size:1rem; padding:5px 0 0;}
	.main1_con .main1_l .desc{ font-size:.95rem;-webkit-line-clamp:12;}
	.main1_con .main1_l .desc b{ color:#f00;}
	.main1_con .main1_l .alink{display:flex;flex-wrap: wrap;justify-content: flex-start; margin-top:20px;}
	.main1_con .main1_l .alink a{ padding:10px 10px; font-size:.95rem; margin:0 10px 10px 0;}
	.main1_con .main1_l .alink i{ font-size:18px; color:#888; margin-right:10px;}
	
	.main1_r{ width:100%; margin-right:0; max-width:100%; display:none;}
}

.main4{ padding:60px 0; width:100%; height:auto; background:#fff;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.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:15px 5px 0; position:relative;}
.main4_con ul{ width:100%; height:auto; padding-bottom:0;}
.main4_con ul li{ float:left; width:calc((100% - 90px)/4); margin-right:30px;}
.main4_con ul li:nth-child(4n){ margin-right:0;}
.main4_con ul li a{ display:block; background:#FFF; border-radius:6px 6px 0 0; position:relative;min-height:270px;padding:0;overflow:hidden;}
.main4_con ul li .pic{overflow:hidden; width:100%; height:150px;}
.main4_con ul li .pic img{object-fit:cover;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;background: #f8f8f8;}
.main4_con ul li .txt:after{position: absolute;content:"";left:0;bottom:0;height:3px;width:0;background:#b80000;transition:all 0.5s;}
.main4_con ul li .txt h5{font-size:20px;color:#323232;margin-bottom:12px; line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; font-weight:500;}
.main4_con ul li .txt p{font-size:15px;color:#666;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-align:justify;}
.main4_con ul li .txt h2{font-size:14px;color:#999; font-weight:400; padding:0 0 12px;}
.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:after{width: 100%;}
.main4_con ul li:hover .txt h5{ color:#f00;}
.main4_con .swiper-pagination{ text-align:center; bottom:0;}
.main4_con .swiper-pagination .swiper-pagination-bullet-active{ background:#b80000;}
.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; display:none;}
.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:30px 5px;}
	.main4_con{ padding:10px 0 0;}
	.main4_con ul{flex-wrap: wrap}
	.main4_con ul li{ width:100%; margin-right:0; margin-bottom:10px;}
	.main4_con ul li a{min-height:10px;padding-left:0;overflow:hidden;}
	.main4_con ul li .pic{}
	.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:0 0 10px;}
	.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:#f1f1f1; position:relative; z-index:2; font-size:14px; padding:40px 0 30px;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.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; flex:0 0 35%; position:relative;}
.footer_top dl dd span{display:block;margin-bottom:10px;font-size:20px;color:#000/*F27E87*/; line-height:1.8;font-weight: bold;}
.footer_top dl dd a{display:block;color:#666;font-size:15px; line-height:1.8; padding:3px 0;}
.footer_top dl dd a:hover{color:#b80000;}
.footer_top dl dd:nth-child(1){ flex:0 0 42%;}
.footer_top dl dd:nth-child(1) a{ width:50%; float:left;}
.footer_top dl dd h5{color:#F27E87;font-size:19px; padding:0; line-height:2; display:none;}
.footer_top dl dd p{color:#666;font-size:14px; padding:0;background-repeat:no-repeat;background-position: center left;padding-left:0px;margin-top:8px; line-height:1.5;}
.footer_top dl dd p.addr{background-image: url(/images/icon_addr.png); line-height:1.5; background:none; margin-top:2px}
.footer_top dl dd p.tel{background-image: url(/images/icon_tel.png); background:none;}
.footer_top dl dd p.email{background-image: url(/images/icon_email.png); background:none;}
.footer_top dl dd .p_share{ padding:15px 0 0;}
.footer_top dl dd .p_share a{width:30px;height:30px;display:inline-block;margin-right:10px;transition:0.3s;background-position:0 0; padding:0; background-size:30px;}
.footer_top dl dd .p_share a:nth-child(1){background-image:url(/images/logo-twitter.png);}
.footer_top dl dd .p_share a:nth-child(2){background-image:url(/images/logo-facebook.png);}
.footer_top dl dd .p_share a:nth-child(3){background-image:url(/images/logo-in.png);}
.footer_top dl dd .p_share a:nth-child(4){background-image:url(/images/logo-ins.png);}
.footer_top dl dd .p_share a:nth-child(5){background-image:url(/images/logo-youtube.png);}
.footer_top dl dd .fcode{ width:100%;display:flex; padding:11px 0 15px;}
.footer_top dl dd .fcode&gt;div{ margin-right:25px;}
.footer_top dl dd .fcode .img{max-width:110px;border:1px solid #ddd;padding:1px; margin:0 auto; background:#fff;}
.footer_top dl dd .fcode img{width:100%;height:100%;object-fit:contain;}
.footer_top dl dd .fcode .text{text-align:center;font-size:14px;color:#888;padding:10px 0 0;}
.copyright{ width:100%; margin:0 auto; padding:15px 2vw 0;border-top:1px solid rgba(0,0,0,0.1); text-align:center;font-size:14px;color:#666;line-height:1.6;}
.copyright a{color:#666;}
.footer_bot{ height:auto; width:1200px; margin:0 auto; text-align:center; padding:5px 0 0;}
.footer_bot span{ display:inline-block; line-height:30px;color:#888; font-weight:500;}
.footer_bot a{ display:inline-block; line-height:30px; color:#888; margin:0 4px;}
.footer_bot a:hover{ color:#666;}
.index_foot{ display:none;}
@media(max-width:767px){
	.footer_bg{ padding:28px 0 20px;}
	.footer_top{ padding:0 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 p{ margin-top:4px;}
	
	.footer_top dl dd span,.footer_top dl dd .fcode,.footer_bot{ 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:#b80000; 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:auto; background-position:center; background-repeat:no-repeat;}
.inbanner img{ max-width:100%; height:auto;}
.inBox{ width:1200px; margin:0 auto; padding:120px 0 0 50px;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.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:  montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif; margin-top:0; border-top:1px solid #eee;}
.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:auto; margin-top:76px; 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; margin-top:76px;}
	.mainBox.m0{ margin-top:0;}
	.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:40px 0 30px;}
.side_left h2{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;display-radio:flex;background-color:#b80000;padding:20px 25px 20px 40px;border-radius:10px 10px 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:30px;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:0;overflow: hidden;transition: all ease .3s;}
.side_left ul li:hover a{ color:#f00;}
/*.side_left ul li:hover em{ width:0; padding:0; margin:0;}*/
.side_left ul li.on a{ color:#f00; font-weight:bold;}
.side_left ul li.on em{ color:#f00;}
.categories{position:relative; display:none;}
.categories .sf-menu{position:absolute;top:48px;left:0px;right:0px;padding:0px 10px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px;}
.categories .sf-menu.mshow{ display:block;}
.categories .menu-tit{color:#000;font-size:1.3rem;padding:10px 0px;border-bottom:1px solid #CCCCCC;cursor:pointer;background:url(/images/cate-btn.png) right center/24px no-repeat}
.categories .sf-menu a{color:#333;display:block;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.categories .sf-menu .LiLevel1&gt;a{font-size:16px;font-weight:500;}
.categories .sf-menu&gt;li{position:relative;border-bottom:1px solid #EEEEEE;padding-right:30px}
.categories .sf-menu&gt;li:last-child{border-bottom:none}
.categories .sf-menu&gt;li em{position:absolute;right:10px;top:12px;z-index:1;transform:rotate(0deg);font-weight:500;cursor:pointer;transition:transform .2s ease-in-out;color:var(--color)}
.categories .sf-menu&gt;li.on a{ color:#f00;}
.categories .sf-menu&gt;li.on em{ color:#f00;}
.categories .page-tit{font-size:20px;color:#333;border-left:3px solid #f00;padding:0px 0px 0px 10px;margin:20px 0 0}

.nav_list{ display:none;}
@media(max-width:767px){
	.main03_t{ display:none;}
	.side_left{ width:100%; margin-right:0; padding:20px 10px 0; display:none;}
	.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%;}
	
	.categories{ display:block; margin:15px 2vw 10px;}
}
/*side_right*/
.about_content{ font-size:16px; line-height:30px; color:#737373; min-height:400px; width:100%; padding:30px 0 30px; margin:0 auto;}
@media(max-width:767px){
	.about_content{ width:100%; padding:20px 0 20px;}
}

.column{ float:left;}
.side_right{ width:100%; margin:0 auto; height:auto; overflow:hidden; min-height:300px; padding:30px 0;}
.sideRight{ float:right; padding:40px 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;}

.about_c .aTit{ font-size:22px; line-height:1.8; color:#ff0000; font-weight:bold; padding:5px 0;}
.about_c .a01{display:flex;justify-content: space-between}
.about_c .a01&gt;div{ width:49%;}
.about_c .a01 .aimg{ overflow:hidden; border-radius:5px;}
.about_c .a01 .aimg img{ max-width:100%; height:auto; vertical-align:middle;}
@media(max-width:767px){
	.side_right{ width:100%; min-height:30px; padding:20px 0 30px;}
	.sideRight{ padding:20px 0 30px; width:100%;}
	.nyPro&gt;.w1200{ padding:0;}
	.nyPro .sideRight{ padding-top:0;}
	.side_right .location{  height:41px; line-height:40px;}
	.about_c{ width:100%; padding:0 5px 0; font-size:15px;}
	
	.about_c .aTit{ font-size:1.1rem;}
	.about_c .a01{display:flex;justify-content: space-between;flex-wrap: wrap}
	.about_c .a01&gt;div{ width:100%;}
	.about_c .a01 .aimg{ overflow:hidden; border-radius:5px; display:none;}
	.about_c .a01 .aimg img{ max-width:100%; height:auto; vertical-align:middle;}
}

.contact_c{ width:100%; padding:0; height:auto; color:#555; line-height:2;}
.content_box{ width:100%; height:auto; padding:0 0 50px;}
.content_box-cont{padding:20px 0 30px 0;}
.content_box-cont h1{ font-size:36px; color:#222;}
.contact_c .left{width:50%;padding-right:35px;vertical-align:middle}
.contact_c .left&gt;p.img{ width:100%;height:200px; margin-bottom:25px; overflow:hidden; position:relative; border-radius:5px;}
.contact_c .left img{width:100%;height:100%; vertical-align:middle; position:absolute; left:0; top:0;}
.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:20px;color:#b80000;font-weight:500; text-align:left; line-height:1; padding:10px 0;}
.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:0}
.contact_c .left ul li{position:relative;margin-bottom:25px;padding-left:20px;border-left: 1px solid #aaa;line-height:2;}
.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:49%;vertical-align:middle; padding:10px 15px 0px; background:#eee; border-radius:10px; margin-left:1%;}
.contact_c .right.inner-form .box{padding-top:0px}
.contact_c .right.inner-form .box h4{margin-bottom:40px;}
.proMes{width:100%;vertical-align:middle; float:none; padding:35px 0 30px;}
.proMes.inner-form  h5{font-size:18px;color:#222;font-weight:500; text-align:left; line-height:1; padding:10px 0;}
.proMes.inner-form .box{padding-top:0}
.proMes.inner-form .box h4{margin-bottom:40px;}
::-webkit-input-placeholder{color:#999; font-size:14px;}
:-moz-placeholder{color:#999; font-size:14px;}
::-moz-placeholder{color:#999; font-size:14px;}
:-ms-input-placeholder{color:#999; font-size:14px;}
.inner-form .box{padding-top:0px}
.inner-form .box ul{margin:0px}
.inner-form .box ul li{padding:0 0 8px; position:relative;}
.inner-form .box ul li label{font-size:14px;margin-bottom:1px; color:#333;}
.inner-form .box ul li input,.inner-form .box ul li textarea{width:100%;border:1px solid #ececec;line-height:38px;height:38px;background:#fff;padding:0 12px; outline:none; font-size:14px;}
.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:68px;resize:vertical;line-height:28px;padding:6px 12px}
.inner-form .box ul li.sub{ text-align:center;}
.inner-form .box ul li input[type=submit]{max-width:160px;background:#b80000;color:#fff;border:none;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s; border-radius:5px;}
.inner-form .box ul li input[type=submit]:hover{background:#222}
.inner-form .box ul li.sub p{ font-size:13px; color:#888; padding:10px 0 0;}
.inner-form .box ul li.wid-100{width:100%}
.grid-box{display:flex}
.grid-box.two&gt;.column{width:50%;}
.grid-box.three&gt;.column{width:33.33333%}
.grid-box.four&gt;.column{width:25%}
.grid-box.five&gt;.column{width:20%}
.grid-box.six&gt;.column{width:16.6666667%}
.grid-box.seven&gt;.column{width:14.285714%}
.grid-box.eight&gt;.column{width:12.55%}
.grid-box.nine&gt;.column{width:11.11111111%}
.grid-box.ten&gt;.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){
	.contact_c{ width:100%; padding:0 5px;}
	.content_box{ padding:0 0 30px;}
	.content_box-cont{padding:0 0 20px 0;}
	.content_box-cont h1{ font-size:1.6rem; line-height:1.3;}
	.contact_c .left{width:100%;padding-right:0; margin-bottom:30px;}
	.contact_c .left&gt;p.img{ width:100%;height:auto; margin-bottom:10px;}
	.contact_c .left img{width:100%;height:100%; vertical-align:middle; position:relative; left:0; top:0;}
	.contact_c .left ul{padding-top:20px}
	.contact_c .left ul li{padding-left:25px;position:relative;margin-bottom:20px}
	.contact_c .left ul li:last-child{margin-bottom:0}
	.contact_c .right{width:100%; margin-left:0;}
	.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&gt;.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%;}
	

}

.zlkz{ padding:0; margin:-30px -2vw;}
.zlkz01{ background:#f8f8f8; background-image:url(/images/b01.jpg); background-position:left top; background-repeat:no-repeat;display:flex;justify-content:space-between; background-size:50% 100%;}
.zlkz01 .pic{ width:50%; height:100%;}
.zlkz01 .pic img{ display:none;}
.zlkz01 .text{ width:50%; padding:0 2vw 40px 50px;}
.zlkz .title{font-size:32px;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;font-weight: 100;font-style: normal;color:#f00; padding:50px 0 30px; line-height:1.2;}
.zlkz01 .text p{ font-size:16px; color:#333; line-height:1.7; margin-bottom:15px;}

.zlkz02{ padding:0 2vw 50px;}
.zlkz02 .title{ text-align:center;}
.zlkz02 .cont{display:flex;justify-content: space-between; padding:0 0; width:1200px; margin:0 auto;}
.zlkz02 .cont dl{ width:45%; text-align:center;}
.zlkz02 .cont dl dt{ font-size:16px; color:#333;}
.zlkz02 .cont dl dd{display:flex;justify-content:space-between; padding:20px 0 0;}
.zlkz02 .cont dl dd img{ border:0px solid #efefef; width:16%; padding:8px; height:auto; margin:0 .2%; border-radius:6px;}

.zlkz03{ padding:70px 2vw;display:flex;justify-content: space-between;background-color:#f8f8f8;}
.zlkz03 .left{ width:25%; padding:0 15px;}
.zlkz03 .title{ padding-top:0;}
.zlkz03 .left p{ font-size:16px; color:#333; line-height:1.7; margin-bottom:15px;}
.zlkz03 .left .tip{color:#999;}
.zlkz03 .left .tip a{ color:#f00;}
.zlkz03 .right{ width:75%; padding:0 15px;display:flex;justify-content: space-between;}
.zlkz03 .right .item{ width:25%; padding:0 15px;}
.zlkz03 .right .item:last-child{ width:50%;}
.zlkz03 .right .img{display:block;width:100%;height:300px;background-color:#fff;background-size:100% auto;background-position: top;background-repeat:no-repeat;border: 1px solid #ddd;box-shadow: 4px 4px 1px 0 rgba(0,0,0,0.1);transition: all 0.3s ease-in-out;transform: translate(0,0);margin-bottom: 20px;}
.zlkz03 .right .img:hover{box-shadow: 8px 8px 2px 0 rgba(0,0,0,0.05);transform: translate(-3px,-3px);}
@media (min-width: 993px) and (max-width: 1200px) {
	.zlkz03 .right .img{height: 400px;}
}
@media (min-width: 769px) and (max-width: 992px) {
	.zlkz03 .right .img{height: 400px;}
}

@media (max-width: 768px) {
	.zlkz{ padding:0; margin:-20px -2vw;}
	.zlkz01{ background:#f8f8f8; background-image:none; padding:30px 2vw;flex-wrap:wrap}
	.zlkz01 .pic{ width:100%; height:100%;}
	.zlkz01 .pic img{ display:block; width:100%; height:auto;}
	.zlkz01 .text{ width:100%; padding:10px 0 0;}
	.zlkz .title{font-size:1.6rem; padding:10px 0 10px;}
	.zlkz01 .text p{ line-height:1.8; margin-bottom:12px;}
	
	.zlkz02{ padding:20px 2vw 10px;}
	.zlkz02 .cont{flex-wrap:wrap; width:100%;}
	.zlkz02 .cont dl{ width:100%; padding:0 0 20px;}
	.zlkz02 .cont dl dt{ font-size:16px; color:#333;}
	.zlkz02 .cont dl dd{display:flex;justify-content:space-between; padding:20px 0 0;}
	.zlkz02 .cont dl dd img{ border:0px solid #efefef; width:16%; padding:8px; height:auto; margin:0 .2%; border-radius:6px;}
	
	.zlkz03{ padding:20px 2vw;flex-wrap:wrap;}
	.zlkz03 .left{ width:100%; padding:0 0 20px;}
	.zlkz03 .left p{ margin-bottom:0;}
	.zlkz03 .right{ width:100%; padding:0;display:flex;flex-wrap:wrap}
	.zlkz03 .right .item{ width:50%; padding:0 10px;}
	.zlkz03 .right .item:last-child{ width:100%;}
	.zlkz03 .right .img{height:200px;}
	
}

.zlkz04{ padding:60px 0; width:100%; height:auto;}
.zlkz04 .cont{ width:100%; background-image:url(/images/b02.jpg); background-position:right center; background-repeat:no-repeat;display:flex;justify-content: space-between; background-size:50% 100%;}
.zlkz04 .pic{ width:50%; height:100%;}
.zlkz04 .pic img{ display:none;}
.zlkz04 .text{ width:50%; padding:0 50px 40px 2vw;}
.zlkz04 .text p{ font-size:16px; color:#333; line-height:1.7; margin-bottom:15px;}
@media (max-width: 768px) {
	.zlkz04{ padding:20px 2vw 30px;}
	.zlkz04 .cont{ width:100%; background-image:none;flex-wrap:wrap}
	.zlkz04 .pic{ width:100%; height:100%;}
	.zlkz04 .pic img{ display:block; width:100%; height:auto;}
	.zlkz04 .text{ width:100%; padding:0 0 5px;}
	.zlkz04 .text p{ font-size:16px; color:#333; line-height:1.7; margin-bottom:15px;}	
}


.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;}

.faq_con{ width:100%; padding:0;}
.faq_con ul{ width:100%; height:auto;}
.faq_con ul li{ float:left; margin:4px 0 0; width:100%; position:relative;background-color: #fff;border:1px solid transparent;-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);box-shadow: 0 1px 1px rgb(0 0 0 / 5%);border-radius:4px;}
.faq_con ul li .faq-head{}
.faq_con ul li .faq-head h4 a::before{content: 'Q.';color:#b80000;display:inline-block;width:20px;margin-left: 0px;transition: all 0.2s ease-in-out;}
.faq_con ul li .faq-head h4 a{display:block;padding:10px 15px;font-size:16px;background-color:rgba(0, 0, 0, 0.02);color:#333}
.faq_con ul li .faq-head h4 a.collapsed{background-color:rgba(0, 0, 0, 0); color:#888;}
.faq_con ul li .faq-head h4 a.collapsed::before{ color:#888;}
.faq_con ul li .panel-collapse .faqBox{padding:15px;padding-left:35px;padding-bottom:20px;position: relative;border-radius: 0 0 6px 6px;border-top: 1px solid #f2f2f2;background-color: rgba(0, 0, 0, 0.00);color:#444; line-height:1.7;}
.faq_con ul li .panel-collapse .faqBox::before{content: 'A.';position: absolute;font-size:16px;left:15px;top:15px;color: #b80000;width:20px;}



.news_con{ width:100%; padding:0;}
.news_con ul{ width:100%; height:auto;display:flex;flex-wrap: wrap;}
.news_con ul:after,.news_con ul:before{ display:none;}
.news_con ul li{ margin:0 2% 25px 0; width:23.5%; position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;}
.news_con ul li:nth-child(4n){ margin-right:0;}
.news_con ul li a{ display:block; max-width:100%;border-radius:6px 6px 0 0; overflow:hidden;}
.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 100%; height:190px;overflow:hidden;align-self:center;}
.news_con ul li dt img{ display:block; width:100%; height:100%;object-fit:cover;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;}
.news_con ul li dd{flex:1;max-width:100%;align-self:center; position:relative; background:#f8f8f8; padding:20px 15px;}
.news_con ul li dd h5{ font-size:20px; font-weight:500; color:#323232;line-height:1.5;-webkit-transition: background .4s;transition: background .4s; padding:0;/*text-overflow:ellipsis;white-space:nowrap;*/-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient: vertical;overflow: hidden; min-height:60px; margin:0 0 12px;}
.news_con ul li dd .date{ font-size:14px; color:#888; padding:0 0 12px;}
.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; color:#666;}
.news_con ul li:hover{ cursor:pointer;}
.news_con ul li:hover dt 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);}
.news_con ul li:hover h5{ color:#f00;}
@media (max-width: 767px) {	
	.news_con{ width:100%; float:left; padding:0 5px;}
	.news_con ul li{ width:48%; padding:0 0 15px; margin-bottom:15px;}
	.news_con ul li:nth-child(2n){ margin-right:0;}
	.news_con ul li dt{ height:auto;}
	.news_con ul li dd{ width:100%; padding:10px 8px;}
	.news_con ul li dd h5{ font-size:1.1rem; min-height:52px; margin-bottom:8px;}
	.news_con ul li dd .date{ padding:0 0 8px; font-size:.8rem;}
	.news_con ul li dd span{height:4.05rem; -webkit-line-clamp:3; line-height:1.5; font-size:.9rem;}
}

.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.933%;height:auto; margin-right:2.1%;border:1px #dbe2ee solid; box-sizing:border-box; margin-bottom:25px; border-radius:6px 6px 0 0; overflow:hidden;}
.proList ul li:nth-child(3n){ margin-right:0;}
.proList ul li .pic img{ padding:0; width:100%; height:auto;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;font-weight:normal;min-height:36px;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.proList ul li .tit a{color:#333;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;margin:0 0;}
.proList ul li:hover img{transform:scale(1.13,1.13);opacity:1}
.proList ul li:hover .tit a{ color:#f00;}


.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 5px;}
	.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;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:#b80000; border:none; color:#fff; font-size:16px; line-height:51px;}
@media(max-width:767px){
	.proSearch{ margin-bottom:30px; padding:0 5px;}
	.proSearch form{max-width:800px;}
	.proSearch form input{flex:1;max-width:70%;height:51px; border-right:none;}
	.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 30%; font-size:16px; line-height:51px;border-radius:0 .25rem .25rem 0;}
}



.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:#b80000; border-color:#b80000;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:#d80000; 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 0;}
.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&gt;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;}

/*产品详情*/
.porTit{ width:100%; height:auto; overflow:hidden; padding:0; border:none; margin:0 0 20px; text-align:left;}
.proImg{ width:412px; float:left;}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{ width:402px; float:left;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; border:1px solid #e3e3e3;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;cursor:move;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:90px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:22px;height:100%;background:url(/images/b06.jpg) no-repeat left center;position:absolute;top:0px;left:0;cursor:pointer; display:none;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:22px;height:100%;background:url(/images/b06.jpg) no-repeat right center;position:absolute;top:0px;right:0;cursor:pointer; display:none;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:0;width:1px;height:78px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:80px; margin:6px 6px 0 0;float:left;cursor:pointer; position:relative;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:0;margin:0;border:1px solid #e3e3e3;display:block;width:100%;height:64px;}
#tsShopContainer #tsPicContainer #tsImgSCon li:after{width:0;height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom:6px solid;border-bottom-color:#e3e3e3;background:none;top:-6px ;left:50%;transform: translateX(-50%); content:'';position: absolute;margin-left:-3px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #F00;border-color:#f00;margin:0px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg:after{ border-bottom-color:#f00}

.proImg .viewports{margin:0 auto; width:100%; height:auto; overflow:hidden;}
.proImg .picBox{ padding:0;position:relative;border-radius:3px; display:none;}
.proImg .picBox .next{ float:right;}
.proImg .piclist{position:relative;width:2232px;left:0;height:100%;}
.proImg .piclist li{width:100%;height:auto;position:relative; float:left; vertical-align: top;text-align:center;font-size:0;}
.proImg .piclist li a{ display:block;}
.proImg .piclist li img{width:100%; height:auto;}
.proImg .icon_num{ display:none;}
.proImg .swipe{visibility:hidden;position:relative;overflow:hidden}
.proImg .picBox .swiper-button-prev,.proImg .picBox .swiper-button-next{ display:none;}
.proImg .picBox .swiper-pagination{ width:auto; padding:5px 20px; line-height:1.5; border-radius:6px 0 0 0; overflow:hidden; left:auto; right:0;bottom:0; color:#FFF; background:rgba(0,0,0,.2); font-size:.8rem}
@media(max-width:767px){
	.proImg{ width:100%; float:none;}
	#tsShopContainer{ display:none;}
	.proImg .picBox{ display:block;}
	.proImg .swipe{ visibility:visible;}
}


.proInner{ float:right; width:calc(100% - 425px);}
.proInnerInfo{ border-bottom:1px solid #eee; padding-bottom:10px;}
.proInner h1{ font-size:22px; font-weight:400; line-height:1; padding-bottom:5px; color:#121212;}
.proInner ul{ width:100%; height:auto; padding:10px 0 5px;}
.proInner ul li{ width:100%; height:auto; font-size:16px; color:#555; margin-bottom:10px; line-height:1.8;}
@media(max-width:767px){
	.proInner{ float:none; width:100%; padding:10px 2vw 0;}
	.proInnerInfo{}
	.proInner h1{ font-size:1.4rem;}
	.proInner ul li{ font-size:1rem;}

}

.proShareit{display:flex;flex-wrap:wrap; border-top:0px solid #eee; padding:20px 0 0 0;}
.proShareit .shareiten{ margin-right:5px; line-height:24px;font-size:16px;color:#333;}
.st-custom-button{background-color:#4267b2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;border:0;cursor:pointer;display:inline-block;height:24px;line-height:26px;margin-bottom:0;opacity:1;overflow:hidden;padding:2px;position:relative;text-align:left;top:0;vertical-align:top;white-space:nowrap;width:24px;border-radius:4px;margin:0 3px 0 0}
.st-custom-button&gt;img{-webkit-transition:all .2s ease-in;transition:all .2s ease-in;height:20px;margin-left:0;vertical-align:top;width:20px}
.st-custom-button:hover{opacity:.8}
.st-custom-button[data-network='facebook']{background-color:#4267b2}
.st-custom-button[data-network='twitter']{background-color:#000}
.st-custom-button[data-network='line']{background-color:#00c300}
.st-custom-button[data-network='wechat']{background-color:#4ec034}
.st-custom-button[data-network='linkedin']{background-color:#0077b5}
.st-custom-button[data-network='pinterest']{background-color:#cb2027}
.st-custom-button[data-network='whatsapp']{background-color:#25d366}
.st-custom-button[data-network='kakao']{background-color:#f9dd4a}
.st-custom-button[data-network='snapchat']{background-color:#fffc00}
.st-custom-button[data-network='sharethis']{background-color:#95d03a}
@media(max-width:767px){
	.proShareit .shareiten{ font-size:.9rem; margin-right:3px;}
	.st-custom-button{width:22px; height:22px; margin:0 2px 0 0;}
	.st-custom-button&gt;img{height:18px;width:18px}
}

.proInner .proButton{ width:100%; padding:35px 0 0;}
.proInner .proButton a{ padding:0 35px; font-size:16px; background:#b80000; color:#fff; display:inline-block; border-radius:45px; line-height:40px; }
.proInner .proButton a:nth-child(1){ margin-right:10px;}
@media(max-width:767px){
	.proInner .proButton{ padding:15px 0 0;}
	.proInner .proButton a{ padding:0 30px; font-size:.9rem;}
	
}

.proDtit{ background:#FAFAFA; padding:10px 18px; font-size:22px; color:#000; font-weight:500; line-height:1.1; margin-bottom:15px; position:relative;}
.proDtit:after{ content:''; background:#b80000; display:block; width:3px; height:28px; position:absolute; left:0; top:50%; margin-top:-14px;}
.proMes.inner-form .box .grid-box.two&gt;.column{width:49%; margin-right:2%}
.proMes.inner-form .box .grid-box.two&gt;.column:nth-child(2n){ margin-right:0;}
.proMes.inner-form  .box ul li.wid-100{ width:100% !important;}
.proMes.inner-form .box ul li input{ height:50px; line-height:50px; font-size:16px;}
.proMes.inner-form  .box ul li textarea{ height:120px; font-size:16px;}
.proMes.inner-form.inner-form .box ul li input[type=submit]{ height:50px; min-width:200px; font-size:16px;}
.proMes.inner-form .box ul li.sub{ text-align:left;}
@media(max-width:767px){
	
	.proDtit{ padding:8px 15px; font-size:1.2rem; margin-bottom:12px;}
	.proDtit:after{ height:22px; margin-top:-11px;}
	.proMes.inner-form .box .grid-box.two&gt;.column{width:100%; margin-right:0}
	.proMes.inner-form .box ul li input{ height:40px; line-height:40px; font-size:.9rem;}
	.proMes.inner-form  .box ul li textarea{ height:5.4rem; font-size:.9rem; line-height:1.5;}
	.proMes.inner-form.inner-form .box ul li input[type=submit]{ height:40px; min-width:60%; font-size:.9rem;}
	.proMes.inner-form .box ul li.sub{ text-align:center;}
}


.proRecom{}
.proRecom .box{ padding:5px 0 0;}
.proRecom li{width:calc((100% - 60px)/4); height:auto;margin:0 20px 20px 0;border:1px #dbe2ee solid; float:left; border-radius:6px 6px 0 0; overflow:hidden;}
.proRecom li:nth-child(4n){margin-right:0;}
.proRecom li .pic{ overflow:hidden;}
.proRecom li img{ padding:0; width:100%; height:auto;transition: all 0.6s; display:block;}
.proRecom li .tit{line-height:1.5;display-radio:-webkit-box;font_radio:1;font-size:16px;text-align: center;padding-top:0px;padding:12px 10px;font-weight:normal;min-height:36px;font-family: montserrat, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.proRecom li .tit a{color:#333;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;margin:0 0;}
.proRecom li:hover img{transform:scale(1.13,1.13);opacity:1}
.proRecom li:hover .tit a{ color:#333;}
@media(max-width:767px){
	.proRecom li{width:calc((100% - 15px)/2);margin:0 15px 15px 0;}
	.proRecom li:nth-child(2n){margin-right:0;}
}


.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:#f00;}

.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 2vw;}
/*.proDisplayCon{ padding:0;}*/
.dis_title{padding-bottom:10px;border-bottom: 1px dashed #ededed;margin-bottom:10px; }
.dis_title.porTit{ width:auto; border:none; margin:0 -2vw 10px;}
.dis_title&gt;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&gt;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;}
</pre></body></html>