@charset "utf-8";
/* Document css */
/** 清除内外边距**/
body,h1,h2,h3,h4,h5,h6,hr,p,div,span,i,object,iframe,/* 结构元素 */
dl,dt,dd,ul,ol,li,/* 列表元素 */
form,fieldset,legend,button,input,textarea,option,select,/* 表单元素 */
pre,/* 文本格式元素 */
table,tr,td,/* 表格元素 */
img{margin: 0; padding: 0;}
/** 重置图片元素 **/
img{border: 0 none; vertical-align: top; max-width: 100%;}
/** 重置列表元素 **/
ul, ol, li, dl, dt, dd{list-style-type: none;}
/**重置表单元素**/
input[type=submit]{cursor:pointer;}
input[type=button]{cursor:pointer;}
button,input{overflow:visible;}
/** 重置表格元素 **/
table{border-collapse:collapse; border-spacing:0;}
/** 默认链接元素 **/
a{color: #333333; text-decoration: none;}
a:hover{color: #6a6a6a; text-decoration: underline;}
a:focus{-moz-outline-style: none;}
a:focus{outline: none;}
/* 全局样式 */
.container{width: 1180px;margin: 0 auto;}
#wraper{width: 100%;height: auto;padding-top: 17px;background: url(../images/wraper_bg.jpg) repeat-x 0 0;}
.contact{width: 268px;}
.contact .title{height: 30px;background: url(../images/title_bg3.jpg) no-repeat;}
.contact .title span{float: left;display: inline-block;padding-left: 22px;line-height: 28px;color: #024385;font-size: 14px;}
.contact .title i{float: left;display: inline-block;line-height: 28px;padding-left: 24px;color: #92c053;}
.contact .inner{padding-top: 15px;}
.contact .inner img{display: block;width: 259px;height: 76px;padding: 1px;border: 1px #ccc solid;}
.contact .inner p{padding-top: 5px;padding-left: 5px;line-height: 20px;color: #666;}
.wrap{width: 100%;height:728px;}
.pro_show .title{height: 34px; border-bottom: 1px #ddd solid; margin-right: 10px;}
.pro_show .title span{float: left;display: inline-block;padding-left: 12px;line-height: 34px;color: #024385;font-size: 16px;font-weight: bold;}
.pro_show .title i{float: left;display: inline-block;line-height: 34px;padding-left: 15px;color: #92c053;font-size: 14px;}
.pro_show .title em{float: right;display: inline-block;width: 34px;height: 10px;margin: 12px 10px 0 0;}
.pro_show .inner{width: 1180px;height: 728px;}
.pro_show .inner ul{width: 1360px;height: 656px;}
.pro_show .inner ul li{float: left;width: 320px;height: 360px; margin-right:20px;margin-bottom:8px;background:url(../images/pro_bg.png) no-repeat top left;}
.pro_show .inner ul li div{width:288px;height:252px;margin:13px auto;position: relative;overflow: hidden;}
.pro_show .inner ul li img{display: block;width:288px;height:278px;position: relative;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.pro_show .inner ul li img:hover{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.pro_show .inner ul li p{width:267px;height: 28px;text-align: center; border-top:1px solid #6e6c5b;border-bottom:1px solid #6e6c5b;margin:0 auto;margin-top:40px;}
.pro_show .inner ul li p a{display:block;width:267px;height:22px;border-top:1px solid #6e6c5b;border-bottom:1px solid #6e6c5b;text-align:center;line-height:22px;position:relative;top:2px;text-decoration:none;color:#556262;font-weight:bold;}
#demo{overflow:hidden;border:none;width:1180px;height:728px;}
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}