@charset "UTF-8";
/*????o?*/
.bdsharebuttonbox a{margin-right: 20px;}
.bdsharebuttonbox span { float: left; color: #606669; }
.bdsharebuttonbox .bds_tsina.sina { padding-left: 0; width: 19px; height: 18px; background: url(../images/share_wb_03.png) no-repeat center; }
.bdsharebuttonbox .bds_tsina.sina:hover { background: url(../images/share_wb_03.png) no-repeat center; }
.bdsharebuttonbox .bds_weixin.weixin { padding-left: 0; width: 19px; height: 18px; background: url(../images/share_wx_05.png) no-repeat center; }
.bdsharebuttonbox .bds_weixin.weixin:hover { padding-left: 0; width: 19px; height: 18px; background: url(../images/share_wx_05.png) no-repeat center; }
.bdsharebuttonbox .bds_tqq.tqq { padding-left: 0; width: 25px; height: 24px; background: url(../images/share_fx_03.png) no-repeat center; }
.bdsharebuttonbox .bds_tqq.tqq:hover { padding-left: 0; width: 25px; height: 24px; background: url(../images/share_fx_03.png) no-repeat center; }
.bdsharebuttonbox a{margin-right: 15px !important;}
/* flexslider */
.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{width: 100%;}
.slides li img{width: 100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.xiangqing li{display: none;padding-top:15px;}
.xiangqing .bl{display: block}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}*/
/*???????3??C1???*/
/*overflow: hidden*/
.resove{margin-top: 58px;overflow: hidden}
.resove h2,.center h2{font-size: 20px;color: #303030;text-align: center;}
.resove h3,.center h3{font-size: 14px;color: #303030;text-align: center;margin-top: 5px;}
.resove p,.center p{text-align: center;}
.resove p .dot,.center .dot{display: inline-block;width: 9px;height: 9px;border-radius: 50%;background-color: #0072b7;position: relative;top: 3px;margin: 0 8px;}
.resove .pic{height: 300px;overflow: hidden;}
.resove .pic div{display: inline;margin-right: 17.5px;position: relative;overflow: hidden}
.resove .pic img:last-child{margin: 0;}
.resove .pic .se1 .details{display: inline-block;width: 385px;height: 30px;background-color: #e03139;position: absolute;bottom: 0;left: 0;}
.resove .pic .se1 .details span{margin-left: 22px;color: white;line-height: 30px;}
.resove .pic .se1 .details img{position: absolute;right: 22px;top: 6px;}
.resove .pic .se1 .fire2{display: inline-block;width: 385px;height: 162px;background-color:rgba(0, 0, 0, 0.7);position: absolute;bottom: 30px;left: 0;}
.resove .pic  .block{position: absolute;bottom: -195px;left: 0;}
.resove .pic .se1 .fire{display: inline-block;width: 385px;height: 50px;background-color:rgba(0, 0, 0, 0.7);position: absolute;bottom: 4px;left: 0; }
.resove .pic .se1 .fire span{font-size: 16px;color: #fff;line-height: 50px;margin-left: 165px;}
.resove .pic .se1 .fire2 h2{font-size: 18px;color: #fff;text-align: left;margin:24px 0;margin-left: 22px;}
.resove .pic .se1 .fire2 p{height: 66px;text-overflow: ellipsis;overflow: hidden;;font-size: 12px;color: #d3d3d3;margin: 0 29px 0 22px;line-height: 22px;text-align: left;text-align: justify;}
.resove .dott span{border: 2px solid #a2a2a2;display: inline-block;width: 11px;height: 11px;border-radius: 50%;}
.resove .dott span{margin-right: 9px;}
.resove .dott{text-align: center;margin:34px 0;cursor: pointer}
.resove .dott .ellipse{background-color: #e03139;display: inline-block;width: 42px;height: 11px;border-radius: 5px;position: relative;bottom: 2px;border: none}
.resove .more{text-align: center;margin-bottom: 64px;}
.resove button{padding: 0 50px;height: 42px;border: none;color: 303030;font-size: 14px;border-radius: 20px;border: 1px solid #767676;background-color: #fff}
.resove button:hover{background-color: #e03139;color: white;transition: all 0.5s;border: none}
/*?o????????-???*/
.ban{height: 400px;}
.section1{background-color: #f5f5f5;}
.center h2{padding-top: 60px;}
.section1 .new .num1:hover .detail{background-color: #e03139;color: white;transition: all 0.5s;border-color: #e03139}
.section1 .new .num1:hover {box-shadow: 2px 15px 15px #d3d3d3;position: relative;bottom: 2px;}
.section1 .new .num1:hover h2{background-color: #0875b7;transition: all 0.5s;color: #fff}
.section1 .new .num2:hover h2{background-color: #e03139;transition: all 0.5s}
.section1 .new .num1{width: 385px;height: 398px;background-color: #fff;margin-top: 45px;text-align: center;position: relative; float: left;margin-right: 22px;overflow: hidden;padding-bottom: 10px;}
.section1 .new .num1:last-child,.section1 .new .num1:nth-child(3){margin-right: 0 }
.section1 .new .num1:nth-child(4),.section1 .new .num1:nth-child(5),.section1 .new .num1:nth-child(6){margin-top: 25px;}
.section1 .new .num1 h2{padding-left: 60px;font-size: 16px;color: #303030;text-align: left;line-height: 68px;border-bottom: 1px solid #d3d3d3;height: 69px;width: 385px;overflow: hidden;padding-right: 15px;box-sizing: border-box;}
.section1 .new .num1 img{margin: 18px 0 28px 0;text-align: center;height: 177px;}
.section1 .new .num1 p{font-size: 12px;color: #626262;margin: 0 30px;text-align: left;margin-bottom: 20px;height: 40px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;}
.section1 .new .num1 span.detail{float: right;margin-right: 30px;height: 30px;line-height: 30px;border: 1px solid #d2d2d3;border-radius: 15px;padding: 0 20px;}
.section1 .new .num1 .rotate{position: absolute;top: -15px;display: inline-block;width: 105px;height: 55px;background-color: #0875b7;line-height: 65px;color: white;left: -34px;overflow: hidden;transform: rotate(-45deg);}
.section1 .new .num1 .rotate1{background-color: #e03139}
.section1 .new .num1 .rotate span{position: relative;top: 5px;right: 5px;}
/*152 42*/
.section1 .see{text-align: center;}
.section1 .see button{width: 152px;height: 42px;line-height: 42px;margin: 36px 0 66px 0; color: #626262;border-radius: 20px;outline: none;border: none;background-color: transparent;border: 1px solid #767676}
.section1 .see button:hover{background-color: #0072b7;color: white;transition: all 0.5s;border: none;}


/*????????????*/
.section2{background-color: #fff;}
.section2 div>img{margin-right: 15px;}
.content{margin-top: 35px;overflow: hidden}
.content .three{margin-right: 0 !important;}
.content div{float: left}
.content .prevent{display: inline-block;position: relative;text-align: center;margin-bottom: 16px;overflow: hidden;height: 220px;width: 384px;margin-right: 19px;}
.content .prevent .normal{display: inline-block;*display:inline;*zoom:1;width: 384px;height: 50px;background-color: rgba(0, 0, 0, 0.7);position: absolute;left: 0;bottom: 0;font-size: 16px;color: #fff;line-height: 50px;}
.section2 .see button{margin-top: 15px ;}
.section2 .hidden{position: absolute;top: 220px;left: 0;width: 384px;height: 220px;color: #fff;background: rgba(0, 0, 0, 0.7)}
.hidden h2{font-size: 16px;color: #fff;margin: 34px 0 20px;}
.hidden p{font-size: 12px;margin-bottom: 5px;height: 80px;padding: 0 15px;box-sizing: border-box;text-overflow: ellipsis;overflow: hidden;width: 384px;}
.hidden button{font-size: 12px;color: #fff;background-color: #0875b7;border:none;outline: none;margin-top: 10px;width: 93px;height: 30px;cursor: pointer;}
.baten a button:hover{cursor: pointer}
/*??C???????-???*/
.section3{overflow: hidden}
.section3 .tb{text-align: center;margin-top: 0px;border-bottom: 1px solid #d2d2d3;}
.section3 .tb li:hover{cursor: pointer}
.section3 .tb li{display: inline-block;color: #303030;font-size: 16px;margin-right: 80px;padding-bottom: 30px;position: relative;}
.section3 .tb li:hover img{cursor: pointer;display: inline}
.section3 .tb li:last-child{margin-right: 0;}
.section3 .tb .icon{position: absolute;bottom: -7px;left: -12px;}
.section3 .tb img{display: none}
.section3 .tb .active img{display: inline};

.section3 .press_center{overflow: hidden; margin-right: 25px;text-align: center;}
.section3 .press_center .pre_left{position: relative;overflow: hidden;float: left;width:898px;height: 528px;}
.section3 .press_center .pre_left img.tr{float: left;margin-top: 47px;width:100%}
/*.section3 .press_center .pre_left .time{position: absolute;bottom: 50px;left: -40px;}*/
.section3 .press_center .pre_left .trans{background: rgba(0, 0, 0, 0.7);width: 750px;height: 205px;position: absolute;right: 0px;bottom: 33px;}
.section3 .press_center .pre_left .trans h2{color: #fefefe;font-size: 18px;margin-top: 32px;}
.section3 .press_center .pre_left .trans p{height: 66px;font-size: 12px;color: #d3d3d3;margin-right: 60px;line-height: 22px;margin-top: 27px;width: 612px;text-overflow: ellipsis;overflow: hidden;}
.section3 .press_center .pre_left .trans h2,.section3 .press_center .pre_left .trans p{margin-left: 78px;}
.section3 .press_center .pre_left .trans img.tr{position: relative;top: -120px;left: -40px}
.section3 .press_center .pre_left .trans .kmore{position: absolute;right: 90px;color: #d3d3d3}
.section3 .press_center .pre_left .trans .kmore img{margin: 0;position: absolute;right: -30px; }

.section3 .press_center .pre_right .first{margin-top: 40px;}
.section3 .press_center .pre_right img{/* display: none; */margin-top: 7px;height: 140px;width: 100%;height: 150px;}
.section3 .press_center .pre_right{float: right;}
.pre_right>div{position: relative;cursor: pointer;/* height: 140px; */width: 275px;height: 150px;margin-top: 15px;}
.pre_right>div .bott{position: absolute;bottom: -6px;color: #fff;padding: 0 0 10px 25px;width: 275px;box-sizing: border-box;height: 150px;background-color: rgba(0, 0, 0, 0.7);transition: all 0.5s;opacity: 0;}  
/**/
.pre_right>div .bott p:first-child{position: absolute;bottom: 80px;}
.pre_right>div .bott p:nth-child(2){position: absolute;bottom: 35px;height: 40px;font-size: 14px;}
.pre_right>div .bott p{
 display: inline-block;*
 display:inline;*
 zoom:1;
 font-size: 16px;
 width: 200px;
 overflow: hidden;
 text-overflow: ellipsis;
 height: 25px;
 color:#fff
 }
 .pre_right>div .bott p img{display:none}
.pre_right>div .bott img{display: none;}

.section4 {margin-top: 66px;height: 440px; overflow: hidden}
.section4 .fd{overflow: hidden}
.section4 img.comm{margin-right: 50px;float: left;}
.section4 .about{float: right;width: 535px;overflow: hidden}

.section4 .about h2{font-size: 20px;color: #303030}
.section4 .about h3{font-size: 12px;}
.section4 .about p{margin-top: 34px;text-align: justify;font-size: 12px;color: #303030;line-height: 27px;margin-bottom: 53px;height: 162px;text-overflow:ellipsis;overflow: hidden}

.section4 .about .btn a{font-size: 12px;color: #fff;background-color: #0875b7;display: inline-block;height: 40px;line-height: 40px;width: 120px;text-align: center;margin-right: 10px;}
.section4 .about .btn a img{margin-left: 10px;position: relative;top: 4px;}
.section4 .about .btn a:hover{background-color: #1b6490}

.newsone .press_center{display: none}
.newsone .show{display: block}

/*???3?o????????*/
.key1{overflow: hidden;}
.key1 .se1_left{width: 256px;margin-top: 60px;float: left;margin-right: 44px;}
.key1 .se1_left p{color: #fff;height: 60px;background-color: #0872b7;}
.key1 .se1_left p img{margin:15px 12px 0 18px}
.key1 .se1_left p span.aa{font-size: 16px;line-height: 20px;position: relative;bottom: 2px;}
.key1 .se1_left p span:last-child{font-size: 12px;}
.se1_left .ab{display: block;margin-left: 50px;}
.se1_left .aus{background-color: #f2f2f2;margin-top: 16px;}
.se1_left .aus .active{color: #0072b7}
.se1_left .aus li:hover{color: #0072b7;cursor: pointer}
.se1_left .aus li{color: #767676;line-height: 40px;}
.se1_left .num2{margin-top: 20px;}
.se1_left .num2 .ab{margin-left: 46px;}
.se1_left .hot{background-color: #f2f2f2;text-align: center;position: relative;margin-top: 7px;height: 280px;}
.se1_left .hot .tosee{color: #303030;background-color: #f2f2f2}
.se1_left .hot .arrow img{cursor: pointer}
.se1_left .hot .arrow img:first-child{position: absolute;left: 12px;top: 105px;}
.se1_left .hot .arrow img:last-child{position: absolute;right: 12px;top: 102px;}
.se1_left .inform{height: 65px;border: 1px solid #f2f2f2;margin-bottom: 110px;background-color: #f2f2f2}
.se1_left .inform span{display: block;margin: 10px 0 0 15px;}
.se1_left .inform span:first-child{font-size: 12px;}
.se1_left .inform span:last-child{font-size: 16px;}
.se1_left .join{height: 60px;background-color: #f2f2f2;line-height: 60px;padding-left: 20px;font-size: 16px;}
.aboutus .inform{margin-bottom: 0;background-color: #fff;}
.aboutus .sole .p2,.aboutus .p3{line-height: 25px;}

.se1_right{margin-top: 60px;float: right;width: 900px;color: #767676;text-align: center;}

.pp2:hover{color: #0072b7}
.se1_right .sole{width: 850px;margin: 0 auto;}
.se1_right .p1{height: 44px;line-height: 44px;background-color: #f2f2f2;text-align: left;padding-left: 20px;}
.se1_right .p1 a:hover{color: #0072b7}
.se1_right h2{margin: 30px 0 28px 0; font-size: 24px;color: #303030;text-align: center;}
.se1_right .sole img{margin-bottom: 28px;}
.se1_right .p2,.se1_right .p3{text-align: left;text-indent: 2rem;line-height: 25px; }
.se1_right .p3{padding-bottom: 90px;}
.se1_right .p4{border-bottom: 1px solid #d2d2d3}
/*???????3??C1???*/
.se1_left .new_v{position: relative;}
.se1_left .new_v span{position: absolute;top: 0;left: 0;display: inline-block;width: 256px;height: 140px;background: rgba(0, 0, 0, 0.5);line-height: 190px;text-align: center;}

.join a:hover{color: #0072b7}

.slou .sole,.slou .know {overflow: hidden;position: relative;}
.slou .sole>a>img{float: left;margin-right: 30px !important}
.slou .know h3{font-size: 16px;color:#303030;float: left ;margin-right: 20px;margin-bottom: 10px;}
.slou .know time{font-size: 12px;color: #676767}
.slou .know p{float: left;line-height: 22px;margin-bottom: 40px;}
.slou .know>a{float: left;position: absolute;bottom: 0;left: 0;}
.slou .sole1:hover h3 a,.slou .sole1:hover p{color: #0072b7}
.slou .sole1:hover .know>a{color: #e03139}
.reset .page{margin-top: 30px;}
.reset .page span{display: inline-block;border: 1px solid #767676;width: 36px;height: 36px;line-height: 36px;}
.reset .page span.nn:hover{background-color: #0072b7;color: #fff;cursor: pointer}

.slou h2{margin-bottom: 15px;}
.slou p{margin-bottom: 20px;color: #676767;font-size: 14px;}
.slou .sole .res{margin-bottom: 20px;}
.slou small{margin-right: 30px;display: inline-block;vertical-align: middle;}
.slou small:last-child{margin-right: 0;}
.slou .ppx{text-align: left;}
.slou .p2{text-indent: 0;margin-bottom: 10px;font-size: 16px;}
.slou .p5{margin-top: 45px;}
.sole>p{text-align: left;}
.slou .article{margin-left: 60px;text-align: left !important;margin-top: 58px;cursor: pointer}
.slou .article a:hover{color: #0072b7}
.slou p{letter-spacing: 1px}
/*.slou .article .first{color: #0072b7}*/
.slou .article a{margin-bottom: 10px;display:block}
.slou .article .last{padding-bottom: 30px;border-bottom: 1px solid #d2d2d3}
.slou .btn{border-bottom: 1px solid #d2d2d3;margin-left: 60px;}
.slou .btn button{border: none;color: #303030;background-color: #fff;border: 1px solid #d2d2d3;padding: 8px 40px;border-radius: 15px;margin:20px 0 30px 0;}
.slou .btn button:hover{background-color:#0072b7 ;transition: all 0.5s;color: #fff}
.slou .btn .online{margin-right: 30px;}
.slou .num3{background-color: #0072b7;text-align: left; margin-top: 60px;padding-left: 20px;height: 60px;color: #fff;overflow: hidden}
.slou .num3 img{margin-top: 10px;}
.slou .num3 .aa{font-size: 18px;margin-left: 8px;position: relative;bottom: -5px;}
.slou .num3 .ab{margin-left: 10px;font-size: 12px;line-height: 30px;}
.slou .num3 a{float: right;margin-right: 20px;color: #fff;font-size: 12px;}
.slou img{float: left}
.slou .message{overflow: hidden;box-sizing: content-box;width: calc(50% - 15px);float: left;margin-bottom: 60px;}
.slou .message .num3{margin: 0;}
.slou .message ul{text-align: left;border: 1px solid #d2d2d3;padding-top: 30px;}
.slou .message ul li{padding: 0 20px 22px;cursor: pointer}
.slou .message ul li span:last-child{float: right}
.slou .message li:hover a
{color: #0072b7}
.slou .message2{float: right}
.slou .sole{text-align: left}
 .xxx{display: inline-block;vertical-align: middle;}
 .aaaa{    line-height: 30px;text-align: center;}
 /*news*/
.news .margin{width: 780px;margin: 0 auto;border-bottom: 1px solid #d2d2d2;padding-bottom: 30px;}
.news .margin div{margin-left: 10px;}
.news .sole{margin-top: 30px;}
.news .impot{background-color: #f2f2f2;color: #676767;padding: 15px 0;}
.news .new_pro{overflow: hidden;box-sizing: border-box;border: 1px solid #d2d2d3;}
.news .new_pro a{width: 238.8px;height: 285px;display: block;float: left;border-right: 1px solid #d2d2d3;position: relative;}
.news .new_pro a:last-child{border-right: 0}
.news .new_pro img{width: 231.75px;height: 223.75px;}
.news .new_pro a:hover p{color: #0072b7}

.news .new_pro a:hover{background-color: #eaeaea}
.news .new_pro a:hover p{color: #0072b7}
.news .message{margin-top: 30px;}
.news .num3{margin-bottom: 0;}
/*??????3????????*/
.contact .sole{text-align: left;}
.contact .sole h2.us{text-align: left;border-bottom: 1px solid #d2d2d3;margin: 0;padding: 60px 0 28px 0;}
.contact h3{font-size: 24px;color: #0072b7;padding: 30px 0; }
.contact .total{overflow: hidden;padding-bottom: 10px;border-bottom: 1px solid #d2d2d3}
.contact .total .left{float: left;margin-right: 150px;}
.contact .total .left p{margin-bottom: 10px;}
.contact .total .right{float: left;}
.contact .total .right img{margin-top: 20px;}
.contact .next{margin-top: 30px;}
.contact .arr{border:none}
.contact .arr .left{margin-right: 0;letter-spacing: 1px}
.contact .arr .left .arrive{margin-top: 30px;}
.contact .ditu{margin-top: 40px;text-align: center;margin-bottom: 50px;}
.contact .ditu div{display: inline-block;text-align: center;}
.contact .ditu div{margin-right: 60px;}
.contact .ditu div img{margin-bottom: 0;}

/*?o????????-???*/
.pro-center{margin-bottom: 0;}
.pro-center .product{background-color: #f5f5f5;padding: 20px 0;}
.pro-center .product li{float: left;padding: 8px 0;}
.pro-center .product .pp{overflow: hidden;padding-left: 20px;}
.pro-center .product .pp li a{padding: 0 15px;}
.pro-center .product .pp li a:hover{color: #0072b7}
.pro-center .product .pp1 li.last:hover{cursor: pointer}
.pro-center .product .pp1 li:last-child span{float: left;    position: relative;left: 5px;}
.pro-center .product .pp1 .last img{width: 12px;margin: 5px 0 0 15px;}
.pro-center .product .pp1 li:last-child{border: 1px solid #656565;padding: 0px 10px;position: relative;bottom: -5px;line-height: 25px;width: 60px;text-align: center;}

.pro-center .inline ul{overflow: hidden;}
.pro-center .inline li{float: left;position: relative;height: 274px;border: 1px solid #d2d2d3;margin-right: 13px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;width: 215px;margin-top: 30px;}
.pro-center .inline li>a>div{overflow: hidden;margin-bottom: 0;border-bottom: none; width: 213px;/*height: 181px;*/}
.pro-center .inline .ma{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;display: block;margin: 5px 0;width: 100%;height: 100%;}
.pro-center .inline .new{position: absolute;left: -1px;top: -1px;}
.pro-center .inline span{display: block;height: 60px;line-height: 60px;width: 215px;text-overflow: ellipsis;overflow: hidden;    position: absolute;bottom: 0;border-top:1px solid #d2d2d3;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


.pro-center .inline li a{position: relative;display: block;overflow: hidden;height: 100%;}
.pro-center .inline li.h-new:hover{border-color: #0072b7}
.pro-center .inline li.h-new:hover a>span{background-color: #0072b7;color: #fff;transition: all 0.5s;width: 215px;box-sizing: border-box}
.pro-center .inline li.h-new div>span{display: inline-block;width: 80px;height: 80px;background-color: #0072b7;position: absolute;top: -43px;left: -43px;color: #fff;transform: rotate(-45deg)}
.pro-center .inline li.h-new div>span span{color: #fff;    width: 70px;
position: absolute;bottom: -18px;left: 8px;font-size: 9px;}
.pro-center .inline li.h-hot:hover{border-color: #e03139}
.pro-center .inline li.h-hot:hover a>span{background-color: #e03139;color: #fff;transition: all 0.5s;width: 215px; box-sizing: border-box}
.pro-center .inline li.h-hot div>span{display: inline-block;width: 80px;height: 80px;background-color: #e03139;position: absolute;top: -43px;left: -43px;color: #fff;transform: rotate(-45deg)}
.pro-center .inline li.h-hot div>span span{color: #fff;    width: 70px;
position: absolute;bottom: -18px;left: 8px;font-size: 9px;}
.pro-center .inline li.h-no:hover{border-color: #eaeaea}
.pro-center .inline li.h-no:hover a>span{background-color: #eaeaea;color: #0072b7;transition: all 0.5s;width: 215px; box-sizing: border-box}
.pro-center .inline li.h-no div>span{display: inline-block;width: 80px;height: 80px;background-color: #eaeaea;position: absolute;top: -43px;left: -43px;color: #fff;transform: rotate(-45deg)}
.pro-center .inline li.h-no div>span span{color: #fff;    width: 70px;
position: absolute;bottom: -18px;left: 8px;font-size: 9px;}
.pro-center .inline li.last{margin-right: 0;}

.pro-center .page {overflow: hidden}
.pro-center .page p{display: inline-block;margin-left: 10px;}
.pro-center .page img{float: none}
.case li{padding-left: 20px;}
.level3 li>a{font-size: 14px;display: inline-block;width: 236px;padding-left: 20px;   height: 40px;background: url(../images/pro_03.png) no-repeat 215px center;
line-height: 40px;}
.level3 li{margin: 0;}
.level3 li:first-child{margin-top: 16px;}
.level3 li>a:hover{color: #0072b7;background: url(../images/pro_09.png) no-repeat 215px center #0072b7;color: #fff}
.level3 div{display: none}
.level3 div a{display:block;padding-left: 20px;font-size: 12px;}
 .level3 div a:hover{color: #0072b7}
/*.touch{background-color: #0072b7;color: #fff}*/
.touch{background: url(../images/pro_09.png) no-repeat 215px center #0072b7 !important;color: #fff;}
.case li a:hover{color: #0072b7}
/*????????*/
.download .hang1{overflow: hidden;margin-top: 30px;}
.download h3{color: #303030;padding-bottom: 15px;padding-top: 0px;width: 500px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;float: left}
.download .sole{padding-bottom: 30px;border-bottom: 1px solid #d3d3d3}
.download .hang1 .p3{display: block;padding-bottom: 0;text-indent: 0;float: right}
.download h4{color: #767676}
.download h4:nth-of-type(1){margin-bottom: 15px;}
.download .dtime span{float:right;padding: 10px 20px 0 0;color: #333 }
.download h4:nth-of-type(2){margin-bottom: 15px;}
.download .p2{text-indent: 30px;overflow: hidden}
.download .p2 p.ddd{height: 25px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.download .p2 p span{display: none}
.download .p2 a{color: #e03139;float: right;display: block;width: 148px;text-align: center;}
.download button{color: #0072b7;border:1px solid #0072b7;background-color: #fff;padding: 10px 45px;border-radius: 25px;}
.download button:hover{color: white;background-color: #0072b7;transition: all 0.5s;border-color: #0072b7}
.download .page{margin: 30px 0 30px 0;}
.download .page span{display: inline-block;*display:inline;*zoom:1;border: 1px solid #767676;width: 36px;height: 36px;line-height: 36px;cursor: pointer}
.download .page .nn:hover{border-color: #0072b7;background-color: #0072b7;color: #fff;}

/*?o??????????|????*/
.deta1{overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #d2d2d3;margin: 30px 56px 0 60px}
.detail .de-left{float: left;}
.detail .de-left p{margin:15px 0 0 0px;}
.detail .de-left p img{border: 1px solid #0072b7;}
.detail .de-left img{float: none}
.de-right h2{text-align: left;margin-top: 0px;}
.detail .de-right {float: left;text-align: left;width: 392px;margin-left: 60px;}
.de-right h3{font-size: 16px;color: #767676;padding-bottom: 13px;border-bottom: 1px solid #d2d2d2}
.detail .de-right p{font-size: 14px;letter-spacing: 0;color: #767676;margin: 30px 0}
.detail .de-left .zz{border: 1px solid #d2d2d3;margin-top: 20px;}
.de-right button{padding: 12px 60px;border: none;background-color: #0072b7;color: #fff;font-size: 16px;border-radius: 5px;margin-top: 30px;cursor: pointer}
.de-right p img{float: none;margin-right: 15px;}
.detail .de-right .share{margin-top: 20px;}
.list{margin:0 60px;}
.list .title{border-bottom: 1px solid #d2d2d3}
.list .title{overflow: hidden}
.list .title li{float: left;padding: 20px 65px 20px 65px;font-size: 16px;}
.list .title .now,.list .title li:hover{box-sizing: border-box;color: #0072b7;border-bottom: 2px solid #0072b7
;  cursor: pointer;}

/*.list .xiangqing {text-align: left;position: relative;}
.list .xiangqing img{float: none}
.list .xiangqing h3{font-size: 24px;margin-top: 30px;margin-bottom: 20px;}
.list .xiangqing p{font-size: 14px;color: #767676;letter-spacing: 0;text-indent: 30px}
.list .xiangqing a{display: inline-block;background-color: #fff;border: 1px solid #767676;}
.list .bttn{margin: 0 20px;margin-left: 60px;margin-top: 30px;}
.list .bttn a{display: inline-block;margin-right: 10px;width: 250px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #d2d2d3;}
.list .bttn .balist{width: 140px;}
.list .bttn a:hover{background-color: #0072b7;color: #fff;border-color: white}
.list .bttn a i{margin-right: 5px;position: relative;top: 5px;}
.list .bttn a:last-child{margin-right: 0;}
.list .bttn a:last-child i{margin-left: 5px;}
.list .bttn i{display: inline-block;width: 25px;height: 20px;line-height: 50px}
.list .bttn .i1{background: url(../images/blc-right.png) no-repeat}
.list .bttn .i2{background: url(../images/blc-left_06.png) no-repeat}
.list .bttn .back1:hover .i1{background: url(../images/tr-left_03.png) no-repeat}
.list .bttn .back2:hover .i2{background: url(../images/tr-right.png) no-repeat}*/
.list .xiangqing {text-align: left;position: relative;}
.list .xiangqing img{float: none}
.list .xiangqing h3{font-size: 24px;margin-top: 30px;margin-bottom: 20px;}
.list .xiangqing p{font-size: 14px;color: #767676;letter-spacing: 0;text-indent: 30px;margin-bottom:0px}
.list .xiangqing a{display: inline-block;background-color: #fff;border: 1px solid #767676;}
.list .bttn{margin: 0 20px;margin-left: 60px;margin-top: 30px;}
.list .bttn a{display: inline-block;margin-right: 10px;width: 260px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #d2d2d3;overflow: hidden;padding-right: 30px;box-sizing: border-box;position: relative;padding-left: 5px;text-overflow: ellipsis;white-space: nowrap;}
.list .bttn .balist{width: 140px;}
.list .bttn a:hover{background-color: #0072b7;color: #fff;border-color: white}
.list .bttn a i{margin-right: 5px;position: relative;top: 5px;}
.list .bttn a:last-child{margin-right: 0;}
.list .bttn a:last-child i{margin-left: 5px;}
.list .bttn i{display: inline-block;width: 25px;height: 20px;line-height: 50px}
.list .bttn .i1{background: url(../imagesc-right.png) no-repeat}
.list .bttn .i2{background: url(../imagesc-left_06.png) no-repeat;position: absolute;right: 0;top: 15px;}
.list .bttn .back1:hover .i1{background: url(../images/tr-left_03.png) no-repeat}
.list .bttn .back2:hover .i2{background: url(../images/tr-right.png) no-repeat}
.b1 strong{    display: block; padding: 10px 0;}
/*??????????????*/
.service .sole{overflow: hidden}
.service .chat img{margin: 0;position: relative;top: 6px;}
.service .chat{margin:0 30px 30px 0;border: 1px solid #767676;float: left;height: 48px;line-height: 48px;padding: 0 0 0 25px;color: #767676;font-size: 12px;width: 332px;}
.service select{border: none;overflow: hidden}
.service select{padding: 0 55px 0 20px;color: #767676;font-size: 12px;height: 100%}
.service .chat input{border: none;font-size: 12px;width: 80%;}
.service .chat input:-moz-placeholder{color: #767676}
.service .chat input::-webkit-input-placeholder,.service textarea::-webkit-input-placeholder{color: #767676}
.service .chat1{float: right}
.service .chat2{width: 726px;}
.service textarea{padding: 25px 0 0 25px;border: 1px solid #767676;resize: none;height: 100px;margin-bottom: 25px;}
.service .chat3{float: left}
.service .chat4 input{width: 260px;}
.service .sole p{color: #e03139;margin-bottom: 15px;}
.service button{border: 1px solid #767676;padding: 15px 64px;margin-top: 30px;color: #767676}
.service button:first-child{margin-right: 30px;}

/*???????????-??? ????*/
.video .share img{float: none;margin-bottom: 0 ;margin-right: 10px;}
.video .new_pro{padding: 30px 60px 0 60px;}
.video .new_pro a{height: auto;margin-right: 29px;border: none;overflow: hidden}
.video .new_pro:hover a{background-color: transparent}
.video .new_pro a:last-child{margin-right: 0;}
.video .new_pro a p{margin-top: 15px;text-align: left;margin-bottom: 30px;}
.video .new_pro img{width: auto;margin-bottom: 15px;}
/*???????????-???*/
.video .v-center{position: relative;box-sizing: border-box;margin-right: 30px;float: left}
.video .v-center1{margin-right: 0;}
.video .v-center .bottom{height: 60px;width: 355px;background-color: rgba(0, 0, 0, 0.7);position: absolute;bottom: 28px;left: 0;color: #fff;padding: 0 10px;padding-top: 20px;}
.video .a1{font-size: 14px;color: #fff;margin-bottom: 0;}
.video .bottom .a2{font-size: 12px;padding-top: 5px;color: #fff}
.video .bottom button{border-radius: 0;margin: 0;padding: 0;position: absolute;right: 10px;bottom: 25px;background-color: transparent;color: #fff;border:2px solid #fff;width: 96px;height: 30px;font-size: 12px;}
.video .v-center .bottom:hover button{background-color: #0072b7;border: none}
.video .cc{margin-bottom: 30px;}
.video .page{text-align: center;}
.page .active{background-color: #0072b7;color: #fff;border-color: #0072b7;}
.video .page img{margin-bottom: 0;float: none}
.video .v-center:nth-child(8),.video .v-center:nth-child(9){margin-bottom: 30px}
/*????????*/
.honor-box{overflow: hidden}
.honor-box a{float: left;margin-right: 60px;position: relative;}
.honor-box a img:first-child{position: relative;left: 55px;top: 20px;}
.honor-box span{position: absolute;bottom: 15px;left: 100px}
.honor-box a b{position: absolute;left: 56px;top: 20px;background-color: #1076d6;opacity: 0;
filter: alpha(opacity=0);position: absolute;display: block; width: 146px;height: 210px;}
.honor-box a:hover b{opacity: 0.9}
.honor-box i{background: url(../images/adv_11.png) no-repeat center;position: absolute;left: 50%;top: -80px;margin-left: -25px;display: block;width: 50px;height: 50px;opacity: 0}
.honor-box .cc{margin-right: 0;}
.honor-box img{display: block}
.honor-box a img:nth-of-type(1){width: 148px;height: 210px;}
.honor-box a img:nth-of-type(2){width: 260px;height: 68px;}
.honor-box span{position: absolute;bottom: 15px;left: 0;left: 0;display: block;width: 260px;height: 19px;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*????o?*/
.bdsharebuttonbox span{float: left;position: relative;top: 3px;}

.bdsharebuttonbox .bds_sqq.sqq { padding-left: 0; width: 25px; height: 24px; background: url(../images/footer_03.png) no-repeat center;position: relative;top: -3px; }
.bdsharebuttonbox .bds_sqq.sqq:hover { padding-left: 0; width: 25px; height: 24px; background: url(../images/footer_03.png) no-repeat center;    position: relative;top: -3px; }
.bdsharebuttonbox .bds_qzone.qzone { padding-left: 0; width: 25px; height: 24px; background: url(../images/footer_05.png) no-repeat center;position: relative;top: -3px; }
.bdsharebuttonbox .bds_qzone.qzone:hover { padding-left: 0; width: 25px; height: 24px; background: url(../images/footer_05.png) no-repeat center;    position: relative;top: -3px; }
.bdsharebuttonbox a{margin-right: 15px !important;}
.bdsharebuttonbox .bds_more.more { padding-left: 0; width: 25px; height: 24px; background: url(../images/add.png) no-repeat center;position: relative;top: -3px; }


/*?????????????o*/
.nav-bg{overflow: hidden;background-color: #fff;border-top: 1px solid #d2d2d2;padding-top: 20px;z-index: 888;display: none;position: absolute;left: calc(50% - 600px)}
/*.nav-bg .navbg-left{float: left;padding-right: 200px;}*/
.nav-bg .navbg-left{float: left;margin-left: 50px;border-right: 1px solid #d2d2d2;}
.nav-bg .navbg-left a{font-size: 14px;color: #303030;display: block;margin-bottom: 18px;width: 100px;margin-right: 30px;}
.nav-bg .navbg-left .activee{color: #0072b7;text-decoration: underline}
.nav-bg .navbg-left a:hover{color: #0072b7;text-decoration: underline}
.nav-bg .pre-img img{margin-left: 80px;width:358px;height:200px;}
.nav-bg .pre-img{position: relative;float: left;}
.nav-bg .pre-img span{display: block;width: 338px;position: absolute;bottom: 5px;left: 80px;background-color: rgba(0, 0, 0, 0.7);height: 40px;font-size: 16px;color: #fff;line-height: 40px;padding-left: 20px;}
.nav-bg .pre-img span img{float: right;margin-right: 20px;margin-top: 10px;}
.nav-bg .pre-arti{float: left;margin-left: 30px;width: 510px;letter-spacing: 1px}
.nav-bg .pre-arti h3{font-size: 18px;color: #0072b7;margin-bottom: 20px;}
.nav-bg .pre-arti span{display: block;height: 80px;line-height: 20px;margin-bottom: 0px;overflow:hidden;text-overflow:ellipsis;}
.nav-bg .navbg-right a button{border: 1px solid #676767;background-color:transparent;border-radius: 20px;color: #676767;padding: 10px 45px;margin: 30px 0 0 30px;cursor: pointer }
.nav-bg .navbg-right a:hover button{background-color: #0072b7;color: #fff;transition: all 0.5s;border-color: #0072b7}
.nav-bg .navbg-right{display: none}
.nav-bg .show{display: block}
.nav-bg2{padding-bottom: 20px;}
.nav-bg1{box-sizing: border-box;padding-top: 0;}
.nav-bg1>div{overflow: hidden;padding: 0 25px 0 20px;font-size: 0;}
.nav-bg1 .one{border-bottom: 1px solid #d2d2d2}
.nav-bg1 .title{width: 230px;/* float: left; */padding-bottom: 25px;display: inline-block;vertical-align: top;}
.nav-bg1 .title h3{font-size: 14px;color: #0072b7;padding: 20px 0;text-align:left}
.nav-bg1 .title h3:hover{color: #0072b7 !important;}
.nav-bg1 .title li{margin-bottom: 10px;height: 20px;line-height: 20px}
.nav-bg1 .title li a{color: #626262}
.nav-bg1 .title>a{color: #e03139;}
.nav-bg1 .none{margin-right: 0;}
.nav-bg1 .title li:hover a{color: #0072b7}

/*??????????-???????o?????????????*/
.picScroll-left{width:256px;height: 292px;background-color: #f2f2f2;margin-top: 10px;overflow:hidden;position:relative;}
.picScroll-left .hd{ overflow:hidden; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:27px; height:50px; float:right;  overflow:hidden;cursor:pointer; }
.picScroll-left .hd .next{background: url(../images/right_p_031.png) ;position: absolute;right: 15px;top: 108px;z-index: 888;}
.picScroll-left .hd .next:hover{background: url(../images/left_p_05.png)}
.picScroll-left .hd .prev{background: url(../images/right_p_03.png);position: absolute;left: 15px;top: 110px;z-index: 888;}
.picScroll-left .hd .prev:hover{background: url(../images/left_p_051.png)}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center; margin-top: 10px; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{width:256px;height: 256px;display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;height: 52px   }


.picScroll-auto{ width:1200px;  overflow:hidden; position:relative;margin: 40px 0 0 0;}
.picScroll-auto .hd ul{height:20px;line-height:20px;margin:34px 0;text-align: center;overflow:hidden; zoom:1; }
.picScroll-auto .hd ul li{transition:.5s;-webkit-ransition:.5s;cursor: pointer;margin:0 4px; font-size:0;border: 2px solid #a2a2a2;display: inline-block;width: 11px;height: 11px;border-radius: 8px;}
.picScroll-auto .hd ul li.on{width: 42px;background-color: #e03139;border-color: #e03139; }
.picScroll-auto .bd ul{ overflow:hidden; zoom:1; }
.picScroll-auto .bd ul li{width:385px;float:left; _display:inline; overflow:hidden; margin:0 10px;  }

.se1_a{width:385px; display: block; position: relative;}
.se1_a>img{width:385px; display: block; height:300px;}
.se1_block{transition:.5s;-webkit-ransition:.5s;left:0;bottom:-142px;position: absolute; width:100%;height: 192px;background: rgba(0,0,0,.7);}
.se1_block h2{transition:.5s;-webkit-ransition:.5s;width:335px;margin:0 auto; height: 50px;line-height: 50px; font-size: 16px;color: #fff;text-align: center;}
.se1_block p{text-align:left;width:335px;margin:0 auto;height: 66px;text-overflow: ellipsis;overflow: hidden;font-size: 12px;color: #d3d3d3;line-height: 22px;}
.se1_details{display: inline-block;width: 385px;height: 30px;background-color: #e03139;position: absolute;bottom: 0;left: 0;}
.se1_details span{margin-left: 22px;color: white;line-height: 30px;}
.se1_details img{position: absolute;right: 22px;top: 6px;}
.se1_a:hover .se1_block h2{text-align: left;}
.se1_a:hover .se1_block{bottom:0;}



.page a{display: inline-block;border: 1px solid #767676;width: 36px;height: 36px;line-height: 36px;margin:0 2px;text-align: center;}
.se1_right .page a:hover{border-color: #0072b7}
.page a.pre{display: inline-block;background: url(../images/a-left_03.png) no-repeat center;}
.page a.pre:hover{background: url(../images/a-left_032.png) no-repeat center #0072b7;border-color: #0072b7}
.page a.next{display: inline-block;background: url(../images/a-right_05.png) no-repeat center}
.page a.next:hover{background: url(../images/a-right_052.png) no-repeat center #0072b7;border-color: #0072b7}


.section3 .datetime{width: 77px;height: 77px;background-color: #e03139;position: absolute;bottom: 50px;left: -40px;color: #fff;text-align: center;box-sizing: border-box;padding: 0 5px;}
.section3 .datetime span{display: block;}
.section3 .datetime span:first-child{font-size: 25px;font-weight: bold;line-height: 40px;border-bottom: 1px solid #fff}
.section3 .datetime span:last-child{font-size: 12px;font-weight: bold;margin-top: 10px;}


.pro-center .product .pp li a.active{color: #0072b7}

.faq{margin-bottom: 60px;}
.faq ul li{transition:.5s;-webkit-transition:.5s;background:url("../images/faq_03.png") no-repeat 865px 12px #f4f4f4;margin-bottom:10px;}
.faq ul li h3{transition:.5s;-webkit-transition:.5s;cursor: pointer;background:url("../images/faq_06.png") no-repeat 10px center;text-indent:40px;height: 50px;line-height: 50px;color: #727171;text-align: left;}
.faq ul li div{display:none;background-color:#fff;padding:25px 40px 35px 40px ;font-size:14px;line-height:26px;color:#666;border:1px solid #f0f0f0;    text-align: left;}
.faq ul li:hover,.faq ul li.on1{background:url("../images/faq_10.png") no-repeat 865px 12px #0072b7}
.faq ul li:hover h3,.faq ul li.on1 h3{color:#fff;background:url("../images/faq_11.png") no-repeat 10px center; text-align: left;}
.faq ul li:first-child div{display: block;}

.gongying img{position: relative;top: 7px;}
nav>ul>li>a{text-align: center;padding: 22px 41px;font-size: 14px;position: relative;}

.se1_right p{
text-align:left;
}
.new_pro p
{
	text-align:center;
	}
.nav{width: 100%;}
.nav nav{width: 1200px;margin: 0 auto;}
nav>ul{position: relative;}
.fixed{position: fixed;top: 0;background-color: #fff;z-index: 999;border-bottom: 1px solid #bfbfbf}
.se1_right .sole>a{float: left;display: block;width: 180px;height: 180px;overflow: hidden;margin-right: 30px;}
.se1_right .sole>a img{width: 100%;height: 100%;}
.section2 div>img{width: 100%;height: 100%; margin-right:0px;}
.pre_right>div .bott p{display: inline-block;*display:inline;*zoom:1;font-size: 16px;width: 230px;overflow: hidden;text-overflow: ellipsis;height: 25px;color:#fff;}
.section3 .press_center .pre_right{float: right;width: 275px;}
.pre_right>div .bott a{display: block;float: left;width: 275px;height: 150px;}
.xyb img{float:none !important;margin-bottom:0px !important}
#reviewForm .btn a{
border: 1px solid #767676;padding: 15px 64px;margin-top: 30px;color: #767676;border-radius: 25px;
}
#reviewForm .btn a:hover{
color: white;
    background-color: #0072b7;
    transition: all 0.5s;
    border-color: #0072b7;
}
.list .xiangqing .se1_right a{border:none}
.message ul li a
{
        width: 300px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    }

lute;
    right: 0;
    top: 0;
}