*{margin:0px;padding:0px;}
*{ font-family:"微软雅黑"}
html,body,b,div,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td{margin:0px auto;padding:0;}
ul{list-style-type:none;}
a{ text-decoration: none}
body{ overflow-x:hidden}
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input{margin:0;padding:0;-webkit-text-size-adjust:none}

a img{border:0}
body{}
ul, ol, li{list-style-type:none;vertical-align:0; }

@font-face {
font-family: 'ALMAO';
src:  url('../font/ALMAO_.TTF') format('truetype');
}

@font-face {
font-family: 'SourceHanSansCN-Regular';
src: url('../font/SourceHanSansCN-Regular.eot');
src: url('../font/SourceHanSansCN-Regular.eot') format('embedded-opentype'),
	 /*url('http://wdifjpr.w352.ezwebtest.com/font/SourceHanSansCN-Regular.woff') format('woff'),*/
	 /*url('http://wdifjpr.w352.ezwebtest.com/font/SourceHanSansCN-Regular.otf') format('opentype'),*/
	 url('../font/SourceHanSansCN-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'SourceHanSansCN-Light';
src: url('../font/SourceHanSansCN-Light.eot');
src: url('../font/SourceHanSansCN-Light.eot') format('embedded-opentype'),
	 /*url('http://wdifjpr.w352.ezwebtest.com/font/SourceHanSansCN-Light.woff') format('woff'),*/
	 /*url('http://wdifjpr.w352.ezwebtest.com/font/SourceHanSansCN-Light.otf') format('opentype'),*/
	 url('../font/SourceHanSansCN-Light.ttf') format('truetype');
}
@font-face {
font-family: 'SourceHanSansCN-Light';
/*src: url('http://wdifjpr.w352.ezwebtest.com/font/SourceHanSansSC-SourceHanSansCN-Light-2.eot');*/
/*src: url('http://wdifjpr.w352.ezwebtest.com/font/SourceHanSansSC-SourceHanSansCN-Light-2.eot?') format('embedded-opentype'),*/
	 /*url('http://wdifjpr.w352.ezwebtest.com/font/SourceHanSansSC-SourceHanSansCN-Light-2.woff') format('woff'),*/
	 /*url('http://wdifjpr.w352.ezwebtest.com/font/SourceHanSansSC-SourceHanSansCN-Light-2.otf') format('opentype'),*/
	 /*url('http://wdifjpr.w352.ezwebtest.com/font/SourceHanSansSC-SourceHanSansCN-Light-2.ttf') format('truetype');*/
}
@font-face {
font-family: 'impact';
src: url('../font/impact.ttf')
}
img{ border:0;vertical-align: middle;}
input,select,button{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none; outline:none;
	 color:#6a6a6a;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border:none}
input,textarea{ outline:none; }
input:focus,textarea:focus{ outline:none; }
input,textarea{ outline:none; border:0; }


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#fff;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#fff;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#fff;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#fff;}
   
.sech input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #979797; 
} 
.sech input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #979797; 
} 
.sech input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #979797; 
} 
.sech input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #979797; 
}
.time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s}
.time2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s}

.l{ float:left}
.r{ float:right}

.main2 {
    width: 100%; float:left;
    margin: 0;
}
.main2 .i_album{width: 100%;height: 100vh;vertical-align: middle;}
.spdiv{ display: block}
.mpar{ display:none}
.tright{ text-align:right}
.tcenter{ text-align:center}
.cur{ cursor:pointer}
.jz{ display:table; margin:0 auto}
.fd{ width:100%;  float:left; margin:0px}
.main{ width:75%; max-width:1440px; margin:0px auto}
.main1{ width:75%; max-width:1440px; margin:0px auto}
.over{ overflow:hidden}
.pdb50{ padding-bottom:50px; display:inline}
.wd100,.w100 { width:100%}
.mgt10{ margin-top:10px}
.mgt15{ margin-top:15px}
.mgt20{ margin-top:20px}
.mgt25{ margin-top:25px}
.mgt30{ margin-top:30px}
.mgt35{ margin-top:35px}
.mgt40{ margin-top:40px}
.mgt50{ margin-top:50px}
.mgt60{ margin-top:60px}
.mgt65{ margin-top:65px}
.mgt80{ margin-top:80px}
.mgt100{ margin-top:100px}
.table-cell {display: table-cell;vertical-align: middle;}
.table {  display: table;}
.pr {
    position: relative;
}

.bg4c8{ background:#4c87c3}
.bgblack{ background:#000}
.bgwhite{ background:#fff}

.fts18{ font-size:18px}
.cff5{ color:#4c87c3}
.cblue{ color:#4d87c3}
.cwhite{ color:#fff}
.cblack{ color:#000}
.cgrey{ color:#f5f5f5}
.cgrey1{ color:#d9d8d8}
.c26{ color:#262626}
.banner_me {
		display: none;
	}

.slides {
	width: 100%;
}

.slides img{
	width: 100%;
}



.last_item a {
display: block;
}

.slides, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.banner .flex-direction-nav {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 9;
    width: 100%;
    margin-top: -32px;
}

.banner .flex-direction-nav li:first-child {
    float: left;
    left: -100px;
}

.banner .flex-direction-nav li {
    float: right;
    right: -100px;
}

.banner:hover .flex-direction-nav li:first-child {
	left: 0px;
}

.banner:hover .flex-direction-nav li {
	right: 0px;
}

.banner .flex-direction-nav li {
    position: relative;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -o-transition: all .9s ease;
}

.banner .flex-direction-nav li a {
    height: 64px;
    width: 64px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.banner .flex-direction-nav li .flex-prev {
    /*background-image: url(http://wdifjpr.w352.ezwebtest.com/css/images/banner_left.png);*/
}

.banner .flex-direction-nav li .flex-next {
    /*background-image: url(http://wdifjpr.w352.ezwebtest.com/css/images/banner_right.png);*/
}


.banner .flex-control-nav {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 100%;
    height: 14px;
    margin-left: -50%;
    text-align: center;
    z-index: 8;
}

.banner .flex-control-nav li {
    display: inline-block;
    margin: 0 10px;
}


.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px 
    rgba(0, 0, 0, 0.3);
}

.banner .flex-control-nav a.flex-active {
    zoom: 1;
    /*background: url(http://wdifjpr.w352.ezwebtest.com/css/images/banner_hover.png) center center no-repeat !important;*/
}

.banner .flex-control-nav a {
    width: 14px !important;
    height: 14px !important;
    /*background: url(http://wdifjpr.w352.ezwebtest.com/css/images/banner_a.png) center center no-repeat !important;*/
    display: inline-block;
    text-align: center;
    cursor: pointer;
    zoom: 1;
}

.banner1{ width:100%; height:auto; float:left; overflow:hidden; position:relative; margin-top:85px;}
.banner1 img{ width:100%;}


.float1{ min-height:400px; position:fixed; right:5px; bottom:28%; z-index:99999}
.float1 .nr{ width:50px}
.float1 .sk{ width:50px; height:50px; border:solid 1px #ccc; box-sizing:border-box; background:#fff}
.float1 #ska:hover{ background:#eee}
.float1 .sk .icon{ width:50px; height:50px; display:inline-block}
.float1 .sk .wz5{ width:100%; font:12px/30px "微软雅黑"; color:#fff}
.float1 .sk .tel{ width:0; height:50px; background:#4c87c3; font:18px/50px "微软雅黑"; position:absolute; right:0; top:70px}
.float1 #skb:hover .tel{width:180px;}
.float1 .sk .wxewm{ width:0; height:150px;background:#4c87c3; position:absolute; right:50px; top:0px}
.float1 .sk .wxewm img{ width:132px; border:solid 4px #fff; margin:5px; display:inline}
.float1 #ska:hover .wxewm{width:150px;}
@media screen and (max-width: 1450px)
{
.float1{ min-height:0}
.float1 .nr{ width:50px}

}
.head { width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    z-index: 9999999;
    padding: 20px 11%;
    box-sizing: border-box; background:#fff}
.head.active{transition: background 1s; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition:background 1s;}
.head.active{ background:rgb(255,255,255,0.9)}
.head { transition: all 1s; }
.head.fixed-head { top: -140px; }
.head.scrolltop { top: 0; }

.logo a img{ width:240px}
.topic{ width:100%; padding-bottom:20px; position:fixed; left:0; top:0; display:block; z-index:9999999; padding:0 4%; box-sizing:border-box}
.topic.active{background:url(../img/tm_b50.png)}
.topic .logo{ width:auto; height:50px; margin:25px 0; display:inline}
.topic .logo img{ width:auto; height:50px}

.topic.active .topmeau li dl{background:#ffffff; box-shadow:0px 0px 4px 1px #ddd;-moz-box-shadow:0px 0px 4px 1px #ddd;-ms-box-shadow:0px 0px 4px 1px #ddd;-webkit-box-shadow:0px 0px 4px 1px #ddd}
.topic.active .topmeau li dl dd .mz_s{ color:#333}
.topic.active .topmeau li dl dd .mz_s:hover{ background:#4c87c3; color:#fff}

.topmeau{ height:40px; margin:30px 0 0 10%; display:inline}
.topmeau li{ display:inline-block;float:left; position:relative} 
.topmeau li:first-child{ margin-left:0}
.topmeau li .mz{ padding:0 28px; height:40px; text-align:center; font:18px/40px "微软雅黑"; color:#fff; z-index:9; text-decoration:none} 
.topmeau li:hover .mz{ color:#4c87c3;box-shadow:0px 3px 3px -3px #999;-moz-box-shadow:0px 3px 3px -3px #999;-ms-box-shadow:0px 3px 3px -3px #999;-webkit-box-shadow:0px 3px 3px -3px #999}
.topmeau li dl{ width:0; background:rgba(0,0,0,0.6); position:absolute; right:0; top:0;z-index:999; overflow:hidden; opacity:0; filter:alpha(opacity=0); border-radius:6px; overflow:hidden; z-index:-1}
.topmeau li:hover dl{ width:100%; opacity:1; filter:alpha(opacity=100); padding-top:42px}
.topmeau li dl dd{ width:100%; height:45px; float:left}
.topmeau li dl dd .mz_s{width:100%; height:45px; font:14px/45px "微软雅黑"; color:#fff; text-align:center; overflow:hidden; text-decoration:none}
.topmeau li dl dd .mz_s:hover{ color:#000; background:#fff}
/**.topmeau li.li_Select a{color:#4c87c3}**/

.t_tel img{ display:inline-block; margin-right:10px; vertical-align:middle}
.t_tel,.mt_tel{ width:auto; font:26px/28px "微软雅黑"; color:#4d87c3; border-radius:20px; margin:8.5px 0 0 0 }
.t_tel.mt_tel img{ display:inline-block; margin-right:10px;}

.t_ss {margin-top:24.5px;}
#box { width: 100%;  padding: 3% 0px;  display: none;}
.searchDiv {  width: 90%;   margin: 0px auto; position: relative;}
.searchDiv form {width: 100%;height: 100%;}
.searchDiv form dl dd.dd01{width: 100%;height: 100%;}
.searchDiv form dl dd.dd01 input{height: 48px;width: 100%;border: 1px solid #eaeaea;color: #999;box-sizing: border-box;text-indent: 2em;}
.searchDiv form dl dd.dd02 {position: absolute;top: 0;right: 0;background: linear-gradient(180deg, #4d87c3, #5699df); width:5%; text-align:center; height:48px;}
.searchDiv form dl dd.dd02 input{ margin-top:10px}
.search  form {width: 100%;height: 100%;}
.search  form dl{width: 100%;height: 100%;position: relative;z-index: 2;}
.search  form dl dd.dd01{width: 100%;	height: 100%;}
.search  form dl dd.dd01 input{background: transparent;width: 100%;height: 100%;
/*background: url(http://wdifjpr.w352.ezwebtest.com/css/images/search_bk.png) center center no-repeat;*/
border: 0;text-indent: 1em;color: #fee6bd;} 
.search  form dl dd.dd02 {position: absolute;top: 8px;right: 14px;}

.nav{ width: 62%; margin-left:5%;float: left; display: block; z-index:99999;}
.nav>ul>li{ position: relative; float: left; display: inline-block;box-sizing:border-box; /*padding:0 25px;*/ width:calc(100%/8); text-align:center; }
.nav>ul>li:last-child{ border-right:none;margin-right:0px }
.nav>ul>li.lihover1 a{ color:#4d87c3}
.nav>ul>li.lihover1 a:after{ content:"";  width:60px; height:2px;background:#4d87c3; margin:0px auto; display:table}
.nav>ul>li.lihover1 dl a:after,.nav>ul>li.lihover1 .subnav2 a:after,.nav>ul>li.lihover1 .subnav3 a:after{ display:none}
.nav>ul>li i{ width:45px; height:45px; display:table; margin:0px auto;}
.nav>ul>li i img{ max-width:100%}
.inLogoH {display: block;}
.inLogoS {display: none;}
.nav>ul>li:hover .inLogoH{display: none;}
.nav>ul>li:hover .inLogoS{display: block!important;}

.nav>ul>li>a{ position: relative; display: block; line-height: 40px; font-size: 16px; color:#000; text-decoration:none}
.nav>ul>li>a:hover{color:#4d87c3}

.nav .subnav{ position: absolute; z-index: 10; box-sizing:border-box; /*left: 14%; margin-left: -38px;*/ top: 64px; width: 100%; border-top:1px solid #e5e5e5;padding: 15px 10px; margin-top: -15px; background-color: rgba(255,255,255,0.92); font-size: 14px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); display: none;opacity:1 !important}

.nav .subnav1 a{ display: block; padding: 12px 0px; line-height: 1.4; color: #565656; text-align: center; position: relative; border-top: 1px solid rgba(255,255,255,.16); z-index: 1; text-decoration:none}
.nav>ul>li.lihover1 .subnav1 a,.nav>ul>li.lihover1 .subnav2 .item dl a,.nav>ul>li.lihover1 .subnav2 .item .wz,.nav>ul>li.lihover1 .subnav3 a{ color:#565656 !important;}
.nav>ul>li.lihover1 .subnav1 a:after,.nav>ul>li.lihover1 .subnav2 .item dl a:after{ display:none}
.nav>ul>li.lihover1 .subnav1 a:hover{ color: #fff !important;-webkit-text-fill-color:#fff}
.nav .subnav1 p:first-child a{ border-top: 0 none;}
.nav .subnav1 a:before{ content: "";position: absolute; left: 0; right: 0; bottom: 0; height: 100%;background: linear-gradient(180deg, #4d87c3, #5699df); transform-origin: 100%; -webkit-transform-origin: 100%;/* -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1);*/ -webkit-transform: scaleX(0); transform: scaleX(0); visibility:hidden\9; z-index: -1;}
.nav .subnav1 a:hover{ color: #fff;}
.nav .subnav1 a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.nav .subnav2 { position: fixed; left: 0; top: 85px; margin-left: 0; padding:40px 0; width: 100%; text-align: center; opacity:1 !important; border-top:1px solid #e5e5e5;}
.nav .subnav2 .item{ display: inline-block; *display: inline;  *zoom: 1; width: 400px; margin: 0px 35px; vertical-align: top;}
.nav .subnav2 .item img{ margin-bottom: 10px;}
.nav .subnav2 .item span{ color:#fff}
.nav .subnav2 .item .wz{ width:100%; float:left; font: bold 18px/30px "微软雅黑"; color:#4d87c3; text-align:center; border-bottom:1px solid #565656; padding-bottom:15px}
.nav .subnav2 .item dl{ width:100%; margin-top:20px }
.nav .subnav2 .item dl a.mz{ width: 50%; float:left; text-align:left;font:13px/28px "微软雅黑"; color:#565656; text-decoration:none}
.nav .subnav2 .item dl a:hover{background-image:-webkit-linear-gradient(left,#4d87c3,#68daff);  -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav .subnav2 .item .mpic{ width:100%; height:150px; float:left; overflow:hidden; margin-top:20px; border-radius:20px}
.nav .subnav2 .item .mpic img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.nav .subnav2 a:hover{ color: #B97B57;}

.nav .subnav2 .item:nth-child(2) .wz{color: #6ab5c8;}
.nav .subnav2 .item:nth-child(3) .wz{color: #8476ce;}
.nav>ul>li.lihover1 .subnav2 .item:nth-child(1) .wz{color: #4d87c3 !important;-webkit-text-fill-color:#4d87c3}
.nav>ul>li.lihover1 .subnav2 .item:nth-child(2) .wz{color: #6ab5c8 !important;-webkit-text-fill-color:#6ab5c8}
.nav>ul>li.lihover1 .subnav2 .item:nth-child(3) .wz{color: #8476ce !important;-webkit-text-fill-color:#8476ce}
.nav>ul>li.lihover1 .subnav2 .item dl a:hover{background-image:-webkit-linear-gradient(left,#4d87c3,#68daff);  -webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.nav .subnav3 { position: fixed; left: 0; top: 85px; padding:0; margin-left: 0; width: 100%;  text-align: left; opacity:1 !important; border-top:1px solid #e5e5e5;}
.subleft{ width:30%; height:100%; min-height:320px;background:#fff; padding:100px 0 100px 10%; box-sizing:border-box}
.subleft .pitem{ width:50%; float:left; font:16px/45px "微软雅黑"; color:#000; text-align:left }
.subleft .pitem a:hover{ color:#4d87c3}
.subright{ width:70%;height:100%;min-height:320px; background: url(../img/mbg.png) no-repeat right center #f7f7f7; padding:55px 17% 55px 3%; box-sizing:border-box; text-align:left}
.subright .mbt{ width:100%; font:bold 22px/25px "微软雅黑"; color:#000; }
.subright .mwz{ width:100%; font:14px/26px "微软雅黑"; color:#ababab;margin:20px 0}
.subright .mmore{ background:#4c87c3; font:16px/40px "微软雅黑"; color:#fff; padding:0 20px}
.nav>ul>li.lihover1 .subnav3 a.mmore { color:#fff !important}
.nav>ul>li.lihover1 .subnav3 .subleft .pitem a:hover{ color:#4d87c3}

.menu-handler{ width:24px; float:right; height: 64px; display:none; cursor: pointer;}
.menu-handler span { position: relative; display: block; margin: 30px auto 0; width: 24px; height: 2px; background-color: #4d87c3;  -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0;
 background-color: #4d87c3; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -8px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -8px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.fc {
    text-align: center; width:100%; float:left
}
.menuBoxM a:link, .menuBoxM a:visited { color: #676767;}
.menuBoxM a:active,.menuBoxM a:hover { color: #676767;}   
.menuBoxM { background-color: #f4f4f4; color: #676767; position: fixed; display: none; right: 0px; top: 0px;  height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -webkit-overflow-scrolling:touch; width: 400px; z-index: 910;  -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menubarM{ padding:64px 0;}
.menubarM li{ border-bottom: 1px solid #dbdbdb;}
.menubarM .nav-link { display: block; font-size: 18px; padding: 12px 12%; position: relative;}
.menubarM .cur .nav-link{ background-color: #0065de; color: #fff;}
.menubarM .subnav { background-color: #fff; padding: 20px 0px; display: none;}
.menubarM .subnav a { position: relative; display: block; padding: 8px 12%; line-height: 1.4; color: #333333; font-size: 16px;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 900; visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBoxM { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0) }
.menuBoxM a.tel-btnM{ font-size: 24px; color: #fff; display:table; margin:0px auto; width:80%; background:#4d87c3; border-radius:30px; padding:20px 0}
.menuBoxM a.tel-btnM i{ width: auto; display:table; margin:0px auto}
.menuBoxM a.tel-btnM i img{ max-width:100%}
.menuBoxM a.tel-btnM .txt{ font:24px/24px "微软雅黑"; display:inline-block; margin-top:10px}

.title{ margin-top:62px; display:inline;}
.title1{display:inline;}
.title .wz_en,.title1 .wz_en{ font: bold 42px/42px "微软雅黑";text-transform:uppercase}
.title .wz_cn,.title1 .wz_cn{ font: bold 48px/48px "微软雅黑"; margin-top:-20px}
.title .line{ width:66px; height:3px; background:#4c87c3; margin-top:15px; display:inline-block}

.pardiv{ height:580px; background:url(../img/parbg.jpg) no-repeat center center; margin-top:65px; padding:8px 0 70px; box-sizing:border-box}
.par{ width:100%; float:left; height:358px; margin-top:-35px}
.par{ position:relative;}

.par .prev{}
.par .next{ }
.par .horgun{ margin-top:35px; width:100%; float:left}
.par .horgun li{ width:230px; height:100px; margin-right:10px; float:left;}
.par .horgun li img{ width:100%; height:100%;  display:inline-block; object-fit:cover}
.par .horgun li p{ text-align:center; font-size:14px; color:#fff; line-height:24px;}


/* scroll */
.scroll{width:100%; float:left; overflow:hidden; margin-top:-35px}
.picbox{width:100%;height:230px; float:left; margin-top:50px; overflow:hidden;position:relative;}
.picbox ul{height:230px;}
.piclist{position:absolute;left:0px;top:0px;}
.swaplist{position:absolute;left:-3000px;top:0px;}

/* btn */
.og_prev{width:66px;height:66px;background:url(../img/hleft.png) no-repeat;z-index:99;cursor:pointer; float:right; margin-right:10px}
.og_next{width:66px;height:66px;background:url(../img/hright.png) no-repeat;z-index:99;cursor:pointer; float:right}


/**搜索**/
.ss{ padding:28px 0 0px}
.gjc{ font:15px/20px "微软雅黑"; color:#000;}
.gjc a{ color:#000;}
.gjc a:hover{ color:#4d87c3;}
.search {width: 20%; border-radius:5px; background:#fff; overflow:hidden;}
.sech {width: 100%;height: 36px;line-height: 36px;position: relative;}
.sech .sech_ipt {width: 80%;line-height: 36px;text-indent: 1em;color: #959595;outline: none;}
.sech .submit {position: absolute; background:#ddd;	top: 0px;right: 0px;width: 20%;height: 100%;}
.sech .submit img{ max-width:100%}

/* goodlist */
.goodlist{width:230px; height:100px; margin-right:10px; float:left; margin-bottom:22px; border-radius:10px; overflow:hidden}
.goodlist img{ width:100%; height:100%;  display:inline-block; object-fit:cover}
.goodlist li p{ text-align:center; font-size:14px; color:#fff; line-height:24px;}


/*.adv{ background:url(http://wdifjpr.w352.ezwebtest.com/images/advbg.png) no-repeat center center;}*/
.adv .w50{ width:28.5%}
.adv .w50 .wz1{ width:100%; margin-top:90px; font: bold 91px/91px "微软雅黑"; color:#f1f1f1; display:inline}
.adv .w50 .wz2{ width:100%; margin-top:-25px; font: bold 52px/55px "微软雅黑"; color:#4c87c3; display:inline}
.adv .w50 .wz3{ width:100%; font: bold 36px/100px "微软雅黑"; color:#000; display:inline}
.adv .w50 .wz4{ width:100%; font: normal 18px/20px "微软雅黑"; color:#acacac;}
.w50img{ width:50%;}

.ys_qk{}
.ys_qk .pic{ width:50%; height:420px; position:relative}
.ys_qk .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.ys_qk .pic:hover{ cursor:pointer}
.ys_qk .pic:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.ys_qk .pic .line{ width:3px; height:100%; background:#4c87c3; position:absolute; top:0}
.ys_qk .pic .line.l1{ left:0}
.ys_qk .pic .line.r1{ right:0}
.ys_qk .wline{ width:8%; border-top:solid 2px #a5a5a5}
.ys_qk .wline span{ width:30%; height:3px; background:#4c87c3; margin-top:62px; display:inline}
.ys_qk .area{ width:35%}
.ys_qk .area .bt{ font:30px/54px "微软雅黑"; color:#000}
.ys_qk .area .vwz{ font:14px/24px "微软雅黑"; color:#a3a3a3}
.more{ width:218px; height:42px; border:solid 1px #4c87c3; font:16px/42px "微软雅黑"; color:#4c87c3; text-transform:uppercase !important; border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-webkit-border-radius:25px}
.more:hover{ background:#4c87c3; color:#fff}

.in_news{ height:470px; margin-top:65px; display:inline; 
/*background:url(http://wdifjpr.w352.ezwebtest.com/images/news_bg.jpg) no-repeat center center;*/
    
}
.in_news .lnr{ width:40%; height:470px; padding:20px 5% 0 3%; display:inline; background:#fff}
.in_news .lnr .ntitle{ font:30px/38px "微软雅黑"; color:#000; font-weight:bold}
.in_news .lnr .nline{ width:66px; height:3px; background:#4c87c3}
.in_news .lnr .nbt{ height:50px; font:24px/50px "微软雅黑"; color:#000}
.in_news .lnr .ndata{ font:16px/40px "微软雅黑"; color:#a3a3a3}
.in_news .lnr .nxq{ width:80%; height:96px; font:14px/24px "微软雅黑"; color:#a3a3a3}
.in_news .rpic{ width:52%; height:470px}
.in_news .rpic img,.in_plist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.in_news .rpic:hover img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}

.c756{color:#7565a7}
.cfff{ color:#fff}
.hlong *{display:inline-block;vertical-align:middle}

.about_bg{ width:100%; background: url(../img/atbg.jpg) repeat-x top center #fff; margin-top:110px; padding:110px 0 85px}
.about_bg .aimg{ width:60%}
.about_bg .apic{ width:100%; text-align:center}
.about_bg .apic img{ max-width:100%}
.asz{ width:100%; float:left; margin-top:40px}
.asz li{ width:22.75%; float:left; margin-right:3%;border-top-right-radius:30px;border-bottom-left-radius:30px; background:#fff; padding:30px 0}
.asz li:nth-child(4){ margin-right:0}
.asz li:nth-child(2n){ background:#4c87c3;border-top-left-radius:30px;border-bottom-right-radius:30px;border-top-right-radius:0px;border-bottom-left-radius:0px;}
.asz li .szbg{ width:100%; text-align:center; font:bold 45px/45px "微软雅黑"; color:#4c87c3}
.asz li:nth-child(2n) .szbg,.asz li:nth-child(2n) .szwz{ color:#fff}
.asz li .szbg span{ font-size:15px; font-weight:normal; vertical-align:top;display: contents;}
.asz li .szbg font{ font:bold 20px/20px "微软雅黑"; position:absolute; top:10px; right:25px}
.asz li .szwz{ width:100%; float:left; font:20px/20px "微软雅黑"; color:#000; margin-top:12px; text-align:center}
.asz li:nth-child(2n):hover{border-top-left-radius:0px;border-bottom-right-radius:0px;border-top-right-radius:30px;border-bottom-left-radius:30px;}
.asz li:hover{border-top-left-radius:30px;border-bottom-right-radius:30px;border-top-right-radius:0px;border-bottom-left-radius:0px;}

.about_nr{ width:39%;  display:inline}
.about_nr .enbt{ font:42px/42px SourceHanSansCN-Light; text-transform:uppercase; letter-spacing:5px;background-image:-webkit-linear-gradient(left,#4d87c3,#68daff);  -webkit-background-clip:text;-webkit-text-fill-color:transparent;  }
.about_nr p{ font-size:19px; line-height:25px; letter-spacing:-1px; width:100%; float:left; text-align:left; margin:25px 0 20px}
.about_nr .bt{ font:42px/42px "微软雅黑"; color:#000; text-align:left; margin-top:20px; width:100%; float:left }
.about_nr .enwz{ font:16px/35px "微软雅黑"; color:#000; margin-top:14px; display:inline; text-transform:uppercase !important}
.about_wz{ font:16px/30px "微软雅黑"; color:#000; text-align:left; margin-top:90px}
/*.about_wz>p{ font:16px/30px "微软雅黑"; color:#000; text-align:left; margin-top:90px}*/
.amore{ font:18px/58px "微软雅黑"; padding:0 40px; background:#4c87c3; color:#fff; margin-top:135px}
.amore:hover{ background:#e60012}

.alist{ width:100%;display:inline; margin-top:65px; text-align:center}
.alist .count{ width:19%; text-align:center; display:inline-block}
.alist .count i{ width:100px; height:100px; display:inline-block; }
.alist .count i img{ max-width:100%}
.alist .count .wz1{ width:100%; font-size:21px; color:#000; float:left; margin:25px 0; text-align:center; }
.alist .count .wz2{ width:100%;color:#000; height:40px; text-align:center; }
.alist .count .wz2 span{font: bold 35px/40px "微软雅黑"; color:#4d87c3 ; }
.alist .count .wz2 font{ font:16px/30px "微软雅黑"; vertical-align:bottom}
.alist .count .wz3{ width:100%; font:14px/24px "微软雅黑";  box-sizing:border-box; color:#707070; margin-top:15px; text-align:center; }

.index-lxlc{ background:#fff !important; padding:0 !important}
.index-lc{
  width: 100%;
  position: relative; background:url(../img/lcbg.png) no-repeat bottom center #fff; padding:80px 0 215px

}
.index-lc ul{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index-lc ul li{
  text-align: center;
}
.gh-img{
  width: 100px;
  height: 100px;
  border: 1px dashed #dddddd;
  box-sizing: border-box;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;display: flex;
            align-items: center; /*定义body的元素垂直居中*/
            justify-content: center; /*定义body的里的元素水平居中*/
}
.index-lc ul li .gh-img img{
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transition: all 0.5s;
}
.index-lc ul li p{
  color: #000;
  font-size: 20px;
  padding-top: 30px;
}
.index-lc ul li.on .gh-img{
  background: #4c87c3;
  border: 1px solid #4c87c3;
}
.index-lc ul li.on .gh-img img{
  transition: all 0.5s;
  transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  filter: grayscale(100%) brightness(600%);
}

.par_box {width: 100%; box-sizing:border-box;position: relative; margin-bottom:50px}
.par_list { width:100%; margin-top:50px;}
.par_list .hd .par_next, .par_prev { z-index: 999999; top: 67%;  width: 50px;  height: 50px; overflow: hidden;  position: absolute;  margin: 0 auto; z-index: 1;  cursor: pointer;}
.par_list .hd .par_next { right: 0px;  background: url(../img/next_h1.png) no-repeat;  margin-right:8%;}
.par_list .hd .par_prev {  left: 0px;  background: url(../img/prev_h1.png) no-repeat;margin-left: 8%;}
.par_box ul {width: 100%;}
.par_box ul li {width:191px !important;height: auto; margin:0 5.5px;overflow:hidden;float: left;text-align: center;border: 1px solid #ebebeb;
    overflow: hidden;
    border-radius: 5px;}
.par_box ul li img {width: 100%; height:100%; display:inline-block; object-fit:cover;}
.par_img {width: 100%;overflow: hidden;	height: 350px; box-sizing:border-box; border:3px solid #0d4b96}
.par_img:hover img {transform: scale(1.02);	-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);}
.par_box ul li p {color:#fff; width:100%; float:left; margin-top:20px; text-align:center; font-size:18px;line-height: 21px; box-sizing:border-box}


.inpar{ width:100%; text-align:center; float:left; margin-bottom:50px}
.inpar li{ width:170px; display:inline-block;}
.inpar li img{ max-width:100%}
.pclass{ width:100%; height:136px;box-shadow:0px 12px 10px -12px #666}
.pclass .list{}
.pclass .list a{ width:calc(100%/9); height:134px; border-bottom:solid 2px #fff; overflow:hidden}
.pclass .list a:hover{border-bottom:solid 2px #4c87c3}
.pclass .list a img{ width:auto; height:50px; margin-top:26px; display:inline-block}
.pclass .list a .icon,.pclass .list a:hover .icon_b{ display:inline-block}
.pclass .list a:hover .icon,.pclass .list a .icon_b{ display:none}
.pclass .list a .wz{ font:16px/35px "微软雅黑"; color:#696969; margin-top:8px; display:inline}
.pclass .list a:hover .wz{ color:#4c87c3}

.in_plist{}
.in_plist li{ width:32%; margin:20px 2% 0 0; display:inline; border:solid 1px #d4d4d4; box-sizing:border-box !important; border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-webkit-border-radius:20px}
.in_plist li:nth-child(3n+0){margin:20px 0 0 0}
.in_plist li .pic{ height:370px; position:relative}
.in_plist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.in_plist li .pic .wz{ font:18px/40px "微软雅黑"; color:#fff;text-shadow: 0 0 0.1em #333; position:absolute; right:22px; bottom:8px}
.in_plist li:hover .pic .wz{ color:#4c87c3;text-shadow: 0 0 0.1em #999}

.n_list{}
.n_list li{ width:47%; height:185px; margin-top:70px; display:inline}
.n_list li .data{ width:17%; height:115px; background:#eee}
.n_list li:hover .data{ background:#4c87c3 }
.n_list li .data .d1{ width:100%; font:24px/32px "微软雅黑"; color:#000; margin-top:30px; display:inline}
.n_list li .data .d2{ width:100%; font:18px/24px "微软雅黑"; color:#000}
.n_list li:hover .data .d1,.n_list li:hover .data .d2,.n_list li:hover .nr .bt,.n_list li:hover .nr .vwz{ color:#fff}
.n_list li .nr{ width:63%; height:185px; padding:0 10%; display:inline}
.n_list li:hover .nr{ background:#acacac}
.n_list li .nr .bt{ font:24px/50px "微软雅黑"; color:#000; margin-top:20px; display:inline; height:50px; overflow:hidden}
.n_list li .nr .vwz{ height:72px; font:14px/24px "微软雅黑"; color:#7f7f7f; margin-top:12px; display:inline}

.ny_banner{ width:100%; min-width:1200px; height:500px; 
/*background:url(http://wdifjpr.w352.ezwebtest.com/images/banner_ny.jpg) no-repeat center center;*/
    
}

.content{ width:94%}

.fllist{ width:100%; float:left; text-align:center; margin:65px 0 75px }
.fllist .wz{ width: auto; display:inline-block; padding:0 50px; font:18px/45px "微软雅黑";  cursor:pointer;box-sizing:border-box; border-radius:30px; text-align:center; color:#2b2b2b; margin:0 15px 10px; border:1px solid #fff}
.fllist .wz:hover,.fllist .wz.wb{color:#4c87c3;border:1px solid #4c87c3}
.
.abouttitle{ font:24px/40px "微软雅黑"; color:#000}
.aboutwz{ font:14px/32px "微软雅黑"; color:#666}

#hlist2{ display:none}
.hlist{}
.hlist li{ width:23.5%; margin:25px 2% 0 0; display:inline}
.hlist li:nth-child(4n+0){margin:25px 0 0 0}
.hlist li .pic{padding:10px; border:solid 1px #ccc; border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px; box-sizing:border-box !important}
.hlist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px}
.hlist li .t_mc{ font:16px/30px "微软雅黑"; color:#666; margin-top:10px; display:inline}

.clist{ width:100%;}
.clist li{ width:32%; float:left; margin-right:2%; margin-bottom:50px; display:inline;}
.clist li:nth-child(3n){ margin-right:0}
.clist li .pic{ width:100%; height:240px; overflow:hidden;}
.clist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.clist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.clist li .t_mc{width: 100%;
    padding: 50px 0 0 0;
    box-sizing: border-box; }
.clist li .t_mc p{width: 100%; float: left;font: 19px/20px "微软雅黑";  height: 20px;  overflow: hidden;color: #000;}
.clist li .t_mc span{width: 100%; float: left;font: 14px/20px "微软雅黑";  height: 40px;  overflow: hidden;color: #000; margin-top:25px}
.clist li:hover .t_mc p{ color:#4d87c3}


.jlist{ width:100%;}
.jlist li{ width:32%; float:left; margin-right:2%; margin-bottom:25px; display:inline;box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.26);
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.26);}
.jlist li:nth-child(3n){ margin-right:0}
.jlist li .pic{ width:100%; height:225px; overflow:hidden; border-radius:5px;}
.jlist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.jlist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.jlist li .t_mc{width: 100%;
    padding: 15px;
    box-sizing: border-box; border-radius: 5px;}
.jlist li .t_mc p{width: 100%;
    float: left;
    font: 18px/30px "微软雅黑";
    height: 30px;
    overflow: hidden;color: #4b4b4b;}
.jlist li:hover .t_mc{ width:100%;background:#4d87c3;}
.jlist li:hover .t_mc p{ color:#fff}

/* 项目案例内页*/
.cname{ font:32px/50px "微软雅黑"; color:#000; margin-top:35px}
.cname i{ width:50px; height:2px; background:#000; display: inherit; margin-top:10px}
.casebanner{width:100%; margin-top:35px}


/* 效果CSS开始 */
.mod18{width:100%; float:left;position:relative;margin:0 auto; margin-top:57px }
.mod18 .pbtn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .pprev{left:0px;background:url(../img/prevBtn.png) no-repeat;}
.mod18 #pprevTop,.mod18 #pnextTop{top:200px;width:48px;height:48px;}
.mod18 #pprev,.mod18 #pnext{top:490px;width:10px;height:16px; display:none}
.mod18 #pprevTop{background:url(../img/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #pnextTop{background:url(../img/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .pnext{right:0px;background:url(../img/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:800px;height:430px;position:absolute;color:#fff;}
.mod18 .cf a img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:91%; box-sizing:border-box; height:430px; position:relative;overflow:hidden;}
.mod18 .picBox ul{ width:100%;height:430px;position:absolute; left:0;}
.mod18 .picBox li{padding-left:80px; padding-right:1px; width:800px;height:430px; text-align:center}
.mod18 .listBox{width:100%; text-align:center; height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox ul.cf{ width:100% !important; float:left}
.mod18 .listBox li{width:110px; display:inline-block;float:none;height:75px;cursor:pointer;position:relative; padding:5px 0 0 0;opacity: 1; box-sizing:border-box}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li .xmdiv{display:block;width:100px;height:75px;opacity: 1;}
.mod18 .listBox .xmdiv img{width:100%; height:100%; object-fit:cover; display:inline-block}
.mod18 .listBox .on .xmdiv{border:1px solid #4d87c3; box-sizing:border-box}
.mod18 .listBox .on .xmdiv img{}
.mod18 .listBox .on i{display:block;}

.pname{ width:100%; float:left; font-size:18px; color:#4b4b4b; text-align:center}

.large_box{margin-bottom:10px;width:100%;height:725px;overflow:hidden;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1); }
.large_box li{ width:100%; height:725px; padding:10px; box-sizing:border-box;  float:left}
.large_box li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.small_box{width:100%;height:210px;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);}
.small_list{position:relative;float:left;width:85%;height:210px;overflow:hidden; margin-top:25px}
.small_list ul{height:210px;overflow:hidden; width:100%; float:left}
.small_list ul li{position:relative;float:left;margin-right:10px;width:260px;height:160px;}
.small_list ul li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.small_list ul li.on{display:block;border:3px solid #4c87c3; box-sizing:border-box;}
.btn{display:block;width:5%;height:210px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.btn:hover{background-color:#4c87c3;}
.left_btn{float:left;margin-right:10px;background-image:url(../img/left_btn.png);}
.right_btn{float:right;background-image:url(../img/right_btn.png);}

.casebg{ background:url(../img/casebg.jpg) repeat-x top #eff1f6}
.ccn{ font:32px/40px "微软雅黑"; color:#fff; text-align:center; margin-top:35px}
.ecn{ font: bold 30px/40px "微软雅黑"; color:#fff; text-align:center; margin-top:10px; margin-bottom:35px; text-transform:uppercase}
.cview{ width:100%; background:#fff; box-sizing:border-box; padding:40px 15px; margin-bottom:200px}
.cvbt{ font:21px /22px "微软雅黑"; color:#000;}
.cvbt:before{ content:""; width:6px; height:22px; background:#4d87c3; display:inline-block; float:left; margin-right:12px; border-radius:2px}
.cvbt .tjmore{ width:auto; float:right; font:16px/22px "微软雅黑"; color:#4d87c3}
.cvbt .tjmore:hover{ color:#000}
.c_con{ font:14px/36px "微软雅黑" ; color:#000; text-indent:28px; }
.c_con p{ width:100%; float:left; font:18px/30px "微软雅黑"; color:#4d87c3; padding-left:28px; text-indent:0px;box-sizing:border-box}
.c_con span{ width:100%; float:left; padding-left:28px; text-indent:0px;box-sizing:border-box}

.cview .fclist{}
.cview .fclist a{ width:23.8%; margin:35px 1.6% 0 0; display:inline}
.cview .fclist a:nth-child(4n+0){margin:35px 0 0 0}
.cview .fclist a .pic{ height:204px; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px}
.cview .fclist a .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.cview .fclist a:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.cview .fclist a .wz{ font:20px/30px "微软雅黑"; color:#fff; margin-top:2px; padding:12px 0; text-transform:uppercase !important; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px; background:#4d87c3}
.cview .fclist a:hover .wz.b1,.cview .fclist a:hover .wz.b2{ background:#b10000}
.cview .fclist a .wz span{ font-size:18px; line-height:24px}

.inplist{ width:100%}
.inplist li,.nyxcul li{ width:32%; margin:32px 2% 0 0; float:left}
.inplist li{ box-sizing:border-box;overflow:hidden;box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.26);
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.26);}
.inplist li:nth-child(3n+0),.nyxcul li:nth-child(3n+0){ margin:32px 0 0 0}
.inplist li .pic,.nyxcul li .pic{ width:100%; height:195px; border-radius:5px; overflow:hidden}
.inplist li .pic img,.nyxcul li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.inplist li:hover .pic img,.nyxcul li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.inplist li .nr{ width:100%; display:inline;}
.inplist li .nr .wz{ width:100%; font:18px/40px "微软雅黑"; color:#4b4b4b; overflow:hidden;border-radius:5px;padding:5px 15px; box-sizing:border-box;
 }
.inplist li:hover .wz{ background:#4d87c3; color:#fff}

.pvlist{ width:100%; margin-top:20px}
.pvlist li{ float:left; margin-right:2.75%; margin-bottom:35px; width: 31.5% !important; box-sizing:border-box;overflow:hidden;box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.26);
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.26);}
.pvlist li:nth-child(3n+0){ margin-right:0}
.pvlist li a .pic{width:100%;  height: auto;  overflow:hidden; background:#fff;}
.pvlist li a .pic img{ width:100%; /*height:100%; object-fit:cover; display:inline-block*/}
.pvlist li:hover{}
.pvlist li .pvcon{ width:100%;width: 100%;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;}
.pvlist li .pvcon p{ width:100%; float:left; font:18px/30px "微软雅黑"; color:#4b4b4b;
    overflow: hidden; height:60px;}
.pvlist li:hover .pvcon p{ color:#4d87c3}
.pvlist li .pxh{width:100%; float:left; font:16px/16px "微软雅黑"; color:#a0a0a0}




.nyxcul{ width:100%;}
.nyxcul .nyxcwz{ width:100%;  font:16px/40px "微软雅黑"; color:#4b4b4b; text-align:center}
.nyxcul .nyxcwz div{text-align:center}
.nyxcul li .pic{ border:1px solid #d7d7d7; box-sizing:border-box}

.nyjdul{ width:100%; margin-top:30px}
.nyjdul li{ width:19.4%; float:left; margin-right:0.75%}
.nyjdul li:nth-child(5){ margin-right:0}
.nyjdul li .jdimg{ width:100%; height:140px; border-radius:5px; overflow:hidden}
.nyjdul li .jdimg img,.nysbul li img,.nyhon li img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.yswz{ width:100%; font:16px/45px "微软雅黑"; color:#fff; background:#4d87c3; border-radius:5px; text-align:center; margin-top:6px;}


.nysbul{ width:50%; margin-top:30px;}
.nysbul li{ width:49%; float:left; margin-right:2%; margin-bottom:8px; height:140px; overflow:hidden; border-radius:5px}
.nysbul li:nth-child(2n){ margin-right:0}

.nysbwz{ width:49%; margin-top:30px; background:#4d87c3; height:286px; overflow:hidden;border-radius:5px; padding:72px 30px; box-sizing:border-box; font:16px/40px "微软雅黑"; color:#fff}

.nyhon{ width:100%; margin-top:30px; text-align:center}
.nyhon li{ width:19.5%; display:inline-block; margin-right:0.625%; overflow:hidden;border-radius:5px; }
.nyhon li:nth-child(5n){ margin-right:0}
/* 产品展示内页


.probanner{width:57%; margin-top:35px}
.plarge_box{margin-bottom:10px;width:100%;height:410px;overflow:hidden;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1); }
.plarge_box li{ width:100%; height:410px; padding:10px; box-sizing:border-box;  float:left}
.plarge_box li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.psmall_box{width:100%;height:100px;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);}
.psmall_list{position:relative;float:left;width:85%;height:100px;overflow:hidden; margin-top:15px}
.psmall_list ul{height:100px;overflow:hidden; float:left}
.psmall_list ul li{position:relative;float:left;margin-right:10px;width:120px;height:70px;}
.psmall_list ul li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.psmall_list ul li.on{display:block;border:3px solid #4c87c3; box-sizing:border-box;}
.pbtn{display:block;width:4.5%;height:100px;background-color:#e6e6e6;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.pbtn:hover{background-color:#4c87c3;}
.pleft_btn{float:left;margin-right:10px;background-image:url(../img/left_btn.png);}
.pright_btn{float:right;background-image:url(../img/right_btn.png);}
*/

.pwz{ width:40%;}

/**产品展示**/
.chanpro{ width:100%; float:left; padding-top:50px}
.proTab{ width:16.5%;}
.promc{ width:100%; font:bold 22px/22px "微软雅黑"; color:#4c87c3; border-left:4px solid #4c87c3; padding-left:30px; margin-bottom:30px}
.prmg50{ margin-top:50px}
.proTab span{float:left; width: 100%;  font:18px/34px "微软雅黑";  cursor:pointer;box-sizing:border-box;text-align:left; color:#505459; padding-left:34px; }
.proTab span.cur , .proTab span:hover{color:#4c87c3;}
.proCont{width:83.5%; display:none; position:relative}
.proCont li{float:left; margin-right:1.666666%; width: 23.75% !important; box-sizing:border-box; overflow:hidden; margin-bottom:25px; }
.proCont li:nth-child(4n+0){ margin-right:0px}
.proCont li .pimg{ width:100%;  height:245px;overflow:hidden; position:relative;}
.proCont li .pimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.proCont li  p{ width:100%; padding:0 2%; box-sizing:border-box;font:21px/25px "微软雅黑"; color:#fff}
.prcname{ width:100%; font:bold 18px/18px "微软雅黑"; color:#000; margin:25px 0}
.prcname em{ width:auto; display:table; margin:0px auto; border-bottom:7px solid #efefef; font-style:normal}
.proCont li:hover .prcname{ color:#4c87c3}
.pcmore,.camore{ position:absolute; top:-70px; right:0; font-size:20px; color:#4c87c3; box-sizing:border-box}
.pcmore:hover,.camore:hover{border-bottom:5px solid #efefef;}

.pro_mbx{ width: 100%; float:left; font:16px/30px "微软雅黑"; color:#000; box-sizing:border-box; margin-top:25px}
.pro_mbx a{ color: #000; text-decoration:none}
.pro_mbx a:hover{ color: #4d87c3;}
.pro_mbx span{ display: inline-block; float:left; margin: 0 5px 0 0; width: 30px; height: 30px; background: url(../img/wz.png) center center no-repeat;}

/**关于我们内页**/
.nyabout{ width:100%; float:left; margin-top:130px}
.aboutjs{ width:43%; height: auto; position:relative}
.aboutjs .jswz{ width:100%; float:left; font:17px/36px "微软雅黑"; color:#535455;text-align:justify; text-justify:inter-ideograph; margin-top:50px}
.aboutsp{ width:53%; height:535px; text-align:right;}
.aboutsp img{ width:100%; height:100%; display:inline-block; object-fit:cover}


/*****/
.chancase{ width:100%; float:left; padding-top:60px}
.caseTab{ width:14%; margin-top:50px}
.caseTab span{ float:left; width: 100%;  font:18px/50px "微软雅黑";  cursor:pointer;text-align:left; color:#505459;  margin-bottom:20px;}
.caseTab span.cur2 , .caseTab span:hover{color:#0d4194;}
.caseTab span.cur2 { background: url(../img/casex.jpg) no-repeat left center #e1eff8;padding-left:30px;box-sizing:border-box;}
.caseTab span.cur2:before{ content:""; width:18px; height:9px; background:url(../img/casejt.png) no-repeat left center; float:left; margin:20.5px 10px 0 0}

.caseCont{width:83.5%;display:none;position:relative}
.caseCont li{ width:23.75% ; float:left; margin-right:1.66666%;  overflow:hidden;  box-sizing:border-box;}
.caseCont li:nth-child(4n+0){ margin-right:0px}
.caseCont li .ghimg{ width:100%; height:185px; position:relative}
.caseCont li .ghimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.caseCont li .ghimg .sortdiv{ width:100%; float:left; position:absolute; bottom:15px; left:0; padding:0 15px; box-sizing:border-box; font:bold 18px/25px "微软雅黑"; color:#fff}
.caseCont li .ghimg .sortdiv i{ width:25px; float:left; margin-right:5px;}
.caseCont li .ghimg .sortdiv i img{ max-width:100%}
.caseCont li .pcon{width:100%; float:left; font:14px/22px "微软雅黑"; box-sizing:border-box;height: auto;  color:#000;  text-align:left}
.caseCont li .pcon b{width:100%; float:left; font:18px/20px "微软雅黑"; overflow:hidden; margin:40px 0 15px}
.caseCont li .pcon p{width:100%; float:left; height:44px; overflow:hidden}
.ctm{ width:100%; height:185px; background:url(../img/ctm.png) repeat bottom center ; position:absolute; left:0; top:0}

.caseCont li.three{ width:32.22222666666667% ; float:left; margin-right:1.66666%;  overflow:hidden;  box-sizing:border-box;}
.caseCont li.three:nth-child(3n+0){ margin-right:0px}

.ghdiv{ width:100%; margin-top:60px;}
.ghTab{ width:100%; text-align:center}
.ghTab span{ display: inline-block; margin-bottom:10px;width: auto; padding:0 40px; font:21px/51px "微软雅黑";  cursor:pointer;box-shadow: 0px 0px 27px 6px rgba(77,135,195,0.32);-webkit-box-shadow: 0px 0px 27px 6px rgba(77,135,195,0.32);-moz-box-shadow: 0px 0px 27px 6px rgba(77,135,195,0.32); box-sizing:border-box; border-radius:10px; text-align:center; color:#2b2b2b; margin:0 15px}
.ghTab span.cur , .ghTab span:hover{color:#fff;background: linear-gradient(180deg, #4d87c3, #5699df);}

/* hon_Box */
.nyhonor{ display:none}
.honbg{ background: url(../img/honbg.jpg) repeat-x; padding:65px 0}
#hon_Box{position:relative;width:100%;height:308px;margin:70px auto 50px; float:left}
#hon_Box ul{position:relative;width:100%;height:308px}
#hon_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);}
#hon_Box li img{width:100%;background:url(../img/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#hon_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;
/*background:url(http://wdifjpr.w352.ezwebtest.com/css/images/float-bg.png) repeat;*/
text-indent:8px;color:#fff;}
#hon_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#hon_Box .prev,#hon_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#hon_Box .prev{
    /*background:url(http://wdifjpr.w352.ezwebtest.com/images/btn.png) left bottom no-repeat;*/
    left:250px}
#hon_Box .next{
    /*background:url(http://wdifjpr.w352.ezwebtest.com/images/btn.png) right bottom no-repeat;*/
    right:250px} 
#hon_Box .prev:hover{background-position:left top;}
#hon_Box .next:hover{background-position:right top;}
#hon_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;
/*background:url(http://wdifjpr.w352.ezwebtest.com/images/share-btn.png) no-repeat;*/
text-indent:-999px;}

.nyculture{ width:100%;margin-top:60px;}
.culture{ width:100%;  }
.culture li{ width:15.4%; margin-right:1.5%; float:left; font:16px/45px "微软雅黑"; color:#717171; margin-top:65px }
.culture li:nth-child(6n){ margin-right:0}
.culture li i{ width:100%; height:270px; float:left}
.culture li i img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.culture li .cwz{ width:100%; text-align:center; height:205px; background:#f7f7f7; padding:12px; box-sizing:border-box}
.culture li .cwz b{ width:100%; font-weight: bold; font-size:20px; line-height:22px; color:#bdbebe; padding:20px 0; border-bottom:1px solid #c8c8c9; box-sizing:border-box; float:left}
.culture li .cwz span{ float:left; width:100%; font-size:16px; line-height:30px; color:#000; margin-top:30px}
.culture li .cwz font{ float:left; width:100%; font-size:9px; height:20px; overflow:hidden; line-height:20px; color:#bdbebe; margin-top:10px}

.jzl{ width:100%; margin-top:20px}

/**制造基地**/
.jd{ width:100%; margin-top:20px}
.jd .jdul{ width:100%; margin-top:50px;}
.jd .jdul li{ width:32%; float:left; margin-right:2%; margin-bottom:15px;}
.jd .jdul li:nth-child(3n){ margin-right:0}
.jd .jdul li .jdimg{ width:100%; height:255px; overflow:hidden; position:relative}
.jd .jdul li .jdimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.jd .jdul li p{ width: auto; position:absolute; right:0; bottom:0; font:17px/30px "微软雅黑"; padding:0 10px; background:#4c87c3; color:#fff}


/**先进设备**/
.sb{ width:100%; margin-top:20px;}
.sbul{ width:73.5%; float:left;}
.sbul li{ width:49%; float:left; margin-right:2%;}
.sbul li:nth-child(2n){ margin-right:0}
.sbul li .sbimg{ width:100%; height:285px; overflow:hidden; position:relative}
.sbul li .sbimg img{width:100%; height:100%; display:inline-block; object-fit:cover}
.sbul li .sbwz{ width: auto; position:absolute; right:0; bottom:0; font:17px/30px "微软雅黑"; padding:0 10px; background:#4c87c3; color:#fff}
.sbjj{ width:25%; background:#e1eff8; border-left:5px solid #4c87c3; box-sizing:border-box; height:285px; position:relative; padding:60px 20px 0px 40px }
.sbjj:before{ content:""; width:5px; height:112px; background:#e60012; position:absolute; left:-5px; top:0;}
.sbjj b{ font-size:22px; color:#4c87c3} 
.sbjj .jjwz{ width:100%; font:14px/36px "微软雅黑"; margin-top:30px; color:#4c87c3}

/**优质选材**/
.xc{ width:100%; margin-top:20px;}
.xcul{ width:100%; margin-top:75px; text-align:center;display: flex;flex-wrap: wrap;}
.xcul li{ width:calc(100%/5); display:inline-block; background:#f7f7f7}
.xcul li:nth-child(2){ background:#eee}
.xcul li:nth-child(4){ background:#4c87c3}

.xcul li .xcimg{ width:100%; height:160px}
.xcul li .xcimg img{width:100%; height:100%; display:inline-block; object-fit:cover}
.xcul li .xcwz{ width:100%; height: auto; padding:60px 30px 0 30px; box-sizing:border-box; }
.xcul li .xcwz b{ width:100%; font: bold 72px/72px "微软雅黑"; float:left; border-bottom:1px solid #c8c8c9; padding-bottom:30px; color:#d8d8d8}
.xcul li .xcwz .xcnr{ width:100%; font: bold 22px/33px "微软雅黑"; margin:45px 0 60px; color:#262626}
.xcul li:nth-child(4n) .xcwz b,.xcul li:nth-child(4n) .xcwz .xcnr{ color:#fff}

/**资质荣誉**/
.honor{ width:100%}
.honorbg{ width:100%;background:url(../img/honorbg.jpg) no-repeat center center; background-size:cover; margin-top:70px; padding:90px 0 }
.gsjj{ width:100%; padding:0 11%; box-sizing:border-box }
.abt_pic{height: auto;}
.abt_pic h3{height: 50px;font-weight:normal;text-align:center}
.abt_pic h3 span{ display:inline-block;font-size: 22px; border-radius:10px;line-height: 75px;height:75px;width: 270px;text-align:  center; background:rgb(255,255,255,0.6); margin:0 20px;}
.abt_pic h3 span a{color: #262626;text-decoration:  none;}
.abt_pic h3 span.cur{background:#4c87c3;}
.abt_pic h3 span.cur a{color: #fff;font-weight: normal;text-decoration:  none;}
.abt_pic h3 .more{float: right;font-size: 15px;line-height: 44px;color: #828282;font-style:  initial;}
.abt_pic h3 .more a{ text-decoration:none; padding-right:20px;}
.fengcai{position: relative; margin-top:120px}
.fengcai li{float: left;width: 280px ;height: 355px;overflow: hidden;margin-right: 22px; text-align:center;display: flex;
            align-items: center; /*定义body的元素垂直居中*/
            justify-content: center; /*定义body的里的元素水平居中*/
}
.fengcai li img{ max-width:100%; max-height:100%;}
.fengcai .sprev{position:absolute;width: 46px;height: 101px;background: url(../img/aprev.png) no-repeat;left: -56px;z-index: 100;top: 114.5px;}
.fengcai .snext{position:absolute;width: 46px;height: 101px;background: url(../img/anext.png) no-repeat;right: -62px;z-index: 100;top: 114.5px;}
.fengcai .sprev:hover{background:url(../img/aprev.png) no-repeat}
.fengcai .snext:hover{background:url(../img/anext.png) no-repeat}

/**关于我们--省级研究院**/
.yjy{ width:100%;}
.yjywz{ width:100%; background:url(../img/yjy.png) no-repeat center center; font:14px/30px "微软雅黑"; color:#707070; text-align:center; padding:0 16%; box-sizing:border-box; margin-top:65px}
.yjywz div img{ max-width:100%}
.yjyul{ width:100%; margin-bottom:200px; margin-top:40px}
.yjyul li{ width:100%; float:left; margin-top:70px}
.yjyul li .szbt{ width:100%; font:normal 24px/36px "微软雅黑"; color:#4d87c3; margin-bottom:60px}
.yjyul li .szbt em{ font: bold 36px/36px impact; margin-right:10px}
.yjyul li .szbt span{  font:normal 24px/36px "微软雅黑"; color:#4d87c3}
.yjyul li .szbt i{ width:76%; height:1px; background:#4d87c3; margin-top:17.5px}
.yjyul li .fristimg{ width:100%;}
.yjyul li .fristimg .yp1{ width:49%; height:365px; float:left; margin-right:2%;}
.yjyul li .fristimg .yp1:nth-child(2){ margin-right:0}
.yjyul li .fristwz{ width:100%; float:left; font:14px/30px "微软雅黑"; color:#707070; text-align:center; margin-top:30px}
.yjyul li .yjyimg{ width:54%; height:330px}
.yjyul li .yjyimg img,.yjyul li .fristimg .yp1 img{width:100%; height:100%; display:inline-block; object-fit:cover}
.yjyul li .yjywz1{ width:41.25%;font:14px/30px "微软雅黑"; color:#707070}


/**关于我们--合作伙伴**/
.parnet{ width:100%}
.parnetul{ width:100%; margin-top:70px; text-align:center}
.parnetul li{width: 17%; float:left;margin-right: 3.75%; margin-bottom:25px}
.parnetul li:nth-child(5n){ margin-right:0}
.parnetul li .parimg{ width:100%; height:99px; box-sizing: border-box; border:1px solid #ebebeb; overflow:hidden; border-radius:5px}
.parnetul li .parimg img{width:100%; height:100%; display:inline-block; object-fit:cover}

/**关于我们--营销网络**/
.network{width:100%; margin-top:20px; margin-bottom:200px}
.network .netwz{ width:100%; font-size:17px; text-align:center; margin:55px 0 45px}
.network .netimg{ width:100%;}
.network .netimg img{ max-width:100%}

/**联系我们--一站式服务定制流程**/
.lc{ width:100%;}
.mb_pcs {
    display: none;
}

.process {
	width: 100%; margin-top:50px
}

.process_top {
	width: 100%; font:bold 137px/137px "微软雅黑"; color:#ebedf4;
	position: relative;
	text-align: center;
}
.process_top b{ width:100%; float:left; color:#2c3238; font:bold 36px/36px "微软雅黑"; margin-top:-75px; z-index:99; position:relative}

.process_lx {
	width: 17.5%;
	height: 40px;
	border-radius:50px;
	background:#455772 url(../img/process_icon.png) no-repeat 24px;
	color: #fff;
	font: 16px/40px "微软雅黑";
	position: absolute;
	right: 0;
	top:65px;
	box-shadow: 0px 2px 10px rgba(9,106,219,0.33);
}

.process_two {
	width: 100%; margin-top:30px;
	background: url(../img/process_bk.jpg) no-repeat center #e4edf6;
	height:311px; z-index:99; position: relative;

}

.process_two img.process_img{
	position: absolute;
	left: -330px;
	top: -22px;
	z-index: 999;
}

.process_text li{
	position: absolute; text-align:center
}

.process_text li.process_li1 {
	top:110px;
	left: 345px;
}

.process_text li.process_li2 {
	top:188px;
	left: 500px;
}

.process_text li.process_li3 {
	top:50px;
	left: 648px;
}

.process_text li.process_li4 {
	top:155px;
	left: 770px;
}

.process_text li.process_li5 {
	top:60px;
	right: 230px;
}

.process_text li.process_li6 {
	top:185px;
	right: 120px;
}

.process_text li.process_li7 {
	top:95px;
	right:0px;
}

.process_text li p {
	font: 20px/20px "微软雅黑";
	color: #000000;
	margin-top: 6px;
	transition: ease .65s;
}

.process_text li img {
	transition: all 2s; 
}

.process_text li:hover img {
	transform: rotateY(180deg);
}

.process_text li:hover p {
	color: #4c87c3;
}

/**营销网络+联系我们**/
.netfeed{ width:100%; background:#dcdcdc; padding:50px 0; box-sizing:border-box; margin-top:90px; margin-bottom:140px}
.cnet{ width:46%;}
.cnet .cnetwz{ width:100%; float:left; font:18px/40px "微软雅黑"; color:#505459}
.cnet i{ width:60px; height:1px; background:#aaa; float:left; margin:45px 0} 

.ccot{ width:54%;}
.ccot .fmsg{ width:100%;}
.ccot .fmsg .f1{ width:49%; height:55px; box-sizing:border-box;display:inline; background:#fff !important; overflow:hidden; margin-bottom:25px}
.ccot .fmsg .f1 input{ width:100%; height:55px; text-indent:20px; font-size:18px; line-height:60px;  }
.ccot .fmsg .f2{ position:relative}
.ccot .fmsg input[type=text]{ color:#6a6a6a !important; background:#fff;line-height:55px; height:55px}
.ccot .fmsg textarea{ width:100%; height:205px;background:#fff;  box-sizing:border-box;text-indent:20px; font-size:18px; line-height:55px; overflow:hidden; }
.ccot .fmsg .button{ width:30%; font:24px/55px "微软雅黑"; color:#fff;  background:#4c87c3; margin-top:25px}
.ccot .fmsg select{ width:40%; height:55px; background:url(../img/ly.png) no-repeat center right 25px #fff;position:absolute; top:0; right:0 ;font-size:18px; line-height:55px; padding:0 10px; color:#bebcbb}
.ccot .fmsg .simg{  width:18px; height:16px; position:absolute; top:22px; right:20px; background:url(../img/ly.png) no-repeat center center}
.ccot .fmsg  input::-webkit-input-placeholder,.ccot .fmsg  select::-webkit-input-placeholder ,.ccot .fmsg  textarea::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #bebcbb; 
} 
.ccot .fmsg  input:-moz-placeholder,.ccot .fmsg  select:-moz-placeholder,.ccot .fmsg  textarea:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #bebcbb; 
} 
.ccot .fmsg  input::-moz-placeholder ,.ccot .fmsg  textarea::-moz-placeholder{ 
/* Mozilla Firefox 19+ */ 
color: #bebcbb; 
} 
.ccot .fmsg  input:-ms-input-placeholder,.ccot .fmsg  textarea:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #bebcbb; 
}

/**联系我们-合作伙伴**/
.cpar{ width:100%; margin-top:60px; margin-bottom:60px}
/**案例展示**/
.chanps{ width:100%; float:left; padding-top:55px}
.cpTab{ width:auto; margin:0px auto; display:table;}
.cpTab span{float:left; width:220px; font:20px/65px "微软雅黑";  cursor:pointer; border:1px solid #b7b7b7; box-sizing:border-box; border-radius:10px; text-align:center; color:#2b2b2b; margin-right:9px}
.cpTab span.cur , .cpTab span:hover{color:#fff; background:#4c87c3;}
.hov1{ position:absolute; right:10px; top:25px}
.cpCont{width:100%; overflow:hidden; display:none; margin-top:70px}
.cpCont li{float:left; margin:0 1.16%; width: 31% !important;}
.cpCont li:nth-child(2n+0){ margin-top:40px}
.cpCont li .cimg{ width:100%;  height:490px; position:relative; border-radius:20px; overflow:hidden}
.cpCont li .cimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.cpCont li .cimg h5{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(../img/cbg.png) repeat-x bottom}
.cpCont li .cimg h5 p{ width:90%; position:absolute; left:5%; bottom:20px; font:20px/42px "微软雅黑"; color:#fff}
.cpCont li .cimg h5 p i { width: 42px; height: 42px; float:right; display: block; border-radius: 10px; background-repeat: no-repeat; background-position: center center; transition: all .5s; background-image:url(../img/c_next.png); border:1px solid #fff;}

.btns { width: auto; float:right; margin-top:55px;height: auto; z-index: 5; }
.btns a:hover { background-color: #4c87c3;}
.btns a {width: 66px;  height:66px; background:#999; display: block; border-radius: 10px;  background-repeat: no-repeat;  background-position: center center; transition: all .5s; }
.btns a.prev { float: left; margin-right:3px; background-image: url(../img/index_prev.png); }
.btns a.next { float: right; background-image: url(../img/index_next.png); }

/****/

/**服务支持**/
@font-face{
            font-family: 'Comfortaa-Bold';
			src:url(http://wdifjpr.w352.ezwebtest.com/images/Comfortaa-Bold.ttf);
}
@font-face{
            font-family: '幼圆';
			src:url(../font/幼圆.ttf);
}
.serzl{ width:100%; margin-top:70px}
.serzl .zldiv{ width:52.5%; 
/*background:url(http://wdifjpr.w352.ezwebtest.com/images/serb.png) no-repeat left top;*/
padding:70px 0 70px 45px; box-sizing:border-box;}
.serzl .zldiv h2{ width:100%; float:left;font:30px/40px "微软雅黑"; color:#000}
.serzl .zldiv .line{ width:40px; height:3px; background:#d8d8d8; margin:20px 0}
.serzl .zldiv h3{ width:100%; float:left;font:16px/24px "微软雅黑"; color:#4c4c4c; margin-bottom:40px}
.serzl .zlimg{ width:42%; position:relative}
.serzl .zlimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.serzl .zlimg .kuai{ width:104px; height:237px; position:absolute; left:0; bottom:0}

.sermin{ width:100%; height:500px; 
/*background:url(http://wdifjpr.w352.ezwebtest.com/images/sermin.jpg) fixed; */
margin:70px 0; padding:200px 100px; box-sizing:border-box;text-align:center; color:#fff;}
.sermin h2{ font:normal 18px/25px Comfortaa-Bold;  text-transform:uppercase; letter-spacing:8px}
.sermin h3{ font:normal 36px/45px 幼圆;  text-transform:uppercase; letter-spacing:35px; margin-top:15px}

.serdiv{ width:100%;}
.serdiv li{ width:100%; float:left; margin-bottom:100px}
.serdiv li .pic{ width:44%;}
.serdiv li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.serdiv li .anr{ width:52%;}
.serdiv li .anr .wzl{ width:100%; font: bold 36px/60px "微软雅黑"; color:#000; margin-top:45px}
.serdiv li .anr .wzl i{ width:60px; float:left; margin-right:10px}
.serdiv li .anr .wzl i img{ max-width:100%}
.serdiv li .anr .axq{ width:100%; margin-top:60px; float:left; font:16px/35px "微软雅黑"; color:#4c4c4c}

.conlx{ width:100%; background:url(../img/conlx.png) no-repeat center top; margin-top:90px}
.contarea{ width:56%; display:inline; margin-top:45px; text-align:center}
.contarea .bt{ font:20px/50px "微软雅黑"; color:#333}
.contarea .line{ width:50px; height:1px; background:#4c87c3; display:inline-block}
.contarea li{ width:100%; display:inline-block; color:#000;  box-sizing: border-box; margin-bottom:38px}
.contarea li:nth-child(5){ margin-right:0}
.contarea li i{ width:30px; float:left; margin-right:10px;}
.contarea li i img{ max-width:100%}
.contarea li b{ width:auto; float:left; font:normal 18px/30px "微软雅黑"; color:#505459; }
.contarea li b font{ display:none}
.contarea li b span{color:#000; margin:0 30px }

.contarea li:nth-child(2) p,.contarea li:nth-child(3) p{ padding:0 15%; box-sizing:border-box}

.lxqrcode{ width:100%; height: auto; margin-top:0px}
.lxqrcode .wk{ width: auto; float:left; text-align:center; margin:0 60px 0px 0}
.lxqrcode .wk:last-child{ margin-right:0}
.lxqrcode .wk .pic{ width:135px; text-align:center }
.lxqrcode .wk .pic img{ max-width:100%}
.lxqrcode .wk .wz{ font:14px/20px "微软雅黑"; color:#000; margin-top:10px; display:inline}
.conlx_img{ width:44%; height:375px;margin-top:45px; }
/*.conlx_img img{ width:100%; height:100%; display:inline-block; object-fit:cover}*/
.conmap{width:100%;height:375px;}

.confeed{ width:100%; border:1px solid #d1d1d1; box-sizing:border-box; padding:70px 4% 40px 6%; margin-top:40px; margin-bottom:65px}
.confeed .fewm{ width:15%;}
.confeed .fewm h2{ font: bold 30px/40px "微软雅黑"; color:#383838;}
.confeed .fewm .line{ width: 60px; height:1px; background:#000; margin-top:25px; margin-bottom:30px}
.confeed .fewm .wk{ width:100%; margin-bottom:15px; display:inline; margin-top:10px}
.confeed .fewm .wk .pic{ width:100%; text-align:center }
.confeed .fewm .wk .pic img{ max-width:100%}
.confeed .fewm .wk .wz{ font:18px/20px "微软雅黑"; color:#000; margin-top:10px; display:inline}



.contbg{position: relative;padding: 70px 0px 120px;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;color: #fff; background:url(../img/contact_bg.jpg) no-repeat}
.contbg .cbt{ font:35px/60px "微软雅黑"; color:#fff; font-weight:bold}
.contbg .c1{ width:26%; height:50px; margin-right:11%; display:inline; border-bottom:solid 1px #fff; font:16px/50px "微软雅黑"; color:#fff; background:none}
.contbg .c1:last-child{ margin-right:0}


/**新闻资讯**/
.f-cb { zoom: 1;}
.channew{ width:100%; float:left; padding-top:60px}
.newTab{ width:auto; float:right; position:absolute; top:160px; right:18.75%; text-align:center;}
.newTab span{ display:inline-block;width: auto; padding:0 40px; font:21px/51px "微软雅黑";  cursor:pointer;box-shadow: 0px 0px 27px 6px rgba(77,135,195,0.32);-webkit-box-shadow: 0px 0px 27px 6px rgba(77,135,195,0.32);-moz-box-shadow: 0px 0px 27px 6px rgba(77,135,195,0.32); box-sizing:border-box; border-radius:10px; text-align:center; color:#2b2b2b; margin:0 15px}
.newTab span.cur1 , .newTab span:hover{color:#fff;background: linear-gradient(180deg, #4d87c3, #5699df);}

.npic{ width:48.5%; height:515px;}
.npic img{ width:100%; height:100%; display:inline-block; object-fit:cover; overflow:hidden; border-radius:40px}

.newCont{ width:100%; float:left}
.newCont ul{ width:49%; height:515px; float:right}
.newCont ul li{ width:100%; height:calc(100%/3); float:left; box-sizing:border-box; padding:40px 30px 30px 20px; background:#fff}
.newCont ul li:nth-child(1){ border-left:8px solid #fd875c}
.newCont ul li:hover:nth-child(1){ background:#fd875c}
.newCont ul li:nth-child(2){ border-left:8px solid #5cc6fd}
.newCont ul li:hover:nth-child(2){ background:#5cc6fd}
.newCont ul li:nth-child(3){ border-left:8px solid #ff95b0}
.newCont ul li:hover:nth-child(3){ background:#ff95b0}
.newCont ul li .ndate{ width:18%; float:left; color:#4d87c3}
.newCont ul li .ndate span.d1{ width:100%; float:left; font:bold 48px/48px "微软雅黑"}
.newCont ul li .ndate span.d2{ width:100%; float:left; font:bold 18px/18px "微软雅黑"; margin-top:12px}
.newCont ul li .nr{ width:80%; float:right}
.newCont ul li .nr .bt{ width:100%; float:left; font-size:21px; height:25px; color:#000; margin-bottom:20px; overflow:hidden; text-decoration:none}
.newCont ul li .nr .vwz{ width:100%; float:left; font:16px/30px "微软雅黑"; height:60px; overflow:hidden; color:#8b8b8b}
.newCont ul li:hover .nr .bt,.newCont ul li:hover .nr .vwz{ color:#fff}
.newCont ul li:hover .ndate{ color:#fff}

.newsdiv { height: auto; width:100%; position:relative; }
.newsdiv .newbt{ width:100%;}
.newsdiv .newbt .nwz_en{ width:100%; font:42px/42px SourceHanSansCN-Light; text-transform:uppercase; letter-spacing:6px;background-image:-webkit-linear-gradient(left,#4d87c3,#68daff);  -webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.newsdiv .newbt .nwz_cn{ width:100%;font:42px/42px "微软雅黑"; margin-top:15px }

.news_list{ width:100%}
.news_list li{ width:32%;  margin:0px 2% 35px 0; display:inline; float:left; overflow:hidden;}
.news_list li:nth-child(3n+0){ margin:0px 0 35px 0}
.news_list li .ndiv{ width:100%; padding:20px; box-sizing:border-box}
.news_list li .n_title{ width:100%; height:40px; font:18px/42px "微软雅黑"; color:rgb(0,0,0,0.6);  overflow:hidden}
.news_list li .n_data{ width:100%; height:33px; font:16px/33px "微软雅黑"; color:#4b4b4b; margin-top:25px}
.news_list li .n_data:after{ content:""; width: 73px; float:right;
    height: 33px;
    border: 1px solid #4c87c3;
    box-sizing: border-box; background: url(../img/jtright.png) no-repeat center center}
.news_list li .n_view{ width:100%;height:50px;display:inline;font:17px/25px "微软雅黑"; margin-top:5px; color:#4b4b4b; overflow:hidden}
.news_list li:hover .n_title{ color:#4c87c3}
.news_list li .pic{ width:100%; height:315px; overflow:hidden; }
.news_list li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.news_list li .btn{ width:150px; height:32px; background:#f1f1f1; font:14px/32px "微软雅黑"; color:#444; letter-spacing:2px !important; border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-webkit-border-radius:15px}
.news_list li .btn:hover{ background:#4c87c3; color:#fff}

.newsleft{ width:68.5%}
.newsleft .ndata{font:14px/42px "微软雅黑"; background:#eff1f6; color:#515151; text-indent:15px; margin-bottom:30px}
.newdh{ border-bottom:1px solid #d1d1d1; font:16px/75px "微软雅黑"; color:#959494}
.newdh i{ display: inline; float:left; margin-right:5px; margin-top:27.5px}
.newdh span{ color:#000}
.newdh .fan{ width:auto; font:18px/75px "微软雅黑"; color:#4d87c3; border-bottom:2px solid #4d87c3; box-sizing:border-box}
.newdh .fan em{ margin-right:10px}
.view_title{ width:100%; font:32px/32px "微软雅黑"; color:#000; margin-bottom:25px}
.news_title_s{width:100%; height:25px; font:14px/25px "微软雅黑"; color:#999}
.newsleft .view_wz{ font:14px/36px "微软雅黑"; color:#000; min-height:350px; display:inline;}
.newsleft .view_wz img{ max-width:100%;}

.news_sxy{ width:100%; margin-top:50px; display:inline; margin-bottom:200px}
.news_sxy a,.news_sxy div{ height:40px; font:14px/40px "微软雅黑"; color:#666; line-height:40px; overflow:hidden}
.news_sxy a:hover{ color:#4c87c3}

.newsright{ width:27%; padding:30px; min-height:600px; display:inline; box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.15); box-sizing:border-box !important}
.newsright .bt{ font:28px/35px "微软雅黑"; color:#000; text-indent:15px;border-left:4px solid #0453b0;}
.newsright .list{}
.newsright .list .pic{ width:100%; height:180px}
.newsright .list .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.newsright .list a{ margin-top:20px; display:inline;}
.newsright .list a .wz{ font:16px/44px "微软雅黑"; color:#000}
.newsright .list a:hover .wz{ color:#4c87c3}
.newsright .list a .dz{ font:14px/44px "微软雅黑"; color:#999}

.ny_left{ width:20%}
.ny_left .ntitle{ padding:20px 0; background:#4c87c3; border-top-left-radius:5px;border-top-right-radius:5px;}
.ny_left .ntitle .n_ch{ width:100%; font:24px/50px "微软雅黑"; color:#fff; font-weight:bold}
.ny_left .ntitle .n_en{ width:100%; font:14px/20px Arial; color:#fff}
.ny_left .l_dh{}
.ny_left .l_dh li{border-top:solid 1px #ccc; float:left; background:#f5f5f5}
.ny_left .l_dh li:first-child{ border-bottom:none}
.ny_left .l_dh li .wz{ height:52px; font:16px/52px "微软雅黑"; color:#666; overflow:hidden; text-indent:35px}
.ny_left .l_dh li a.wz:hover,.ny_left .l_dh li.mb .wz{color:#4c87c3; background:#efefef}
.ny_left .l_dh li.mb .wz:hover{ color:#4c87c3}
.ny_left .l_dh li .epdh{ width:100%; background:#f8f8f8; display:none}
.ny_left .l_dh li .epdh a{ width:100%; height:44px; font:14px/44px "微软雅黑"; color:#666; border-bottom:dashed 1px #ccc; text-indent:35px}
.ny_left .l_dh li .epdh a:last-child{ border-bottom:none}
.ny_left .l_dh li .epdh a:hover{color:#4c87c3}


.ny_right{ width:78%}
.ny_right .nybt{ height:75px; background:#f5f5f5; font:16px/75px "微软雅黑"; color:#333; text-indent:30px}

.nypt{ padding-top:140px}
/**内页产品分类**/
.pfldiv{ width:22%; box-sizing:border-box; }
.qtgd{ margin-top:290px}
.qtgd2{ margin-top:277px}
.qtgd3{ margin-top:200px}
.mb30{ margin-bottom:30px}
.pfldiv .pml{ width:100%; font:28px/28px "微软雅黑"; color:#fff;}
.pfldiv .pqb{width:100%; font:21px/21px "微软雅黑"; color:#fff; margin:15px 0 25px}
.menu_list{width:100%; background:#fff; box-sizing:border-box; margin-bottom:120px}

.menu_head{line-height: 20px; 
	font-size: 20px; font-weight:bold;
	color: #4c87c3;
	cursor: pointer; border-left:4px solid #4c87c3; box-sizing:border-box; padding-left:35px;
	position: relative;
	margin: 0px;
	
}
.menu_list .current{ color:#0a4a8b; }
.menu_body{
	line-height: 36px; margin:30px 0

	
}
.menu_body a{display:block;height: auto;line-height:34px;padding-left:39px;color:#505459; font-size:18px}
.menu_body a:hover{text-decoration:none;}

.nydiv{ width:76%}
/**内页产品展示**/

.prolist{ width:100%}
.prolist li{ float:left; margin-right:2.75%; margin-bottom:35px; width: 31.5% !important; box-sizing:border-box;overflow:hidden;}
.prolist li:nth-child(3n+0){ margin-right:0}
.prolist li a .pic{width:100%;  height: auto;  overflow:hidden; background:#fff;}
.prolist li a .pic img{ width:100%;}
.prolist li:hover{}
.prolist li .pwznr{ width:100%; padding:15px; box-sizing:border-box; background:#f5f5f5}
.prolist li .pwznr p{ width:100%; float:left;font: bold 18px/30px "微软雅黑"; height:30px; overflow:hidden;color:#000; }
.prolist li:hover .pwznr{ background:#4c87c3;  color:#fff; }
.prolist li .pwznr p{
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*overflow: hidden!important;*/
    /*height: auto!important;*/
    
}
.prolist li:hover .pwznr p,.prolist li:hover .pwznr .pxh{ color:#fff}
.prolist li .pwznr .pxh{width:100%; float:left; font:16px/16px "微软雅黑"; color:#a0a0a0; height:16px; overflow:hidden}

.pro_pic{ width:60%; border:solid 1px #ccc}
.pro_pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.ptitle{ width:100%; font:26px/35px "微软雅黑"; color:#000; border-left:2px solid #4d87c3; text-indent:8px}
.proright{ width:40%; margin-top:55px}
.proright .pvwz{ font:16px/28px "微软雅黑"; color:#000; min-height:245px; border-bottom:1px solid #ddd; box-sizing:border-box; margin-top:20px}

.proright .teleft{ width:70%; margin-top:35px}
.proright .teleft li{ width:100%; float:left; margin-bottom:20px}
.proright .teleft li i{ width:53px; height:53px; float:left; margin-right:10px}
.proright .teleft li p{ width:auto; float:left; font:20px/30px "微软雅黑"; color:#4c87c3}
.proright .teleft li p span{ width:100%; float:left;font:18px/22px "微软雅黑"; color:#000 }

.proright .teright{ width:30%; font:24px/60px "微软雅黑"; color:#fff; background:#4d87c3; text-align:center; margin-top:65px}
.proright .teright:hover{ background:#1159a4}

.pvsc{width:100%; margin-top:30px; border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0;  border-right:1px solid #c0c0c0;  box-sizing:border-box; overflow:hidden; border-radius:5px;font:14px/22px "微软雅黑"; color:#000;}
.scjs{ width:100%;font:14px/22px "微软雅黑"; color:#000; border-bottom:1px solid #c0c0c0;box-sizing:border-box; padding:35px}
.pcs{ width:100%; margin-top:30px; background:#e4edf6; border-radius:5px; padding:40px; box-sizing:border-box; font:15px/28px "微软雅黑"; color:#000;}
.pcs p{ font:15px/28px "微软雅黑"; color:#000;padding:20px 0;}
.pcs div{ font:15px/28px "微软雅黑"; color:#000;}
.csbt{ width:30%; color:#000; font-size:14px; padding:10px 0; text-align:center; box-sizing:border-box; border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0; text-align:left; padding-left:35px; box-sizing:border-box}
.csb1{ width:70%;box-sizing:border-box; padding:10px 0 10px 35px; border-bottom:1px solid #c0c0c0;}
.csb2{ width:70%;box-sizing:border-box; padding:10px 0 10px 35px;  border-bottom:1px solid #c0c0c0;}


#honor {
	width: 100%;
	padding: 0px 0px 0px; margin-bottom:200px
}

#honor ul {
	width: 100%;
	text-align: center;
	
	float: left;
}

#honor ul li {
	width: 33%;
	float: left;
	margin-bottom: 20px;
	position: relative;
}

#honor ul li img {
	max-width: 360px;
max-height: 230px;
}

#honor ul li dl {
	display: table; 
width: 100%;
height: 250px;
}

#honor ul li dt {
	display: table-cell;
vertical-align: bottom;
}

#honor ul li span {
	display: inline-block;
position: relative;
}

#honor ul li span::before{

/*background: url(http://wdifjpr.w352.ezwebtest.com/images/honor-ying.png) no-repeat right top;*/
position: absolute;
right: -24px;
top: 0;
height: 100%;
content: '';
width: 24px;
}

#honor ul li p {
height: auto  ;
margin: 0;
line-height: 25px;
padding-top: 15px;
overflow: hidden;
font-size: 18px;
color: #000;
}
/**内页产品展示**/
.prev{ }
.prev .pa,.prev .pb{ width: auto;height:50px;margin-top:8px;display:inline;font:18px/50px "微软雅黑";color:#fff; padding:0 40px; background:#4d87c3; overflow:hidden}
.prev .pa{margin-right:12px}
.prev a:hover{ background:#225e9b}

.pview_t{ width:100%; height:42px; border-bottom:solid 1px #eee; margin-top:30px; display:inline; position:relative}
.pview_t .wz1{ width:auto; height:43px; background:#000; padding:0 35px; display:inline; position:absolute; left:0; bottom:0; font:15px/43px "微软雅黑"; color:#fff}
.pro_view{width:100%; padding:30px 25px; box-sizing:border-box !important; border:solid 1px #eee; border-top:none; display:inline;font:14px/32px "微软雅黑"; color:#666}
.pro_view img{ max-width:100%}


.page{ width: auto; height:32px; margin-top:35px; display:inline; margin-bottom:200px}
.page a,.page a.pb{height:32px;padding:0 10px;margin:3px 3px 0;display:inline;font:14px/32px "微软雅黑"; color:#333;  box-sizing:border-box; border:1px solid #999; float:left; line-height:32px}
.page a.pa{background:#aaa}
.page a:hover,.page a.pb{ background:#4c87c3; color:#fff}
.page span{font:14px/32px "微软雅黑"; color:#fff; margin:3px 3px 0; display:inline; background:#4c87c3; padding:0 10px; float:left}
.hd{ background:#c8c8c8}

.lxdiv{width:100%; background:url(../img/lx.jpg) no-repeat center center;background-attachment: fixed;background-size: cover; padding:60px 0 20px}
.lxdiv .lxfy{writing-mode: vertical-lr;writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/; font:bold 155px/155px "微软雅黑"; color:rgb(255,255,255,0.05); letter-spacing:5px;}	
.lxdiv .lxfs{ width:35%; margin-left:3%;}
.lxdiv .lxfs .lxul{ width:100%; margin-top:20px}
.lxdiv .lxfs .lxul li{ width:100%; float:left; margin-bottom:50px}
.lxdiv .lxfs .lxul li:last-child{ margin-bottom:0}
.lxdiv .lxfs .lxul li span{ width:100%; float:left;font:20px/35px ALMAO; color:#fff}
.lxdiv .lxfs .lxul li span i{ width:35px; height:35px; float:left; margin-right:10px}
.lxdiv .lxfs .lxul li span i img{ max-width:100%}
.lxdiv .lxfs .lxul li font{ width:100%; float:left;font:20px/35px "微软雅黑"; color:#fff}
.lxdiv .lxfs .lxul li font:before{ content:""; width:35px; height:2px; background:#4d87c3; float:left; margin-top:16.5px; margin-right:10px}
.lxbt{ width:100%; float:left; font: bold 38px/38px "微软雅黑"; color:#fff; margin:40px 0 50px}

.lxdiv .fmsg{ width:42%; }
.lxdiv .fmsg .f1{ width:49%; height:60px;color:#6a6a6a !important; box-sizing:border-box;display:inline; border:1px solid #fff; box-sizing:border-box; background:rgb(255,255,255,0.05);overflow:hidden; margin-bottom:40px}
.lxdiv .fmsg .f1 input{ width:100%; text-indent:20px; font-size:18px; line-height:60px;  }
.lxdiv .fmsg .f2{ position:relative}
.lxdiv .fmsg input[type=text]{ color:#fff !important; background:rgb(255,255,255,0.05); line-height:60px; height:60px}
.lxdiv .fmsg textarea{ width:100%; height:175px; background:rgb(255,255,255,0.05); border:1px solid #fff; box-sizing:border-box;text-indent:20px; font-size:18px; line-height:60px;overflow:hidden; }
.lxdiv .fmsg .button{ width:25%; font:21px/50px "微软雅黑"; color:#4c87c3; margin-top:40px;  background:url(../img/casex.jpg) no-repeat left center #e1eff8; }
.sel{width:30%; height:60px; position:absolute; top:0; right:0 ;font-size:18px; line-height:60px; background: url(../img/ly.png) no-repeat center right 25px #eff2f5}
.lxdiv .fmsg select{width:30%; height:60px; position:absolute; top:0; right:0 ;font-size:18px; line-height:60px; background: url(../img/ly.png) no-repeat center right 25px #eff2f5; padding:0 15px}
.lxdiv .fmsg .simg{  width:18px; height:16px; position:absolute; top:22px; right:20px; background:url(../img/ly.png) no-repeat center center}



.foot{width:100%; height:auto; z-index:1; position:relative; background:#283140;display:inline; padding-top:65px; box-sizing:border-box;color:#fff;}
.f_logo{ width:28%}
.f_logo .logoimg{ width:100%;}
.f_logo .logoimg img{ max-width:100%}
.foot .fqrcode{ width:100%; height: auto; margin-top:30px}
.foot .fqrcode .wk{ width: auto; display:inline-block; text-align:center; margin:0 60px 0px 0}
.foot .fqrcode .wk:last-child{ margin-right:0}
.foot .fqrcode .wk .pic{ width:135px; text-align:center }
.foot .fqrcode .wk .pic img{ max-width:100%}
.foot .fqrcode .wk .wz{ font:14px/20px "微软雅黑"; color:#fff; margin-top:10px; display:inline}
.zmt{ width: 100%; float:left; margin-top:30px}
.zmt li{ width:50px; height:50px; border-radius:50%; float:left; border:1px solid #fff; margin-right:17px;display: flex;
            align-items: center; /*定义body的元素垂直居中*/
            justify-content: center; /*定义body的里的元素水平居中*/}
.zmt li img{ max-width:100%}
.zmt li:hover{ background:#4d87c3}
.zmt a:last-child li{ margin-right:0}


.navigation {width:56%; box-sizing:border-box; margin-top:55px}
.navigation dl {width:calc(100%/4); float:left;text-align: left;vertical-align: top;}
.navigation dl dt {font-size: 19px; font-weight:bold;color: #fff;padding-bottom:30px;font-family:"微软雅黑"}
.navigation dl dd {	width: 100%;}
.navigation dl dd a {color: #7191bb; font:14px/30px "微软雅黑";display: block;}
.navigation dl dd:hover a{ color:#fff}



.flink{ padding:35px 0 20px;font:16px/30px "微软雅黑"; color:#7191bb; text-align:right}
.flink .lbt{ font:18px/30px "微软雅黑"; width:100%; float:left; margin-bottom:15px}
.flink a{ font:16px/30px "微软雅黑"; color:#7191bb; text-decoration:underline}
.fbt{ text-align:right; width:100%; font: 14px/30px "微软雅黑";color:#fff; margin-bottom:30px}
.fbt .fwz a{ color:#fff}

/**.nav{ width:100%; padding:5px 0; background:#fff; border-bottom:solid 1px #eee; position:fixed; left:0; top:0; display:none;  z-index:99}
.nav .logo{ height:45px; margin-left:3%}
.nav .logo img{ width:auto; height:45px}
.nav .nav_icon{ height:35px; margin:5px 3% 0 0}
.nav .nav_icon img{ width:auto; height:35px}

.nav_menu{ width:100%;height:100%; position:fixed; right:0; top:0; z-index:99999}
.nav_menu .left{ width:42%; min-height:100%; float:left; background:#000; opacity:0.5; filter:alpha(opacity=40); margin:0;}
.nav_menu .right{ width:58%; max-height:100%; min-height:100%; float:right; background:url(../images/tm_b90.png); overflow:scroll}
.nav_menu .right .list{ width:100%; margin-top:20px; padding-bottom:80px; display:inline}
.nav_menu .right .list li{ width:92%; margin:0 4%; float:left; position:relative}
.nav_menu .right .list li .mz{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:10px; border-bottom:solid 1px #fff}
.nav_menu .right .list li dl{ width:100%; float:right}
.nav_menu .right .list li dl dd{ width:100%; float:left; border-bottom:dashed 1px #fff}
.nav_menu .right .list li dl dd a{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:20px}
.nav_menu .right .list li .wz{ font:13px/30px "微软雅黑"; color:#eee; margin:10px 40px 0 0; display:inline}
*/
.kong{ width:100%; height:67px; display:none; clear:both; float:left}
.footer{ width:100%; padding:6px 0;  background:#4c87c3; position:fixed; left:0; bottom:0; display:none; z-index:99999}
.footer a{ width:25%}
.footer a .icon,.footer a .icon img{ width:auto; height:34px}
.footer a .wz{ width:100%; margin-top:3px; font:12px/18px "微软雅黑"; color:#fff; text-align:center}

.feed_wz{ width:100%; font:14px/30px "微软雅黑"; color:#666;}
#mob_tab{ display:none}

.big_title{ width:100%; height:70px; font:30px/50px "微软雅黑"; color:#ffaa42; text-align:center; margin-top:5px; display:inline; border-bottom:dashed 1px #ccc}
.big_title span{ font-size:18px; color:#999}
.sp_wz{ width:100%; margin-top:35px; display:inline; font:16px/32px "微软雅黑"; color:#666}

.clear{ clear:both; display:block}

@media screen and (max-width: 1750px)
{
.fbt .zmt{ right:3%}
.main,.main1 {
    width: 98%;
}	
.head{ padding:20px 2%;}
.banner1{ margin-top:88.5px;}
.par_box ul li {width:192px !important;height: auto; margin:0 5.5px;}
}


@media screen and (max-width: 1620px)
{
.nav{ margin-left:3%}
}

@media screen and (max-width: 1580px)
{
.banner{ margin-top:50px}

.topmeau li .mz { padding: 0 25px;}
.goodlist { width: 282px;}
.title .wz_cn, .title1 .wz_cn {font: bold 40px/40px "微软雅黑";}
.title .wz_en, .title1 .wz_en {font: bold 35px/35px "微软雅黑";}
.pcmore,.camore{ font-size:16px}
.promc {font: bold 18px/18px "微软雅黑"; margin-bottom:20px;padding-left:20px}
.proTab span{ font:14px/30px "微软雅黑";padding-left: 24px;}
}

@media screen and (max-width: 1500px)
{
.nav>ul>li>a{ font-size:16px}
.t_tel{ font:20px/40px "微软雅黑";}

}
@media screen and (max-width: 1450px)
{
.menu_body a{ padding-left:20px; font-size:15px}	

.nav .subnav2 .item{ width:350px}
.nav .subnav2 .item dl a.mz{ font:12px/28px "微软雅黑"}
.contarea li b{ font:16px/30px "微软雅黑"}
.contarea li b span{ margin:0 20px}
}
@media screen and (max-width: 1380px)
{

.head {
    padding: 20px 1%;
}
.nav>ul>li>a {
    font-size: 14px;
}
.ajs {font: 16px/28px "微软雅黑";}
.xcul li .xcwz .xcnr { font: bold 20px/28px "微软雅黑";}
.sbul li .sbwz,.jd .jdul li p{ font:14px/30px "微软雅黑"}
.sbul li .sbwz b {font: bold 22px/22px "微软雅黑";}

.sbjj{ padding:40px }
.sbjj .jjwz{ font:12px/30px "微软雅黑"}
.foot .fcont{font: bold 35px/35px "微软雅黑";}
.alist .count .wz2 span { font: bold 30px/40px "微软雅黑";}
.alist .count .wz1 { font: 18px/25px "微软雅黑";}

.title .wz_cn, .title1 .wz_cn {
    font: bold 35px/35px "微软雅黑";
}

.main,.main1{ width:96%}

.sermin,.aboutmin{ height:auto; margin: 70px 0; padding: 120px 50px;}

.aboutbot { height:auto; padding: 120px 50px;}
.probanner,.proright{ width:100%;}
.netfeed .conbt {font: 30px/50px "微软雅黑";}
.cnet .cnetwz{ font:16px/40px "微软雅黑"}
.ccot .fmsg .f1 input,.ccot .fmsg textarea,.ccot .fmsg select{ font-size:16px}
.ccot .fmsg select{ width:35%}
.ccot .fmsg .button{ font:16px/55px "微软雅黑"}
}
@media screen and (max-width: 1280px)
{
.banner{ margin-top:80px}
.nav .subnav2 .item{ width:350px; margin:0 20px}
.nav .subnav5{ width:200% !important}
.aboutjs .jswz {font: 16px/33px "微软雅黑"; margin-top:30px}
.xcul li .xcwz b {font: bold 60px/60px "微软雅黑";}
.xcul li .xcwz .xcnr {
    font: bold 18px/24px "微软雅黑";
}
.abt_pic h3 span {font-size: 18px;line-height: 60px; height: 60px;  width: 200px;  margin: 0 15px;}
}
@media screen and (max-width: 1250px)
{
.nyabout{ margin-top:90px}
.contarea{ width:60%;}
.conlx_img{ width:40%}
.nav{ width:60%}
.lxdiv{ padding:60px 0}
.foot .fqrcode .wk .pic { width: 125px;}
.fbt,.fbt div{ text-align:left}
.lxdiv .lxfs .lxul{ margin-top:0}
.lxdiv .lxfs .lxul li font { font: 18px/35px "微软雅黑";}
.lxdiv .lxfy{ font:bold 120px/120px "微软雅黑"}
.title .wz_cn, .title1 .wz_cn,.asz li .szbg,.lxbt{
    font: bold 30px/30px "微软雅黑";
}
.title .wz_en, .title1 .wz_en {
    font: bold 25px/25px "微软雅黑";
}
.asz li .szwz { font: 16px/16px "微软雅黑";}
.index-lc ul li p{ font-size:16px}
.chanpro,.chancase{ padding-top:40px}
.ghdiv{ margin-top:40px}
.newTab{ right:2%}

.proCont li .pimg{ height:200px}
.prcname {font: bold 16px/16px "微软雅黑";}
.about_nr p{ font-size:18px;    margin: 25px 0 15px;}
.about_wz { font: 14px/28px "微软雅黑";}
.about_nr .asz li .szbg {font: bold 30px/68px "微软雅黑";}
.about_nr .asz li .szbg span { font-size: 16px;}
.about_nr .asz li .szwz {font: 18px/18px "微软雅黑";}
.npic,.newCont ul{ height:480px}
.newCont ul li .ndate span.d1 {font: bold 40px/40px "微软雅黑";}
.newCont ul li .nr .bt{ font-size:18px; height:20px}
.newCont ul li .nr .vwz{ font:14px/28px "微软雅黑"}
.foot .fmsg .f1 input,.foot .fmsg select,.foot .fmsg textarea{ font-size:16px}
.foot .fdh li a {font: 16px/28px "微软雅黑";}
.foot .fqrcode .flx {font: 25px/50px "微软雅黑";}
.flink a{ font:14px/30px "微软雅黑"}
}


@media screen and (max-width: 1200px)
{
.culture li i,.jd .jdul li .jdimg{ height:200px}
.xcul li .xcwz{ padding:40px 20px 0}
.xcul li .xcwz b {
    font: bold 40px/40px "微软雅黑";
}
.xcul li .xcwz .xcnr {
    font: bold 16px/22px "微软雅黑"; margin:30px 0 0
}
.nypt {
    padding-top: 90px;
}
.mod18 .cf a{width:980px;}
.mod18 .picBox li{width:980px;}
#honor ul li img {
    max-width: 300px;
    max-height: 230px;
}
.pfldiv{ display:none}
.prolist{ width:100%}
.nydiv{ width:100%;}


.t_tel {
    font: 16px/40px "微软雅黑";}
.t_ss img{ max-width:80%}
.nav .subnav2 .item{ width:300px}
.pclass .main{ width:100%}
.about_nr .bt{ font-size:30px}
.alist .count .wz2{ font-size:24px}
.topic .logo img{ height:40px}
.topmeau li .mz{ padding:0 15px}
.ys_qk .pic{ height:380px}
.ys_qk .area .bt{ font-size:24px; line-height:40px}

.alist{ margin-top:50px}
.more{ margin-top:50px}
.pclass .list a .wz{ font-size:15px}
.in_plist li .pic{ height:320px}
.n_list li{ margin-top:40px}
.n_list li .data{ width:20%}
.n_list li .nr{ width:60%}
.n_list li .nr .bt{ font:20px/40px "微软雅黑"; height:40px}

.goodlist {
    width: 195px;
}
.sbul li .sbwz b {
    font: bold 20px/20px "微软雅黑";
}
.cp_pcs {display: none;}
.process_lx{ text-align:right; padding-right:20px; box-sizing:border-box}
.mb_pcs {display: block;background: #dcdfe8;z-index: 99; position: relative;float: left;width: 100%;padding: 3% 0px; text-align:center; margin-top:30px}
.mb_pcs li {display: inline-block;width: 24%;padding: 3% 0px 1.5%;}
.mb_pcs li p{ font:16px/30px "微软雅黑";}
.mb_pcs li img {height: 40px;}
	
.large_box,.large_box li{ height:520px}


#hon_Box{ display:none}
.nyhonor { display:block;
    width: 100%;
    padding: 0px 13.5%;
    box-sizing: border-box;
}
.nyhonor_box {
	width: 100%;
	position: relative;
}

.nyhonor_list .hd .nyhonor_next, .nyhonor_prev {
    top: 45%;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
    z-index: 1;
    cursor: pointer;
}

.nyhonor_list .hd .nyhonor_next {
    right: 0px;
    background: url(../img/next_nh.png) no-repeat;
    margin-right: -40px;
}

.nyhonor_list .hd .nyhonor_prev {
    left: 0px;
    background: url(../img/prev_nh.png) no-repeat;
    margin-left: -40px;
}

.nyhonor_box ul {
	width: 100%;
}

.nyhonor_box ul li {
	width: 298px;
	overflow:hidden;
	float: left;
	text-align: center;
}

.nyhonor_box ul li img {
	width: 90%;
	display: block;
}

.nyhonor_img {
	width: 298px;
	overflow: hidden;
	height: 346px;
}

.nyhonor_img:hover img {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
}

.nyhonor_box ul li p {
color:#fff;
line-height: 48px;
}
.yjyul{ margin-top:0}
.yjyul li .szbt em {font: bold 30px/30px impact;}
.yjyul li .szbt span {font: normal 20px/36px "微软雅黑";}
.yjyul li .szbt i {width: 72%;}
.caseCont li .ghimg .sortdiv{ font: bold 16px/25px "微软雅黑"}
.foot .fqrcode .wk{ margin:0 30px 0 0}
.zmt li { width: 40px; height: 40px;}
.zmt li img{ max-width:100%}
}

@media screen and (max-width: 1100px)
{
.sbjj .jjwz {
    font: 12px/22px "微软雅黑";
}
.nav>ul>li.lihover1 a:after{ width:40px}
.nav>ul>li>a {
    font-size: 13px;
}
.news_list li{ width:49%;  margin:0px 2% 35px 0;}
.news_list li:nth-child(2n+0){ margin:0px 0 35px 0 !important}
.news_list li:nth-child(3n+0){ margin:0px 2% 35px 0}
.caseCont li p {
    font: 14px/14px "微软雅黑";
}

.foot .fcont{font: bold 30px/30px "微软雅黑";}
.alist .count .wz2 span {
    font: bold 25px/30px "微软雅黑";
}
.cnet{ width:100%;}
.ccot{ width:100%; margin-top:30px}
.ccot .fmsg{ margin-top:30px}
.netfeed{ margin-top:35px}
.netfeed .conbt i { width: 40px;height: 40px;}
.netfeed .conbt {
    font: 22px/40px "微软雅黑";
}
.alist .count .wz1{ margin:20px 0}
.alist .count i {
    width: 80px;
    height: 80px;}
.alist .count .wz2 font {
    font: 14px/20px "微软雅黑";}
.about_nr .asz{ margin-top:30px}
.about_nr .asz li .szwz {
    font: 16px/16px "微软雅黑";
}
.about_nr .asz li .szbg {
    font: bold 25px/68px "微软雅黑";
}

.topic .logo img{ height:40px}
.topmeau{ margin:25px 0 0 2%}
.topmeau li .mz{padding:0 10px}
.cview .fclist a .wz{ font-size:18px}
.cview .fclist a .wz span{ font-size:14px}
.serzl .zldiv { padding: 70px 0 0px 45px;}
.serzl .zldiv h2{font: 25px/30px "微软雅黑";}
.serzl .zldiv h3 { font: 14px/22px "微软雅黑";}
.sermin h3,.aboutmin h3,aboutbot h3{ font: normal 30px/45px 幼圆;}

.serdiv li{ margin-bottom:50px}
.serdiv li .anr .wzl{ font: bold 30px/50px "微软雅黑"; margin-top:20px}
.serdiv li .anr .wzl i{ width:50px}
.serdiv li .anr .axq { margin-top: 20px; font: 15px/30px "微软雅黑";}

.large_box, .large_box li{ height:410px}
.small_box{ height:100px;}
.small_list{ margin-top:20px}
.btn{ height:100%}
.small_list ul li{ width:80px; height:60px}
.jd .jdul li .jdimg { height: 120px;}
.jd .jdul li p, .sbul li .sbwz p, .xcul li .xcwz .xcnr {
    font: 15px/22px "微软雅黑";
}
.network .netwz{ font:16px/25px "微软雅黑"}
}

@media screen and (max-width: 1023px)
{
.banner1{ margin-top:64px}
#honor ul li dl{ height:220px}
#honor ul li img {
    max-width: 250px;
    max-height: 200px;
}
.pname{ font-size:14px; margin-top:10px}
.nyxcul .nyxcwz,.yswz,.nysbwz,.inplist li .nr .wz { font: 14px/35px "微软雅黑";}
.cvbt {font: 16px /22px "微软雅黑";}
.clist li .t_mc{ padding:30px 0 0 0 }
.clist li .t_mc p,.jlist li .t_mc p{ font: 16px/20px "微软雅黑";}
.view_title { font: 25px/32px "微软雅黑";}
.newsright .bt {font: 20px/20px "微软雅黑";	}
.news_list li .n_title {font: 16px/42px "微软雅黑";}
.news_list li .n_view{font: 14px/22px "微软雅黑"; height:44px}
.news_list li .n_data {font: 14px/24px "微软雅黑";}
.scroll,.t_ss,.nav{ display:none}
.mpar{  display:block; margin-top:20px}
.mpar li{ width:23.5%; height:80px; float:left; margin-bottom:10px; margin-right:2%;}
.mpar li:nth-child(4n+0){ margin-right:0}
.mpar li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.topic,.b_mask,.ny_left,.slist li:hover .wz,.slist li:hover .line,.n_list li .nk .sname,.fd_bq{ display:none}
.menu-handler, .menuBoxM {
    display: block;
}
.proCont li .pimg,.pbg{ height:205px}
.proCont li p {font: 16px/20px "微软雅黑";}
.head {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff; padding:0 2%; box-sizing:border-box;
    height: auto;
    z-index: 1000;
    transition: .3s linear;
}
.nav,.t_tel {
    display: none;
}
.head .logo img{ height:45px; margin-top:12px;width:auto}
.kong,.footer{ display:block}
.fd,.news_bg,.banner{ width:100%; min-width:auto}

.n_list,.in_right,.p_list,.foot .fmsg{ width:100%}
.news_bg{ padding-bottom:30px}
.in_pro{ padding-top:30px}
.news_bg{ margin-top:25px}
.in_banner_bg{ height:auto; padding:80px 0}
.in_banner_bg .lwz1{ font-size:16px; margin:0}
.in_banner_bg .lwz2{ font-size:10px}

.syul li p { font: 16px/50px "微软雅黑";}

.newsdiv .list .item .list-new ul li {
    width: 100% !important;
    height: auto;
    float: left;
    padding-bottom: 5%;
    border-top: 10px solid #f2f2f2;
}

.btns a,.newsdiv .list .item .list-new .btns a {  width: 50px;  height: 50px;}

.foot .fcont .lx li {font: 16px/30px "微软雅黑"; margin-bottom: 15px;}
.foot .fmsg{ margin-top:30px}
.foot .fmsg .msbt{    font: 25px/30px "微软雅黑";}
.foot .fmsg .f1 input, .foot .fmsg select, .foot .fmsg textarea {
    font-size: 14px;
}
.foot .fmsg .button { font: 18px/60px "微软雅黑";}	
.foot .fqrcode .wk .pic { width: 150px;}

.foot .fdh li{ padding:0 30px}
.foot .fdh li a {
    font: 14px/22px "微软雅黑";
}
.ny_left .ntitle,.ny_left .l_dh li .wz{ width:80%}
.foot .fqrcode .flx {
    font: 20px/50px "微软雅黑"; padding:0 100px
}
.ny_banner_sport,.ny_banner_education{ height:200px}
.p1:hover .pic img, .p_list li:hover .pic img{ transform:scale(1)}
.n_list li:hover .nk{ height:auto; background:#7565a7}

.yslist .sk .sk{ height:auto; padding-bottom:20px; display:inline}
.yslist .sk .bt{ margin-top:100px; font:15px/35px "微软雅黑"}
.yslist .sk .wz{ width:84%; line-height:28px; margin:8px 8% 0; display:inline}

.hen1{ width:100%; height:70px; float:left; display:block}
.big_title{ height:50px; font:18px/40px "微软雅黑"}
.big_title span{ display:none}
.sp_wz{ font:12px/25px "微软雅黑"; width:92%; margin:5px 4% 0; display:inline}

.ny_left{ display:none}
.ny_right{ width:100%; margin-right:0; display:inline}
.ny_title{ height:40px}
.ny_title .wz{ line-height:40px; line-height:40px; font-size:16px}
#article table,#article form{ width:100%; margin:0; overflow:hidden}
#article table tbody{ width:100%}
.ny_right .view_wz{ min-height:200px}

.contarea,.conlx_img{ width:100%}
.newsleft{ width:65%}
.newsright{ width:32%; padding:30px 20px}
.newsright .list a .wz{ font-size:14px}
.about_nr .enwz{ font-size:14px}
.goodlist {
    width: 185px;
}
.serzl .zldiv h2 {
    font: 20px/30px "微软雅黑";
}

.yjywz{ padding: 0 10%}
.yjyul li .fristimg .yp1{ height:300px}

.parnetul li { margin-bottom:10px}
.parnetul li .parimg{ height:89px;}
.foot{ padding-bottom:80px}
.fbt .zmt{ width:100%; position:static; right:inherit; margin-top:20px}
}

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

.nyculture{ margin-top:10px}
.nyabout{ margin-top:40px}
.aboutsp{ height:350px}
.sbul,.sbjj{ width:100%}
.sbjj{ margin-top:15px; height:auto}

.nypt{ padding-top:60px}
.fllist{ margin:60px 0}	
.conlx{ margin-top:60px}
.parnetul li{ width:30%; margin-right:2%}
.parnetul li:nth-child(3n) {
    margin-right:0 !important;
}
.parnetul li:nth-child(5n) {
    margin-right:2%;
}
.proTab,.nav100,.proCont,.caseTab,.caseCont{ width:100%; float:left}
.proCont{ margin-top:10px}
.proTab span{ width:auto;font: 14px/18px "微软雅黑";}
.promc {width:10%;font: bold 16px/16px "微软雅黑";}
.pcmore{top:-180px}
.camore{top:-140px}
.prmg50{ margin-top:0}
.proCont li .pimg, .pbg { height: 185px;}
.prcname {
    font: bold 14px/14px "微软雅黑"; height:14px; overflow:hidden
}
.caseCont{ margin-top:30px}
.caseTab{ text-align:center; margin-top:0px}
.caseTab span{ float: none;font: 16px/40px "微软雅黑"; display: inline-block; width:auto; margin:0 30px; padding-right:30px}
.caseTab span.cur2:before { margin: 15.5px 10px 0 0;}
.caseCont li p{ font:14px/20px "微软雅黑"; height:40px}
.caseCont li .pcon b {font: 16px/20px "微软雅黑"; margin: 30px 0 15px;}

.pvlist li a .pic{ }
.mod18 .picBox{ width:100%}
.mod18 .cf a{width:845px;}
.mod18 .picBox li{width:845px; padding-left:0; padding-right:0 }
.mod18 #pnextTop {
    background: url(../img/nextBtnTop.png) 0 0 no-repeat #fff;
}
.mod18 #pprevTop {
    background: url(../img/prevBtnTop.png) 0 0 no-repeat #fff;
}
.mod18 #pprevTop, .mod18 #pnextTop {
    top: 200px;}
#honor ul li dl{ height:180px}
#honor ul li img {
    max-width: 200px;
    max-height: 180px;
}
#honor ul li p{ font-size:15px}
.inplist li .pic, .nyxcul li .pic{ height:155px}
.nyjdul li .jdimg{ height:100px}
.nyhon li{ }
.nyxcul .nyxcwz, .yswz, .nysbwz, .inplist li .nr .wz {
    font: 12px/30px "微软雅黑";
}
.nyhon li {
   
}
.about_bg{ margin-top:60px; padding: 60px 0;background-size: cover;}
.alist{ margin-top:30px}
.about_nr .bt{ font-size:24px}
.about_nr .about_wz{ font-size:14px; margin-top:50px }
.amore {font: 16px/40px "微软雅黑"; padding:0 30px; margin:60px 0 40px}
.about_bg .apic,.navigation,.f_logo,.about_nr,.about_bg .aimg,.lxdiv .fmsg{ width:100%;}
.index-lc ul{ display:inline; text-align:center}
.index-lc ul li{ width:24%; display:inline-block; margin-bottom:25px;}
.gh-img{display: inline-flex;}

.f_logo,.zmt{ text-align:center}
.zmt li{ float:none; display:inline-block}
.lxdiv{ position:relative;}
.lxdiv .lxfy{ position:absolute; left:0; top:30px}
.lxdiv .lxfs{ width:100%; margin-left:0; padding-left:3%; box-sizing: border-box}
.lxbt{ margin:30px 0}
.lxdiv .lxfs .lxul li{ margin-bottom:35px}
.lxdiv .lxfs .lxul li font {
    font: 16px/30px "微软雅黑";
}
.lxdiv .fmsg .f1 input,.lxdiv .fmsg textarea{ font-size:16px}
.lxdiv .fmsg .button {font: 16px/50px "微软雅黑";}
.alist .count{ width:32%; margin-bottom:25px}
.npic{ height:250px; width:100% }
.newCont ul{width:100%; height:auto; margin-top:20px}
.newCont ul li{ padding:20px}
.newCont ul li .nr .bt {
    font-size: 16px;
    height: 22px; margin-bottom:10px
}
.float1{ display:none}
.n_list li .nk .ndata,.n_list li .nk .sname,.foot .fmap{ display:none}
.in_news .lnr .ntitle{ font-weight:normal}
.pclass .list a img{ height:40px}
.pclass .list a .wz{ font-size:14px}
.in_plist li .pic{ height:280px}


.a_more{ width: 40%;font: 16px/40px "微软雅黑"; margin-top:30px; margin-bottom:30px}
.adv{ background:none}
.adv .w50 { width: 45%;}
.adv .w50 .wz1{ margin-top:0px}
.adv .w50 .wz1 { font: bold 60px/60px "微软雅黑";}
.adv .w50 .wz2 { font: bold 35px/45px "微软雅黑";}
.adv .w50 .wz3 { font: bold 25px/60px "微软雅黑";}
.adv .w50 .wz4{ font:16px/20px "微软雅黑";}
.w50img img {
    max-width: 95%;
}
.process_top {font: bold 100px/100px "微软雅黑";}
.process_top b {font: bold 30px/30px "微软雅黑";margin-top: -55px;}

.process_lx{ display:none}

.alist .count .wz2 span { font: bold 30px/30px "微软雅黑";}
.alist .count .wz1 { font: 16px/25px "微软雅黑";}
.sycj{ background:#4c87c3; height:auto;padding: 0px 0 70px;}
.syul li{ width:48%; height:auto;}
.syul li .pic {    height: 205px;}


.confeed { padding: 40px 2% 40px; margin: 40px 0; }
.confeed .fewm h2 { font: bold 22px/35px "微软雅黑";}
.confeed .fewm .wk .wz {font: 14px/20px "微软雅黑";}
.confeed .cmsg{ width:80%}
.confeed .cmsg .msbt { font: 22px/35px "微软雅黑"; color: #000;}
.confeed .cmsg input{ margin-top:35px}
.confeed .cmsg input[type=text] {line-height: 50px;  height: 50px;}

.fbt .fwz{ width:100%; font:14px/30px "微软雅黑"}
.foot{ height:auto; background-size:auto 100%; padding-bottom:40px; padding-top:80px; padding-bottom:80px}
.foot .fdh .line{ margin:0 20px}
.foot .fmsg .f1,.foot .fmsg textarea{ height:50px; line-height:50px}
.foot .fmsg .f1 input, .foot .fmsg select, .foot .fmsg textarea {
    font-size: 14px; height:50px; line-height:50px
}
.foot .fmsg .button {
    font: 16px/50px "微软雅黑";
}
.foot .fmsg select {
    width: 40%;}
.foot .fmsg .f1{ margin-bottom:20px}
.foot .fdh li {
    padding: 0 20px;
}
.ny_posi {
    margin-top: 20px;
}
.ny_posi b {
    color: #000; text-align:left;
    margin-bottom: 20px;font: bold 22px/30px "微软雅黑";
}
.ny_posi .line {
    float: left;
    background: #4c87c3;
    margin-bottom: 10px;
}
.ny_posi .fllist{ float:left; width:100%; margin:10px 0}  
.ny_posi .fllist .wz {
    width: auto;
    color: #000; padding:0 20px; margin-top:0px; margin-left:0px; margin-right:10px;
    border: 1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px; margin-bottom:10px

}
.ss{ display:none}

.view_title {font:21px/32px "微软雅黑";}
.prolist li{ width:49% !important; margin-right:2%;}
.prolist li:nth-child(2n+0){ margin-right:0}
.prolist li:nth-child(3){margin-right:2%;}
.aboutjs,.aboutsp{ width:100%;}
.aboutjs{ margin-top:20px}
.aboutsp{ margin-top:20px; text-align:center}
.aboutjs h2 {font: 25px/36px "微软雅黑";}
.aboutjs h3 { font: 30px/35px "微软雅黑";}
.aboutbt h2{ font:30px/35px "微软雅黑";}
.aboutbt h3{ font: bold 16px/25px "微软雅黑"; text-transform:uppercase; margin:5px 0}
.aboutbt i{ width:30px; height:3px;}
.global .gleft h2{ font:25px/30px "微软雅黑"; color:#555; margin-top:50px}
.global .gleft h3{ font:35px/40px "微软雅黑"; color:#4d87c3; margin-top:15px}
.global .gleft p{ font:14px/24px "微软雅黑"; color:#444; margin:40px 0}
.pro_mbx {font: 14px/24px "微软雅黑";}
.aboutjs{ height:auto}
.aboutjs .alogo img {
    max-width:15%;
}
.culture li { width: 32%;margin-right: 2%; margin-top:40px}
.culture li:nth-child(3n){ margin-right:0}

.jd .jdul li{ width:49%;}
.jd .jdul li:nth-child(2n){ margin-right:0 !important}
.jd .jdul li:nth-child(3n){ margin-right:2%}
.jd .jdul li .jdimg {
    height: 220px;
}
.jd .jdul li p, .sbul li .sbwz p, .xcul li .xcwz .xcnr {
    font: 13px/22px "微软雅黑";
}
.xcul li{ width:calc(100%/3)}
.xcul li .xcwz { height: 200px; padding: 60px 20px 0 20px;}
.yjyul li .szbt em {font: bold 28px/28px impact;}
.yjyul li .szbt span {font: normal 18px/28px "微软雅黑";}
.yjyul li .szbt i {width: 69%;}
.yjywz { padding:0 1%; margin-top:35px}
.parnetul li .parimg{ height:79px;}
.ccot .fmsg .f1 input,.ccot .fmsg select,.ccot .fmsg textarea{ font-size:14px}
.ccot .fmsg .button{ font:16px/55px "微软雅黑"}
.pvlist li .pvcon p{ font:15px/25px "微软雅黑";  overflow:hidden; height:50px}
}

@media screen and (max-width: 720px)
{
.xcul{ margin-top:40px}
.nyabout{ margin-top:20px}
.nypt{ padding-top:40px}
.fllist{ margin:40px 0}	
.conlx{ margin-top:40px}
.netfeed{ margin-bottom:70px}
.cpar{ margin-top:0}
.pvlist li:nth-child(3),.inplist li:nth-child(3){ display:none}
.pvlist li{ margin-bottom:10px}
.prolist li .pwznr p { font: 16px/25px "微软雅黑";}
.prolist li .pwznr .pxh { font: 14px/14px "微软雅黑"; height:14px}

.pvlist li .pvcon p{ font:14px/22px "微软雅黑"; height:44px}
.pvlist li .pxh {font: 14px/14px "微软雅黑"; height:14px; overflow:hidden}
.pvlist li a .pic{}
.mod18 .cf a{width:673px;}
.mod18 .picBox li{width:673px; }
#honor ul li { width: 49%;}

.foot .fcont {
    font: bold 25px/25px "微软雅黑";
}
.clist li .pic{ height:195px}
.title .wz_cn, .title1 .wz_cn, .asz li .szbg, .lxbt {
    font: bold 25px/25px "微软雅黑";
}
.promc{ width:15%}
.proCont li,.caseCont li{ width:49% !important; margin-right:2%;}
.caseCont li{ margin-bottom:20px;}
.proCont li:nth-child(2n),.caseCont li:nth-child(2n){ margin-right:0}
.proCont li .pimg{ height:180px}
.spdiv{ display:none}
.newCont ul li .ndate span.d1 {
    font: bold 30px/40px "微软雅黑";
}
.foot .fmsg .f1{ width:100%;}
.cview .pnyright,.cview .pnyleft{ width:100%}
.cview .fcbt{ margin-top:35px}
.cview .fcbt .icon{ top:80px}
.cview .fclist a .pic{ height:120px; padding:8px 0}
.cview .fclist a .wz{ line-height:24px}
.cview .fclist a .wz span{ font-size:12px}

.newsleft,.newsright{ width: 100% !important; }
.newdh .fan {font: 14px/50px "微软雅黑";}
.newdh span{ display: none}
.ny_posi b { font: bold 22px/25px "微软雅黑";}
.ny_posi .line { height: 3px; width: 40px;}
.serzl .zldiv,.serzl .zlimg,.serdiv li .pic,.serdiv li .anr{ width:100%;}
.serdiv li .pic{ margin-top:25px}
.serzl .zldiv { padding: 50px 0 0px 25px;}
.sermin,.aboutmin{ height:auto; margin: 70px 0; padding: 50px 30px;}
.aboutbot { height:auto; padding: 50px 30px;}
.sermin h2,.aboutmin h2,.aboutbot h2 {font: normal 15px/25px Comfortaa-Bold;}
.sermin h3,.aboutmin h3,.aboutbot h3 {font: normal 22px/35px 幼圆}


.contarea li b{font: normal 14px/30px "微软雅黑";}
.conlx_img{}
.confeed .fewm,.confeed .cmsg{ width:100%;}
.confeed .fewm .wk{ width:auto;}
.confeed .cmsg textarea{ height:200px}

.clist li span{ font:14px/24px "微软雅黑";}

.culture li{ width:49%;}
.culture li:nth-child(2n) {
    margin-right: 0 !important;
}
.culture li:nth-child(3n) {
    margin-right: 2%;
}
.cultureimg{ margin-top:20px}
.honorbg{ margin-top:40px; padding:40px 0}
.abt_pic h3 span {  font-size: 16px; line-height: 45px; height: 45px; width: 150px; margin: 0 10px;}
.fengcai{ margin-top:40px}
.pbtn{ width:20px;}
.btn{ width:20px;}
.pvlist li{ width:49% !important; margin-right:2%;}
.pvlist li:nth-child(2n+0){ margin-right:0}
.inplist li{ width:49%; margin:15px 2% 0 0; display:inline}
.inplist li .nr .wz{ font:14px/25px "微软雅黑"}
.inplist li:nth-child(2n+0){ margin:15px 0 0 0}
.yjyul{ margin-bottom:100px}
.yjyul li{ margin-top:50px}
.yjyul li .yjyimg{ width:100%; height:250px}
.yjyul li .yjywz1{ width:100%; margin-top:30px}
.yjyul li .fristimg .yp1 {
    height: 250px;
}
.yjyul li .szbt i {
    width: 60%;
}

.network .netwz {
    font: 14px/22px "微软雅黑"; margin:30px 0 
}
.mb_pcs li p {
    font: 14px/30px "微软雅黑" !important; 
}
.cnet i{ margin:30px 0}
.cnet .cnetwz {
    font: 14px/30px "微软雅黑";
}
.netfeed .conbt i {
    width: 30px;
    height: 30px;
}
.netfeed .conbt {
    font: 20px/30px "微软雅黑";
}
.clist li,.jlist li{ width:49%; margin-bottom:30px}
.clist li:nth-child(2n),.jlist li:nth-child(2n){ margin-right:0 !important}
.clist li:nth-child(3n),.jlist li:nth-child(3n){ margin-right:2%}
.clist li .t_mc p, .jlist li .t_mc p {
    font: 14px/20px "微软雅黑";
}
.clist li .t_mc span { font: 12px/20px "微软雅黑"; margin-top:10px}
.news_list li .pic{ height:180px}
}

@media screen and (max-width: 650px)
{
.jd .jdul li .jdimg,.sbul li .sbimg {
    height: 180px;
}
.newTab{ position:static; width:100%; top:0; right:0; margin-bottom:30px;}
.channew{ padding-top:30px}
.newCont ul li .ndate span.d2 {font: bold 16px/16px "微软雅黑";}
.prolist li .pwznr p { font: 14px/22px "微软雅黑"; height: 44px}
.nyxcul li .pic {
    height: 105px;
}
.mod18 .cf a{width:606px;}
.mod18 .picBox li{width:606px; }
.nysbul,.nysbwz{ width:100%;}
.nysbwz{ height:auto; padding:50px 30px; margin-top:20px}
.nyhon li{ width:31%; margin-bottom:10px}
.nyhon li {
   
}
.about_bg {
    margin-top: 35px;
}
.aboutjs .jswz {
    font: 14px/28px "微软雅黑";
    margin-top: 20px;
}
.ajs {
    font: 14px/20px "微软雅黑"; margin-top:30px
}
.nyxcul .nyxcwz{ height:30px; overflow:hidden}

.psmall_list ul li,.small_list ul li{ width:80px}
.psmall_list ul{ float:left}
.newdh {font: 14px/45px "微软雅黑";}
.newdh .fan { font: 14px/45px "微软雅黑";
}
.newdh i{ margin-top:15px}
.prev .pa,.prev .pb{ width: auto;margin-top:8px;display:inline;font:14px/35px "微软雅黑";padding:0 20px; height:35px}
.cname{ font: 25px/40px "微软雅黑"; margin-top: 35px;}
.ptitle { font: 25px/40px "微软雅黑";}
.proright .teright {
    width: 30%;
    font: 20px/45px "微软雅黑";
    margin-top: 35px;
}
.proright .pvwz{ min-height:150px}
.ccn{ font:25px/30px "微软雅黑"; margin-top:35px}
.ecn{ font: bold 22px/30px "微软雅黑"; margin-bottom:15px;}


.large_box, .large_box li{ height:410px}
.small_box{ height:100px;}
.small_list{ margin-top:20px; height:70px}
.casebg{ margin-top:30px}



.title{ margin-top:40px}

.foot .fqrcode .wk .pic {
    width: 120px;
}
.foot .fqrcode .wk .wz {
    font: 14px/20px "微软雅黑";
}
.foot .fqrcode .flx {
    font: 16px/45px "微软雅黑";
    padding: 0 80px;
}
.fbt {
    font: 12px/24px "微软雅黑";
}
.yjyul li .fristimg .yp1 {
    height: 200px;
}
.yjyul li .szbt i {
    width:54%;
}
.fllist .wz {
    padding: 0 20px;
    font: 14px/40px "微软雅黑"; margin:0 8px; margin-bottom:10px
}
}
@media screen and (max-width: 480px)
{
.jd .jdul li .jdimg,.sbul li .sbimg {
    height: 120px;
}
.aboutsp {
    height: 280px;
}
.culture li .cwz b { font-size: 18px; line-height: 20px;}
.sbjj b{ font-size:18px}
.sbjj .jjwz{ margin-top:15px}
.sbjj:before{ height:80px}
.xcul li {
    width: calc(100%/2);
}
.xcul li:nth-child(5){ width:100%}
.xcul li:nth-child(5) .xcimg img{  max-width:100%; max-height:100%;object-fit: contain;}
.fengcai li{ width:200px}
.abt_pic h3 span {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    width: auto; padding:0 20px;
    margin: 0 5px;
}
.view_title {
    font: 18px/28px "微软雅黑";
}
.news_list li{ width:100%}
.contarea li i{ width:20px}
.contarea li b { width:90%;
    font: normal 12px/20px "微软雅黑"; text-align:left
}
.contarea li b font{ display:block}
.parnetul li{ width:49%; margin-right:2%}
.parnetul li:nth-child(2n) {
    margin-right:0 !important;
}

.parnetul li:nth-child(5n) {
    margin-right:2%;
}
.promc{ width:20%;font: bold 14px/16px "微软雅黑";}
.proTab span{ margin-bottom:10px}
.newCont ul li .nr {
    width: 75%;}
.newCont ul li .ndate span.d2 {
    font: bold 14px/14px "微软雅黑";
}
.newCont ul li .ndate span.d1 {
    font: bold 26px/40px "微软雅黑";
}
.about_nr .asz li .szbg font{ right:5px;font: bold 18px/20px "微软雅黑";}
.pcs{ font:13px/25px "微软雅黑"}
.jlist li .pic,.clist li .pic{ height:145px}
.newTab span, .caseTab span {
    margin-bottom: 10px;
}
.cvbt .tjmore{font: 12px/22px "微软雅黑";}
.page a,.page a.pb{height: 25px;font: 12px/25px "微软雅黑";line-height: 25px;}
.page span{font:14px/25px "微软雅黑";}

.prolist li .pwznr p { height: 66px;
}
.pvlist li .pvcon p{ font:14px/22px "微软雅黑"; height:66px}
.alist .count .wz1{ padding:0 20%; box-sizing:border-box}
.title .wz_cn, .title1 .wz_cn, .asz li .szbg, .lxbt {
    font: bold 22px/22px "微软雅黑";
}
.pcmore, .camore {
    font-size: 14px;
}
.proCont li{ margin-bottom:0}
.caseCont li p {  font:12px/20px "微软雅黑"}
.caseCont li p:after{ margin-top:0; background-size:80%}
.asz li{ width:49%; margin-right:2%; margin-bottom:20px}
.about_bg{ padding:60px 0 40px}
.navigation dl dt{ font-size:16px}
.lxdiv .fmsg .f1 input, .lxdiv .fmsg textarea {
    font-size: 14px;
}
.lxdiv .fmsg .f1{ margin-bottom:20px}
.lxdiv .fmsg .button { width:35%;    font: 14px/50px "微软雅黑"; margin-top:20px}
.navigation dl dd a,.flink,.flink a { font: 12px/24px "微软雅黑";}
.asz li:nth-child(2n){ margin-right:0}
 .nyxcul li .pic {
    height: 85px;
}
.inplist li .pic{
    height: 125px;
}
.nyjdul li .jdimg {
    height: 80px;
}
.mod18 .picBox{ height:350px}
.mod18 .cf a,.mod18 .picBox li{width:443px; height:350px}
.mod18 #pprevTop, .mod18 #pnextTop {
    top: 160px;
}
.gh-img { width: 80px; height: 80px;}
.index-lc ul li p {
    font-size: 14px;
}
}
@media screen and (max-width: 375px)
{
.contarea li b{ width:85%}
.lxqrcode .wk .pic{ width:125px}
.lxqrcode .wk { margin: 0 30px 0px 0;}
.pcmore{ top:-220px}
.proCont li .pimg,.caseCont li .ghimg,.ctm{ height:120px}	
}