/* Reset Css */
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;}
fieldset,img {border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
[hidden],script{display:none;}
a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;}



/* Common */

.whitebg{
	background-color: #FFFFFF;
	width: 100%;
}
img{font-size: 12px;}
a{color: #333;}
/*p{word-break: break-all;word-wrap: break-word;}*/
.l{float: left;}
.r{float: right;}
.wrap{width: 1065px;margin: 0 auto;}

@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/CenturyGothic.TTF');
	font-weight: normal;
	font-style: normal;
  }
@font-face {
	font-family: 'Avenir';
	src: url('../fonts/AvenirNextLTProDemi.otf');
	font-weight: normal;
	font-style: normal;
}

/* swiper css v2.7.0 */
.swiper-container{height:100%;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-property:-webkit-transform,left,top;-moz-transition-property:-moz-transform,left,top;-o-transition-property:-o-transform,left,top;transition-property:transform,left,top;-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-o-transform:translate3d(0px,0,0);-o-transform:translate(0px,0px);transform:translate3d(0px,0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;}
.swiper-slide{height:100%;float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}

/* Animation */
@-webkit-keyframes loading{
	0%{height: 10px;}
	50%{height: 50px;}
	100%{height: 10px;}
}
@keyframes loading{
	0%{height: 10px;}
	50%{height: 50px;}
	100%{height: 10px;}
}

/*HD & FT*/



.ipro{overflow: hidden;padding-bottom: 78px;background-color: #ffffff;}
.ipro .ipro-nav{margin-top: 34px;height: 40px;text-align: center;font-size: 0;}
.ipro .ipro-nav span{
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	width: 158px;
	height: 38px;
	color: #333;
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
	border-left-color: #D0D0D0;
}
.ipro .ipro-nav span.act{background-color: #5C5C5C;color: #FFF;}
.ipro .ipro-nav span:hover{background-color: #5C5C5C;color: #FFF;}
.ipro .ipro-slide{margin-top: 54px;width: 1200px;height: 340px;}
.ipro .ipro-slide .ipro-item{display: none;height: 340px;position: relative;}
.ipro .ipro-slide .ipro-item-act{display: block;}
.ipro .ipro-slide .ipro-item .swiper-container{width: 1200px;height: 340px;-moz-user-select:none;}
.ipro .ipro-slide .ipro-item li{}
.ipro .ipro-slide .ipro-item a{display: block;width: 240px;height: 340px;position: relative;overflow: hidden;}
.ipro .ipro-slide .ipro-item a .pic{width: 240px;height: 340px;font-size: 0;}
.ipro .ipro-slide .ipro-item a .pic img{width: 240px;height: 340px;}
.ipro .ipro-slide .ipro-item a .title{width: 240px;height: 46px;padding-top: 294px;background: url(../images/ipro-li-title.png) center 150px no-repeat rgba(0,0,0,.4);position: absolute;top: 0;left: 0;z-index: 9;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);opacity: 0;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ipro .ipro-slide .ipro-item a .title h4{height: 46px;background-color: #585858;color: #FFF;font-size: 20px;line-height: 46px;text-align: center;}
.ipro .ipro-slide .ipro-item a:hover .title{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.ipro .ipro-slide .ipro-item .prev{width: 22px;height: 45px;background: url(ipro-slide-arrow.png) 0 center no-repeat;position: absolute;left: -34px;top: 148px;z-index: 9;cursor: pointer;}
.ipro .ipro-slide .ipro-item .next{width: 25px;height: 45px;background: url(ipro-slide-arrow1.png) 0 center no-repeat;position: absolute;right: -34px;top: 148px;z-index: 9;cursor: pointer;}
.a22:link{
	font-family:  "Microsoft Yahei";
	height: 37px;
	color: #FF0000;
	font-size: 18px;
	line-height: 37px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
	background-color: #FFFFFF;
	text-decoration: none;
}
.a22:visited{
	font-family:  "Microsoft Yahei";
	height: 37px;
	color: #FF0000;
	font-size: 18px;
	line-height: 37px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
	background-color: #FFFFFF;
	text-decoration: none;
}
.a22:active{
	font-family:  "Microsoft Yahei";
	height: 37px;
	color: #FF0000;
	font-size: 18px;
	line-height: 37px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
	background-color: #FFFFFF;
	text-decoration: none;
}
.a22:hover{
	font-family:  "Microsoft Yahei";
	height: 37px;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 37px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
	background-color: #5C5C5C;
	text-decoration: none;
}





.inner-main .pro-nav{text-align: center;height: 30px;}
.inner-main .pro-nav a{display: inline-block;vertical-align: middle;padding: 0 12px 10px;color: #666;font-size: 16px;margin: 0 50px;}
.inner-main .pro-nav a:hover{color: #444;}
.inner-main .pro-nav a.cur{border-bottom: 3px solid #898989;}

.inner-main .pro-list{margin: 15px 0 50px;}
.inner-main .pro-list:after{clear: both;display: block;content: "";height: 0;font-size: 0;visibility: hidden;}
.inner-main .pro-list li{width: 240px;height: 180px;float: left;position: relative;overflow: hidden; margin:20px 13px;}
.inner-main .pro-list li a{display: block;height: 180px;overflow: hidden;}
.inner-main .pro-list li .pic{width: 240px;height: 180px;font-size: 0;}
.inner-main .pro-list li .pic img{width: 240px;height: 180px;}
.inner-main .pro-list li .link{width: 240px;padding-top: 140px;background: url(../images/ipro-li-title.png) center 60px no-repeat rgba(0,0,0,.4);position: absolute;top: 0;left: 0;z-index: 9;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);opacity: 0;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.inner-main .pro-list li .link h4{background-color: #585858;color: #FFF;font-size: 20px;line-height: 46px;text-align: center; word-break: break-all;word-wrap: break-word;}
.inner-main .pro-list li:hover{box-shadow:  0 0 10px #CCC;position: relative;z-index: 9;}
.inner-main .pro-list li:hover .link{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1; }
.inner-main .pro-list li .more-link{margin: 117px auto 0;width: 137px;height: 97px;border: 4px solid #5F5F5F;color: #333;font-size: 18px;font-weight: 700;line-height: 96px;text-align: center;position: relative;}
.inner-main .pro-list li .more-link:after{display: block;content: '';width: 40px;height: 4px;background-color: #5F5F5F;position: absolute;left: 48px;bottom: 22px;}
.inner-main .pro-list li:last-child{background-color: #F5F5F5;cursor: pointer;position: relative;}
.inner-main .pro-list li .loading{width: 4px;height: 10px;border-radius: 4px;background-color: #5F5F5F;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation: loading 1s linear 0.5s infinite;-ms-animation: loading 1s linear 0.5s infinite;animation: loading 1.5s linear 0.3s infinite;}
.inner-main .pro-list li .loading:before{display: block;content: '';width: 4px;height: 10px;border-radius: 4px;background-color: #5F5F5F;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin-left: -15px;-webkit-animation: loading 1.5s linear 0s infinite;-ms-animation: loading 1.5s linear 0s infinite;animation: loading 1.5s linear 0s infinite;}
.inner-main .pro-list li .loading:after{display: block;content: '';width: 4px;height: 10px;border-radius: 4px;background-color: #5F5F5F;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin-left: 15px;-webkit-animation: loading 1s linear 1.5s infinite;-ms-animation: loading 1s linear 1.5s infinite;animation: loading 1.5s linear 0.6s infinite;}