@charset "utf-8";*{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: 'SourceHanSansCN-Regular';
src: url('../font/SourceHanSansCN-Regular.eot');
src: url('../font/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'),
	 url('../font/SourceHanSansCN-Regular.woff') format('woff'),
	 url('../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?#iefix') format('embedded-opentype'),
	 url('../font/SourceHanSansCN-Light.woff') format('woff'),
	 url('../font/SourceHanSansCN-Light.otf') format('opentype'),
	 url('../font/SourceHanSansCN-Light.ttf') format('truetype');
}
@font-face {
font-family: 'SourceHanSansCN-Light';
src: url('../font/SourceHanSansSC-SourceHanSansCN-Light-2.eot');
src: url('../font/SourceHanSansSC-SourceHanSansCN-Light-2.eot?#iefix') format('embedded-opentype'),
	 url('../font/SourceHanSansSC-SourceHanSansCN-Light-2.woff') format('woff'),
	 url('../font/SourceHanSansSC-SourceHanSansCN-Light-2.otf') format('opentype'),
	 url('../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:#6a6a6a;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#6a6a6a;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#6a6a6a;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#6a6a6a;}
   
.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:1200px; margin:0px auto}
.main1{ width:75%; max-width:1440px; margin:0px auto}
.over{ overflow:hidden}
.pdb50{ padding-bottom:50px; display:inline}
.wd100{ 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}

.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(images/banner_left.png);
}

.banner .flex-direction-nav li .flex-next {
    background-image: url(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(images/banner_hover.png) center center no-repeat !important;
}

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

.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 8%;
    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:276px}
.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(../images/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{ margin-right:30px}
.t_tel img{ display:inline-block; margin-right:10px; vertical-align:middle}
.t_tel,.mt_tel{ background:#b5b5b5; padding:0 20px; width:auto; font:24px/40px "微软雅黑"; color:#fff; border-radius:20px; margin-top:20px; }
.t_tel.mt_tel img{ display:inline-block; margin-right:10px; margin-top:7px}

.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(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: 55%; 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%/7); text-align:center; }
.nav>ul>li:last-child{ border-right:none;margin-right:0px }
.nav>ul>li.lihover1 a{ background-image:-webkit-linear-gradient(left,#b1c13c,#e7b35a,#d35343);  -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav>ul>li.lihover1 a:after{ content:"";  width:33px; height:2px;background: linear-gradient(90deg,#b1c13c,#e7b35a,#d35343); margin:0px auto; display:table}
.nav>ul>li.lihover1 dl 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: 35px; font-size: 18px; color:#4d87c3; text-decoration:none}
.nav>ul>li>a:hover{background-image:-webkit-linear-gradient(left,#b1c13c,#e7b35a,#d35343);  -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav>ul>li:nth-child(1).lihover1 i{ background:url(../images/d1_1.png)}
.nav>ul>li:nth-child(2).lihover1 i{ background:url(../images/d2_1.png)}
.nav>ul>li:nth-child(3).lihover1 i{ background:url(../images/d3_1.png)}
.nav>ul>li:nth-child(4).lihover1 i{ background:url(../images/d4_1.png)}
.nav>ul>li:nth-child(5).lihover1 i{ background:url(../images/d5_1.png)}
.nav>ul>li:nth-child(6).lihover1 i{ background:url(../images/d6_1.png)}
.nav>ul>li:nth-child(7).lihover1 i{ background:url(../images/d7_1.png)}
.nav>ul>li.lihover1 i img{ display:none}
.nav .subnav{ position: absolute; z-index: 10; box-sizing:border-box; /*left: 14%; margin-left: -38px;*/ top: 100px; 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{ color:#565656 !important; background-image:none;-webkit-text-fill-color:#565656}
.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: 120px; 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;}

.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;}
.title .wz_en{background-image:-webkit-linear-gradient(left,#4d87c3,#68daff);  -webkit-background-clip:text;-webkit-text-fill-color:transparent; font:42px/42px SourceHanSansCN-Light; letter-spacing:5px; text-transform:uppercase}
.title .wz_cn{ font: normal 42px/42px "微软雅黑"; margin-top:20px}
.title .line{ width:66px; height:3px; background:#4c87c3; margin-top:15px; display:inline-block}

.pardiv{ height:580px; background:url(../images/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(../images/hleft.png) no-repeat;z-index:99;cursor:pointer; float:right; margin-right:10px}
.og_next{width:66px;height:66px;background:url(../images/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(../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(../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(../images/atbg.png) repeat-x top center #fff; margin-top:110px; padding-top:190px}
.about_bg .apic{ width:46.5%; text-align:center}
.about_bg .apic img{ max-width:100%}


.about_nr{ width:50%; margin:15px 0; 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}
.about_nr .asz{ width:100%; float:left; margin-top:50px}
.about_nr .asz li{ width:25%; float:left}
.about_nr .asz li .szbg{ width:100%; float:left; font: bold 35px/68px "微软雅黑"; color:#4d87c3; background:url(../images/ay.png) no-repeat center center; position:relative}
.about_nr .asz li .szbg span{ font-size:18px; color:#000; font-weight:normal; vertical-align:middle}
.about_nr .asz li .szbg font{ font:bold 20px/20px "微软雅黑"; position:absolute; top:10px; right:25px}
.about_nr .asz li .szwz{ width:100%; float:left; font:20px/20px "微软雅黑"; color:#000; margin-top:12px}
.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; }

.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(../images/banner_ny.jpg) no-repeat center center}

.content{ width:94%}

.fllist{ width:100%; float:left; text-align:center; margin:30px 0 35px }
.fllist .wz{ width: auto; display:inline-block; padding:0 40px; font:18px/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 10px}
.fllist .wz:hover,.fllist .wz.wb{color:#fff;background: linear-gradient(180deg, #4d87c3, #5699df);}
.
.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: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);}
.clist li:nth-child(3n){ margin-right:0}
.clist li .pic{ width:100%; height:225px; overflow:hidden; border-radius:5px;}
.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: 15px;
    box-sizing: border-box; border-radius: 5px;}
.clist li .t_mc p{width: 100%;
    float: left;
    font: 18px/30px "微软雅黑";
    height: 30px;
    overflow: hidden;color: #4b4b4b;}
.clist li:hover .t_mc{ width:100%;background:#4d87c3;}
.clist li:hover .t_mc p{ color:#fff}


.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(../images/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(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #pnextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .pnext{right:0px;background:url(../images/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(../images/left_btn.png);}
.right_btn{float:right;background-image:url(../images/right_btn.png);}

.casebg{ background:url(../images/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(../images/left_btn.png);}
.pright_btn{float:right;background-image:url(../images/right_btn.png);}
*/

.pwz{ width:40%;}

/**产品展示**/
.chanpro{ width:100%; float:left; padding-top:60px}
.proTab{ width:auto; margin:0px auto; display:table;}
.proTab span{float:left; 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}
.proTab span.cur , .proTab span:hover{color:#fff;background: linear-gradient(180deg, #4d87c3, #5699df);}
.proCont{width:100%; overflow:hidden; display:none; margin-top:70px}
.proCont li{float:left; margin-right:1.666666%; width: 23.75% !important; box-sizing:border-box; border-radius:5px; overflow:hidden; margin-bottom:25px}
.proCont li:nth-child(4n+0){ margin-right:0px}
.proCont li .pimg{ width:100%;  height:265px; border-radius:5px; 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}
.proCont li  p i { width: 100%; height: 13px; margin-top:30px; float:right;   background-repeat: no-repeat; background-position: center center; transition: all .5s; background-image:url(../images/jt.png);}

.pbg{ width:100%; height:265px; position:absolute; left:0; top:0; background:rgb(181,181,181,0.8);display: flex;
    align-items: center;
    justify-content: center; opacity:0}
.ptable {
    width: 100%;
    height: auto;
    text-align: center;
}
.proCont li:hover .pbg{opacity:1}

.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(../images/wz.png) center center no-repeat;}

/**关于我们内页**/
.nyabout{ width:100%; float:left}
.aboutjs{ width:45%; height:437px; margin-top:75px; position:relative}
.aboutjs .alogo{ width:100%; text-align:left; position:absolute; left:0; bottom:0}
.aboutjs .jswz{ width:100%; float:left; font:14px/38px "微软雅黑"; color:#000; margin-top:10px; text-indent:28px;}
.aboutsp{ width:50%; text-align:right; margin-top:65px}
.aboutsp img,.aboutjs .alogo img{ max-width:100%}


/*****/
.chancase{ width:100%; float:left; padding-top:60px}
.caseTab{ width: auto;margin: 0px auto;display: table; text-align:center;}
.caseTab 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 10px}
.caseTab span.cur2 , .caseTab span:hover{color:#fff;background: linear-gradient(180deg, #4d87c3, #5699df);}

.caseCont{width:100%; overflow:hidden; display:none; margin-top:70px}
.caseCont li{ width:23.75% ; float:left; margin-right:1.66666%; border-radius:10px;  overflow:hidden; border:1px solid #ddd; box-sizing:border-box}
.caseCont li:nth-child(4n+0){ margin-right:0px}
.caseCont li .ghimg{ width:100%; height:265px;}
.caseCont li .ghimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.caseCont li  p{width:100%; float:left; font:20px/21px "微软雅黑"; padding:25.5px 18px; box-sizing:border-box;height:72px; overflow:hidden; color:#fff; background:#4d87c3; text-align:left}
.caseCont li  p:after{ content:""; display:inline-block; width:27px; height:13px; background:url(../images/jt.png) no-repeat center right; float:right; margin-top:5px}


.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(../images/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(../images/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(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(../images/btn.png) left bottom no-repeat;left:250px}
#hon_Box .next{background:url(../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(../images/share-btn.png) no-repeat;text-indent:-999px;}

.nyculture{ width:100%; background:url(../images/culbg.jpg) no-repeat top center; margin-top:60px; padding-bottom:85px}
.culture{ width:50%;  }
.culture li{ width:50%; float:left; font:16px/45px "微软雅黑"; color:#717171; margin-top:65px }
.culture li i{ width:50px; height:50px; float:left}
.culture li i img{ max-width:100%}
.culture li .cwz{ width:80%;}
.culture li .cwz b{ font-weight: bold; font-size:20px; line-height:20px; color:#000; float:left}
.culture li .cwz span{ float:left; width:100%;}

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

/**制造基地**/
.jd{ width:100%; margin-top:20px}
.ajs{ width:100%; float:left; margin-top:50px; font:21px/30px "微软雅黑"; color:#000; text-align:center; padding:0 10%; box-sizing:border-box}
.jd .jdul{ width:100%; margin-top:30px; text-align:center}
.jd .jdul li{ width:19.4%; display:inline-block; margin-right:0.75%}
.jd .jdul li:nth-child(5){ margin-right:0}
.jd .jdul li .jdimg{ width:100%; height:190px; border-radius:5px; overflow:hidden}
.jd .jdul li .jdimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.jd .jdul li p{ width:100%; float:left; font:18px/24px "微软雅黑" ; color:#707070; text-align:center; margin-top:15px; padding:0 25%; box-sizing:border-box}
.jd .jdul li:nth-child(1) p{ padding:0 30%}
.jd .jdul li:nth-child(5) p{ padding:0 18%}

/**先进设备**/
.sb{ width:100%; margin-top:20px;}
.sbul{ width:100%; float:left; margin-top:70px}
.sbul li{ width:100%; float:left; margin-bottom:60px}
.sbul li .sbimg{ width:50%; height:300px; border-radius:5px; overflow:hidden}
.sbul li .sbimg img{width:100%; height:100%; display:inline-block; object-fit:cover}
.sbul li .sbwz{ width:46.5%; padding-top:85px;}
.sbul li .sbwz i{ width:100%; float:left; height:1px; background:#4685c2; margin-bottom:35px}
.sbul li .sbwz b{ width:100%; float:left; font:bold 24px/24px "微软雅黑"; color:#000; margin-bottom:30px}
.sbul li .sbwz p{ width:100%; float:left; font: normal 18px/24px "微软雅黑"; color:#707070}

/**优质选材**/
.xc{ width:100%; margin-top:20px; margin-bottom:200px}
.xcul{ width:100%; margin-top:75px; text-align:center}
.xcul li{ width:calc(100%/5); display:inline-block; background:#e4edf6}
.xcul li:nth-child(2n){ background:#4d87c3}
.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:230px; padding:100px 20px 0 20px; box-sizing:border-box; color:#4d87c3}
.xcul li .xcwz b{ width:100%; font: normal 30px/30px impact;}
.xcul li .xcwz .xcnr{ width:100%; font: normal 18px/24px "微软雅黑"; margin-top:20px}
.xcul li:nth-child(2n) .xcwz{ color:#fff}


/**关于我们--省级研究院**/
.yjy{ width:100%;}
.yjywz{ width:100%; background:url(../images/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:45px; text-align:center}
.parnetul li{width: 19.4%; display:inline-block;margin-right: 0.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 #bfbfbf; 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(../images/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(../images/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%; padding:0 4%; box-sizing:border-box; margin-top:85px; margin-bottom:200px}
.netfeed .conbt{ width:100%; font:42px/50px "微软雅黑"; color:#000;  box-sizing:border-box}
.netfeed .conbt i{ width:50px; height:50px; float:left; margin-right:15px}
.netfeed .conbt i img,.cnet .cnetimg img{ max-width:100%;}
.cnet{ width:48.5%;}
.cnet .cnetwz{ width:100%; float:left; font:18px/24px "微软雅黑"; color:#000; margin:35px 0 30px}
.cnet .cnetimg{ width:100%; text-align:center}
.ccot{ width:48.5%;}
.ccot .fmsg{ width:100%; margin-top:80px}
.ccot .fmsg .f1{ width:49%; height:60px;color:#6a6a6a !important; box-sizing:border-box;display:inline; background:#eff2f5 !important;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px; overflow:hidden; margin-bottom:30px}
.ccot .fmsg .f1 input{ width:100%; height:60px; text-indent:20px; font-size:18px; line-height:60px;  }
.ccot .fmsg .f2{ position:relative}
.ccot .fmsg input[type=text]{ color:#6a6a6a !important; background:#eff2f5;line-height:60px; height:60px}
.ccot .fmsg textarea{ width:100%; height:225px;background:#eff2f5; color:#666; box-sizing:border-box;text-indent:20px; font-size:18px; line-height:60px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px; overflow:hidden; }
.ccot .fmsg .button{ width:100%; font:24px/60px "微软雅黑"; color:#fff;  background:#4d87c3; border-radius:5px; margin-top:25px}
.ccot .fmsg select{ width:30%; height:60px; background:#eff2f5;position:absolute; top:0; right:0 ;font-size:18px; line-height:60px; padding:0 10px}
.ccot .fmsg .simg{  width:18px; height:16px; position:absolute; top:22px; right:20px; background:url(../images/ly.png) no-repeat center center}

/**联系我们-合作伙伴**/
.cpar{ width:100%; margin-top:20px; margin-bottom:200px}
/**案例展示**/
.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(../images/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(../images/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(../images/index_prev.png); }
.btns a.next { float: right; background-image: url(../images/index_next.png); }

/****/

/**服务支持**/
@font-face{
            font-family: 'Comfortaa-Bold';
			src:url(../images/Comfortaa-Bold.ttf);
}
@font-face{
            font-family: '幼圆';
			src:url(../images/幼圆.ttf);
}
.serzl{ width:100%; margin-top:70px}
.serzl .zldiv{ width:52.5%; background:url(../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(../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}


.contarea{ width:100%; display:inline; margin-top:60px; text-align:center}
.contarea .bt{ font:20px/50px "微软雅黑"; color:#333}
.contarea .line{ width:50px; height:1px; background:#4c87c3; display:inline-block}
.contarea li{ width:17.3%; display:inline-block; margin-right:2.125%; padding:25px 15px 35px; color:#000; text-align:center; box-sizing: border-box; border:1px solid #d1d1d1; border-radius:7px}
.contarea li:nth-child(5){ margin-right:0}
.contarea li i{ width:auto; display: table; margin:0px auto}
.contarea li b{ width:100%; float:left; font:normal 21px/21px "微软雅黑"; color:#000; margin-top:20px}
.contarea li p{ width:100%; float:left; font:16px/21px "微软雅黑"; margin-top:15px; min-height:42px}
.contarea li:nth-child(2) p,.contarea li:nth-child(3) p{ padding:0 15%; box-sizing:border-box}

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

.confeed .cmsg{ width:70%;}
.confeed .cmsg .msbt{ width:100%; font:30px/35px "微软雅黑"; color:#000;}
.confeed .cmsg input{ width:49%; height:65px; border:1px solid #d1d1d1; color:#333 !important; box-sizing:border-box; margin-right:2%;display:inline; background:rgba(255,255,255,0.5); text-indent:20px; font-size:16px; line-height:65pxx;overflow:hidden; margin-top:65px}
.confeed .cmsg input[type=text]{ color:#fff; line-height:65px; height:65px}
.confeed .cmsg textarea{ width:100%; height:315px; margin-top:30px; background:rgba(255,255,255,0.5);border:1px solid #d1d1d1; color:#b9b9b9; box-sizing:border-box;text-indent:20px; font-size:16px; line-height:57px; overflow:hidden; right:0; top:0}
.confeed .cmsg .button{ width:160px; font:16px/45px "微软雅黑"; color:#fff; margin-top:20px; background:#4c87c3; border-radius:10px}

.confeed .cmsg input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #b9b9b9; 
} 
.confeed .cmsg input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #b9b9b9; 
} 
.confeed .cmsg input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #b9b9b9; 
} 
.confeed .cmsg input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #b9b9b9; 
}
.confeed .cmsg textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#b9b9b9;}
.confeed .cmsg textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#b9b9b9;}
.confeed .cmsg textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#b9b9b9;}
.confeed .cmsg textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#b9b9b9;}

.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(../images/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%; background:url(../images/ntbg.jpg) repeat-x top center #e4edf6; padding:130px 0; position:relative; margin-top:50px }
.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%}
.news_list li .n_title{ width:100%; height:40px; font:18px/42px "微软雅黑"; color:#4b4b4b; margin-top:10px; overflow:hidden}
.news_list li .n_data{ width:100%; height:24px; font:16px/24px "微软雅黑"; color:#4b4b4b; margin-top:25px}
.news_list li .n_data:before{ content:""; width:14px; height:15px;float:left; background: url(../images/ndate.png) no-repeat center right; margin-right:5px; margin-top:4.5px}
.news_list li .n_data:after{ content:""; width:23px; height:17px; float:right; background: url(../images/njt.png) no-repeat center right; margin-top:3.5px}
.news_list li .n_view{ width:100%;height:36px;display:inline;font:14px/18px "微软雅黑"; margin-top:5px; color:#4b4b4b; overflow:hidden}
.news_list li:hover .n_title{ color:#4c87c3}
.news_list li .pic{ width:100%; height:225px; overflow:hidden; border-radius:5px}
.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}

/**内页产品分类**/
.pfldiv{ width:22%; background:#4d87c3; padding:15px; box-sizing:border-box;margin-bottom:200px; }
.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; padding:15px}

.menu_head{
	height: 47px;
	line-height: 47px; font-weight:normal;
	font-size: 18px;
	color: #4b4b4b;
	cursor: pointer;
	
	position: relative;
	margin: 0px;
	background:url(../images/pro_left.png) center right no-repeat;
}
.menu_list .current{background: url(../images/pro_down.png) center right no-repeat; color:#4d87c3; }
.menu_body{
	line-height: 36px; display:none

	
}
.menu_body a{display:block;height: auto;line-height:36px;padding-left:35px;color:#777777; font-size:16px}
.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;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);}
.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}
.prolist li .pwznr p{ width:100%; float:left;font:18px/30px "微软雅黑"; height:60px; overflow:hidden;color:#4b4b4b; margin-bottom:8px}
.prolist li:hover .pwznr{ background:#4d87c3;  color:#fff; border-radius:5px}
.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(../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}

.nyfoot{background:url(../images/footbg.png) no-repeat top center #fff !important;}
.foot{width:100%; height:auto; z-index:1; position:relative; background:url(../images/footbg.jpg) no-repeat top center #4d87c3;display:inline; padding-top:130px; box-sizing:border-box; font:15px/28px "微软雅黑"; color:#fff;}
.foot .fqrcode{ width:100%; height: auto; text-align:center; margin-top:50px}
.foot .fqrcode .wk{ width: auto; display:inline-block; text-align:center; margin:0 15px 25px}
.foot .fqrcode .wk .pic{ width:198px; text-align:center }
.foot .fqrcode .wk .pic img{ max-width:100%}
.foot .fqrcode .wk .wz{ font:18px/20px "微软雅黑"; color:#fff; margin-top:10px; display:inline}
.foot .fqrcode .swz{ font:15px/36px "微软雅黑"; color:#fff; opacity:0.7; filter:alpha(opacity=70)}
.foot .fqrcode .swz:hover{ opacity:1; filter:alpha(opacity=100)}
.foot .fqrcode .flx{ width:auto; font:28px/50px "微软雅黑"; color:#Fff; display:table; margin:0px auto; text-align:center; padding:0 130px; text-decoration:underline; text-transform:uppercase; background:#84c0ff; border-radius:5px; text-decoration:none}

.foot .fmsg{ width:100%; margin-top:40px}
.foot .fmsg .msbt{ width:100%; font:30px/35px "微软雅黑"; color:#fff;}
.foot .fmsg .f1{ width:49%; height:60px;color:#6a6a6a !important; box-sizing:border-box;display:inline; background:#eff2f5;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px; overflow:hidden; margin-bottom:40px}
.foot .fmsg .f1 input{ width:100%; text-indent:20px; font-size:18px; line-height:60px;  }
.foot .fmsg .f2{ position:relative}
.foot .fmsg input[type=text]{ color:#6a6a6a !important;background:#eff2f5; line-height:60px; height:60px}
.foot .fmsg textarea{ width:77%; height:60px;background:#eff2f5; color:#666; box-sizing:border-box;text-indent:20px; font-size:18px; line-height:60px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px; overflow:hidden; }
.foot .fmsg .button{ width:21%; font:24px/60px "微软雅黑"; color:#fff;  background:#84c0ff; border-radius:10px; }
.sel{width:30%; height:60px; position:absolute; top:0; right:0 ;font-size:18px; line-height:60px; background: url(../images/ly.png) no-repeat center right 25px #eff2f5}
.foot .fmsg select{width:30%; height:60px; position:absolute; top:0; right:0 ;font-size:18px; line-height:60px; background: url(../images/ly.png) no-repeat center right 25px #eff2f5; padding:0 15px}
.foot .fmsg .simg{  width:18px; height:16px; position:absolute; top:22px; right:20px; background:url(../images/ly.png) no-repeat center center}

.foot .fcont{ width:100%; height: auto;  text-align:center;display:inline; color:#fff; font: bold 42px/42px "微软雅黑"}
.foot .fdh{ width:100%; text-align:center; margin-top:40px}
.foot .fdh li{ width:auto; display:inline-block; padding:0 40px; border-right:1px solid #fff; }
.foot .fdh li:last-child{ border-right:none}
.foot .fdh li a{font:18px/30px "微软雅黑"; color:#fff; text-decoration:none}
.foot .fdh li a:hover{ color:#84c0ff}

.flink{ padding:35px 0;}
.flink .lbt{ font:18px/30px "微软雅黑"; width:100%; float:left; margin-bottom:15px}
.flink a{ font:16px/30px "微软雅黑"; color:#fff}
.fbt{ border-top:1px solid #fafafa; padding:28px 0; text-align:center; width:100%; position:relative}
.fbt div{text-align:center; }
.fbt .flogo{ width:auto; float:left}
.fbt .flogo img{ margin-top:28px}
.fbt .fwz{width: 75%;
    font: 15px/30px "微软雅黑";
    margin: 32px 0;
    color: #fff;}
.fbt .fwz a{ color:#fff}
.fbt .zmt{ width: auto; position:absolute; right:5%; bottom:30px}
.fbt .zmt li{ width:45px; height:45px; border-radius:50%; float:left;background: linear-gradient(180deg, #4d87c3, #5699df); border:1px solid #4d87c3; margin-right:5px}
.fbt .zmt li:hover{ background:#4d87c3}
/**.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%;}
}


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

@media screen and (max-width: 1580px)
{
.banner{ margin-top:50px}
.nav{ width:52%}
.topmeau li .mz { padding: 0 25px;}
.goodlist { width: 282px;}
}

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

}
@media screen and (max-width: 1450px)
{
.menu_body a{ padding-left:20px; font-size:15px}	
.nav>ul>li{ padding:0 15px}
.nav .subnav2 .item{ width:350px}
.nav .subnav2 .item dl a.mz{ font:12px/28px "微软雅黑"}
}
@media screen and (max-width: 1380px)
{
.fbt .zmt{ right:1%}
.caseCont li p {font: 18px/21px "微软雅黑";}
.nav{ width:48%}
.foot .fdh .line{margin: 0 50px}
.nav>ul>li{  padding:0 10px}

.head {
    padding: 20px 1%;
}
.nav>ul>li>a {
    font-size: 14px;
}
.ajs {font: 16px/28px "微软雅黑";}
.jd .jdul li p,.sbul li .sbwz p ,.xcul li .xcwz .xcnr{font: 16px/22px "微软雅黑";}
.sbul li .sbwz b {font: bold 22px/22px "微软雅黑";}
.culture{ width:60%}
.title .wz_en ,.title .wz_cn,.about_nr .enbt,.about_nr .bt,.newsdiv .newbt .nwz_en,.newsdiv .newbt .nwz_cn{ font:35px/35px SourceHanSansCN-Light;}
.foot .fcont{font: bold 35px/35px "微软雅黑";}
.alist .count .wz2 span { font: bold 30px/40px "微软雅黑";}
.alist .count .wz1 { font: 18px/25px "微软雅黑";}

.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/22px "微软雅黑"}
}
@media screen and (max-width: 1280px)
{
.banner{ margin-top:80px}
.nav .subnav2 .item{ width:350px; margin:0 20px}
}
@media screen and (max-width: 1250px)
{
.t_tel{ display:none}
.fbt,.fbt div{ text-align:left}

.nav{ width:65%}	
.title .wz_en, .title .wz_cn {
    font:30px/30px SourceHanSansCN-Light;
}
.chanpro,.chancase{ padding-top:40px}
.ghdiv{ margin-top:40px}
.newTab{ right:2%}
.proTab span,.newTab span,.ghTab span,.fllist .wz,.caseTab span { padding: 0 30px;font: 18px/45px "微软雅黑";}

.proCont li .pimg,.pbg{ height:245px}
.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 "微软雅黑"}
.newsdiv { padding: 130px 0 100px;}
.foot .fmsg .f1 input,.foot .fmsg select,.foot .fmsg textarea{ font-size:16px}
.foot .fdh li a {font: 16px/28px "微软雅黑";}
.foot .fqrcode .wk .wz {font: 16px/20px "微软雅黑";}
.foot .fqrcode .flx {font: 25px/50px "微软雅黑";}
.fbt{ font:15px/28px "微软雅黑"}
}


@media screen and (max-width: 1200px)
{
.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{ display:none}

.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(../images/next_nh.png) no-repeat;
    margin-right: -40px;
}

.nyhonor_list .hd .nyhonor_prev {
    left: 0px;
    background: url(../images/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{ height:225px}
.caseCont li p {
    font: 16px/16px "微软雅黑";
}
}

@media screen and (max-width: 1100px)
{
.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 0 35px 0}
.caseCont li .ghimg{ height:205px}
.caseCont li p {
    font: 14px/14px "微软雅黑";
}
.title .wz_en ,.title .wz_cn,.about_nr .enbt,.about_nr .bt,.newsdiv .newbt .nwz_en,.newsdiv .newbt .nwz_cn{ font:30px/30px SourceHanSansCN-Light;}
.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 "微软雅黑";
}
.nav>ul>li{ padding:0 18px}
.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)
{

#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,.jlist li .t_mc{ padding:10px}
.clist li .t_mc p,.jlist li .t_mc p{ font: 16px/30px "微软雅黑";}
.view_title { font: 25px/32px "微软雅黑";}
.newsright .bt {font: 20px/20px "微软雅黑";	}
.news_list li .n_title {font: 16px/42px "微软雅黑";}
.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 {
    display: none;
}
.head .logo img{ height:50px; margin-top:5px;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{ 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)
{
.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(../images/nextBtnTop.png) 0 0 no-repeat #fff;
}
.mod18 #pprevTop {
    background: url(../images/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}
.cpTab span, .proTab span,.newTab span,.ghTab span,.fllist .wz,.caseTab span { padding: 0 20px;
    font: 16px/40px "微软雅黑";
}
.proCont li,.caseCont li{ width:49% !important; margin-right:2% }
.proCont li .pimg, .pbg {
    height: 305px;
}
.proCont li:nth-child(2n+0),.caseCont li:nth-child(2n+0) {
    margin-right: 0px;
}
.proCont li:nth-child(4n+0),.caseCont li:nth-child(4n+0) {
    margin-right: 0px;
}
.caseCont li{ margin-bottom:20px}
.caseCont li .ghimg{ height:255px}
.about_bg{ padding-top:130px}
.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}
.alist{ margin-top:30px}
.about_nr .bt{ font-size:24px}
.about_nr .about_wz{ font-size:14px; }
.about_bg .apic{ width:100%; margin-bottom:30px}
.about_nr{ width:100%}

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

.contarea li { width: 48%; margin: 40px 2% 0px 0;}
.contarea li:nth-child(2n+0){ margin-right:0}
.contarea li:nth-child(3){ margin-right: 2%}

.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 .cwz{ width:70%}
.culture li .cwz b{ font:bold 18px/18px "微软雅黑"}
.culture li{ font:14px/20px "微软雅黑"}
.culture li .cwz span{ margin-top:5px}
.jd .jdul li{ width:30%; margin-bottom:20px}
.sbul li .sbimg{ height:200px}
.sbul li .sbwz{ padding-top:35px}
.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/60px "微软雅黑"}
.pvlist li .pvcon p{ font:15px/25px "微软雅黑";  overflow:hidden; height:50px}
}

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

.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%;}
.title .wz_en, .title .wz_cn, .about_nr .enbt, .about_nr .bt, .newsdiv .newbt .nwz_en, .newsdiv .newbt .nwz_cn {
    font: 25px/25px SourceHanSansCN-Light;
}
.foot .fcont {
    font: bold 25px/25px "微软雅黑";
}
.clist li .pic{ height:195px}
.title .wz_cn{ margin-top:10px}
.cpTab span, .proTab span, .newTab span ,.ghTab span,.caseTab span{
    padding: 0 20px;
    font: 14px/40px "微软雅黑";
}
.proCont,.caseCont{ margin-top:50px}
.proCont li .pimg, .pbg {
    height: 255px;
}
.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 i{ width:50px}
.contarea li i img{ max-width:100%;}
.contarea li b{font: normal 16px/16px "微软雅黑";}
.contarea li p {font: 14px/25px "微软雅黑";}

.confeed .fewm,.confeed .cmsg{ width:100%;}
.confeed .fewm .wk{ width:auto;}
.confeed .cmsg textarea{ height:200px}

.clist li span{ font:14px/24px "微软雅黑";}
.culture{ width:100%;margin: 35px 0 0}
.culture li{ width:50%;}
.cultureimg{ margin-top:20px}

.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%;
}
.parnetul li{ width:30%}
.parnetul li:nth-child(3n) {
    margin-right:0 !important;
}
.parnetul li:nth-child(5n) {
    margin-right: 0.75%;
}
.network .netwz {
    font: 14px/22px "微软雅黑"; margin:30px 0 
}
.mb_pcs li p {
    font: 14px/30px "微软雅黑" !important; 
}
.cnet .cnetwz {
    font: 14px/22px "微软雅黑";
}
.netfeed .conbt i {
    width: 30px;
    height: 30px;
}
.netfeed .conbt {
    font: 20px/30px "微软雅黑";
}
.clist li,.jlist li{ width:49%; margin-bottom:15px}
.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/30px "微软雅黑";
}
.news_list li .pic{ height:180px}
}

@media screen and (max-width: 650px)
{
.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;
}
.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}
.proCont li .pimg, .pbg {
    height: 205px;
}
.cpTab span, .proTab span, .newTab span {
    padding: 0 20px;
    font: 12px/35px "微软雅黑"; margin:0 10px
}
.caseTab span{
    padding: 0 50px;
    font: 12px/35px "微软雅黑"; margin:0 10px 10px
}
.ghTab span {
    padding: 0 20px;
    font: 12px/35px "微软雅黑"; margin:0 10px 10px ;
}
.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)
{
.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}
.caseCont li .ghimg{ height:200px}
.caseCont li p { padding: 20px 18px; height: 52px; font:12px/12px "微软雅黑"}
.caseCont li p:after{ margin-top:0; background-size:80%}
.prolist li a .pic{}
 .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;
}
.head .logo im