/*  产品中心 */
a{transition:all ease .3s;}
.proBanner{ margin: 0 auto;position:relative; overflow:hidden;height:700px;}
.proBanner .bd{height:700px;z-index:0;position:relative;left:50%; margin-left:-960px;}
.proBanner .hd{position:absolute;bottom:55px;text-align:right;z-index:5;line-height: 0;height: 0px;height:14px;width:1200px;margin-left:-600px;left:50%;}
.proBanner .hd li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:14px; height:14px;*display:inline; zoom:1;transition:all 0.3s;background:#fff;opacity:.4;}
.proBanner .hd .on{opacity:1;}

.proSort{margin-bottom:95px;height:400px;background:#fff;position:relative;z-index:5;line-height:28px;}
.proSort .font{float:left;position:relative;width:390px;padding:65px 110px 0 0;z-index:2;}
.proSort .font h3{font-size:36px;font-weight:normal;color:#000;margin-bottom:25px;line-height:40px;}
.proSort .font h3 span{display:block;font-size:24px;font-weight:normal;font-family:Arial;}
.proSort .font:after{content:"";position:absolute;width:1000px;height:510px;right:-140px;top:-70px;background: url('../images/cd_shadow.png') no-repeat;z-index:-1;}
.proSort .more{display:inline-block;width:90px;height:40px;line-height:40px;background:#000;color:#fff;text-align:center;margin-top:30px;font-size:12px;}
.proSort .more:hover{background:#aa2023;width:140px;}
.proSort .pic{width:1060px;margin-right:-360px;background-size:auto 100%;cursor: pointer;animation: panorama 8s linear infinite alternate;animation-play-state: paused;height:400px;}
.proSort .grWidth:hover .pic {animation-play-state: running;}
@keyframes panorama {
  to {background-position:100% 0;}
}
.proMenu{background:url('../images/pro_bg2.jpg') no-repeat center top,url('../images/pro_bg.jpg');margin-top:-95px;overflow:hidden;height:auto;padding-top:90px;padding-bottom:55px;}
.proMenu li{float:left;width:280px;background:#fff;text-align:center;margin-right:25px;box-shadow:0 0 14px #ddd;position:relative;z-index:2;margin-bottom:50px;}
.proMenu li a{display:block;}
.proMenu li .pImg{display:block;width:280px;height:470px;overflow:hidden;}
.proMenu li img{width:280px;height:470px;transition:all .6s ease-in;}
.proMenu li h4{height:100px;line-height:100px;font-size:24px;color:#222;margin-top:-10px;position:relative;z-index:2;background: url(../images/proTie_bg.png) no-repeat;}
.proMenu li:after{content:"";position:absolute;bottom:0;left:50%;width:100px;height:3px;margin-left:-50px;background:#cea983;z-index:2;transition:all .4s;}
.proMenu li:nth-child(4),.proMenu li:nth-child(5),.proMenu li:nth-child(6){float:right}
.proMenu1 li:nth-child(5n-1){margin-right:0;}
.proMenu1 li:nth-child(3){margin-right:100px;}
.proMenu1 li:nth-child(6){margin-left:100px;}
.proMenu li:hover img{transform:scale(1.08);}
.proMenu li:hover:after{width:100%;left:0;margin-left:0;}
.proMenu li:nth-child(2):after{background:#aa2023;}
.proMenu li:nth-child(3):after{background:#a2b2cc;}
.proMenu li:nth-child(4):after{background:#bbd46e;float:right}
.proMenu li:nth-child(5):after{background:#5e5e66;float:right;}

.proSort2 .font:after{background: url('../images/pc_shadow.png') no-repeat;left:-140px;right:auto;}
.proSort2 .font{float:right;padding-right:20px;padding-left:80px;width:400px;}
.proSort2 .pic{float:left;}
.proSort2 .pic{margin-right:0;margin-left:-360px;}
.proMenu2{background:url('../images/pro_bg.jpg');height:auto;padding:150px 0;}
.proMenu2 li:nth-child(4n){margin-right:0;}

/*  产品列表 */
.proList_ban{height:700px;overflow:hidden;z-index:2;position:relative;}
.proList_ban img{height:700px;left:50%;margin-left:-960px;position:relative;}
.proList_ban:after{content:"";position:absolute;left:0;bottom:0;background:rgba(0,0,0,.6);height:80px;width:100%;}
.proList_ban .grWidth{position:absolute;left:50%;bottom:0;margin-left:-600px;z-index:2;}
.proList_ban .grWidth:after{content:"";position:absolute;left:-360px;bottom:0;height:200px;background: url('../images/prolist_tie.png') no-repeat left bottom;width:860px;z-index:-1;}
.proList_ban .title{font-size:48px;color:#000;font-weight:normal;line-height:52px;padding-bottom:35px;text-transform: uppercase;z-index:2;}
.proList_ban .title span{display:block;font-size:30px;font-family:Arial;opacity:.8;}
.proList_ban .title:after{content:"";position:absolute;left:0;bottom:0;height:5px;width:95px;background:#aa2023;}
.proList_ban .back{float:right;color:#fff;font-size:18px;background: url('../images/back.png') no-repeat left center;padding-left:20px;margin-top:90px;}
.proList_ban .back:hover{color:#aa2023;}


/* 产品列表 */
.proList{width: 1200px;}
.proList ul{width: 1240px;}
.proList li{width:380px; float:left;text-align:center;margin:0 30px 30px 0;font-size:12px;height:410px;}
.proList li .pImg{display:block;width:380px;height:230px;overflow:hidden;}
.proList li img{ width:380px;height:230px;transition:all 0.5s;}
.proList li h4{font-size:18px;font-weight: normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;margin:8px 0 20px 0;padding-bottom:15px;color:#000;text-transform: uppercase}
.proList li h4 span{margin-left:5px;font-size:14px;opacity:.8;display:block;}
.proList li h4:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-30px;width:0;height:3px;background:#aa2023;transition:all .3s;}
.proList li p{ height:90px;overflow: hidden;color:#777;}
.proList li:hover h4:after{width:60px;}
.proList li:hover h4{color:#aa2023;}
.proList li:hover img{transform:scale(1.08,1.08);}

.proList_menu{padding:90px 0 20px 0;text-align:center;font-size:24px;}
.proList_menu ul{display:table;height:65px;width:100%;}
.proList_menu li{line-height:65px;width:20%;display:inline-block;text-align:left;margin-bottom:15px;}
.proList_menu a{color:#000;background: url('../images/proMenu_li.png') no-repeat;height:65px;padding-left: 70px;display:inline-block;}
.proList_menu li.cur a,.proList_menu li a:hover{background-position:0 -65px;color:#aa2023;}

/*  产品详情 */
.proShow{border:none;}
.proShow_main{position:relative;overflow:hidden;margin-top:50px;}
.proShow_box{width:1198px;height:640px;position:relative;overflow:hidden;margin:0 auto;margin-bottom:10px;border:1px solid #dcdcdc;}
.proShow_box ul{position:absolute;left:0;top:0;}
.proShow_box ul li{width:1198px;height:640px;overflow:hidden;text-align:center;}
.proShow_box li a{position:relative;display:block;}
.proShow_box ul li img{width:1198px;height:640px;}
.proShow_main .prev1,.proShow_main .next1{position:absolute;top:240px;left:0;width:53px;height:53px;z-index:9;cursor:pointer;z-index:3;opacity:0;}
.proShow_main .next1{left:auto;right:0;transition:all .3s;}
.proShow_box:hover .prev1,.proShow_box:hover .next1{opacity:1;}


.proShow_main .min_pic{padding-top:10px;width:1200px;overflow:hidden;}
.proShow_main .num{height:110px;overflow:hidden;width:1070px;position:relative;float:left;}
.proShow_main .num ul{position:absolute;left:0;top:0;}
.proShow_main .num ul li{width:200px;height:105px;margin-right:20px;padding:1px;}
.proShow_main .num ul li.on{border:1px solid #aa2023;padding:0;}
.proShow_main .prev_btn1,.proShow_main .next_btn1{width:24px;text-align:center;height:42px;margin-top:30px;cursor:pointer;float:left;opacity:.7;margin-right:35px;}
.proShow_main .next_btn1{float:right;margin-right:0;}
.proShow_main .prev_btn1:hover,.proShow_main .next_btn1:hover{opacity:1;}

.proShow_font1{text-align:center;padding:50px 100px;overflow:hidden;border-bottom:1px solid #bfbfbf;}
.proShow_font1 .tie{font-size:32px;color:#333;font-weight:normal;margin-bottom:35px;line-height:40px;text-transform: uppercase;}
.proShow_font1 .tie span{display:block;font-style:20px;opacity:.8;}
.proShow_font1 .size{margin-top:30px;overflow:hidden;text-align:center;}
.proShow_font1 .size p{font-size:32px;color:#bf0008;margin-bottom:20px;line-height:32px;font-weight:bold;}
.proShow_font1 .size div span{display:inline-block;width:auto; padding:0px 10px;height:42px;border:2px solid #ededed;text-align:center;line-height:42px;color:#111;cursor:pointer;margin:0 5px;font-size:16px;}
.proShow_font1 .size .on{border:2px solid #bf0008;color:#bf0008;}

/*  产品参数 */
.pro_parameter{padding:60px 0;border-bottom:1px solid #bfbfbf;overflow:hidden;}
.parameter_l{width:560px;overflow:hidden;color:#222;}
.parameter_l>li{overflow:hidden;margin-bottom:10px;padding-left:80px;line-height:28px;}
.parameter_l .t{float:left;margin-left:-80px;color:#777;}
.parameter_l i{display:block;font-style:normal;color:#aa2023;}
.parameter_l img{width:280px;margin-top:10px;display:block;}

.parameter_l .degree span{float:left;font-size:14px;width:60px;}
.parameter_l .degree p{background:rgba(0,0,0,0) url('../images/product/bg_degree_bar.jpg') no-repeat scroll 0 0;float:left;height:7px;margin:8px 12px 0;position:relative;width:277px;}
.parameter_l .degree p i{background:rgba(0,0,0,0) url('../images/bg_degree_ico.png') no-repeat scroll 0 0;height:5px;margin-left:-2px;position:absolute;top:-4px;width:5px;}
.parameter_l .double{height:62px;line-height:62px;}
.parameter_l .double .degree p{background:url('../images/double_bg.png') no-repeat;width:360px;height:32px;margin:14px 12px 14px 12px;}
.parameter_l .double .degree p i{background:url('../images/double_icon.png') no-repeat;width:15px;height:60px;position:relative;top:-13px;}
.parameter_r{width:600px;overflow:hidden;}
.parameter_r .txt{padding-left:80px;font-size:14px;color:#222;margin-bottom:25px;overflow:hidden;}
.parameter_r .txt .t{float:left;margin-left:-80px;color:#777;}
.parameter_r li{float:left;width:110px;height:110px;cursor:pointer;margin:0 10px 10px 0;border-radius:100%;overflow:hidden;}
.parameter_r li img{width:110px;height:110px;opacity:.7;transition:all .3s;}
.parameter_r .on img{opacity:1;}
.parameter_r .main{padding:0 40px 0 80px;}

/*  相关产品 */
.proRelated{padding:60px 0;overflow:hidden;position:relative;}
.proRelated .tie,.pro_parameter .tie{font-size:24px;color:#000;text-align:center;margin-bottom:45px;font-weight:normal;}
.proRelated .ohbox{position:relative;left:60px;height:325px;width:1080px;overflow:hidden;}
.proRelated .ohbox ul{height:325px;width:1120px;zoom:1;}
.proRelated li{float:left;width:340px;margin-right:25px;position:relative;text-align:center}
.proRelated li .pImg{display:block;width:340px;height:205px;overflow:hidden;position:relative;padding:20px 0;border:1px solid #eee;margin-bottom:15px;}
.proRelated li img{width:340px;height:205px;transition:all .5s;}
.proRelated li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(170,32,35,.6);transition:all 0.3s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;}
.proRelated li .pImg:after{content:"";position:absolute;width:58px;height:58px;background: url('../images/pMore.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.3s;z-index:3;}
.proRelated li h4{font-size:16px;color:#000;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-transform: uppercase;margin-bottom:15px;}
.proRelated li h4 span{display:block;opacity:.7;font-size:13px;}
.proRelated li:hover img{transform:scale(1.1);}
.proRelated li:hover .pImg:before{transform:perspective(200px) rotateX(0);}
.proRelated li:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}
.proRelated .pageBtn span{background:url('../images/showBtn.png') no-repeat 0 0;display:inline-block;width:24px;height:42px;position:absolute;cursor:pointer;overflow:hidden;text-indent:-9999px;left:0px;top:240px;opacity:.7;}
.proRelated .pageBtn .next{background-position:-24px 0;left:auto;right:0px;}
.proRelated .pageBtn span:hover{opacity:1;}

.proShow_page{background-image: url(../images/proShow_ban.jpg);background-position:center;background-repeat: no-repeat;background-size:cover;background-attachment: fixed;text-align:center;position:relative;padding-top:210px;height:290px;z-index:2;margin-top:40px;}
.proShow_page:after{content:"";position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);height:100%;width:100%;z-index:-1;}
.proShow_page .backTop{width:80px;height:80px;border-radius:100%;color:#fff;text-align:center;line-height:80px;position:absolute;left:50%;margin-left:-40px;top:-40px;background:#cea983;text-transform: uppercase;;font-size:16px;}
.proShow_page .backTop:after{content:"";left:-10px;top:-10px;background:#cea983;position:absolute; width:100px;height:100px;border-radius:100%;z-index:-1;opacity:.5;}
@-webkit-keyframes bounceIn {
  0% {opacity:0; -webkit-transform:scale3d(.3, .3, .3);}
  60% {opacity:1; -webkit-transform:scale3d(1, 1.03, 1.03);}
  80% {-webkit-transform:scale3d(.97, .97, .97);}
  100% {opacity:1; -webkit-transform:scale3d(1, 1, 1);}
}

/* 售前咨询 */
.PreSale_main{background: url('../images/sq_bg.jpg') repeat-y;overflow:hidden;}
.PreSale_l{width:860px;padding:20px;}
.PreSale_l>li{overflow:hidden;margin-bottom:10px;color:#454545;}
.PreSale_l>li .date{display:block;text-align:center;margin-bottom:15px;}
.PreSale_l>li .font{padding-left:105px;overflow:hidden;}
.PreSale_l>li .font .pic{border:1px solid #dcdcdc;width:80px;height:80px;float:left;margin-left:-105px;}
.PreSale_l>li .txt{float:left;background:#eee;border-radius:5px;padding:10px 20px;position:relative;}
.PreSale_l>li .txt:after{content:"";position:absolute;border:12px solid transparent;left:-24px;top:24px;border-right-color:#eee;}
.PreSale_l>li ol {padding:8px 0;}
.PreSale_l>li  a{color:#aa2022;text-decoration: underline;}
.PreSale_l>li .p2{text-align:right;}
.PreSale_l .client .font{padding-left:0;padding-right:105px;}
.PreSale_l .client .font .pic{margin-left:0;margin-right:-105px;float:right;}
.PreSale_l .client  .txt{float:right;background:#cde198;min-width:150px;text-align:right;}
.PreSale_l .client .txt:after{left:auto;right:-24px;border-left-color:#cde198;border-right-color:transparent;}
.PreSale_l .client.on .txt{margin-top:20px;}
.PreSale_l .client.on .txt:after{top:10px;}
.PreSale_form{border:1px solid #dcdcdc;padding:24px;margin-top:10px;text-align:right;}
.PreSale_form textarea{height:115px;width:100%;text-align:left;}
.PreSale_form a{display:inline-block;width:85px;height:40px;text-align:center;line-height:40px;border:1px solid #dcdcdc;margin-left:10px;}
.PreSale_form a:hover{background:#aa2022;color:#fff;border:1px solid #830506;}
.PreSale_r{background:#eee;padding:20px;width:260px;}
.PreSale_r li{height:30px;line-height:30px;}
.PreSale_r li a{color:#333;padding-left:30px;background: url('../images/sq_li.jpg') no-repeat -20px center;}
.PreSale_r li a:hover{color:#aa2022;background: url('../images/sq_li.jpg') no-repeat left center;}