/************ HEADER ***************/

#logo{
	width:100%;
	height:90px;
	}

#logo_l{
	width: 600px;
    float: left;
    padding-top: 20px;
	}
	
#logo_l img{
	display: block;
    float: left;
    width: 53px;
    height: 53px;
    margin-right: 10px;
	}
	
#logo_l a{
    font-size: 43px;
    color: #282828;
    font-weight: 900;
    letter-spacing: 2px;
    font-style: italic;
    line-height: 53px;
	}

#logo_r{
    width: 600px;
    float: right;
    padding-top: 35px;
	}

#logo_r span{
	display: block;
    float: right;
    font-size: 14px;
    color: #2579d7;
    letter-spacing: 1px;
    margin-left: 30px;
    line-height: 25px;
	}

#logo_r span img{
	display: block;
    float: left;
    width: 30px;
    height: 25px;
    margin-right: 10px;
	}

#nav{
	z-index: 9999;
    position: relative;
	}

.container {
    margin: 0px auto;
    width: 100%;
	}
	
.active{
	 background:#2579d7;
	 color:#FFF !important;
	 font-weight:bold;
	}

/* 通用样式 */
.menu, .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: rgba(255,255,255,0.4);
    color: rgba(111,111,111,1);
	}
	
.menu {
    height: 50px;
	}

.menu li {
/*    background: -moz-linear-gradient(#292929, #252525);
    background: -ms-linear-gradient(#292929, #252525);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525));
    background: -webkit-linear-gradient(#292929, #252525);
    background: -o-linear-gradient(#292929, #252525);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')";
    background: linear-gradient(#292929, #252525);*/

/*    border-bottom: 2px solid #181818;
    border-top: 2px solid #303030;
    min-width: 160px;*/
}
.menu > li {
    display: block;
    float: left;
    position: relative;
}

.menu > li:first-child {
    /*border-radius: 5px 0 0;*/
	}

.menu a {
	color: #6f6f6f;
    display: block;
    font-family: '微软雅黑';
    font-size: 15px;
    line-height: 50px;
    width: 150px;
    text-align: center;
    height: 50px;
    text-decoration: none;
    text-transform: uppercase;
	}
	

/* 悬停时的样式 */
.menu li:hover {
    background:#2579d7;

/*    border-bottom: 2px solid #222222;
    border-top: 2px solid #1B1B1B;*/
	font-weight:bold;
	}

.menu li:hover > a {
    /*border-radius: 5px 0 0 0;*/
    /*border-left: 3px solid #C4302B;*/
    color: #FFF;
	}

/* 子菜单样式 */
.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}

.submenu li a{
	font-size: 13px;
    height: 35px;
    line-height: 35px;
    font-weight: normal;
    color: #282828;
    margin: 5px 0px;
	}

.menu .submenu li:hover a {
    /*border-left: 3px solid #454545;*/
    border-radius: 0;
    color: #ffffff;
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* CSS3 过渡效果的延迟 */
.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}



#star_box{
    position:absolute;
    overflow: hidden;
    margin: 0px auto;
    width: 95%;
    min-height: 580px;
    perspective: 340px;
    top:190px;
	left:45px;
    z-index: 888;
	}

/* star field */
.stars {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 3px;
  height: 3px;
  box-shadow: -238px 108px #f7f7f7, 193px -376px #f7f7f7, -1264px -60px #fafafa,
    145px -443px #c9c9c9, -1440px 37px #f7f7f7, 262px -136px #cfcfcf,
    212px 219px #e3e3e3, 319px 223px #c7c7c7, 1246px -51px #c9c9c9,
    308px 26px #e0e0e0, 147px 229px #e6e6e6, -1041px 450px #d1d1d1,
    671px 86px white, -921px 234px #f0f0f0, -957px 242px #e8e8e8,
    1249px -285px #d1d1d1, 741px 434px #d9d9d9, -1030px 330px #ededed,
    311px -475px #fcfcfc, -413px -105px #d4d4d4, 868px -435px #f7f7f7,
    -790px 289px #dbdbdb, 202px 427px #fcfcfc, -22px -158px #c9c9c9,
    -1294px -297px #cccccc, -63px 200px #f0f0f0, -592px -86px #f7f7f7,
    -732px 366px white, -1426px -262px #e8e8e8, 475px -400px #c9c9c9,
    -1442px -153px #f7f7f7, 1124px -219px #ededed, 701px 257px #f0f0f0,
    36px -179px #ebebeb, -937px 480px #f7f7f7, -267px -418px #f2f2f2,
    1467px 127px #cfcfcf, -1128px 274px #d1d1d1, -180px 430px #e0e0e0,
    624px 275px #fafafa, -473px 150px #e6e6e6, -537px -348px #d4d4d4,
    410px 455px #ebebeb, 497px -29px #cccccc, 416px -370px whitesmoke,
    977px 82px #c2c2c2, 1209px -222px #f0f0f0, 637px 360px #fcfcfc,
    -1049px 409px white, 959px 407px #c9c9c9, -1153px -168px #dedede,
    -437px -216px #dbdbdb, -572px 420px #fcfcfc, -228px 78px #dbdbdb,
    -925px 452px #cccccc, 244px 30px #c4c4c4, 453px -336px #dedede,
    993px -63px #c2c2c2, 670px -343px #d9d9d9, -1088px 344px #fcfcfc,
    -170px -153px #c4c4c4, 987px -208px #d1d1d1, 596px 166px #fcfcfc,
    -1362px -28px #c4c4c4, 1291px -106px #e3e3e3, -1128px 169px #ededed,
    1056px 367px #ebebeb, 261px -128px #cccccc, 1017px 401px #cccccc,
    1381px 245px #e3e3e3, 536px -113px #fafafa, -92px -217px #e3e3e3,
    1481px 268px #d1d1d1, 832px -345px #cccccc, -863px 138px #f0f0f0,
    -997px -412px #e3e3e3, -330px -260px #d9d9d9, 691px -39px #fcfcfc,
    -468px -135px #d6d6d6, -535px 405px #e8e8e8, -1289px -284px #e3e3e3,
    823px -225px #cccccc, -1172px -348px white, 505px -319px #ededed,
    94px -45px #ededed, -687px -64px #c7c7c7, -1133px -456px #f2f2f2,
    1357px 135px #e0e0e0, -919px -249px whitesmoke, 206px 32px white,
    1453px -338px #cccccc, -764px 83px #e8e8e8, 726px 85px #fafafa,
    205px 103px #e3e3e3, 85px 116px #d1d1d1, 1104px -121px #f0f0f0,
    649px -304px #dbdbdb, -313px 313px whitesmoke, 491px -419px #c9c9c9,
    -1405px 397px #cfcfcf, 30px -81px #e6e6e6;
  animation: fly 3s linear infinite;
  transform-style: preserve-3d;
}
.stars:before,
.stars:after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  box-shadow: inherit;
}
.stars:before {
  transform: translateZ(-300px);
  animation: fade1 3s linear infinite;
}
.stars:after {
  transform: translateZ(-600px);
  animation: fade2 3s linear infinite;
}
@keyframes fly {
  from {
    transform: translateZ(0px);
  }
  to {
    transform: translateZ(300px);
  }
}
@keyframes fade1 {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade2 {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}

/************ HEADER ***************/








/************ FOOTER ***************/

.footer{
	width: 100%;
    height: 320px;
    padding-top: 50px;
    background: url(../img/foot_bg.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
	}
	
#foot_nav{
	width: 100%;
    height: 260px;
	}

.foot_nav_box{
	float:left;
	}

.foot_nav_box span{
    display: block;
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 10px;
	}
	
.foot_nav_box a{
    display: block;
    font-size: 14px;
    color: #FFF;
    line-height: 32px;
	}

.foot1{
	width:100px;
	text-align:center;
	}

.foot2{
	width: 100px;
    text-align: center;
    margin-left: 100px;
	}
	


.foot3{
	width: 280px;
    text-align: center;
    margin-left: 100px;
	}

.foot3 a{
	float: left;
    text-align: left;
    width: 140px;
	}

.foot4{
	width:100px;
	text-align:center;
	margin-left: 65px;
	}

.foot5{
	width: 260px;
    float: right;
    font-size: 14px;
    color: #FFF;
    line-height: 32px;
	}
	
#foot_icp{
	width: 100%;
    height: 59px;
    line-height: 59px;
    border-top: 1px #fff solid;
    text-align: center;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
	}
	
#foot_icp a{
	color:#FFF;
	}

/************ FOOTER ***************/








/************ INDEX MAIN ***************/

#main_i{
    overflow: hidden;
	}
	
	
	
	
	
#index1{
    width: 100%;
    height: 250px;
    padding-top: 70px;
    background: url(../img/index1_bg.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
	}
	
.shang{
	opacity: 0;
	}	
	
.shang_style{
	opacity: 1;
    animation: key 2s;
    -webkit-animation: key 2s;
    position: relative;
	}

@keyframes key {
	0% {
		margin-top: 150px;
		opacity: 0;
	}
	100% {
		margin-top: 0px;
		opacity: 1;
	}
}


.index1_box{
	width: 345px;
    height: 145px;
    padding: 15px;
    background: #FFF;
    float: left;
    margin: 0px 12px;
    border-radius: 20px;
    font-size: 15px;
    color: #3781c4;
    line-height: 35px;
    letter-spacing: 1px;
	}
	
.index1_box:hover{
	/*cursor:pointer;*/
	box-shadow: 0 0 4px 3px rgb(55 129 196 /60%);
	transition:all 0.3s linear 0s;
	}

.index1_box img{
	display: block;
    float: left;
    width: 72px;
    height: 72px;
    margin-top: 25px;
    margin-right: 20px;
	}
	
.index1_box span{
    display: block;
    font-size: 24px;
    color: #282828;
    font-weight: bold;
    margin-bottom: 5px;
    padding-top: 10px;
	}
	
	
	
	
	
#index2{
	width:100%;
	height:490px;
	background:url(../img/index2_bg.jpg) no-repeat;
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
	}
	
.index2_box{
    width: 860px;
    padding-top: 30px;
    margin: 0px auto;
	}
	
.index2_title{
    width: 100%;
    font-size: 50px;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 4px;
    text-align: center;
    height: 130px;
    line-height: 130px;
    text-shadow: 1px 0 1px #3781c4, 0 1px 1px #3781c4, 0 -1px 1px #3781c4, -1px 0 1px #3781c4;
	}
	
.dis{
	opacity: 0;
	}	
	
.dis_style{
	opacity: 1;
    animation: key_dis 3s;
    -webkit-animation: key_dis 3s;
    position: relative;
	}

@keyframes key_dis{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.index2_c{
    width: 100%;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    color: #FFF;
    line-height: 44px;
    height: 135px;
	}

.index2_a{
	display: block;
    width: 134px;
    margin: 0px auto;
    height: 55px;
	}
	
.btn12{ 
	border: 1px solid #FFF;
    position: relative;
    font-size: 15px;
    color: #fff;
    background: #3781c4;
    border-radius: 25px 0px 25px 0px;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
    float: left;
    width: 130px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    margin: 0px auto;
	}
.btn12:hover{ color:#204f79; border-color:#fff;}
.btn12 .bgsqr1,.btn12 .bgsqr2{background:#fff;position: absolute;top: 50%; top:0\9;content: '';width: 20px;height: 20px; -webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.6s; transition: all 0.6s; opacity:0.5;}
.btn12 .bgsqr1{left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btn12 .bgsqr2{right: -20px;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);}
.btn12:hover .bgsqr1{ -webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both;width:375px\9;height:375px\9;  opacity:1;}
.btn12:hover .bgsqr2{ -webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both;width:375px\9;height:375px\9;opacity:1;}
.btn12 span{ position:relative; z-index:1;}
@-webkit-keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%;width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%; width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@-webkit-keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}




.inner-header {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
}




#index3{
    width: 100%;
    margin-top: 30px;
    height: 500px;
	}
	
.index3_title{
    width: 100%;
    text-align: center;
    height: 90px;
    line-height: 90px;
    font-size: 48px;
    color: #282828;
    letter-spacing: 2px;
	}

.index3_c{
	width: 100%;
    height: 390px;
    padding-top: 20px;
	}
	
.pro-new-show {position: relative;width: 100%;height: auto;}

.tempWrap{
	overflow: hidden;
    position: relative;
    width: 100% !important;
    margin: 0px auto;
	}
.pro-new-show .pro-list{width: 100%;height: auto;margin-top: 25px;overflow: hidden;}
.pro-new-show .pro-list ul li{float: left;width: 387px;height: auto;overflow: hidden;background: #FFFFFF;margin-right: 19px;}
.pro-new-show .pro-list ul li:last-child{margin-right: 0;}
.pro-new-show .pro-list ul li img{width: 100%;height: 291px;}
.pro-new-show .pro-list ul li .desc{padding: 10px 20px;box-sizing: border-box;}
.pro-new-show .pro-list ul li .desc .p-title{font-size: 16px;color: #323232;padding-bottom: 5px;}
.pro-new-show .pro-list ul li .desc .p-desc{font-size: 14px;color: #969696;line-height: 25px;}
.arrow{
	width: 100%;
    height: 40px;
	}

.pro-new-show .arrow a{
	display: inline-block;
    position: absolute;
    width: 90px;
    height: 30px;
    line-height: 30px;
    z-index: 2;
    /* background: #000; */
    color: #1366c4;
    text-align: center;
    font-size: 20px;
    border: 1px #1366c4 solid;
    font-weight: bold;
	}
.pro-new-show .arrow a.prev{left: 0;}
.pro-new-show .arrow a.next{right: 0;}
.pro-new-show .arrow a:hover{background-color: rgba(19,102,196,.8); color:#FFF;}
.pro-new-show .pagination{position: relative;width: 100%;height: auto;overflow: hidden;padding-top: 40px;text-align: center;}
.pro-new-show .pagination ul li{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #fff;
    border: 1px #1366c4 solid;
    display: inline-block;
    margin: 0 8px;
    text-indent: -9999px;
	}
.pro-new-show .pagination ul li.on{background: #2069ff;}


#plist{
    width: 100%;
    padding: 0;
    margin: 0;
	}
	
#plist li{
	width: 220px;
    height: 370px;
    border: 1px #dcdcdc solid;
    margin: 0px 9px;
    float: left;
    position: relative;
    z-index: 10;
    overflow: hidden;
    transition: all 500ms;
    border-radius: 15px;
    box-shadow: 0 0 4px 3px rgb(220 220 220 / 60%);
	}
	
.box span{
	font-size: 20px;
    /* color: #3781c4; */
    display: block;
    font-weight: bold;
    text-align: center;
    height: 65px;
    line-height: 65px;
	}
	
.box a{
    display: block;
    border: 1px #dcdcdc solid;
    width: 135px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    border-radius: 25px 0px 25px 0px;
    color: #1366c4;
    background: #FFF;
    margin: 0px auto;
    margin-top: 20px;
	}

#plist li div.box{
	padding: 20px;
    position: relative;
    z-index: 11;
    font-size: 15px;
    line-height: 34px;
	}
#plist li h3{font-size:12px;}

#plist li .csbg{
	width: 220px;
    height: 370px;
    background: #3781c4;
    position: absolute;
    left: 0;
    bottom: -370px;
    z-index: 5;
    transition: all 500ms;
	}
	
#plist li:hover {color:#fff;}
#plist li:hover .mask{top:0px;}
#plist li:hover .csbg{bottom:0px}




#index4{
    width: 100%;
    height: 553px;
    padding-top: 202px;
    background: url(../img/index4_bg.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
	}
	
.index4_box{
    width: 550px;
    height: 390px;
    background: url(../img/index4_c_bg.png) no-repeat;
    float: right;
    padding: 45px 50px 50px 90px;
    font-size: 15px;
    line-height: 36px;
    color: #282828;
	}
	
.you{
	opacity: 0;
	}	
	
.you_style{
	opacity: 1;
    animation: key_you 2s;
    -webkit-animation: key_you 2s;
    position: relative;
	}

@keyframes key_you{
	0% {
		margin-right: -150px;
		opacity: 0;
	}
	100% {
		margin-right: 0px;
		opacity: 1;
	}
}

	
.index4_title{
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #282828;
    letter-spacing: 1px;
    line-height: 35px;
    height: 100px;
	}

.index4_title span{
    display: block;
    font-size: 30px;
    color: #0066cc;
    font-weight: normal;
	}
	
.index4_title hr{
	width: 30px;
    height: 2px;
    background: #282828;
    border: 0;
	}
	
.index4_a{
	display: block;
    /* border: 1px #3781c4 solid; */
    width: 135px;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    border-radius: 25px 0px 25px 0px;
    color: #fff;
    background: #3781c4;
    text-indent: 30px;
    margin-top: 25px;
	}
	
.index4_a:hover{
	font-weight:bold;
	text-indent: 35px;
	}



#index5{
	width: 100%;
    height: 390px;
    background: url(../img/index5_bg.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-top: 60px;
	}

.index5_title{
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 46px;
    color: #282828;
    letter-spacing: 4px;
	}

.index5_c{
	width: 100%;
    padding-top: 30px;
    height: 260px;
	}

.demo {
 margin: 0px auto;
 text-align:center;
} 

.demo ul{
	padding:0;
	margin:0;
	}
.nav li	{
    position: relative;
    display: inline-block;
    margin-left: -60px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    border: 20px #FFF solid;
    border-radius: 50%;
    overflow: hidden;
	}
.nav li a {
	display: inline-block;
    width: 110px;
    height: 110px;
    padding: 45px;
    border-radius: 50%;
    text-align: center;
	}
.nav li:hover {
 z-index: 11;
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 -ms-transform: scale(1.1);
 transform: scale(1.1);
}
.nav li:hover a {
 text-decoration: none;
}
.nav li:hover span {
 -webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 -ms-transition: all 0.4s linear;
 transition: all 0.4s linear;
 -webkit-animation: moveFromBottom 0.3s ease;
 -moz-animation: moveFromBottom 0.3s ease;
 -o-animation: moveFromBottom 0.3s ease;
 -ms-animation: moveFromBottom 0.3s ease;
 animation: moveFromBottom 0.3s ease;
}
.nav li:nth-child(1) a {
    color: #41b266;
    text-shadow: 0 1px 0 #41b266;
    border-color: #41b266;
    background-color: #41b266;
	}
.nav li:nth-child(2) a {
	color: #3cb58e;
    text-shadow: 0 1px 0 #3cb58e;
    border-color: #3cb58e;
    background-color: #3cb58e
	}
.nav li:nth-child(3) a {
    color: #34b8b9;
    text-shadow: 0 1px 0 #34b8b9;
    border-color: #34b8b9;
    background-color: #34b8b9;
	}
.nav li:nth-child(4) a {
    color: #3781c4;
    text-shadow: 0 1px 0 #3781c4;
    border-color: #3781c4;
    background-color: #3781c4;
	}
.nav li:nth-child(5) a {
	color: #105896;
    text-shadow: 0 1px 0 #105896;
    border-color: #105896;
    background-color: #105896;
	}
.nav li:nth-child(1):hover a {
	color: #41b266;
    text-shadow: 0 1px 0 #41b266;
    border-color: #41b266;
    background-color: #41b266;
	}
.nav li:nth-child(2):hover a {
    color: #3cb58e;
    text-shadow: 0 1px 0 #3cb58e;
    border-color: #3cb58e;
    background-color: #3cb58e;
	}
.nav li:nth-child(3):hover a {
    color: #34b8b9;
    text-shadow: 0 1px 0 #34b8b9;
    border-color: #34b8b9;
    background-color: #34b8b9;
	}
.nav li:nth-child(4):hover a {
	color: #3781c4;
    text-shadow: 0 1px 0 #3781c4;
    border-color: #3781c4;
    background-color: #3781c4;
	}
.nav li:nth-child(5):hover a {
	color: #105896;
    text-shadow: 0 1px 0 #105896;
    border-color: #105896;
    background-color: #105896;
	}
.nav span {
    display: block;
    line-height: 30px;
    font-size: 15px;
    font-style: normal;
    color: #FFF;
	}

.nav span p{
	padding:0;
	margin:0;
	}

.nav span:before {
 display: block;
}
.nav li:nth-child(1) span:before {
 content: "";
}
.nav li:nth-child(2) span:before {
 content: "";
}
.nav li:nth-child(3) span:before {
 content: "";
}
.nav li:nth-child(4) span:before {
 content: "";
}
.nav li:nth-child(5) span:before {
 content: "";
}
@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
 to {
   -webkit-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@-moz-keyframes moveFromBottom {
  from {
    -moz-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
    -moz-transform: translateY(0%) scale(1);
    opacity: 1;        
  }
}
@-ms-keyframes moveFromBottom {
  from {
    -ms-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   -ms-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@-o-keyframes moveFromBottom {
  from {
    -o-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   -o-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@keyframes moveFromBottom {
  from {
    transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
.nav span:before { 
 font-family: 'LigatureSymbols';
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 -ms-font-smoothing: antialiased;
 -o-font-smoothing: antialiased;
 font-smoothing: antialiased;
 -webkit-font-feature-settings: "liga" 1, "dlig" 1;
 -moz-font-feature-settings: "liga=1, dlig=1";
 -ms-font-feature-settings: "liga" 1, "dlig" 1;
 font-feature-settings: "liga" 1, "dlig" 1;
}

/* 效果CSS结束 */





#index6{
    width: 100%;
    height: 330px;
	}

.index6_title{
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 46px;
    color: #282828;
    letter-spacing: 4px;
	}

.index6_c{
    width: 100%;
    height: 240px;
    margin-top: 30px;
	}

#fczs_gd{overflow: hidden; width: 1200px; height: 240px;}

#fczs_gd ul{
	width: 1504px;
	padding: 0px;
	margin:0px;
	}
	
#fczs_gd a{ display:block;}

#fczs_gd li{
	margin: 0px 30px 20px 0px;
    width: 344px;
    height: 108px;
    border: 1px #dcdcdc solid;
    border-radius: 7px;
    float: left;
    display: block;
    text-align: center;
    line-height: 60px;
    color: #282828;
    font-size: 16px;
    font-family: '微软雅黑';
    overflow: hidden;
	}
	
#fczs_gd img{
	display: block;
    width: 344px;
    height: 108px;
    object-fit: cover;
	}	





#index7{
	width: 100%;
    height: 310px;
    padding-top: 110px;
    background: url(../img/index7_bg.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-top: 60px;
	}

.index7_title{
	width: 100%;
    text-align: center;
    font-size: 48px;
    color: #FFF;
    letter-spacing: 4px;
    height: 60px;
    line-height: 60px;
	}


.index7_c{
	width: 1200px;
    margin: 0 auto;
    overflow: hidden;
	padding-top:60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* margin-bottom: 3rem;*/
	}

.box_lc{
  width: 160px;
  height: 75px;
  -webkit-transition: opacity 0.5s linear 0.3s,
    -webkit-transform 0.3s linear 0s,
    -webkit-filter 0.5s linear 0.3s;
  transition: opacity 0.5s linear 0.3s,
    -webkit-transform 0.3s linear 0s,
    -webkit-filter 0.5s linear 0.3s;
  transition: transform 0.3s linear 0s,
    filter 0.5s linear 0.3s,
    opacity 0.5s linear 0.3s;
  transition:
    transform 0.3s linear 0s,
    filter 0.5s linear 0.3s,
    opacity 0.5s linear 0.3s,
    -webkit-transform 0.3s linear 0s,
    -webkit-filter 0.5s linear 0.3s;
  /*transform-origin: top center;*/
}

.product_lc {
	position: relative;
    width: 160px;
    height: 60px;
    text-align: left;
    font-size: 15px;
    line-height: 28px;
    padding-top: 5px;
    color: #FFF;
    /* background: #412563; */
    padding: 5px;
    letter-spacing: 1px;
	}

.lc_icon{
    display: block;
    width: 34px;
    height: 34px;
    margin-left: 30px;
    margin-right: 30px;
	}

.product_lc_name{
  display: block;
	}

.product_lc_name p{
	padding:0;
	margin:0;
}

.index7_c:hover .box_lc:not(:hover)  {
  -webkit-filter: blur(3px);
          filter: blur(3px);
  opacity: 0.5;
}
.box_lc:hover  {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: opacity 0.1s linear 0s,
    -webkit-transform 0.3s linear 0.3s,
    -webkit-filter 0.1s linear 0s;
  transition: opacity 0.1s linear 0s,
    -webkit-transform 0.3s linear 0.3s,
    -webkit-filter 0.1s linear 0s;
  transition: transform 0.3s linear 0.3s,
    filter 0.1s linear 0s,
    opacity 0.1s linear 0s;
  transition:
    transform 0.3s linear 0.3s,
    filter 0.1s linear 0s,
    opacity 0.1s linear 0s,
    -webkit-transform 0.3s linear 0.3s,
    -webkit-filter 0.1s linear 0s;
}
.box_lc:hover .product_lc {
	cursor:pointer;
  -webkit-transition: box-shadow 1s linear,
    height 0.3s linear 0.5s;
  transition:
    box-shadow 1s linear,
    height 0.3s linear 0.5s;
}



	

/************ INDEX MAIN ***************/








/************ SIDEBAR ***************/

.p_type{}

.pro-sider{
    width: 100%;
    padding: 20px 0px;
    height: 40px;
	}

.pro-sider a{
	display: block;
    float: left;
    border: 1px #1366c4 solid;
    text-align: center;
    width: 160px;
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    margin: 0px 10px;
    color: #1366c4;
    font-size: 15px;
    letter-spacing: 2px;
	}
	
.pro-sider a:hover{	
	font-weight:bold;
	color:#FFF;
	background:#1366c4;
	}

/************ SIDEBAR ***************/








/************ 内页 ***************/

.commoninner{
    width: 1200px;
    margin: 0px auto;
    margin-bottom: 50px;
	}
	
.inner-left{
	width: 260px;
    float: left;
	}
	
.inner-right{
	width: 100%;
    float: right;
	}
	
.title_weizhi{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f8f8f8;
	}

.weizhi{
    display: block;
    float: right;
    font-size: 12px;
    color: #696868;
    line-height: 40px;
    letter-spacing: 1px;
	}
	
.weizhi img{
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 10px;
	}
	
.weizhi a{
	color: #696868;
	}
	
.title{
    margin: 0px;
    padding: 0px;
    height: 80px;
    padding-top: 15px;
	}
	
	
.title_catname{
    width: 1200px;
    height: 65px;
    margin: 0px auto;
    background: url(../img/title_bg.png) no-repeat;
	}
	
.title_catname span{
	display: block;
    /* width: 180px; */
    text-indent: 50px;
    font-size: 26px;
    color: #1366c4;
    line-height: 65px;
    /* text-align: center; */
    letter-spacing: 2px;
    /* background: #412563;*/
	}
	
.de-about-content{}

.de-about-content p{
	margin: 0px;
    font-size: 14px;
    line-height: 36px;
    color: #282828;
	}
	
	
.boxx {
    width: 320px;
    height: 590px;
    float: left;
    padding: 15px 20px;
    margin: 0px 20px;
    margin-bottom: 15px;
	}
	
.product {
	position: relative;
    width: 100%;
    height: 100%;
    /* border-radius: 0.2rem; */
    background-color: #fff;
    /* background-position: top 3rem center; */
    /* background-size: 80%; */
    /* background-repeat: no-repeat; */
    /* box-shadow: 0 0.1rem 0.2rem rgb(0 0 0 / 10%); */
    /* -webkit-transition: box-shadow 0.5s linear, height 0.1s linear 0s; */
    /* transition: box-shadow 0.5s linear, height 0.1s linear 0s; */
    /* border-radius: 95px;*/
	}

.product img{
	display: block;
    width: 245px;
    height: 245px;
    margin: 0px auto;
	}

.name {
  display: block;
	}

.wrapper:hover .boxx:not(:hover)  {
  -webkit-filter: blur(3px);
          filter: blur(3px);
  opacity: 0.5;
}
.boxx:hover  {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: opacity 0.1s linear 0s,
    -webkit-transform 0.3s linear 0.3s,
    -webkit-filter 0.1s linear 0s;
  transition: opacity 0.1s linear 0s,
    -webkit-transform 0.3s linear 0.3s,
    -webkit-filter 0.1s linear 0s;
  transition: transform 0.3s linear 0.3s,
    filter 0.1s linear 0s,
    opacity 0.1s linear 0s;
  transition:
    transform 0.3s linear 0.3s,
    filter 0.1s linear 0s,
    opacity 0.1s linear 0s,
    -webkit-transform 0.3s linear 0.3s,
    -webkit-filter 0.1s linear 0s;
}
.boxx:hover .product {
	background:url(../img/pic_li_on.png) no-repeat;
	transition:all 0.3s linear 0s;
}
.boxx:hover .description {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear 0.75s;
  transition: opacity 0.3s linear 0.75s;
}


.de-news-list{
	overflow: hidden;
    padding-top: 5px;
	}
	
.de-job-list{
	padding-top: 10px;
	}

.de-job-list ul{
	padding:0;
	margin:0;
	}

.de-job-list ul li{
	
	}
	
.de-job-list ul li a{
    display: block;
    width: 550px;
    float: left;
    padding: 15px;
    overflow: hidden;
    margin: 0px 10px;
    margin-bottom: 25px;
    height: 175px;
    /* border-bottom: 1px dotted #cdcdcd; */
    box-shadow: 0 0 4px 2px rgb(104 104 104 / 10%);
    font-size: 15px;
    color: #282828;
    line-height: 34px;
	}
	
.de-job-list ul li a:hover{
    box-shadow: 0 0 4px 2px rgb( 19 102 196 / 80%);
	}
	
.de-job-list ul li a p{
	padding:0;
	margin:0;
	}
	
.de-job-list ul li a p span{
	font-weight:bold;
	color:#da020d;
	}
	
.jobs-info{
	width: 1155px;
    margin: 0px auto;
    padding: 15px;
    overflow: hidden;
    margin: 0px 10px;
    margin-bottom: 25px;
    height: 145px;
    /* border-bottom: 1px dotted #cdcdcd; */
    box-shadow: 0 0 4px 2px rgb(104 104 104 / 10%);
    font-size: 15px;
    color: #282828;
    line-height: 34px;
	}
	
.jobs-info:hover{
	box-shadow: 0 0 4px 2px rgb( 19 102 196 / 80%);
	}
	
.jobs-info-des{
    width: 100%;
    height: 30px;
    background: #ececec;
    clear: both;
    margin-bottom: 15px;
	}

.jobs-info-des span{
	display: inline-block;
    width: 90px;
    letter-spacing: 1px;
    text-align: center;
    height: 100%;
    border-right: 1px solid #fff;
    background: #1366c4;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
	}

.jobs-info p{
	padding: 0;
    margin: 0;
    line-height: 35px;
    font-size: 14px;
	}
	
.jobs-info p span{
	font-weight:bold;
	color:#da020d;
	}

.jobs-info a{
	position: relative;
    top: -120px;
    background-position: 0 -301px;
    float: right;
    width: 71px;
    height: 34px;
    color: #fff;
    text-align: center;
    line-height: 34px;
    background: #e60012;
    font-size: 12px;
	}
	
.jobs-info-content{}

.jobs-info-content p{
	padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 36px;
    color: #282828;
	}
	
.tr-over{
	overflow: hidden;
	}
	
.tr-title{
	float: left;
    width: 50px;
    min-height: 20px;
    padding-left: 10px;
    font-size: 14px;
    color: #9b9b9b;
    margin-right: 25px;
    line-height: 40px;
	}


	
.apply-job{
	overflow: hidden;
    padding: 0 5px;
    margin: 0px auto;
    width: 690px;
	}
	
.tr-cont input{
    display: block;
    width: 658px;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
	}








/**
* CARD
**/
.card {
	/*position: absolute; */
    width: 370px;
    height: 420px;
    /* margin-bottom: 25px; */
    float: left;
    margin: 0px 15px 40px 15px;
    box-shadow: 0 0 4px 2px rgb(104 104 104 / 10%);
    overflow: hidden;
    -webkit-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
	border-radius: 7px;
    overflow: hidden;
	}
.card a {
  color: inherit;
  text-decoration: none;
}

.card:hover {
    box-shadow: 0 0 4px 2px rgb( 19 102 196 / 80%);
	}

/**
* DATE
**/
.card__date {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  padding-top: 10px;
  background-color: coral;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 13px;
}
.card__date__day {
  font-size: 14px;
}
.card__date__month {
  text-transform: uppercase;
  font-size: 10px;
}

/**
* THUMB
**/
.card__thumb {
  height: 245px;
  overflow: hidden;
  background-color: #000;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.card__thumb img {
	display: block;
    width: 370px;
    height: 245px;
    object-fit: cover;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
	}
.card:hover .card__thumb {
  height: 130px;
}

.card:hover .card__thumb img {
  opacity: 0.6;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/**
* BODY
**/
.card__body {
  position: relative;
  height: 185px;
  padding: 20px;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.card:hover .card__body {
  height: 300px;
}

.card__category {
  position: absolute;
  top: -25px;
  left: 0;
  height: 25px;
  padding: 0 15px;
  background-color: coral;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 25px;
}

.card__title {
  margin: 0;
  padding: 0 0 10px 0;
  color: #000;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}

.card__subtitle {
	margin: 0;
    /* padding: 0 0 9px 0; */
    font-size: 14px;
    color: #1366c4;
	}

.card__description {
	position: absolute;
    left: 20px;
    right: 20px;
    bottom: 65px;
	top: 95px;
    margin: 0;
    padding: 0;
    color: #282828;
    line-height: 42px;
	font-size: 14px;
    opacity: 0;
    -webkit-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    overflow: hidden;
	}
	
.card__description p{
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #282828;
    line-height: 42px;
	}
	
.card__description table{
	width:100% !important;
	border-collapse: collapse;
	
	}
	
.card__description table tr td{
    border: 1px #ccc solid;
    font-size: 12px;
    color: #282828;
    line-height: 30px;
    text-align: center;
    padding: 5px;
	}
	
.card:hover .card__description {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.card__footer {
  position: absolute;
  bottom: 12px;
  left: 20px;
  right: 20px;
  font-size: 11px;
  color: #A3A9A2;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 2px;
  font-size: 18px;
}
.icon + .icon {
  padding-left: 10px;
}


	
.de-product-list{
	overflow: hidden;
    width: 100%;
    padding-top: 10px;
	}

.de-product-list ul{
	padding:0px;
	margin:0px;
	}
	
/*.de-product-list ul a{
    display: block;
    width: 268px;
    height: 235px;
    float: left;
    border: 1px #ccc dashed;
    padding: 5px;
    text-align: center;
    line-height: 36px;
    color: #282828;
    font-size: 13px;
    font-family: '微软雅黑';
    margin: 15px 10px;
	}

.de-product-list ul a img{
    display: block;
    width: 268px;
    height: 200px;
    object-fit: cover;
	}
	
.de-product-list ul a:hover{
	background:#007b42;
	color:#FFF;
	}*/
	
.MagTargetImg{
	display:block;
	margin:20px auto;
	}
	
.prodectInfo{
	width: 1200px;
    margin: 0px auto;
	margin-bottom: 50px;
	}
	
.info-crumbs{
	background: #f6f6f6;
    height: 45px;
    line-height: 45px;
    text-indent: 20px;
    font-size: 14px;
    color: #595959;
	}
	
.info-crumbs a{
	color: #595959;
	}
	
.info-main{
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
	}

.info-main span{
	display: block;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 60px;
	}
	
.info-main img{
	display:block;
	margin:0px auto;
	}
	
.infoCenter-left{
	width: 260px;
    float: left;
	}
	
.infoCenter-right{
	width: 100%;
	}
	
.MagnifierMains{
	width:100%;
	text-align:center;
	}

	
.infopreview{
	width: 100%;
    height: 460px;
    padding-top: 40px;
	}
	
.center-title{
	font-weight: bold;
    font-size: 18px;
    color: #1366c4;
    line-height: 60px;
    margin-bottom: 30px;
    height: 59px;
    border-bottom: 1px solid #ededed;
	}
	
.center-content table{
	width: 100% !important;
	border-collapse: collapse;
	}
	
.center-content table tr td{
    border: 1px #282828 solid;
    font-size: 12px;
    color: #282828;
    line-height: 36px;
    padding: 5px;
    text-align: center;
	}
	
.parm{
	float: right;
    width: 55%;
    text-align: left;
    text-indent: 10px;
	}
	
.parm table tr td{
    font-size: 12px;
    border: 1px #000 solid;
    line-height: 32px;
    text-indent: 10px;
	}
	
.center-content p{
	margin: 0px;
    font-size: 14px;
    line-height: 28px;
	}
	
.de-news-list ul{
	padding:0px;
	margin:0px;
	}
	
.de-news-list ul a{
    display: block;
    width: 340px;
    float: left;
    height: 370px;
    margin: 0px 20px;
    padding: 10px;
    margin-bottom: 40px;
    box-shadow: 0 0 4px 2px rgb(204 204 204 / 90%);
    color: #454646;
	}
	
.de-news-list ul a .img{
    width: 100%;
    height: 210px;
	}
	
.de-news-list ul a .img img{
    width: 100%;
    height: 210px;
    object-fit: cover;
	}
	
.de-news-list ul a .box{
	font-size: 14px;
    line-height: 36px;
	}
	
.de-news-list ul a span{
    display: block;
    font-weight: bold;
    font-size: 15px;
    line-height: 45px;
	}
	
.de-news-list ul a:hover{
	background:rgba(0,152,255,0.6);
	color:#FFF;
	}
	
.news-detail-title{
	padding-bottom: 15px;
    border-bottom: 1px dashed #ededed;
    text-align: center;
    margin-bottom: 15px;
	}
	
.h3{
	font-size: 18px;
    color: #323232;
    line-height: 24px;
    font-weight: bold;
    margin: 25px 0 10px;
	}
	
.b{
	font-size: 13px;
    color: #999999;
    line-height: 20px;
	}
	
.news-detail p{
	margin: 0px;
    font-size: 14px;
    line-height: 28px;
	}
	
.newsPage{
    color: #323232;
    font-size: 12px;
    line-height: 26px;
    margin-top: 25px;
	}
	
.page-a{
	border-bottom: 1px dashed #d2d2d2;
    height: 39px;
    line-height: 39px;
    margin-bottom: 5px;
	}
	
.newsPage a{
	color: #323232;
	}
	
.newsPage a:hover{
	padding-left:5px;
	font-weight:bold;
	color:#1366c4 !important;
	}
	
.contact-list{
	overflow: hidden;
    margin: 25px auto;
	}
	
.contact-list ul{
	padding:0px;
	margin:0px;
	}
	
.contact-list li{
	min-height: 28px;
    padding-left: 50px;
    float: left;
    width: 350px;
    font-size: 14px;
    color: #595959;
    line-height: 20px;
    padding-top: 8px;
    margin-bottom: 14px;
    word-wrap: break-word;
	}
	
.icon-01{
	background: url(../images/contact-icon-01.png) no-repeat left top;
	}
	
.icon-02{
	background: url(../images/contact-icon-02.png) no-repeat left top;
	}

.icon-03{
	background: url(../images/contact-icon-03.png) no-repeat left top;
	}

.icon-04{
	background: url(../images/contact-icon-04.png) no-repeat left top;
	}

.icon-05{
    background: url(../images/contact-icon-05.png) no-repeat left top;
	}

.icon-06{
    background: url(../images/contact-icon-06.png) no-repeat left top;
	}
	
#dituContent{
	width: 100%;
    height: 500px;
    margin: 0 auto;
	}
	
.de-message{
	overflow: hidden;
    padding: 0 5px;
    margin: 0px auto;
    width: 690px;
	}
	
.tips{
	font-size: 13px;
    line-height: 55px;
    color: #737373;
	}
	
.form-tr{
	overflow: hidden;
	}
	
.form-tr input{
	display: block;
    width: 658px;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
	}
	
.error{
	height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #f00;
    padding: 0 5px;
	}
	
.form-tr textarea{
	display: block;
    width: 658px;
    padding: 5px 10px;
    height: 168px;
    border: 1px solid #e6e6e6;
	}
	
.code input{
	width: 188px;
    float: left;
	}
	
.verify{
	cursor: pointer;
    float: left;
    margin-left: 25px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 0;
	}
	
.verify img{
	display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
	}
	
.submit{
    margin-top: 15px;
    display: block;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #ffc146;
    color: #fff;
    font-size: 15px;
    margin: 0px auto;
    margin-top: 20px;
	}
	

/************ 内页 ***************/