/* CSS Document */
/*重置浏览器的默认样式*/
body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, img {margin:0; padding:0; border:0; list-style:none;}
/*全局控制*/
body{ font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px;}
/*未单击和单击后的样式*/
a:link,a:visited{ color:#999;text-decoration: none;}
/*光标移上时的样式*/                                               
a:hover{color:#fff;}
input,textarea{outline: none;}           
/* videobox */
.videobox{width:100%;height:680px;overflow: hidden;position: relative;}
.videobox video{width:100%;min-width: 1280px; position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.videobox header{width:100%;height:40px;background: #333;z-index: 999;position: absolute;}
.videobox header .con{width:1030px;height:40px;margin:0 auto;}
.videobox header .left{width:75px;height:20px;background:url(../images/logo.png) 0 0 no-repeat;margin-top: 10px;float: left;}
.videobox header .right{margin-top: 10px;float: right;}
.videobox header .right a{margin-right: 10px;}
.videobox nav{width:100%;height:90px;background: rgba(0,0,0,0.2);z-index: 1000;position: absolute;top:40px;border-bottom: 1px solid #fff;}
.videobox nav ul{width:1030px;height:90px;margin:0 auto;position: relative;}
.videobox nav ul li{float: left;margin-right: 19%;}
.videobox nav ul .left a{display: block;height:90px;line-height: 90px;font-size: 20px;color:#fff;}
.videobox nav ul .left a img{vertical-align: middle;}
.videobox nav ul .left a span{margin:0 10px;}
.videobox aside{display: none;width:380px;height:560px;background: rgba(0,0,0,0.3);position: absolute;left:0;top:90px;color:#fff;}
.videobox nav ul .left:hover aside{display: block;}
.videobox aside span{width:20px;height:14px;background:url(../images/liebiao.png) 0 0 no-repeat;position: absolute;left:50px;top:0;}
.videobox aside ol{width:155px;float: left;}
.videobox aside ol li{width:155px;height:25px;line-height: 25px;cursor: pointer;font-family: "宋体";}
.videobox aside ol li.con{font-size: 16px;text-indent: 0;font-family: "微软雅黑";padding: 10px 0;}
.videobox aside ol li:hover{color:#fff;}
.videobox aside .zuo{margin:35px 0 0 68px;}
.videobox aside .you{margin-top: 35px;}
.videobox aside img{margin:10px 0 0 13px;}
.videobox nav ul .center{margin-top: 32px;}
.videobox nav ul .center input{width:240px;height:30px;border:1px solid #fff;border-radius: 15px; color:#fff;line-height: 32px;background: rgba(0,0,0,0);padding-left: 30px;box-sizing:border-box;background:url(../images/search.png) no-repeat 3px 3px;}
.videobox nav ul .right{margin-top: 32px;width:280px;height:32px;margin-right:0; text-align: center;line-height: 32px;font-size: 16px; font-family: "freshskin";} 
.videobox nav ul .right a{display: inline-block;width:32px;height:32px;color:#fff;box-shadow: 0 0 0 1px #fff inset;transition:box-shadow 0.3s ease 0s; border-radius: 16px; margin-left: 30px;}
.videobox nav ul .right a:hover{box-shadow: 0 0 0 16px #fff inset; color:#C1DCC5;}
.videobox .pic{width:570px;height:210px;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);background: url(../images/wenzi.png) no-repeat;text-align: center;}
.videobox .pic p{margin-top: 240px;color:#4c8174;}
.videobox .pic ul{position: absolute;color:#999;}
.videobox .pic ul li{width:180px;height:56px;border-radius: 28px;background: #fff;text-align: left;}
.videobox .pic ul .one{line-height: 56px;position: absolute;left: -1920px;top:40px;opacity: 0;transition:all 2s ease-in 0s;}
.videobox .pic ul .two{line-height: 56px;position: absolute;left: 1920px;top:40px;opacity: 0;transition:all 2s ease-in 0s;}
body:hover .videobox .pic ul .one{position: absolute;left:100px;top:40px;opacity:0.8;}
body:hover .videobox .pic ul .two{position: absolute;left:300px;top:40px;opacity:0.8;}
.videobox .pic ul .one span,.videobox .pic ul .two span{float:left;width:40px;height: 40px;text-align: center;line-height: 40px;border-radius: 20px;margin:8px 10px 0 10px;box-shadow: 0 0 0 1px #90c197 inset;transition:box-shadow 0.3s ease 0s;font-weight: bold;color:#90c197; font-family: "freshskin";}
.videobox .pic ul .two span{margin:8px 30px 0 10px;}
.videobox .pic ul .one:hover span,.videobox .pic ul .two:hover span{box-shadow: 0 0 0 20px #90c197 inset;color:#fff;}
@font-face {font-family: 'freshskin';src:url('../fonts/iconfont.ttf');}
/* videobox */
/* new */
.new{width:100%;height:530px;background: #fff;}
.new header{width:385px;height: 95px;background: #f7f7f7;border-radius: 48px;margin:70px auto 0;box-sizing:border-box;padding:2px 0 0 35px;}
.new p{margin-top: 10px;text-align: center;color: #db0067;}
.new ul{margin:70px auto 0;width: 960px;}
.new ul li{width:266px;height:250px;border:1px solid #ccc; background:url(../images/pic1.jpg) 0 0 no-repeat;float: left;margin-right:8%;margin-bottom: 40px;position: relative; overflow:hidden;}
.new ul li:nth-child(2){background-image: url(../images/pic2.jpg);}
.new ul li:nth-child(3){margin-right: 0;background-image: url(../images/pic3.jpg);}
.new ul li   hgroup{position:absolute;left:0;top:-250px;width:266px;height:250px;background: rgba(0,0,0,0.5);transition:all 0.5s ease-in 0s;}
.new ul li:hover hgroup{position: absolute;left:0;top:0;}
.new ul li hgroup h2:nth-child(1){font-size: 22px;text-align: center;color:#fff;font-weight: normal;margin-top: 58px;}
.new ul li hgroup h2:nth-child(2){font-size: 14px;text-align: center;color:#fff;font-weight: normal;margin-top: 15px;}
.new ul li hgroup h2:nth-child(3){width:26px;height: 26px;margin-left: 120px;margin-top: 15px;background:url(../images/jiantou.png) 0 0 no-repeat;}
.new ul li hgroup h2:nth-child(4){width:75px;height: 22px;margin-left: 95px;margin-top: 25px;background:url(../images/anniu.png) 0 0 no-repeat;}
/* new */
/* try */
.try{width:100%;height:312px;background: #83ba8b;padding-top: 70px;}
.try header{width:555px;height: 95px;background: #f7f7f7;border-radius: 48px;margin:0 auto;box-sizing:border-box;padding:7px 0 0 35px;}
.try p{margin-top: 10px;text-align: center;color: #fff;}
.try ul{margin:70px auto 0;width: 960px;}
.try ul li{width:291px;height:251px;float: left;margin-right:4%;margin-bottom: 40px;position: relative;-webkit-perspective:230px;	}
.try ul li:last-child{margin-right: 0;}
.try ul li img{position: absolute;left:0;top:0;-webkit-backface-visibility:hidden;transition:all 0.5s ease-in 0s;}
.try ul li img.fan{-webkit-transform:rotateX(-180deg);}
.try ul li:hover img.fan{-webkit-transform:rotateX(0deg);}
 .try ul li:hover img.zheng{-webkit-transform:rotateX(180deg);}
/*  try */
/* text */
.text{width:100%;height:700px;background: #fff;}
.text header{width:508px;height: 95px;background: #f7f7f7;border-radius: 48px;margin:220px auto 0;box-sizing:border-box;padding:7px 0 0 35px;}
.text p{margin-top: 10px;text-align: center;color: #db0067;}
.text ul{margin:70px auto 0;width: 960px;}
.text ul li{width:195px;height:195px;border:1px solid #ccc;border-radius: 50%;float: left;margin-right:5%;margin-bottom: 40px;position: relative;}
.text ul li img{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.text ul li:nth-child(4),.text ul li:nth-child(8){margin-right:0;}
.text ul li .tihuan{opacity: 0;transition:all 0.4s ease-in 0.2s;	}
.text ul li:hover .tihuan{opacity: 1;transform:translate(-50%,-50%) scale(0.75);	}
.text ul li .tu{transition:all 0.4s ease-in 0s;}
.text ul li:hover .tu{opacity: 0;transform:translate(-50%,-50%) scale(0.5);}
/* text */
/* footer */
footer{width:100%;height:400px;background: #545861;border-bottom: 1px solid #fff;}
footer .logo{width:1000px;height:100px;margin:0 auto;background: url(../images/logo1.jpg) no-repeat center center;border-bottom: 1px solid #8c9299;}
footer .message{width:1000px;margin:20px auto 0;color:#fffada;}
footer .message .left{width:525px;float: left;padding-left: 30px;box-sizing:border-box;}
footer .message .left li{float: left;margin-right: 30px;}
footer .message .left li input{width:215px;height:32px;border-radius: 5px;margin:10px 0 15px 0;padding-left: 10px;box-sizing:border-box;border:none;}
footer .message .left li:last-child input{width:120px;height:39px;padding-left: 0;border:none;background: url(../images/but.jpg) no-repeat;}
footer .message .right{float: left;}
footer .message .right p{margin-bottom: 10px;}
footer .message .right textarea{width:400px;height:172px;padding:10px;box-sizing:border-box;resize:none;}
/* footer */
/* banquan */
.banquan{width:100%;height:60px;background: #333333;text-align: center;}
.banquan a{line-height: 60px;}
/* banquan */