﻿

/*产品中心*/
.pro_cen_banner{height:485px; overflow:hidden; position:relative;}
.pro_cen_banner img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; /*animation:img_room 6s linear 1; -webkit-animation:img_room 6s linear 1;*/}
.pro_cen_banner .pro_ban_more{position:absolute; width:100%; top:59%;}
.pro_cen_banner .pro_ban_more .more{position:relative; display:inline-block; padding:0 70px 0 20px; background:#007fc3; height:53px; line-height:53px; margin-left:25px;}
.pro_cen_banner .pro_ban_more .more span{display:inline-block; font-size:18px; color:#fff;}
.pro_cen_banner .pro_ban_more .more .icon{position:absolute; right:35px; top:50%; margin-top:-8px; width:12px; height:17px; background:url(../images/more_jt.png) no-repeat center; transition:all 0.5s ease;}
.pro_cen_banner .pro_ban_more:hover .more .icon{right:20px;}
.pro_center.channel_content{padding:0;}
.pro_center01{padding:40px 0;}
.pro_center01 .content{position:relative;}
.pro_center01 .content .item{position:relative; transition:background 0.5s ease; padding-bottom:30px; display:none;}
.pro_center01 .content .owl-item .item{display:block;}
.pro_center01 .content .item a{display:block;}
.pro_center01 .content .item:first-child{margin-left:0;}
.pro_center01 .content .item .rect-6070{padding-bottom:60.70%; background:#efefef;}
.pro_center01 .content .item .box{padding:36px 29px;}
.pro_center01 .content .item .box .t{font-size:18px; color:#00a1e9;}
.pro_center01 .content .item .box .en_t{font-size:48px; font-family:Impact; color:#666  ;}
.pro_center01 .content .item .box .c{font-size:18px; color:#666;}
.pro_center01 .content .item .box .more {display:inline-block; font-size:14px; color:#666; margin-top:25px; height:33px; line-height:33px; transition:all 0.5s ease;}
.pro_center01 .content .item .img_box{position:absolute; right:0; bottom:0; transition:all 0.5s ease;}
.pro_center01 .content .item:hover .rect-6070{background:#dfebf5;}
.pro_center01 .content .item:hover .box .more{padding:0 25px; color:#fff; background:#00a1e9; text-decoration:none; border-radius:3px;}
.pro_center01 .content .item:hover .img_box{bottom:20px;}
.pro_center01 .content .item:hover .box .en_t{color:#00479d;}
.pro_center01 .content .proCen1_btn>div{width:44px; height:44px; background:url(../images/pro_center02_2.png) no-repeat;  position:absolute; top:50%; margin-top:-22px; z-index:2; font-size:0; cursor:pointer; display:none;}
.pro_center01 .content .proCen1_btn .owl-prev {left:0; background-position:0 0;}
.pro_center01 .content .proCen1_btn .owl-next {right:0; background-position:-44px 0px;}
.pro_center02{margin-top:40px;}
.pro_center02 .infor{text-align:center;}
.pro_center02 .infor .title{font-size:36px; font-weight:bold; color:#666;}
.pro_center02 .infor .form_box{width:45%; margin:30px auto 0; border-radius:50px;border:1px solid #d5d5d5; height:52px; line-height:52px; padding:0 1%; position:relative;}
.pro_center02 .infor .form_box input{width:90%; line-height:52px; border:none; padding:0; margin:0; background:transparent; float:left; text-indent:5px; height:52px;}
.pro_center02 .infor .form_box button{width:41px; height:41px; background:#ccc; padding:0; margin:0; outline:none; border:none; cursor:pointer; transition:all 0.5s ease; position:relative; border-radius:50%; float:right; margin-top:5px; line-height:1;}
/*:root .pro_center02 .infor .form_box button i{vertical-align:middle;}*/
.pro_center02 .infor .form_box button i{margin:0; font-size:20px; color:#fff; height:22px; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-11px;}
.pro_center02 .infor .form_box:hover button{background:#fcc100;}
.pro_center02 .infor .infor_link{text-align:center; padding:40px 11.5%;}
.pro_center02 .infor .infor_link a{display:inline-block; position:relative; font-size:16px; color:#666; line-height:30px; padding:0 23px;}
.pro_center02 .infor .infor_link a:after{content:''; width:1px; height:14px; background:#ffc700; position:absolute; left:0; top:50%; margin-top:-7px;}
.pro_center02 .infor .infor_link a:first-child:after{display:none;}
.pro_center02 .infor .infor_link a:hover{color:#929292;}
.pro_center02 .content .bd{background:#f6f6f6; padding:65px 0;}
.pro_center02 .content .bd .rect-1061{}
.pro_center02 .content .bd .li_{width:24%; float:left; margin-right:1.3%; padding-bottom:137px; position:relative; transition:all 0.5s ease; margin-bottom:35px;}
.pro_center02 .content .bd .li_four{margin-right:0;}
.pro_center02 .content .bd .li_ .rect-1061:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:opacity .2s ease;}
.pro_center02 .content .bd .li_ .intro{background:#fff; text-align:center; position:absolute; left:0; width:100%; bottom:0;}
.pro_center02 .content .bd .li_ .intro .box{padding:32px 20px 28px;}
.pro_center02 .content .bd .li_ .intro .box .tit{margin-bottom:10px;}
.pro_center02 .content .bd .li_ .intro .box .tit a{display:block; font-size:24px; line-height:30px; color:#666; font-weight:bold;}
.pro_center02 .content .bd .li_ .intro .box .con{height:0; overflow:hidden; transition:all 0.5s ease; text-align:left;}
.pro_center02 .content .bd .li_ .intro .box .con a{display:block; float:left; width:48%; margin-right:2%; line-height:27px; font-size:14px; color:#000;}
.pro_center02 .content .bd .li_ .intro .box .intro_more{margin-top:15px}
.pro_center02 .content .bd .li_ .intro .box .intro_more a{margin-right:13px; display:inline-block; font-size:14px; position:relative; color:#666;}
.pro_center02 .content .bd .li_ .intro .box .intro_more a:before{content:''; display:block; position:absolute; left:0; bottom:0; width:0px; height:1px; background:#666; transition:all 0.5s ease;}
.pro_center02 .content .bd .li_ .intro .box .intro_more a:after{content:''; width:10px; height:10px; background:url(../images/procen02_3.png) no-repeat center; position:absolute; right:-15px; top:50%; margin-top:-5px}
.pro_center02 .content .bd .li_ .li_line{width:0; height:5px; background:#ffcb2d; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.pro_center02 .content .bd .bd_more{width:220px; height:52px; line-height:52px; text-align:center; color:#666; border:1px solid #666; border-radius:3px; font-size:18px; cursor:pointer; margin:0 auto; transition:all 0.5s ease;}
.pro_center02 .content .bd .li_ .intro .box .tit a:hover{color:#666;}
.pro_center02 .content .bd .li_ .intro .box .con a:hover{color:#000;font-size:14px;}
.pro_center02 .content .bd .li_:hover .intro .box .con{height:135px;}
.pro_center02 .content .bd .li_:hover .li_line{width:100%;}
.pro_center02 .content .bd .li_:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);}
.pro_center02 .content .bd .li_:hover .rect-1061:after{opacity:1; visibility:visible;}
.pro_center02 .content .bd .bd_more:hover{border-color:#00a1e9; background:#00a1e9; color:#fff;}
.pro_center02 .content .bd .li_ .intro .box .intro_more a:hover:before{width:100%;}






