@charset "utf-8";
html{min-width:1200px;}
/*==========@@通用 开始@@==========*/
/*常用颜色*/
@charset "UTF-8";
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color: #333333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
a{color: #000; text-decoration: none;}
a:hover{color: #3fb150; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #aaa;}

.red{color: #F00 !important;}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}

.transs{-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.index .title{text-align: center;width: 100%;padding-bottom:30px;}
.index .title h3{font-size:30px;font-weight:normal;display:block;line-height:30px;background: url(../images/title.png) no-repeat center;}
.index .title p{color:#999;font-size:20px;text-transform:uppercase;font-family:"AvantGardeITVbyBT Book",arial;padding-top:14px;}
.index .title h3 b{display:inline-block;}
.imenu{text-align:center;}
.imenu a{font-size:16px;display:inline-block;padding:0 24px;text-align: center;border-left: 1px solid #3fb150;height: 20px;line-height: 20px;}
.imenu a:first-child{border-left:0 none;}
.imenu a:hover{color:#3fb150;}
.index .floor_1_main{padding-top:40px;padding-bottom:40px;}
.ipro{position:relative;overflow:hidden;padding:30px 0;}
.ipro .list{width: 108%;}
.ipro .item{float:left;width:386px;display: block;height:290px;overflow:hidden;margin-bottom:20px;margin-right:20px;position: relative;}
.ipro .item a{display: block;position: relative;width:100%;height:290px;}
.ipro .item img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:100%;height: 100%;display: block;}
.ipro .item:hover img{transform: scale(1.06, 1.06);}
.ipro .item h3{position:absolute;left:0;bottom:0;width:100%;text-indent:30px;font-weight: normal;font-size: 16px;height: 30px;line-height: 30px;background: url(../images/black60.png) repeat;color: #fff;}
.ipro .item em{position:absolute;right:0;bottom:0px;z-index:2;width:32px;height:26px;background-position:-190px 0;display: block;margin-right: 30px;vertical-align: middle;}
.ipro .item:hover h3{background: url(../images/ipro_t.png) repeat-x left top;}
.index .floor_2_main{height:630px;overflow: hidden;background: url(../images/iyoushi.jpg) no-repeat center top;}
.index .floor_2,.index .floor_3{padding:40px 0;position: relative;}
.index .floor_2 .title{color:#fff;}
.yz {
				padding: 0px 0;
			}

			.yz li {
				float: left;
				width: 300px;
				text-align: center;
				position: relative;
			}

			.yz li:after {
				position: absolute;
				width: 40px;
				height: 82px;
				content: "";
				background: url(images/yz_line.png) no-repeat center;
				right: -20px;
				top: 0;
			}

			.yz li span {
				display: block;
				height: 60px;
			}

			.yz li span b {
				display: inline-block;
				font-size: 70px;
				line-height: 60px;
				color: #333;
				font-family: Arial;
			}

			.yz li span i {
				display: inline-block;
				width: 32px;
				height: 32px;
				line-height: 32px;
				font-size: 16px;
				color: #fff;
				background: #992b2b;
				border-radius: 50%;
				margin-top: 24px;
				vertical-align: top;
				margin-left: 5px;
			}

			.yz li p {
				font-size: 14px;
				color: #25252d;
				line-height: 30px;
			}

			.yz li:last-child:after {
				display: none;
			}

			.zihao35 {
				font-size: 35px;
			}

			.cuti {
				font-weight: bold;
			}

			.hongse {
				color: #C40D23;
			}

			.zihao25 {
				font-size: 25px;
			}

			.heise {
				color: #000000;
			}

			.zihao14 {
				font-size: 14px;
			}

			.hanggao16 {
				line-height: 16px;
			}

			.ysysy {
				width: 837px;
				height: 66px;
				margin: 0 auto;
				color: #fff;
				font-size: 18px;
				padding-top: 377px;
			}

			.ysysy li {
				width: 140px;
				margin: 0 34px;
				float: left;
				text-align: center;
			}

			.dddd {
				font-size: 20px;
			}

			.dddd h3 {
				font-size: 38px;
				font-weight: bold;
				margin-top: 100px;
				margin-left: -50px;
				color: #06a3e8;
			}
.dddd h5{
	    position: absolute;
    font-size: 17px;
    margin-left: -50px;
    margin-top: 7px;
    letter-spacing: 3px;
}

			.dddd div {
				padding-bottom: 0px;
				width: 470px;
				/* margin-top: 25px; */
				padding-top: 36px;
			}

			.dddd p {
				font-size: 14px;
			}

			.dddd span {
				font-size: 22px;
				color: #417be3;
			}

.floor_3_main{overflow: hidden;}
.liuc{position: relative;overflow: hidden;padding: 40px 0;}
.liuc .list{width: 108%;}
.liuc li{float:left;width:206px;}
.liuc li .Piece{width:168px;height:188px;background:#f5f5f5;border:1px solid #ddd;float:left;font-size: 20px;text-align: center;-webkit-transition: all .3s ease; transition: all .3s ease;box-shadow: 0 0 0 #fff;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;}
.liuc li .jtou{width:36px;height:188px;background:url(../images/jtou.png) no-repeat center;float:left;display:block;}
.liuc li img{max-width:100px;max-height:80px;display:block;margin:0 auto;}
.liuc li p{text-align:center;padding-top:40px;height: 88px;}
.liuc li:last-child .jtou{display: none;}
.liuc li:hover .Piece{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0);}
.floor_4_main{background:#f5f5f5;overflow: hidden;width: 100%;}
.index .floor_4{padding:80px 0 80px;position: relative;}

.floor_4 .btn{width: 40px;height:40px;display: block;position: absolute;top:50%;cursor: pointer;}
.floor_4 .btn.prev{background-position:-100px -50px;left: -5%;}
.floor_4 .btn.next{background-position:-190px -50px;right:-5%;}
.floor_4 .btn.prev:hover{background-position:-145px -50px;}
.floor_4 .btn.next:hover{background-position:-236px -50px;}
.indnews{padding:80px 0;overflow:hidden;position:relative;}
.index .more{width:180px;height:36px;line-height:36px;text-align:center;color:#fff;display:block;margin:40px auto 0;background: #444;transition: all 0.2s linear 0s;}
.index .more:hover{background:#3fb150;color:#fff;text-indent:10px;}
.ipatent_main{width: 100%;background:url(../images/patent.jpg) no-repeat center top;height:460px;overflow:hidden;}
.ipatent_main .floor{overflow:hidden;padding: 100px 0;}
.ipatent_main .title{color: #fff;}
.ipatent_main .title h3{background: url(../images/title1.png) no-repeat center;}
.ipatent{padding-top:40px;}
.ipatent .item{width:580px;height:140px;background: url(../images/pat_bk.png) no-repeat left top;float:left;margin-left:37px;}
.ipatent .item:first-child{margin-left:0;}
.ipatent .item a{display: block;padding:30px;}
.ipatent .item .img{width:64px;height:60px;overflow: hidden;position:relative;margin-right:40px;margin-left:22px;margin-top: 10px;}
.ipatent .item .img img{position: absolute;left: 0;top: 0;width:100%;display:block;}
.ipatent .item .txt{width:350px;color: #fff;padding-left: 20px;}
.ipatent .item .txt h3{font-size:20px;font-weight:bold;}
.ipatent .item .txt p{font-family:arial;color:#cccccc;padding-top:0;}
.newsBox{width:380px;height: 410px;overflow:hidden;position:relative;}
.newsBox .bd{border: 1px solid #ddd;}
.newsBox .hd{height: 28px;overflow:hidden;position:absolute;bottom: 1px;z-index:10;padding-left: 20px;text-align: center;}
.newsBox .hd ul{overflow:hidden;zoom:1;}
.newsBox .hd ul li{margin-right:6px;width:10px;height:10px;line-height:14px;text-align:center;background:#999;cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;display: inline-block;}
.newsBox .hd ul li.on{background:#00ae66; color:#fff;}
.picBox .bd{height:100%;z-index:0;}
.newsBox .bd li{zoom:1;vertical-align:middle;position: relative;height: 408px;overflow: hidden;}
.newsBox .bd img{width:380px;height: 285px;display:block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.newsBox .bd li h3{display:block;font-size:18px;color: #000;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.newsBox .bd li .txt{z-index: 5;padding: 15px 20px;border-top: 0 none;height: 93px;}
.newsBox .bd li p{padding:0;color: #666;line-height: 24px;height: 45px;overflow: hidden;}
.newsBox .bd li .time{font-size:16px;padding-right:30px;padding-top:28px;}
.newsBox .bd li a:hover h3{color:#3fb150;}
.newsBox .bd li a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.index .txtlistbox{width:800px;}
.txtlistbox .item{border:1px solid #ddd;margin-bottom:16px;transition: all 0.2s linear 0s;+margin-bottom: 18px;}
.txtlistbox .item a{display:block;padding:28px;}
.txtlistbox .item h3{font-size:18px;vertical-align: top;}
.txtlistbox .item p{font-size:14px;line-height: 20px;height: 40px;color: #666;}
.txtlistbox .item .time{display: block;width: 90px;height:66px;border-right: 1px solid #ddd;line-height:20px;margin-right: 30px;color: #666;vertical-align: middle;*zoom: 1;}
.txtlistbox .item .time b{color: #666;display:block;font-size: 48px;line-height:48px;}
.txtlistbox .item:hover{border:1px solid #3fb150;-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0);}
.iabout{width:100%;background: url(../images/fl6.jpg) no-repeat center bottom #f8f8f8;padding: 80px 0;}
.iabout .txt{width:470px;height:240px;display: block;background: #fff;padding: 40px;}
.iabout .txt img{max-width:100%;display:block;}
.iabout .txt p{padding-top:20px;color: #333;}
.iabout .txt span{width: 154px;height: 34px;line-height: 34px;text-align: center;display: block;border: 1px solid #06a3e8;margin-top: 20px;
-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;cursor: pointer;}
.iabout .txt:hover span{background: #06a3e8;color: #fff;}
.iabout .img{width:650px;height:320px;display:block;overflow:hidden;}
.iabout .img img{width:100%;display:block;}

@font-face{font-family: ADELE; src: url("../font/ADELE.eot"); src: url(../fonts/adele.eot") format("eot"), url("../fonts/adele.ttf") format("truetype");}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}


