/*代码初始化*/

*{ padding:0; margin:0; font-style:normal;}

ul,ol{ list-style:none;}

body{ font-family:"微软雅黑"; width:100%; min-width:1340px; margin:0 auto;}

img,input{ border:none;}

a{ text-decoration:none;}

p,a,i,{ font-weight:400;}





/*顶部区域*/

.top{ width:100%; height:40px; margin:0 auto; border-bottom:1px solid #0e6eb8;}

.top .top_c{ width:1200px; height:40px; margin:0 auto;}

.top .top_c p{ font-size:12px; color:#000; line-height:40px; float:left;}

.top .top_c ul{ width:310px; height:40px; float:right;}

.top .top_c ul li{ float:left; padding-right:15px;}

.top .top_c ul li:nth-child(4){ padding-right:0;}

.top .top_c ul li a{font-size:12px; color:#ccc; line-height:40px; float:left;}

.top .top_c ul li i{ display:block; width:1px; height:10px; background:#ccc; float:left; margin-left:15px; margin-top:13px; transition:0.3s;}

.top .top_c ul li a:hover{ color:#fff;}



/*头部区域*/

.header{width:100%;height:130px; background:#fff; margin:0 auto;}

.head_c{ width:1200px; height:130px; margin:0 auto;}

.head_c .head_l{ width:750px; height:70px; float:left; margin-top: 40px;}

.head_l img{ width:750px; height:70px;}



.head_c .head_r{width:273px;height:130px; float:right;position:relative;}

.head_r img{ width:56px; height:56px; position:absolute; top:37px; left:0;}

.head_r p{font-size:16px; color:#515151;position:absolute; top:40px; left:73px}

.head_r b{ font-size:26px; color:#0e6eb8; position:absolute; top:65px; left:73px;}









/*导航区域*/

.nav{ width: 100%; min-width: 1200px; height: 60px; background: #0e6eb8; margin: 0 auto;}

.nav_c{width:1200px; height:60px; margin:0 auto;}

.nav_c ul{ margin:0 auto;width:1200px;}

.nav_c li{ float:left; transition:0.3s; }

.nav_c li a{ font-size:16px; line-height:60px; color:#fff; padding:0 39px;}



.nav .nav_c li:hover::after,.nav .nav_c li.on::after{ content:""; background:#ff7b04;}

/*.nav .nav_c li.on{background:#fff;}

.nav_c li.on a{color:#0e6eb8;}*/

.nav_c .on{ background:#033e6c;}
.nav_c li:hover{ background:#033e6c;}



.nav_c li:hover a{color:#fff;}

/*海报区域*/

.banner{ width:100%; height:500px; margin:0 auto;background:#e1e3de; overflow:hidden;}

.banner{ width:100%; min-width:1200px; height:500px; position:relative; overflow:hidden; margin:0 auto;}

.banner a{ position:absolute; top:0; left:50%; margin-left:-960px; display:none; transition:0;}

.banner .shu{ position:absolute; width:100%; bottom:20px; text-align:center;}

.banner .shu li{width:16px; height:5px; background:#0e6eb8; display:inline-block; color:#fff; cursor:pointer;}

.banner .shu li.active{ background:#fff;}

.banner .btn{ font-size:100px; position:absolute; top:50%; margin-top:-80px;font-family:"宋体"; color:#fff; cursor:pointer; opacity:0; transition:0.3s}



.banner .btn_l{left:50%; margin-left:-500px}

.banner .btn_r{right:50%; margin-right:-500px;}

.banner:hover .btn_l{ opacity:1; margin-left:-600px;}

.banner:hover .btn_r{ opacity:1; margin-right:-600px;}







/*四大优点区域*/

.yd{ width:1200px;height: 122px;margin:20px auto;}

.yd li{ float:left; width:280px; height:122px; margin-right:26px;}

.yd li img{width:280px; height:122px;transition:0.3s;}

.yd li:last-child{ margin-right:0;}

.yd li:hover img{-webkit-transform:translate3d(0,-3px,0); transform:translate3d(0,-3px,0); box-shadow:0 5px 10px rgba(0,0,0,0.5)}



/*产品中心区域*/

.pro{ width:1200px;height: 800px;margin:0 auto;}

.slideGroup{width:1200px;height:800px;margin:0 auto;position:relative;}

.slideGroup .parHd{ width:200px; height:800px;position:absolute; top:0px; left:0;}

.slideGroup .parHd .flbt{ width:200px; height:69px; border-radius:15px 15px 0 0; background:#0e6eb8; position:relative;}

.der {

    width: 200px;

    height: 69px;

    border-radius: 15px 15px 0 0;

    background: #0e6eb8;

    position: relative;

    margin-top: 10px;

}

.der img {

    width: 16px;

    height: 16px;

    position: absolute;

    top: 27px;

    left: 20px;

}

.der h3 {

    font-size: 18px;

    line-height: 18px;

    font-weight: 400;

    color: #fff;

    position: absolute;

    top: 27px;

    left: 48px;

}



.slideGroup .parHd .flbt img{ width:16px; height:16px; position:absolute; top:27px; left:20px;}

.slideGroup .parHd .flbt h3{ font-size:18px; line-height:18px; font-weight:400; color:#fff; position:absolute; top:27px; left:48px;}

.slideGroup .parHd ul{ width:200px; border:1px solid #0e6eb8; border-radius:0 0 15px 15px; box-sizing:border-box;}

.slideGroup .parHd ul li{width:196px; height:16px;margin-bottom:25px;}

.slideGroup .parHd ul li:nth-child(1){ padding-top:28px;}

.slideGroup .parHd ul li .jiao{ width:14px; height:10px; margin-top:4px; float:left; margin-left:20px; 

background:url(../images/cpcl_tt.png) no-repeat center; transition:0.3s;}

.slideGroup .parHd ul li a{ font-size:14px; color:#515151; line-height:16px; float:left; margin-left:15px;transition:0.3s;}

.slideGroup .parHd ul li:hover .jiao{background:url(../images/cpcl_tth.png) no-repeat center;}

.slideGroup .parHd ul li:hover a{ color:#0e6eb8;}

.slideGroup .parHd .jieshao{ width:200px; height:227px;background:url(../images/bbglj.png) no-repeat center;    margin-top: 10px;}

.slideGroup .parHd .jieshao h1{ font-size:16px; color:#fff; margin-left:20px; padding-top:60px; font-weight:400; line-height:16px;

margin-bottom:16px;}

.slideGroup .parHd .jieshao p{ width:165px; margin:0 auto; font-size:14px; color:#fff; margin-left:20px;}

.slideGroup .parHd .jieshao span{ display:block; font-size:14px; color:#fff; margin-left:20px; margin-top:25px;}

.slideGroup .parHd .jieshao b{ font-size:20px; color:#ffea9a; margin-left:20px; margin-top:15px}





.slideGroup .parBd{ width:950px; height:800px;position:absolute; top:0px; right:0; overflow:hidden;}

.slideGroup .parBd .slideBox{width:950px; height:800px; margin:0 auto;position:relative;}

.slideGroup .parBd .slideBox .ulWrap{width:950px; height:710px;margin:0 auto; position:absolute; top:0; left:0; overflow:hidden;}

.slideGroup .parBd .slideBox .ulWrap ul{width:950px; height:710px float:left;}

.slideGroup .parBd .slideBox .ulWrap ul li{ float:left;  width:300px; height:220px; margin-right:23px; margin-bottom:20px; transition:0.3s;

border-radius:15px;overflow:hidden; position:relative;}

.slideGroup .parBd .slideBox .ulWrap ul li:nth-child(3n){margin-right:0px;}

.slideGroup .parBd .slideBox .ulWrap ul li img{width:300px; height:220px;transition:0.3s; position:absolute; top:0; left:0;}

.slideGroup .parBd .slideBox .ulWrap ul li:hover img{transition: all 0.6s;transform: scale(1.2);}

.slideGroup .parBd .slideBox .ulWrap ul li i{ display:block; width:300px; height:40px; background:rgba(0,0,0,0.5); text-align:center;

border-radius:0 0 15px 15px; position:absolute; bottom:0; left:0;}

.slideGroup .parBd .slideBox .ulWrap ul li i p{ font-size:16px; color:#fff; line-height:40px;}



.slideGroup .parBd .slideBox .sPrev{ display:block; width:130px; height:30px; background:url(../images/zuo.png) no-repeat center;

position:absolute; bottom:30px; right:480px;}

.slideGroup .parBd .slideBox .sNext{width:130px; height:30px;background:url(../images/you.png) no-repeat center; display:block;

position:absolute; bottom:30px; right:400px;color: #fff;text-align: center;line-height: 30px;}

.slideGroup .parBd .slideBox .sNext:hover{font-weight: bold;}









/*与众不同区域*/

.yzbt{ width:100%; min-width: 1200px;height: 260px;margin:0 auto;margin-top: 20px; background:url(../images/hhbb.jpg) no-repeat center;}







/*产品推荐区域*/

.tuij{ width:100%; min-width: 1200px; height:330px;margin:0 auto;background:#f5f5f5; padding:60px 0 0px; position:relative;}

.tuij_c{ width:1200px; height:450px; margin:0 auto;background:#fff; margin-top:-60px; position:absolute; top:0; left:50%; margin-left:-600px;}

.tu_tit{ width:1200px; height:65px; margin:0 auto; text-align:center; padding-top:30px;background:url(../images/xian.png) no-repeat bottom;}

.tu_tit h3{ font-size:20px; line-height:18px; color:#515151; font-weight:400;}

.tu_tit h3 i{ color:#0e6eb8; font-size:36px; font-weight:900;}

.tu_tit p{ font-size:12px; color:#666; text-transform:uppercase; margin-top:15px; }

.tu_tit .hx{ width:60px; height:4px; background:#0e6eb8; margin:10px auto 0;}



.tuij .mr_frbox{ width:1200px; height:302px; margin:0 auto;margin-top:40px; position:relative;}

.tuij .mr_frbox .mr_frBtnL{ width:24px; height:70px;position:absolute; top:100px; left:10px;}

.tuij .mr_frbox .mr_frUl{ width:1086px; height:250px;position:absolute; top:0; left:48px;}

.tuij .mr_frbox .mr_frUl li{ float:left; position:relative; overflow:hidden;border:1px solid #999;box-sizing:border-box;width:257px;

height:250px;margin-left:20px;transition:0.3s;}



/*.tuij .mr_frbox .mr_frUl li:last-child{ margin-left:0;}*/

.tuij .mr_frbox .mr_frUl li img{ width:253px; height:200px; margin:0 auto;}

.tuij .mr_frbox .mr_frUl li h5{ font-weight:400; font-size:16px; color:#515151;text-align:center; line-height:35px;}

.tuij .mr_frbox .mr_frUl li p{ font-size:14px; color:#666; width:216px; line-height:1.4em;overflow:hidden;text-overflow: ellipsis;

display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-left:20px; margin-top:20px;}

.tuij .mr_frbox .mr_frUl li:hover{ border:6px solid #0e6eb8;}

.tuij .mr_frbox .mr_frBtnR{width:24px; height:70px;position:absolute; top:100px; right:10px;}





/*八大优势区域*/

.ys{ width:100%; min-width: 1200px; height:1375px;margin:0 auto;background:#f5f5f5;}

.ys .yuan{ width:56px; height:56px; border-radius:32px; margin:0 auto; background:#fff; margin-top:-36px;}

.ys_con{ width:100%; min-width:1200px; height:1300px; margin:0 auto; 

background:url(../images/youshi_bg.jpg) no-repeat center;}

.ys_c{width:1200px; height:1350px; margin:0 auto;}

.ys_c .tu_tit{ width:1200px; height:65px; margin:0 auto; text-align:center; padding-top:50px;}

.ys_c_c{width:1200px; height:1245px;margin:60px auto 0; position:relative;}

.wzba{ width:556px; height:100px;}

.wenb{ width:556px; height:100px; position:relative;}

.wenb img{width:43px; height:28px; position:absolute; top:0; left:0;}

.wenb h4{ font-size:24px; color:#0e6eb8; font-weight:900;position:absolute; top:0; left:60px; line-height:24px;}

.wenb h4 span{ font-size:18px; color:#555; font-weight:400;}

.wenb p{ width:498px; font-size:16pxpx; color:#515151;position:absolute; top:45px; left:60px;line-height:1.7em;}

.wzba:nth-child(1){position:absolute; top:0; left:0;}

.wzba:nth-child(2){position:absolute; top:125px; left:0;}

.wzba:nth-child(3){position:absolute; top:340px; right:20px;}

.wzba:nth-child(4){position:absolute; top:470px; right:20px;}

.wzba:nth-child(5){position:absolute; top:757px; left:0;}

.wzba:nth-child(6){position:absolute; top:885px; left:0;}

.wzba:nth-child(7){position:absolute; top:1132px; right:20px;}

.wzba:nth-child(8){position:absolute; top:1264px; right:20px;}

.tua{width:530px; height:181px;position:absolute; top:40px; right:35px;}

.tua img{width:530px; height:300px;}

.tub{width:590px; height:422px;position:absolute; top:255px; left:0;}

.tub img{width:590px; height:422px;}

.tuc{width:629px; height:463px;position:absolute; top:640px; right:-27px;}

.tuc img{width:629px; height:463px;}

.tud{width:567px; height:362px;position:absolute; bottom:0; left:0px;}

.tud img{width:567px; height:362px;}



/*公司简介区域*/

.about{ width:100%; min-width: 1200px; height:530px;margin:0 auto;background: #0e6eb8;}

.about_con{width: 1200px; height:530px;margin:0 auto;}

.about_con .tu_tit{ width:1200px; height:65px; margin:0 auto; text-align:center; padding-top:45px;background:url(../images/xianh.png) no-repeat bottom;}

.about_con .tu_tit h3{ font-size:20px; line-height:18px; color:#fff; font-weight:400;}

.about_con .tu_tit h3 i{ color:#fff; font-size:36px; font-weight:900;}

.about_con .tu_tit p{ font-size:12px; color:#fff; text-transform:uppercase; margin-top:15px;}

.about_con .tu_tit .hx{ width:60px; height:4px; background:#fff; margin:10px auto 0;}

.about_c{ width:1200px; height:300px;margin-top:53px;}

.about_c .ab_l{ width:475px; height:300px; float:left;}

.about_c .ab_r{ width:708px; height:300px; float:right;}

.about_c .ab_r h3{ font-size:18px; color:#fff; margin-top:10px;}

.about_c .ab_r i{ display:block; width:70px; height:1px; background:#fff;margin-top:7px;}

.about_c .ab_r p{ width:705px; font-size:14px; color:#fff; line-height:1.7em;margin-top:24px;}

.about_c .ab_r .ljxq{ width:160px; height:40px; background:#fff; text-align:center; margin-top:26px;transition:0.3s;}

.about_c .ab_r .ljxq a{ font-size:14px; color:#0e6eb8; line-height:40px;transition:0.3s;}

.about_c .ab_r .ljxq:hover{ width:160px; height:40px; border:1px solid #fff; box-sizing:border-box; text-align:center; margin-top:26px; background:#0e6eb8;}

.about_c .ab_r .ljxq:hover a{color:#fff; line-height:38px;}



.about_c .ab_r ul{ width:520px; height:40px; margin-top:30px;}

.about_c .ab_r ul li{ width:160px; height:40px; border:1px solid #fff; box-sizing:border-box; text-align:center; float:left; margin-right:9px;

 transition:0.3s;}

.about_c .ab_r ul li a{ font-size:14px; color:#fff; line-height:40px;transition:0.3s;}

.about_c .ab_r ul li:hover{ background:#fff;}

.about_c .ab_r ul li:hover a{ color:#0e6eb8;}





/*新闻中心区域*/

.news{width:1200px; height:580px;margin:0 auto;margin-bottom:55px;}

.news .tu_tit{width:1200px; height:65px; margin:0 auto; text-align:center; padding-top:46px;margin-bottom: 60px;}

.news_c{ height:400px; width:1200px;margin-top:69px;}

.news_box{ float:left; width:590px; height:400px; position:relative;}

.news_box .hd{ width:10px; position:absolute; top:165px; right:20px; z-index:2;}

.news_box .hd li{ width:10px; height:10px; border-radius:25px; background:#fff; margin-top:10px;}

.news_box .hd li:hover{ background:#0e6eb8;}

.news_box .hd li.on{ background:#0e6eb8;}



.news_box .hd li:first-child{ margin-top:0;}

.news_box .bd{width:590px; height:400px; position:absolute; top:0; left:0; z-index:1;}

.news_box .bd ul{width:590px; height:400px; position:relative;}

.news_box .bd ul li{ position:absolute; top:0; left:0; cursor:pointer;}

.news_box .bd ul li .d_k{width:590px; height:400px; position:relative;}

.news_box .bd ul li .d_k img{ width:590px; height:400px; position:absolute; top:0; left:0;}

.news_box .bd ul li .d_k .hui{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); width:590px; height:60px; text-align:center;}

.news_box .bd ul li .d_k .hui p{ font-size:16px; color:#fff; line-height:60px;max-width:420px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

 margin:0 auto;}







.n_c_r{ float:right; width:572px; height:400px;}

.n_c_r .n_ct{ width:572px; height:185px;}

.n_c_r .n_ct h3{ font-size:18px; color:#0e6eb8;}

.n_c_r .n_ct p{ width:572px; font-size:14px; color:#666666; line-height:1.75em; margin-top:25px;}

.n_c_r .n_cb{ width:572px;}

.n_c_r .n_cb li{width:572px; height:16px; cursor:pointer; margin-bottom:30px;}

.n_c_r .n_cb li .n_quan{ float:left; width:8px; height:8px; border:1px solid #333; background:#fff; border-radius:25px; float:left; margin-top:5px}

.n_c_r .n_cb li p{ font-size:16px; color:#333333; float:left; margin-left:10px; line-height:16px;}

.n_c_r .n_cb li b{ font-size:16px; color:#333333; font-weight:400; float:right; line-height:16px;}

.n_c_r .n_cb li:hover .n_quan{ background:#0e6eb8;border:1px solid #0e6eb8;}

.n_c_r .n_cb li:hover p{ color:#0e6eb8;}

.n_c_r .n_cb li:hover b{color:#0e6eb8;}









/*相关知识和常见问题区域*/

.zswt{width: 1200px; height:440px;margin:0 auto;}

.zs_l{ width:610px; height:400px; float:left;}

.zs_tit{ width:610px; height:42px; position:relative;}

.zs_tit h3{ font-size:22px; line-height:22px; color:#000; position:absolute; top:0; left:0;}

.zs_tit a{ font-size:14px; color:#666; line-height:14px;position:absolute; top:5px; right:2px;}

.zs_tit .hhxx{ width:610px; height:1px; background:#ccc;position:absolute; bottom:1px; left:0;}

.zs_tit .hbb{ width:90px; height:3px; background:#0e6eb8;position:absolute; bottom:0; left:0;}

.zs_tit a:hover{color:#000;}

.zs_l .z_c{ clear: both; width:610px; height:324px;}

.zs_l .z_c li{width:610px; height:20px; background:url(../images/ddd.png) no-repeat left center; transition:0.3s;

 margin-bottom:14px;}

.zs_l .z_c li:last-child{ margin-bottom:0;}

.zs_l .z_c li p{ font-size:14px; color:#666; float:left; line-height:20px; margin-left:22px;transition:0.3s;width:330px; line-height:1.4em;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.zs_l .z_c li b{ font-size:14px; color:#666; font-weight:400; float:right; line-height:20px;transition:0.3s; margin-right:10px;}

.zs_l .z_c li:hover{ background:url(../images/dddh.png) no-repeat left center;}

.zs_l .z_c li:hover p{ color:#c4151c;}

.zs_l .z_c li:hover b{ color:#c4151c;}









.zs_r{ width:550px; height:400px; float:right;}

.zs_r .zs_tit{ width:550px; margin-bottom:30px;}

.zs_r .zs_tit .hhxx{ width:550px;}

.txtMarquee-top{ margin-top:20px;}

.txtMarquee-top,.txtMarquee-top .bd,.txtMarquee-top .bd ul{ width:550px; height:350px; overflow:hidden; margin:0 auto;}

.txtMarquee-top .bd ul li{width:550px; height:90px; margin-top:16px;}



.txtMarquee-top .bd ul li .wen{width:550px; height:24px;}

.txtMarquee-top .bd ul li .wen span{ width:24px; height:24px; background:#0e6eb8; text-align:center; line-height:24px; color:#fff; display:block; float:left;margin-top:4px; border-radius:5px;}

.txtMarquee-top .bd ul li .wen h4{ font-weight:400; color:#000; font-size:16px; line-height:26px; width:290px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:left; margin-left:19px; margin-top:4px;}

.txtMarquee-top .bd ul li .da{width:550px; height:60px; position:relative; margin-top:20px;}

.txtMarquee-top .bd ul li .da span{ width:24px; height:24px; background:#222222; text-align:center; line-height:24px; color:#fff; display:block;

 position:absolute; top:0; left:0; border-radius:5px;}

 

.txtMarquee-top .bd ul li .da .comment_inner{ margin:0 auto; font-weight:400; display:block;width:508px;word-break: break-all;text-overflow: ellipsis;

    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/

    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

    -webkit-line-clamp: 2; /** 显示的行数 **/

    overflow: hidden;  /** 隐藏超出的内容 **/

font-size:14px; color:#666; line-height:1.7em; position:absolute; top:0; left:42px;}   









/*底部区域*/

.footer{ width:100%; min-width: 1200px; height:280px;margin:0 auto;background: #033e6c;}

.foot_c{width: 1200px; height:250px;margin:0 auto;position:relative;}

.ft_l{ width:300px; height:230px;sssposition:absolute; top:50px; left:0;}

.ft_l h1{ font-size:24px; line-height:24px; color:#fff; padding-top:50px;}

.ft_l b{ font-weight:400; font-size:14px; color:#fff;}

.ft_l p{ font-size:14px; color:#fff; line-height:2em; margin-top:50px;}


.ft_r{width:100%; height:200px; position:absolute; top:50px; right:0;}

.ft_r .db_nav{ width:100%; height:40px; border-top:1px solid #0e6eb8; border-bottom:1px solid #0e6eb8;}

.ft_r .db_nav li{ float:left; margin-left:39px;margin-right: 20px;}

.ft_r .db_nav li a{ font-size:14px; color:#ccc; line-height:40px;}

.ft_r .db_nav li:last-child{ margin-right:0;}

.ft_r .db_nav li a:hover{color:#fff;}

.ft_ft{ width:100%; height:100px; margin-top:30px;position:relative;}

.ft_ft p{ font-size:14px; color:#dcdcdc; text-align: center;    line-height: 30px;}

.ft_ft p a{font-size:14px; color:#dcdcdc; line-height:1.8em;}

.ft_ft b{ font-weight:900; font-size:24px; color:#fff;position:absolute; bottom:40px; right:178px;}

.ft_ft span{ display:block; font-size:16px; color:#fff; position:absolute; bottom:2px; right:178px;}

.ft_ft img{width:158px; height:158px; position:absolute; top:0; right:0;}



.slideGroup .parHd dl {

    width: 200px;

    height: 320px;

    border: 1px solid #0e6eb8;

    border-radius: 0 0 15px 15px;

    box-sizing: border-box;

}

.slideGroup .parHd dl dd {

    width: 196px;

    height: 16px;

    padding-top: 28px;

}

.slideGroup .parHd dl dd:hover .jiao {

    background: url(../images/cpcl_tth.png) no-repeat center;

}

.slideGroup .parHd dl dd .jiao {

    width: 14px;

    height: 10px;

    margin-top: 4px;

    float: left;

    margin-left: 20px;

    background: url(../images/cpcl_tt.png) no-repeat center;

    transition: 0.3s;

}

.slideGroup .parHd dl dd a {

    font-size: 14px;

    color: #515151;

    line-height: 16px;

    float: left;

    margin-left: 15px;

    transition: 0.3s;

}

/*产品展示*/

.products{width:1200px; height:530px;margin:0 auto;}

.products .tu_tit{width:1200px; height:65px; margin:0 auto; text-align:center; padding-top:60px;margin-bottom: 30px;}

.products_tuij{ width:100%; min-width: 1200px; height:330px;margin:0 auto; padding:10px 0 0px; position:relative;}

.products_tuij_c{ width:1200px; height:450px; margin:0 auto;background:#fff; margin-top:-60px; position:absolute; top:0; left:50%; margin-left:-600px;}





.products_tuij .mr_frbox{ width:1200px; height:302px; margin:0 auto;margin-top:40px; position:relative;}

.products_tuij .mr_frbox .mr_frBtnL{ width:24px; height:70px;position:absolute; top:100px; left:10px;}

.products_tuij .mr_frbox .mr_frUl{ width:1086px; height:250px;position:absolute; top:0; left:48px;}

.products_tuij .mr_frbox .mr_frUl li{ float:left; position:relative; overflow:hidden;border:1px solid #999;box-sizing:border-box;width:257px;

height:250px;margin-left:20px;transition:0.3s;}



/*.tuij .mr_frbox .mr_frUl li:last-child{ margin-left:0;}*/

.products_tuij .mr_frbox .mr_frUl li img{ width:253px; height:200px; margin:0 auto;}

.products_tuij .mr_frbox .mr_frUl li h5{ font-weight:400; font-size:16px; color:#515151;text-align:center; line-height:35px;}

.products_tuij .mr_frbox .mr_frUl li p{ font-size:14px; color:#666; width:216px; line-height:1.4em;overflow:hidden;text-overflow: ellipsis;

display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-left:20px; margin-top:20px;}

.products_tuij .mr_frbox .mr_frUl li:hover{ border:6px solid #0e6eb8;}

.products_tuij .mr_frbox .mr_frBtnR{width:24px; height:70px;position:absolute; top:100px; right:10px;}