@charset "utf-8";

/*==========css reset==========*/



html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;}

*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section {margin:0;padding:0;list-style: none;}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {display:block;}

audio,canvas,video {display:inline-block;}

body,button,input,select,textarea {font:normal 1em/1.8  sans-serif,PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans;}

button::-moz-focus-inner,input::-moz-focus-inner {padding:0;border:0;}

table {border-collapse:collapse;border-spacing:0;}

fieldset,img {border:0;}

a {text-decoration:none;}

a:link {}

a:visited {}

a:hover {text-decoration:none;}

a:active {}

small {font-size:0.9em;color:#888;}

h1,h2,h3,h4,h5,h6 {font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-size:100%;color:#6b7386;line-height:1.35;}

pre,code,pre tt {font-family:Courier,'Courier New',monospace;}

pre {background:#f8f8f8;border:1px solid #ddd;padding:1em 1.5em;display:block;-webkit-overflow-scrolling:touch;}

hr {border:none;border-bottom:1px solid #cfcfcf;margin-bottom:0.8em;height:10px;}

.textwrap,.textwrap td,.textwrap th {word-wrap:break-word;word-break:break-all;}

.textwrap-table {table-layout:fixed;}

.serif {font-family:Palatino,Optima,Georgia,serif;}

/*img {max-width:100%;}*/

input[type=submit],input[type=button]{-webkit-appearance:none;outline:none}

.row-position{position:relative;}

/*public*/

.fl{float:left;}

.fr{float:right;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clear{clear:both}

.img-cover{object-fit:cover}

/*全局color*/

a{color:#6b7386;}

a:hover{color:#ff3636;}

/*暗黑模式color*/

@media only screen and (max-width:992px) {

	.night #quick_submit,.night #backtop{background:#fff!important;}

}

.night .data-zone{background: #2b333e;}

.night .art-tag a{background: #3c4551}

.night .part .bar{border-bottom:1px solid #353e48;}

.night .search .s-form .arrow{color:#3c4551;}

.night .m-btn i{color:#e6e6e6;}

.night .search .s-form{background: #3c4551;border:none;}

.night .part .art-main h1,.night .part .art-main h2,.night .part .art-main h3,.night .part .art-main h4,.night .part .art-main h5,.night .part .art-main h6,.night .part .tt,.night .part .r-intro .data,.night .part .r-intro .data .fa,.night small{color: #edeef0;}

.night{background:#232931!important;color:#edeef0!important;}

.night #divCommentPost input.text,.night #divCommentPost img{border:none;background:#232931;color: #fff;}

.night .header .submit .a:hover{color:#fff!important;}

.night #light-logo,.night #light-flogo{display:none;}

#light-logo,#light-flogo{display:block;}

.night #dark-logo,.night #dark-flogo{display:block;}

#dark-logo,#dark-flogo{display:none;}

.night .search i.fa,.night .darkmode i.fa{color:#fff;}

.night .footer-copyright  a,.night .breadnav a{color:#a4a6aa!important;}

.night .part h1.tt span{color:#fff;}

.night .ad_zone a{color:#6b7386!important;}

.night .ad_zone a{background:#232931;}

.night .header .nav-bar li.active:after,.header .nav-bar li[class*="li-cate-"]:after{background: transparent!important}

.night .part .post-single .list .btn:hover{color:#fff!important;}

.night .art-copyright,.night #txaArticle,.night .comment-main,.night .header .nav-bar ul li > ul{background:#232931!important;border:none!important;}

.night #divCommentPost input.button,.night .part .post-single .list .btn,.night .page-tips,.night .submit-form input,.night .post-btn,.night #reg_verfiycode,.night .part .post-single .list .tag a{background:#3f4957!important;border:none!important;}

.night .art-title a{color:#fff!important;}

.night .edui-listitem-body .edui-default{color:#333;}

.night iframe.view{background: #c8cfd9!important;}

.night .edui-default .edui-toolbar .edui-combox .edui-combox-body{background-color: #d8dfe8;color:#333;}

.night .edui-default .edui-editor-toolbarboxouter{background-image:none;background-color: #d8dfe8;}

.night .part,.night .part .tt,.night .quick-nav,.night #quick_submit,.night #backtop,.night .part .art-item,.night .part .post-single .pic,.night .pagebar .current{background:#2b333e;}

.night .h-fix{background:#232931;box-shadow: 0 1px 3px rgba(255, 255, 255, 0);border-bottom:1px solid #2c333c;}

.night .pagebar .current{border:1px solid #434c57;}

.night .page-numbers{background:#232931;border:1px solid #434c57;}

.night .part .art-item{box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);}

.night .part .art-item:hover{background:#303a48;}

.night #quick_submit{color:#6b7386!important;}

.night #quick_submit:hover{color:#ff3636!important;}

.night .part .tt{border-bottom:1px solid #36404f}

.night .pagebar{background: #2b333e}

.night .part .item .a h3{color:#fff;}

.night .part .item .link .fa{color:#fff;}

.night .part .item .link:hover .fa {border: 1px solid #fff;background:#111;}

.night .part .item .a:hover,.night .part .art-item:hover {box-shadow: 0px 5px 28px 0px rgba(13, 12, 12, 0.2);}

.night a{color:#edeef0!important;}

.night a:hover{color:#ff3636!important;}

/* Tooltip */

.tooltip{padding:5px;font-size:12px;opacity:.8;background-repeat:no-repeat;background-image:url(../images/tooltip.gif)}

.tooltip-inner{padding:5px 10px;max-width:200px;pointer-events:none;color:#fff;text-align:center;background-color:#000;border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,.15)}

.tooltip-bottom{background-position:top center}

.tooltip-top{background-position:bottom center}

.tooltip-left{background-position:right center}

.tooltip-right{background-position:left center}

/* transition */

.transition{-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}

/* 图片高斯模糊 */

.blur {-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);}

/*----------- 头部 -----------*/

body{background:#f1f5f8;color:#6b7386;}

.h-fix{width:100%;box-shadow: 0 1px 3px rgba(255,255,255,.1); position:relative;}

.header {display: flex; width:100%; height:110px;position:absolute; justify-content: center;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:999999;}
.header .logo {float:left;overflow:hidden;height:110px;}
.header .logo h1,.header .logo div {height:100%;display:block;}
.header .logo a {min-width:585px;height:100%;display:block;position:relative;font-size:0;overflow:hidden;}
.header .logo a img {width:100%;max-width:100%;height:auto;position:absolute;top:50%;transform:translateY(-50%);left:0;}
.header .nav-bar {/*float:left;margin-left:4%; margin-top:0.5em;*/}
.header .nav-bar .nav-bar-div{display: flex; height:34px; line-height:34px; justify-content: flex-end; }
.header .nav-bar .nav-bar-div a{width:8%; text-align:center; color:#FFF; border-right:1px solid #FFF;}
.header .nav-bar .nav-bar-div a:hover{display:block; background:#e72d28;}
.header .nav-bar .nav-bar-div .on{ background:#e72d28;}

/* 搜索 */
.search-box{border: #fff 1px solid; margin:0 5px 0 0; border-radius: 4px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0 8px;background:#FFF;opacity: 0.8}

.search-box input{display:block;border:none;color: #e72d28;background:none; outline:none;}

.search-box .text{border-right: #cdcdcd 1px solid;color: #494949;margin-right: 10px;}
.search-box .an{display: inline-block;position: relative;}

.wap-search-box{display:none;}
@media screen and (min-device-width:320px) and (max-device-width:768px){
	.search-box{display:none;}
	.wap-search-box{border: #fff 1px solid; z-index:999; margin:0 auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0 8px;}

	.wap-search-box input{display:block;border:none; height:33px;color: #FFF;background:none; outline:none;}

	.wap-search-box .wap-text{border-right: #cdcdcd 1px solid;color: #FFF;margin-right: 10px; width: 85%;}
	.wap-search-box .wap-an{display: inline-block;position: relative;}
	
	
}

.header .nav-bar ul.nav{display: flex; }

.header .nav-bar li {display:inline-block;height:60px;line-height:60px;position:relative;vertical-align:top;}

.header .nav-bar li a {display:inline-block;padding:0 12px;color:#FFF;font-size:16px;position:relative;z-index:2;min-width:90px;text-align:center}

.header .nav-bar li em[class*="dot"] {display:inline-block;position:relative;left:-10px;z-index:1;width:16px;}

.header .nav-bar li em[class*="dot"] .fa {color:#666;font-size:16px;width:16px;display:block;}

.header .nav-bar li a:hover {color:#e72d28;transition: all 500ms ease;}

.header .nav-bar li.active:before,.header .nav-bar li[class*="li-cate-"]:before{position: absolute;content: '';background: #e72d28;width: 0;height: 3px;left: 0px;right:0;margin:0px auto;bottom:5px;transition: all 500ms ease;-webkit-mask-image: linear-gradient(-75deg, rgba(244, 55, 55, 0.24) 50%, #f43737 50%, rgba(0,0,0,1) 70%);-webkit-mask-size: 200%;animation: shine 2s infinite;}

.header .nav-bar li.active:after,.header .nav-bar li[class*="li-cate-"]:after{position: absolute;content: '';background: #d11a15;width: 6px;height: 3px;right: 32%;bottom:5px;transition: all 300ms ease;}

.header .nav-bar li.on:before,.header .nav-bar li.active:before{width: 30px;}

.header .nav-bar li.active > a{color:#e72d28;}

@-webkit-keyframes shine {from{-webkit-mask-position: 150%;}to{-webkit-mask-position: -50%;}}

/*二级高亮*/

.header .nav-bar ul li>ul {width:100%;min-width:110px;position:absolute;top:100%;left:50%;transform:translateX(-50%);right:0;background:#fff;z-index:888;visibility:hidden;opacity:0;box-shadow:0px 8px 20px 0px rgba(0,0,0,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.1);}

.header .nav-bar ul li>ul li {width:100%;height:42px;line-height:42px;display:block;}

.header .nav-bar ul li>ul li a {width:100%;text-align:center;height:42px;line-height:42px;font-size:14px;color:#6b7386;opacity:1}

.header .nav-bar ul li>ul li.on a:hover {color:#e72d28;}

.header .nav-bar ul li.on>ul {visibility:visible;opacity:1;}

.header .nav-bar ul li>ul li em[class*="dot"] {position:absolute;right:5px;left:auto;top:10px;z-index:3;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}

.header .nav-bar ul li.on>ul li em[class*="dot"] .fa {color:#6b7386;}

/*三级高亮*/

.header .nav-bar ul li>ul li .sub-menu {visibility:hidden;opacity:0;display:none;left:-100%;transform:none;}

.header .nav-bar ul li>ul li.on .sub-menu {right:-100%;left:auto;top:0;visibility:visible;opacity:1;display:block;}

.header .nav-bar ul li>ul li.on .sub-menu li a,.header .nav-bar ul li>ul li.on .sub-menu li a:hover {background:rgba(0,0,0,0);color:#6b7386);}

.header .nav-bar ul li>ul li.on .sub-menu li.on a,.header .nav-bar ul li>ul li.on .sub-menu li.on a:hover {color:#ff3366;}

/*移动端*/

.Wnav-div{display:none;}
@media screen and (min-device-width:320px) and (max-device-width:768px){
	.Wnav-div{display:block; width:100%; height:35px; margin:30px auto;}
	.Wnav-div a{width:70%;height:35px; line-height:35px; display: block; text-align:center; color:#FFF; border:1px solid #F4F4F4; margin:0 0 15px 40px;}
	.Wnav-div a:hover{display:block; background:#e72d28;}
	.Wnav-div .on{ background:#e72d28;}
}

.m-btn {width:15%; position:absolute;top:0;bottom:0;right:10px;height:56px;display:none;line-height:56px;cursor:pointer;}

.m-btn i {color:#6b7386;opacity:0.7;font-size:20px;line-height:48px;}
.m-btn i img{ height:3rem;}

.m-btn .fa-remove{color:#fff;}

.m-btn:hover i {opacity:1}

.m-nav {width:70%;background:#434957;position:fixed;top:0;bottom:0;left:-70%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:999;overflow-y: scroll;overflow-x: hidden;}

.m-nav .m-btn {height:48px;line-height:48px;left:auto;right:-45px;display:none;}

.m-nav ul {padding-top:0px;}

.m-nav li {width:100%;position:relative;}

.m-nav li a {padding:0 25px;line-height:48px;color:#fff;display:block;border-bottom:1px solid rgba(255,255,255,0.08);}

.m-nav li a:hover {background:rgba(0,0,0,0.1);}

.m-nav ul li>ul {display:none;}

.m-nav li em[class*="dot"] {position:absolute;top:0px;right:0px;width:48px;height:48px;text-align:center;border-left:1px solid rgba(255,255,255,0);cursor:pointer;}

.m-nav li em[class*="dot"] .fa {font-size:18px;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:absolute;width:48px;line-height:48px;top:0;left:0;}

.m-nav li em[class*="dot"] .fa.open {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

.m-nav ul li>ul li {background:rgba(0,0,0,0.15);}

.m-nav ul li>ul li a {border-bottom:1px solid rgba(255,255,255,0.05);opacity:0.8;font-size:14px;text-indent:1em}


/*搜索和黑暗模式*/

.darkmode {float:right;margin-left:15px;position:relative;}

.darkmode i{font-weight: 900;}



#mask {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:899;display:none;}



.swiper-slide .mask{position:absolute;top:0;bottom:0;right:0;left:0;background-image:linear-gradient(180deg,rgba(0,0,0,.01) 5%,rgba(0,0,0,.35));z-index:1}

/*----------- 响应式 -----------*/

@media only screen and (max-width:1400px) {

	.wrapper,.header .container,.crumb {padding:0 15px;}

}

@media only screen and (max-width:1400px) {

	body{padding-top:54px;}

	.wrapper,.header .container {padding:0 15px;}

	.header .logo a {min-width:360px;}

	.header,.header .logo {height:56px;}

	.search i.fa,.header .nav-bar li {height:56px;line-height:56px;}

	.header {position:fixed;top:0;width:100%;z-index:898; background:#233793;}

}

@media only screen and (max-width:1400px) {

	body {padding-top:46px;position:relative;left:0;overflow-x:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

	.header,.header .logo {height:56px;display:inline-block;margin:0 auto;font-size:0;}

	.header .container {text-align:center;}

	.nav-bar {display:none;}

	.search i.fa,.header .nav-bar li,.darkmode i.fa,.header .nav-bar li  {height:56px;line-height:56px;}

	.darkmode i{font-weight:900;}

	.m-btn {display:block;}

	body.open .m-nav {left:0px;}

	body.open .m-btn {display:none;}

	body.open .m-nav .m-btn {display:block;}

}

@media screen and (min-device-width:769px) and (max-device-width:1400px){

	.header .container {text-align:center;}
	.nav-bar {display:none;}
	.m-btn {display:block;}
	.m-btn i img{ height:5rem;}
	.m-btn i {color:#6b7386;opacity:0.7;font-size:20px;line-height:100px;}
	body.open .m-nav {left:0px;}

	body.open .m-btn {display:none;}

	body.open .m-nav .m-btn {display:block;}

}


@media only screen and (max-width:1400px) {
	.Wnav-div{display:block; width:100%; height:35px; margin:30px auto;}
	.Wnav-div a{width:70%;height:35px; line-height:35px; display: block; text-align:center; color:#FFF; border:1px solid #F4F4F4; margin:0 0 15px 40px;}
	.Wnav-div a:hover{display:block; background:#e72d28;}
	.Wnav-div .on{ background:#e72d28;}
}

.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}

.container:after,.container:before{content:"";display:table}

.container:after{clear:both}



.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}

.container-fluid:after,.container-fluid:before{content:"";display:table}

.container-fluid:after{clear:both}

.row{margin-left:-10px;margin-right:-10px}

.row:after,.row:before{content:"";display:table}

.row:after{clear:both}


/*申请收录btn*/

#banner-bear .submit{display:none;}

.header .submit i,#banner-bear .submit i{padding-right:4px;}

.header .submit .a,#banner-bear .submit .a {display: block;margin: 21px 20px;height: 36px;line-height: 36px;padding: 0 1em;text-align: center;border-radius: 4px;background-color: #ff5656;color: #fff;font-size:14px;font-weight:800px;}

.header .submit .a:hover,#banner-bear .submit .a:hover{background-color: #ef1616;}

.header .submit .a,#banner-bear .submit .a {animation: shake 1.82s cubic-bezier(0.4, 0, 1, 1) both;animation-timing-function: cubic-bezier(0.4, 0, 1, 1);animation-iteration-count: 1;animation-iteration-count: infinite;animation-timing-function: ease-in;}

.header .submit .a:hover,#banner-bear .submit .a:hover {animation-name: shakeAnim;}

@keyframes shakeAnim {0% {left: 0}1% {left: 0}2% {left: 0}3% {left: 0}4% {left: 0}5% {left: 0}6% {left: 0}7% {left: 0}}

@keyframes shake {10%, 90% {transform: translate3d(-1px, 0, 0);}20%, 80% {transform: translate3d(2px, 0, 0);}

	30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}40%, 60% {transform: translate3d(4px, 0, 0);}}

/*等高两列*/

.same-height{display:flex;}

.same-height-l,.same-height-r{flex:1;}

/*.same-height-r{padding-left:24px;}*/

.tit-box{width:100%; height:151px; background:url(../images/index_tit.png) center 0 no-repeat; display: flex; align-items: center;justify-content: center;flex-direction: column;}
.tit-box > h1{font-family: Microsoft YaHei,"微软雅黑",Arial, Helvetica, sans-serif; padding: 1em 0 0 0; font-size:30px; color:#2e2e2e; font-weight:500; line-height:35px;}
.tit-box > p{font-family: Microsoft YaHei,"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#b2b2b2; font-weight:normal; line-height:35px; text-transform:uppercase; }

@media screen and (min-device-width:320px) and (max-device-width:768px){

.tit-box{width:100%; height:70px; background:url(../images/Ion02.png) center bottom no-repeat; padding: 1em 0 1em 0; display: flex; align-items: center;justify-content: center;flex-direction: column;}
.tit-box > h1{font-family: Microsoft YaHei,"微软雅黑",Arial, Helvetica, sans-serif;  padding: 0 ; font-size:24px; color:#2e2e2e; font-weight:500;}
.tit-box > p{font-family: Microsoft YaHei,"微软雅黑",Arial, Helvetica, sans-serif; font-size:12px; color:#b2b2b2; font-weight:normal; text-transform:uppercase; }


}	

/********产品展示*********/
.product-boxg{width:100%; height:auto; background:url(../images/bgg_2.jpg) center 0 no-repeat; display: flex;flex-direction: column;}
.product-boxg > .product-div{width:100%; height:150px; display:flex; justify-content: center; align-items: center; padding:30px 0 0 0;}
.product-boxg > .product-div h2{width:400px; height:126px; display:flex;}

.product-boxg > .product-div .product-0{width:980px; height:126px; display:flex;}
.product-boxg > .product-div .product-0 > dl{display:flex;flex-wrap: wrap}
.product-boxg > .product-div .product-0 > dl dd{color:#494949; display:flex; align-items: center; font-family: Microsoft YaHei,"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px;}
.product-boxg > .product-div .product-0 > dl dd i{font-size:60px; width:0.4em; font-style:normal; line-height:30px;color:#696969;}


.product-boxg > .product-btn{width:100%; height:auto; display:flex; justify-content: center; flex-direction: column;}
..col-md-3 {
    width: 25%;
  }

@media screen and (min-device-width:320px) and (max-device-width:768px){
	.product-boxg{width:100%; height:auto; background:url(../images/bgg_2.jpg) 0 0 no-repeat;}
	
	.product-boxg > .product-div{width:100%; height:auto; display:flex;flex-direction: column;justify-content: flex-start;}
	.product-boxg > .product-div h2{width:400px; height:126px; display:flex;justify-content: center;}
	
	.product-boxg > .product-div .product-0{width:90%; height:auto; display:flex;}
	.product-boxg > .product-div .product-0 > dl{display:flex;flex-wrap: wrap;}
	.product-boxg > .product-div .product-0 > dl dd{color:#494949; display:flex; align-items: center; font-family: Microsoft YaHei,"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px;align-items: flex-start; line-height: 30px;}
	.product-boxg > .product-div .product-0 > dl dd i{font-size:60px; width:0.4em; font-style:normal; line-height:30px;color:#696969;}
	
	

	.product-boxg > .product-btn{ display:none}
	

	
}

/*************企业简介***************/
.about-boxg{width:100%; height:830px; background:url(../images/bgg_3.jpg) center 0 no-repeat; display:flex; justify-content: center; flex-direction: column; justify-content: flex-start; align-items: center;}
.about-boxg > h1{width:274px; height:100px; overflow:hidden;}
.about-boxg > h2{ line-height:100px;font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size:30px; color:#233793; font-weight:500;}
.about-boxg > .about-div{width:75%; height:auto; display:flex; flex-direction: column;line-height:40px; font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size:16px; color:#494949; text-indent:2em;}

.about-boxg > .about-chanl{width:100%; height:250px; background:url(../images/Ion03.jpg) center 0 no-repeat; display:flex;flex-direction: column;align-items: center; justify-content: center;}

.about-shuzi{ width:80%; height:auto; display:flex;}
.about-shuzi .shuzi{ width:25%; height: auto; overflow: hidden; background:url(../images/Ion04.png) right 0 no-repeat;}
.about-shuzi .shuzi:last-child{background:none;}
.about-shuzi .shang{ width: 100%;font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 45px; color: #e72d28; line-height: 48px; text-align:center;}
.about-shuzi .shang i{font-style:normal; font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; padding:0 10px 0 10px;}
.about-shuzi .xia{ width: 100%;font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 24px; color: #FFF; line-height:50px; text-align:center;}
.about-shuzi .shang1{ width: 100%;font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 45px; color: #e72d28; line-height: 48px; text-align:center;}
.about-shuzi .shang1 i{font-style:normal; font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; padding:0 10px 0 10px;}
.about-shuzi .xia1{ width: 100%;font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF;font-weight:500; line-height:50px; text-align:center;}



.about_text{width:85%; margin:50px 0 0 80px; color:#494949; line-height:30px; font-size:16px;font-family:  Arial,Microsoft JhengHei,Microsoft YaHei,"宋体",Arial, Helvetica, sans-serif;}

.wapabout-div{ display: none;}
@media screen and (min-device-width:320px) and (max-device-width:768px){

.about-boxg{width:100%; height:760px; background:url(../images/bgg_3.jpg) center 0 no-repeat; display:flex; justify-content: center; flex-direction: column; justify-content: flex-start; align-items: center;}
.about-boxg > h1{width:274px; height:115px; overflow:hidden;}
.about-boxg > h2{ line-height:60px;font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size:24px; color:#233793; font-weight:500;}
.about-boxg > .about-div{ display: none;}
.wapabout-div{ display:block;}
.about-boxg > .wapabout-div{width:90%; display:flex; flex-direction: column;}
.about-boxg > .wapabout-div{height:auto;overflow: hidden; line-height:30px; font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size:16px; color:#494949; text-indent:2em;}
.about-boxg > .wapabout-div > .ckgd{width: 50%; border: 1px solid #cdcdcd; background: #FFF; border-radius: 4px; margin: 6px auto;}

.about-boxg > .about-chanl{width:100%; height:280px; background:url(../images/bgg_9.jpg) center 0 no-repeat; background-size: 100% 100%; display:flex;flex-direction: column;align-items: center; justify-content: center;}

.about-shuzi{ width:100%; height:auto; display:flex; flex-wrap: wrap;justify-content: center;}
.about-shuzi .shuzi{ width:49%; height: 130px; overflow: hidden;background-image: none}

.about-shuzi .shuzi:nth-child(1){border-right: 1px solid #cdcdcd;}
.about-shuzi .shuzi:nth-child(3){border-right: 1px solid #cdcdcd;}
.about-shuzi .shuzi:nth-child(1){ border-bottom: 1px solid #cdcdcd;}
.about-shuzi .shuzi:nth-child(2){ border-bottom: 1px solid #cdcdcd;}



.about-shuzi .shang{ width: 100%;font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 20px; color: #e72d28; line-height:30px; text-align:center;}
.about-shuzi .shang i{font-style:normal; font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; padding:0 10px 0 10px;}
.about-shuzi .xia{ width: 100%;font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; line-height:50px; text-align:center;}
.about-shuzi .shang1{ width: 100%;font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 18px; color: #e72d28; line-height:30px; text-align:center;}
.about-shuzi .shang1 i{font-style:normal; font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; padding:0 10px 0 10px;}
.about-shuzi .xia1{ width: 100%;font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; line-height:26px; text-align:center;}



}

@media (min-width: 992px) and (max-width: 1400px){
	.about-boxg > .about-div{width:96%; height:320px; display:flex; flex-direction: column;line-height:40px; font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size:16px; color:#494949; text-indent:2em;}

}





/*************案例展示***************/
.case-boxg{width:100%; height:680px; display:flex; flex-direction: column;}
.case_gundong{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.lefts01 ,.rights01 {display: block;width:45px;height:200px; margin-top:15px; position: absolute;top:45%; background: url(../images/jt.png) no-repeat;}
.lefts01{background-position: 14px 0;left: 0;}
.rights01{background-position: -60px 0;right: 0;}
.box2{ width:100%; height:500px; margin:0 auto; padding-top:20px; position:relative;}
.box2 ul{ width:100%; height:480px; margin:0 auto;}
.box2 li{ width:500px; height:480px; float:left; margin-right:20px; overflow:inherit;}
.box2 li div{width:100%; height:60px; line-height:60px; text-align:center; background:#f4f4f4; font-family: Microsoft YaHei,"微软正黑",Arial, Helvetica, sans-serif; font-size:16px; color:#202020;}
.box2 li img{ width:100%; height:420px; overflow:hidden; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.box2 li:hover div{background:#233793; color:#FFF;}


.Wcase-boxg{display:none;}
@media screen and (min-device-width:320px) and (max-device-width:768px){
.case-boxg{display:none;}
.Wcase-boxg{display:block;}

}



/*************服务与支持***************/
.Serve-boxg{width:100%; height:990px; background:url(../images/bgg_4.jpg) center 0 no-repeat; display:flex; flex-direction: column; align-items: center}
.Serve-div{width:80%; height:auto;display:flex; overflow:hidden;}
.Serve-Quali{width:50%; height:auto; overflow:hidden;display:flex; flex-direction: column; }
.Serve-tell{width:100%; height:194px;  margin: 0 auto;overflow:hidden;}

.Serve-Techn{width:50%; height:auto; overflow:hidden;}
.Serve-Techn-logo{margin:150px 0 0 0;}
.Serve-Techn > h3{line-height:100px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:36px; color:#FFF; font-weight:500;}
.Serve-Techn-div{width:100%; height:auto; margin:50px 0 0 0; overflow:hidden;}
.Serve-Techn-div p{line-height:50px; text-indent:2em; font-family: "微軟正黑體",Microsoft YaHei,Arial, Helvetica, sans-serif; font-size:24px; color:#FFF; font-weight:normal;}

@media screen and (min-device-width:320px) and (max-device-width:768px){
.Serve-boxg{display:none;}
}

@media (min-width: 992px) and (max-width: 1400px){
	.Serve-boxg{width:100%; height:990px; background:url(../images/bgg_4.jpg) center 0 no-repeat; display:flex; flex-direction: column; align-items: center}
	.Serve-div{width:100%; height:auto;display:flex; overflow:hidden;}
	.Serve-Quali{width:57%; height:auto; overflow:hidden;display:flex; flex-direction: column; margin:0;}
	.Serve-tell{width:630px; height:194px; overflow:hidden;}
	
	.Serve-Techn{width:55%; height:auto; overflow:hidden;}
	.Serve-Techn-logo{margin:150px 0 0 0;}
	.Serve-Techn > h3{line-height:100px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:36px; color:#FFF; font-weight:500;}
	.Serve-Techn-div{width:100%; height:auto; margin:50px 0 0 0; overflow:hidden;}
	.Serve-Techn-div p{line-height:50px; text-indent:2em; font-family: "微軟正黑體",Microsoft YaHei,Arial, Helvetica, sans-serif; font-size:24px; color:#FFF; font-weight:normal;}
	
}	

/*************新闻资讯***************/
.news-boxg{width:100%; height:650px; display:flex; flex-direction: column;align-items: center;}
.news-top{width:100%; display:flex; justify-content: center;}
.news-top > .news-top-ad{width:260px; height:225px; background:#233793; display: flex; align-items: center; line-height:60px; text-align:center; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:36px; color:#FFF; font-weight:500;}
.news-top > .news-top-img{width:380px; height:225px; overflow:hidden; display: flex;}
.news-top > .news-top-img img{width:100%; height:225px; overflow:hidden;}
.news-top > .news-top-one{width:960px; height:225px; cursor:pointer; background:#f4f4f4; display: flex; flex-direction: column;align-items: center; justify-content: center;}
.news-top > .news-top-one h2{width:94%;line-height:50px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:18px; color:#202020; font-weight:500;}
.news-top > .news-top-one p{width:94%; height:70px; line-height:30px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:12px; color:#696969; text-overflow: ellipsis;white-space: nowrap; -webkit-line-clamp: 2;overflow: hidden;}
.news-top > .news-top-one i{width:94%; height:41px;line-height:41px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; color:#696969; cursor:pointer;background:url(../images/Ion08.png) 0 0 no-repeat;}
.news-top > .news-top-one i a{width:145px; height:41px;line-height:41px; display:block; overflow:hidden; text-align:center; color:#696969;}
.news-top > .news-top-one:hover h2{color:#e72d28; text-decoration:underline;}
.news-top > .news-top-one:hover i{background:url(../images/Ion081.png) 0 0 no-repeat; display:block;color:#e72d28;}
.news-top > .news-top-one:hover i a{color:#e72d28;}

.news-boxList{width:100%; display:flex; justify-content: center;}
.news-boxList > .news-0{width:45%; height:auto; display:flex; flex-direction: column; align-items: center;}
.news-boxList > .news-0 > .news-0-tit{width:100%; height:60px; display: flex;align-items: center;}
.news-boxList > .news-0 > .news-0-tit i{width:7%; height:38px;}
.news-boxList > .news-0 > .news-0-tit h2{width:15%; text-align:center; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:22px; color:#202020; font-weight:500;}
.news-boxList > .news-0 > .news-0-tit span{text-transform: uppercase; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; color:#a6a6a6;}
.news-boxList > .news-0 > .news-0-tit a{width:54%; text-align:right; cursor:pointer; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; color:#696969;}
.news-boxList > .news-0 > .news-0-tit a:hover{color:#e72d28; text-decoration:underline;}

.news-boxList > .news-0 > .news-0-div{width:96%; height:180px; border-bottom:1px solid #cdcdcd; display: flex; flex-direction: column;}
.news-boxList > .news-0 > .news-0-div h2{width:97%;line-height:50px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:18px; color:#202020; font-weight:500;}
.news-boxList > .news-0 > .news-0-div h2 a{color:#494949;}
.news-boxList > .news-0 > .news-0-div p{width:97%; height:70px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:30px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:12px; color:#696969;}
.news-boxList > .news-0 > .news-0-div i{width:97%; height:41px;line-height:41px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; color:#696969; cursor:pointer;background:url(../images/Ion08.png) 0 0 no-repeat;}
.news-boxList > .news-0 > .news-0-div i a{width:145px; height:41px;line-height:41px; display:block; overflow:hidden; text-align:center; color:#696969;}
.news-boxList > .news-0 > .news-0-div:hover h2 a{color:#e72d28; text-decoration:underline;}
.news-boxList > .news-0 > .news-0-div:hover i{background:url(../images/Ion081.png) 0 0 no-repeat; display:block;color:#e72d28;}
.news-boxList > .news-0 > .news-0-div:hover i a{color:#e72d28;}


.news-boxList > .news-0 > .news-0-list{width:96%; height:180px;display: flex; align-items: center;}
.news-boxList > .news-0 > .news-0-list ul{width:100%;display: flex; flex-direction: column;}
.news-boxList > .news-0 > .news-0-list ul li{width:100%; display: flex; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:18px; color:#202020;}
.news-boxList > .news-0 > .news-0-list ul li i{width:3%; height:16px;}
.news-boxList > .news-0 > .news-0-list ul li a{width:86%; height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#494949; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-boxList > .news-0 > .news-0-list ul li span{width:13%; height:30px; line-height:30px; color:#a6a6a6; font-size:14px;}
.news-boxList > .news-0 > .news-0-list ul li:hover a{color:#e72d28; text-decoration:underline;}



.Wnews-boxg{display:none;}

@media screen and (min-device-width:320px) and (max-device-width:768px){
.news-boxg{display:none;}
.Wnews-boxg{display:block; width:100%; height:auto; }
.Wnews-boxList{width:100%; display:flex;flex-direction: column;}
.Wnews-boxList > .Wnews-0{width:100%; height:auto; display:flex; flex-direction: column; align-items: center;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-tit{width:100%; height:60px; display: flex;align-items: center;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-tit i{width:13%; height:38px;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-tit h2{width:33%; text-align:center; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:24px; color:#202020; font-weight:500;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-tit span{text-transform: uppercase; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:12px; color:#a6a6a6;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-tit a{width:23%; text-align:right; cursor:pointer; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; color:#233793; text-decoration: underline;}


.Wnews-top{width:100%; display:flex; flex-direction: column; align-items: center;}
.Wnews-top-ad{width:100%; height:70px; background:#233793; display: flex; align-items: center; justify-content: center; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:26px; color:#FFF; font-weight:500;}
.Wnews-top > .Wnews-top-img{width:100%; height:210px; margin:1em 0 0 0; overflow:hidden;}
.Wnews-top > .Wnews-top-img img{width:100%; height:210px; overflow:hidden;}
.Wnews-top > .Wnews-top-one{width:100%; height:120px; cursor:pointer; background:#f4f4f4; display: flex; flex-direction: column;align-items: center; justify-content: center;}
.Wnews-top > .Wnews-top-one h2{width:94%;line-height:50px; text-overflow:ellipsis; white-space: nowrap; display: inline-block; overflow:hidden; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:18px; color:#202020; font-weight:500;}
.Wnews-top > .Wnews-top-one h2 a{color:#233793;}
.Wnews-top > .Wnews-top-one p{width:94%; height:70px;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height:30px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:12px; color:#696969;}
.Wnews-top > .Wnews-top-one i{width:94%; height:41px;line-height:41px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; color:#696969; cursor:pointer;background:url(../images/Ion08.png) 0 0 no-repeat;}
.Wnews-top > .Wnews-top-one i a{width:145px; height:41px;line-height:41px; display:block; overflow:hidden; text-align:center; color:#696969;}
.Wnews-top > .Wnews-top-one:hover h2 a{color:#e72d28; text-decoration:underline;}
.Wnews-top > .Wnews-top-one:hover i{background:url(../images/Ion081.png) 0 0 no-repeat; display:block;color:#e72d28;}
.Wnews-top > .Wnews-top-one:hover i a{color:#e72d28;}


.Wnews-boxList > .Wnews-0 > .Wnews-0-div{width:96%; height:165px; border-bottom:1px solid #cdcdcd; display: flex; flex-direction: column;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-div h2{width:100%;line-height:30px; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:18px; color:#202020; font-weight:500;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-div h2 a{width:100%;color:#233793; text-overflow:ellipsis; white-space: nowrap; display: inline-block; overflow:hidden;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-div p{width:97%; height:70px;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:30px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:12px; color:#696969;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-div i{width:97%; height:41px;line-height:41px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; color:#696969; cursor:pointer;background:url(../images/Ion08.png) 0 0 no-repeat;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-div i a{width:145px; height:41px;line-height:41px; display:block; overflow:hidden; text-align:center; color:#696969;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-div:hover h2 a{color:#e72d28; text-decoration:underline;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-div:hover i{background:url(../images/Ion081.png) 0 0 no-repeat; display:block;color:#e72d28;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-div:hover i a{color:#e72d28;}

.Wnews-boxList > .Wnews-0 > .Wnews-0-list{width:96%; height:180px;display: flex; align-items: center;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-list ul{width:100%;display: flex; flex-direction: column;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-list ul li{width:100%; display: flex; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:18px; color:#202020;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-list ul li i{width:8%; height:16px;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-list ul li a{width:80%; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#494949; text-overflow:ellipsis; white-space: nowrap; display: inline-block; overflow:hidden;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-list ul li span{width:27%; height:30px; line-height:30px; color:#a6a6a6; font-size:14px;}
.Wnews-boxList > .Wnews-0 > .Wnews-0-list ul li:hover a{color:#e72d28; text-decoration:underline;}

}

@media (min-width: 992px) and (max-width: 1400px){
	.news-top{width:100%; display:flex; justify-content: center;}
	.news-top > .news-top-ad{width:260px; height:225px; background:#233793; display: flex; align-items: center; line-height:60px; text-align:center; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:26px; color:#FFF; font-weight:500;}
	.news-boxList{width:100%; display:flex; justify-content: center;}
	.news-boxList > .news-0{width:50%; height:auto; display:flex; flex-direction: column; align-items: center;}
	
	
}






/*************底部菜单***************/
.foot-boxg{width:100%; height:374px; background:url(../images/bgg_5.jpg) center 0 no-repeat; display:flex;flex-direction: column; align-items: center;}
.foot-div{width:90%;height:375px; border-bottom:1px solid #cdcdcd; display:flex; justify-content: center; align-items: center;}
.foot-div > .foot-div-dl{width:50%; display:flex;}
.foot-div > .foot-div-dl dl{width:20%; font-family: "微軟正黑體",Microsoft YaHei,Arial, Helvetica, sans-serif;}
.foot-div > .foot-div-dl dl dt a{line-height:50px; font-size:20px; color:#FFF;}
.foot-div > .foot-div-dl dl dd a{line-height:40px; font-size:16px; color:#FFF;}
.foot-div > .foot-div-dl dl dd:hover a{color:#e72d28; text-decoration:underline;}

.foot-div > .foot-div-links{width:47%;height:285px; display:flex; flex-direction: column;}
.foot-div > .foot-div-links > .foot-div-links-tit{display: flex; font-family: "微軟正黑體",Microsoft YaHei,Arial, Helvetica, sans-serif; font-size:16px;}
.foot-div > .foot-div-links > .foot-div-links-tit h1{ height:50px; font-family: "微軟正黑體",Microsoft YaHei,Arial, Helvetica, sans-serif; font-size:30px; color:#FFF;}

.foot-div > .foot-div-links > .foot-div-links-list{width:90%; display:flex; height: 110px;}
.foot-div > .foot-div-links > .foot-div-links-list ul{width:100%;}
.foot-div > .foot-div-links > .foot-div-links-list ul li{float:left; height: 30px; font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; color:#FFF;}
.foot-div > .foot-div-links > .foot-div-links-list ul li a{color:#FFF; padding:0 5px 0 10px;}
.foot-div > .foot-div-links > .foot-div-links-list ul li i{color:#FFF;}
.foot-div > .foot-div-links > .foot-div-links-list ul li:last-child i{display:none;}
.foot-div > .foot-div-links > .foot-div-links-list ul li a:hover{color:#e72d28; text-decoration:underline;}

.foot-div > .foot-div-links > .foot-div-img{width:50%; display:flex;}
.foot-div > .foot-div-links > .foot-div-img img{margin:87px 0 0 316px;}


.foot-div-tell{width:90%;height:100px; display:flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.foot-div-tell > .foot-div-dl0,.foot-div-tell > .foot-div-dl1,.foot-div-tell > .foot-div-dl2,.foot-div-tell > .foot-div-dl3{width:100%; height: 62px; display:flex; }
.foot-div-tell > dl dt{width:43px; height:52px; overflow:hidden;}
.foot-div-tell > dl dd{font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-indent:1em;}
.foot-div-tell > dl dd h1{font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; line-height:30px; font-size:16px; color:#FFF;}
/*.foot-div-tell > .foot-div-dl1{width:31%; height: 140px; display:flex; align-items: center; justify-content: center;}*/

.footer-boxg{width:100%; height:40px; display:flex; flex-direction: column; justify-content: center;align-items: center;}
.footer-boxg p{font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; line-height:30px; font-size:14px; color:#494949;}
.footer-boxg p a{ font-size:14px; color:#494949;}
.footer-boxg p a:hover{color:#233793; text-decoration:underline;}

.Wfoot-boxg,.Wfooter-boxg{display:none;}

@media screen and (min-device-width:320px) and (max-device-width:768px){
.foot-boxg,.footer-boxg{display:none;}
.Wfoot-boxg{display:block;width:100%; height:290px; background:url(../images/bgg_6.gif) center 0 no-repeat;}
.Wfoot-div-tell{width:100%;height:355px; display:flex; flex-direction: column;align-items: flex-start;}
.Wfoot-div-tell > dl{width:100%; height:70px; display:flex; align-items: center; margin:0 0 0 0.5em;}
.Wfoot-div-tell > dl dt{width:7%; height:35px; overflow:hidden;}
.Wfoot-div-tell > dl dd{font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-indent:0.5em;}
.Wfoot-div-tell > dl dd h1{font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; line-height:24px; font-size:16px; color:#FFF;}
.Wfoot-div-tell > dl dd p{font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; line-height:20px; font-size:14px; color:#FFF;}

.Wfooter-boxg{width:100%; height:40px; display:block;}
.Wfooter-boxg p{font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; text-align:center; line-height:30px; font-size:14px; color:#494949;}
.Wfooter-boxg p a{ font-size:14px; color:#494949;}
.Wfooter-boxg p a:hover{color:#233793; text-decoration:underline;}

}
/*分页样式*/

.page_main{ clear: both; text-align: center; padding: 20px 0; }

.page { display: inline-block; border-right: 1px solid #ddd; border-radius: 6px; overflow: hidden; }

.page a, .page span {float: left; padding: 0 5px; min-width: 35px;height: 39px; line-height:35px; text-align: center; border: 1px solid #ddd; border-right: 0; color: #888; }

.page a{ color: #333; }

.page a:link, .page a:visited { text-decoration:none; }

.page a:hover { background: #eee; }

.page .current{ color:#FFF; background: #0e269d; border-color: #0e269d; border-left: 1px solid #ddd; }

.page #total{color:red}


@media only screen and (max-width:768px) {
	.page { display: inline-block;  overflow: hidden;margin-left: 8px;border:none}
	.page .pageinfo{width: 100%;height: 40px;border: none;}
	.pagenum{display: none}
	.page a, .page span {width:20%;  border-right:1px solid #ddd; }
	.page .current{width: 15%; }
}

/*pc登录*/

    .marklogin {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: none;
        background: rgba(0, 0, 0, .55);
    }
    .login_box{
        width: 422px;background: #fff;
        position: fixed;;
        top:50%;
        left:50%;
        margin-left:-210px;
        margin-top:-163.5px;
        z-index: 100000;
        display: none;
    }
    
    .header1{
        width:100%;box-sizing: border-box;padding:5%;
        border-bottom:2px #233793 solid;
        text-align: center;

        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .header1 img{width:280px;}
    .header1 p{font-size:20px;color:#233793;line-height: 40px;margin:0;}
    .login_center{
        width:382px;
        height:230px;
        border:1px solid #ddd;
        padding:32px 20px;
        background:#FFF;
        box-sizing: content-box !important;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .login_password_number,.code_number{
        padding-top:10px;
    }
    
   
    .login_number span,.login_password_number span,.code_number span,.forget_center span,.identifying span,.forget_pw1 span,forget_pw2 span{
        font-size: 12px;
        color: #333;
    }
    .login_number input,.login_password_number input,.forget_number input,.forget_pw1 input,.forget_pw2 input{
        width: 310px;
        height: 44px;
        padding-left:10px;
        font-size: 12px;
        border: 1px solid #dfdfe3;
        border-radius: 4px;
        outline: none;
    }
    .code_number input{
        width: 240px;
         height: 44px;
        padding-left:10px;
        font-size: 12px;
        border: 1px solid #dfdfe3;
        border-radius: 4px;
        outline: none;
    }
    .login_number input,.code_number input,.forget_number input{
        margin-left:12px;
    }
    .login_password_number input{
        margin-left:24px;
    }
    
    .login_but{
        width:100%;
        height:40px;
        margin-top:20px;
    }
    .login_but .confirm_but{
        width:140px;
        height:40px;
        line-height: 40px;
        display: inline-block;
        border:none;
        border-radius: 4px;
        text-align: center;
        color:#fff;
        background:#233793;
        margin-left:52px;
        cursor:pointer;
    }
    .cancel_but{
        width:140px;
        height:40px;
        line-height: 40px;
        display: inline-block;
        border:none;
        text-align: center;
        color: #999999;
        background:#fff;
        border: 1px solid #dfdfe3;
        border-radius: 4px;
        margin-left:37px;
        cursor:pointer
    }
    .identifying input{
        width:169px;
        height:40px;
        padding-left:10px;
        border: 1px solid #dfdfe3;
        border-radius: 4px;
        outline: none;
        margin-left:12px;
        font-size: 12px;
    }
    
    /*wap login*/
.login_wap{width: 100%;margin-top: 30px;}
.login-title{width:100%; height:50px; display:flex;	flex-direction: column;	align-items: center;	background: url(../images/erji-title.jpg) 0 bottom repeat-x;	text-align: center;}
.login-title h1{	font-size:24px;	color:#333;	margin:0;}
@media screen and (min-device-width:320px) and (max-device-width:768px){
.login_number input, .login_password_number input, .forget_number input, .forget_pw1 input, .forget_pw2 input {
    width: 68%;
}
.code_number input {  width: 210px;}
.login_number span, .login_password_number span, .code_number span, .forget_center span, .identifying span, .forget_pw1 span, forget_pw2 span {font-size: 16px;}
.login_but .confirm_but {  margin-left: 0px; }
}


/*权限页面*/

.wqdl{width: 100%; height:300px; display: flex; flex-direction: column;align-items: center; justify-content: center;}
.wqdl span{font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:24px; color:#696969; padding:0 0 30px 0; text-align: center;}
.wqdl .denglu{background:#FFF; text-align: center; border:1px solid #e72d28; width:10%; height:50px; line-height:50px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; color:#e72d28;}
.wqdl .denglu:hover{background:#e72d28; color:#FFF;}
.wqdl .denglu:hover a{color:#FFF;}
.wqdl .dengluwap{display:none;}

@media (min-width: 992px) and (max-width: 1400px){
.wqdl .denglu{display: none;}
.wqdl .dengluwap{display:block;}
.wqdl .dengluwap{background:#FFF; text-align: center; border:1px solid #e72d28; width:30%; height:50px; line-height:50px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; color:#e72d28;}
.wqdl .dengluwap:hover{background:#e72d28; color:#FFF;}
.wqdl .dengluwap:hover a{color:#FFF;}
}

@media screen and (min-device-width:320px) and (max-device-width:768px){
.wqdl .denglu{display: none;}
.wqdl .dengluwap{display:block;}
.wqdl .dengluwap{background:#FFF; border:1px solid #e72d28; text-align: center;width:50%; height:50px; line-height:50px;font-family: Microsoft YaHei,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; color:#e72d28;}
.wqdl .dengluwap:hover{background:#e72d28; color:#FFF;}
.wqdl .dengluwap:hover a{color:#FFF;}
}
/*图片列表*/
.neiye_box{width:100%;margin-top: 30px; }
.neiye_box_content_div{width:1200px; height:auto;margin:0 auto; padding:10px 0 30px 0;}
.neiye_box_content_div > p{width:100%;display: flex;flex-direction: column; align-items: center; height:auto; line-height:35px; font-family: Microsoft YaHei,"宋体",Arial, Helvetica, sans-serif;font-size:16px; color:#494949;}
.neiye_box_content_div > h1{line-height:45px; font-family: Microsoft YaHei,"宋体",Arial, Helvetica, sans-serif;font-size:30px; color:#b27f2c; text-align:center; }
.neiye_box_tulist{width:100%;display: flex;flex-wrap: wrap ; justify-content: flex-start;height:auto; min-height:500px; background:#FFF;  overflow:hidden; margin:0 auto; padding:0 0 20px 0;}
.neiye_box_tulist a{width:380px; height:280px; float:left; overflow:hidden; margin:15px 0 0 15px;}
.neiye_box_tulist a img{width:100%; height:280px; overflow:hidden;}
.neiye_box_tulist2{width:100%;display: flex;flex-wrap: wrap ; justify-content: flex-start;height:auto; min-height:500px; background:#FFF;  overflow:hidden; margin:0 auto; padding:0 0 20px 0;}
.neiye_box_tulist2 a{width:380px; height:310px; float:left; overflow:hidden; margin:15px 0 0 15px;}
.neiye_box_tulist2 a img{width:100%; height:275px; overflow:hidden;}
.neiye_box_tulist2 a h1{height: 20px;text-align: center;font-size: 16px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color:#333;line-height: 20px;margin-top: 5px }

@media only screen and (max-width:768px) {
	.neiye_box_content_div{width:100%; }
	.neiye_box_tulist a{width:46%; height:240px;margin: 15px 5px 0px 8px}
	.neiye_box_tulist a img{width:100%; height:100%; }
	.neiye_box_tulist2 a{width:46%; height:200px;margin: 15px 5px 0px 8px}
	.neiye_box_tulist2 a img{width:100%;height: 170px}

}



.classes-wrap{overflow: hidden;}
.product-content{width:100%; min-width:1200px;margin: 0 auto;position: relative;}
.product-content:after{content: '';clear: both;height: 0;display: block;}
.clearfix:after{content: " ";display: table;clear: both;width: 100%;}
.classes-wrap .classes-item{width: 16.66667%;float: left;cursor: pointer;padding: 50px 0 58px;position: relative;z-index: 1;overflow: hidden;}
.classes-wrap .classes-item.active:after{display: block;}
.classes-wrap .classes-item:after{content: " ";position: absolute;z-index: 2;background:url(../images/helpCenter_sprites.png) no-repeat -56px -235px;width: 36px;height: 18px;bottom: 0;left: 50%;margin-left: -18px;display: none;}
.classes-wrap .classes-item .icon{width: 71px;height: 55px;background-image: url(../images/helpCenter_sprites.png);background-repeat: no-repeat;display: block;margin: 0 auto;}
.classes-wrap .classes-item.active .text{color: #000;font-weight: 700;}
.classes-wrap .classes-item .text{font-size: 16px;color: #535353;display: block;text-align: center;font-weight: 400;margin-top: 15px;}
.classes-wrap .classes-item .icon.icon-login{background-position: -286px -160px;}
.classes-wrap .classes-item:hover .icon.icon-login,
.classes-wrap .classes-item.active .icon.icon-login{background-position: -286px -10px;}
.classes-wrap .classes-item .icon.icon-config{background-position: -10px -85px;}
.classes-wrap .classes-item:hover .icon.icon-config,
.classes-wrap .classes-item.active .icon.icon-config{background-position: -102px -85px;}
.classes-wrap .classes-item .icon.icon-award{background-position: -286px -85px;}
.classes-wrap .classes-item:hover .icon.icon-award,
.classes-wrap .classes-item.active .icon.icon-award{background-position: -195px -84px;}
.classes-wrap .classes-item .icon.icon-manage{background-position: -10px -10px;}
.classes-wrap .classes-item:hover .icon.icon-manage,
.classes-wrap .classes-item.active .icon.icon-manage{background-position: -102px -160px;}
.classes-wrap .classes-item .icon.icon-verifcation{background-position: -194px -160px;}
.classes-wrap .classes-item:hover .icon.icon-verifcation,
.classes-wrap .classes-item.active .icon.icon-verifcation{background-position: -10px -160px;}
.classes-wrap .classes-item .icon.icon-wechat{background-position: -194px -10px;}
.classes-wrap .classes-item:hover .icon.icon-wechat,
.classes-wrap .classes-item.active .icon.icon-wechat{background-position: -102px -10px;}
/*内容*/
.list-wrap{background: #fff;padding: 50px;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);margin-bottom: 80px;box-sizing: border-box;display: none;}
.list-wrap.active{display: block;}
.list-wrap .list-title{font-size: 22px;color: #000;margin-bottom: 20px;}
.list-wrap .list-title .icon-question{width: 26px;height: 29px;display: inline-block;vertical-align: -8px;margin-right: 10px;background: url(../images/helpCenter_sprites.png) no-repeat -10px -235px;}
.list-wrap .list-content{display: flex; flex-wrap: wrap;}
/*.list-wrap .list-content .list-item{display: block;padding: 0 0 32px 13px;position: relative;z-index: 1;border-bottom: 1px solid #e5e5e5; text-align:center;}
*/
.list-wrap .list-content .list-item{display: block; width: 24%;position: relative;z-index: 1;border: 1px solid #e5e5e5; margin:0 10px 10px 0; text-align:center;}
.list-wrap .list-content .list-item a{text-decoration: none;color: #535353;  text-align:center;}
.list-wrap .list-content .list-item a i img{width:100%; height:348px; overflow:hidden;}
.list-wrap .list-content .list-item span{width:100%; height:60px; line-height:60px; font-size: 20px;}
.list-wrap .list-content .list-item a:hover{color: #FFF; background:#233793; display:block;}
.list-wrap .list-content .list-item a:before{content: " ";background: #FFF;width: 4px;height: 4px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;position: absolute;z-index: -1;top: 42px;left: 0;}
.pagination{margin-top: 45px;text-align: center;display: block;width: 100%;}
.pagination__item{width:10%;padding: 8px 10.5px;margin: 0 4px;box-sizing: border-box; display: inline-block;border: 1px solid #dadada;border-radius: 4px;font-size: 14px;color: #535353;background: #fff;cursor: pointer;}
.pagination__item:hover{background-color: #233793;border-color: #999;color: #fff;}
.pagination__item.is-active{background-color: #233793;border-color: #4381fd;color: #fff; cursor:pointer;}

.wap-product-btn{display:none;}
@media screen and (min-device-width:320px) and (max-device-width:768px){

.wap-product-btn{width:100%; height:auto; display:block; margin:15px auto;}
.w-product-content{width:100%;margin: 0 auto;position: relative;}
.w-product-content:after{content: '';clear: both;height: 0;display: block;}
.classes-wrap .classes-item{width:33.3%;float: left;cursor: pointer;padding: 0;position: relative;z-index: 1;overflow: hidden;}

.classes-wrap .classes-item:after{content: " ";position: absolute;z-index: 2;background: none;}
.list-wrap{background: #fff;padding:15px 0; margin:15px 0 0 0; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);margin-bottom: 80px;box-sizing: border-box;display: none;}
.list-wrap .list-content{display: flex; flex-wrap: wrap; justify-content: space-between; }
.list-wrap .list-content .list-item{width:47%;display: block;padding: 0;position: relative;z-index: 1; text-align:center;margin:0 5px 10px 5px;}
.list-wrap .list-content .list-item a i img{width:100%; height:180px; overflow:hidden;}
.list-wrap .list-content .list-item span{width:100%; height:45px; line-height:45px; font-size: 16px;text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;}
.list-wrap .list-content .list-item a:hover{color: #FFF; background:#233793; display:block;}
.pagination{margin-top: 5px;text-align: center;display: block;width: 100%;}
.pagination__item{width:80%;padding: 8px 10.5px;margin: 0 4px;box-sizing: border-box; display: inline-block;border: 1px solid #dadada;border-radius: 4px;font-size: 14px;color: #535353;background: #fff;cursor: pointer;}

}


@media (min-width: 992px) and (max-width: 1400px){
.product-content{width:1200px;margin: 0 auto;position: relative;}
.list-wrap .list-content .list-item a i img{width:100%; height:240px; overflow:hidden;}


}