@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Microsoft YaHei";  color:#333; font-size:14px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#3F91CA}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{ width: 1200px; margin: auto; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding:20px 0px; }

.top{ margin: auto; height: 80px; padding: 10px 0; position: fixed; left: 0; top: 0; width: 100%; z-index: 999999; }
.logo{ float: left; width: 340px; height: 70px; margin-top:5px;}
.logo a{ display: block; }
.logo a img{ height: 70px; margin:auto; }
.nav{ float:right; padding-top: 5px;  }
.nav li{ float: left; text-align: center; width: 105px; padding: 25px 0; position: relative; z-index: 999;}
.nav li a{ display: block; color: #fff; }
.nav li a:hover{ /*text-decoration: underline;*/ }


.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }
.top img.yin{ display: none; }
.top.fix,.top.n_top{ background: #F2F2F2; box-shadow: 0 1px 5px 1px #ccc;}
.top.fix img.yin,.top.n_top img.yin{ display: block; }
.top.fix img.xian,.top.n_top img.xian{ display: none; }
.top.fix .nav li a,.top.n_top .nav li a{ color: #333; }
.top.n_top .nav li a:hover,.top.fix .nav li a:hover{ color: #0F75BC;}
.sou_big{ margin:auto; line-height: 30px;  padding:15px 0; background: #f2f2f2;}
.sou_l a{ margin:auto 5px; display: inline-block; }
.sou_r{border: #0f75bc 1px solid; width: 300px;}
.sou_r input{ float: left; width: calc(100% - 50px); display: block; background: none; border: none; height: 30px; line-height: 30px; text-indent: 10px;  }
.sou_r a{ display: block; overflow: hidden; background: #0f75bc; text-align: center; color: #fff; }

.web_dian{ height: 110px; }

.box{ padding:60px 0 40px 0; }

.index_dh{ margin: auto;  text-align: center; position: relative; }
.index_dh span{ background: #fff; padding:0 10px; position: relative; z-index: 1; display: inline-block; }
.index_dh:before{ position: absolute; width: 100%; height: 2px; background: #f26c30; left: 0; top: 50%; margin-top: -1px; content: ""; }
.index_dh1 span{background: #F0F0F0; float: left;}


.pic_box{ margin:35px auto 0 auto; }
.about{ float: left; width: 31.66%; margin-right:40px; }
.pic_list{ overflow: hidden; }
.about_dh{ font-size: 28px; font-weight: bold; }
.about_dh em{ color: #0F75BC; font-size: 30px; display: block; }
.about_jj{ margin:30px auto 20px auto; line-height: 26px; }
.about i{ width: 50px; height: 3px; background: #0F75BC; display: block; }

.pic_l{ float: left; width: 48.5%; margin-right: 10px;}
.pic_l li{ background: #0B87CA; }
.pic_l li a{ display: block; color: #fff; padding:30px; }
.pic_l li .pic1{ width: 50%; margin:auto; }
.pic_l li .pic1 span{ padding-top: 100%; }
.pic_l li .text{margin:auto;  }
.pic_l li .text h3{  font-size: 18px; font-weight: bold; height: 30px; line-height: 30px;}
.pic_l li .text p{ height: 48px; line-height: 24px;  margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.pic_r{ overflow: hidden; }
.pic_r li{ margin:auto; background: #0B87CA;}
.pic_r li.li1{ margin-bottom: 10px; }
.pic_r li a{ display: block; color: #fff; padding:30px; }
.pic_r li .pic1{ width: 100px; margin:auto; float: left; margin-right:10px; }
.pic_r li .pic1 span{ padding-top: 100%; }
.pic_r li .text{margin:auto;  overflow: hidden;}
.pic_r li .text h3{  font-size: 18px; font-weight: bold; height: 30px; line-height: 30px;}
.pic_r li .text p{ height: 48px; line-height: 24px;  margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.pic_r li:hover .bak,.pic_l li:hover .bak{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}



.box1{ background: #F0F0F0; }
.jishu{ margin:40px auto 0 auto; }
.jishu li{ float: left; width: 19.2%; margin-left: 1%;  text-align: center;}
.jishu li .pic span{ padding-top: 100%; }
.jishu li .pic img{transition: all 0.5s; }
.jishu li .pic p{ position: absolute; bottom: 30%;  left: 0px; width: 100%; color: #fff; }
.jishu li .text{ line-height: 1.5; margin:10px auto; }
.jishu li:first-child{ margin-left: 0; }

.jishu li:hover img{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1;}
@-webkit-keyframes transform-1 {
    from{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg);}
    to{-webkit-transform:perspective(200px) rotateY(360deg);transform:perspective(200px) rotateY(360deg);}
}
@keyframes transform-1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);}
    to{-webkit-transform:perspective(400px) rotateY(360deg);transform:perspective(400px) rotateY(360deg);}
}


.index_jj{ margin:30px auto;  color: #0F75BC; line-height: 1.8; text-align: left; font-size: 15px; position: relative;   }
.index_jj p{padding:0 10px;}
.index_jj a{ display: block; position: absolute; right: 10px; bottom: 0; color: #0F75BC; font-family: Arial; }



.yingyong_l{ float: left; width: 35.83%; }
.yingyong_list li{ position: relative; }
.yingyong_list li .pic span{ padding-top: 100%; }
.yingyong_list li .con{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background:rgba(0,0,0,0.7); color: #fff; text-align: center; display: flex; align-items: center; opacity: 0;transition: all 0.5s;  }
.yingyong_list li .con .text{ margin:auto; font-size: 16px; }
.yingyong_list li .con .text i{ display: block; width: 58px; height: 58px; line-height: 58px; border: #fff 1px solid; border-radius: 100%; font-size: 26px; margin-bottom: 10px; }

.yingyong_list li:hover .con{opacity: 1;}

.yingyong_r{ overflow: hidden; }
.yingyong_r li{ float: left; margin-left: 10px; margin-bottom:10px;  }
.yingyong_r li .pic span{ padding-top: 87%; }
.yingyong_r li.li1{ width: 30%; }
.yingyong_r li.li2{ width: 31.5%; }

.yingyong_r li.li3{width: calc(38.5% - 30px); }
.yingyong_r li.li4{ width: 25.9%; }
.yingyong_r li.li5{width: 71.5%; width: calc(74.1% - 20px); }
.yingyong_r li.li2 .pic span{ padding-top: 83%; }
.yingyong_r li.li3 .pic span{ padding-top: 75.6%; }
.yingyong_r li.li4 .pic span{ padding-top: 109.5%; }
.yingyong_r li.li5 .pic span{ padding-top: 39.6%; }

.case_list{ margin:30px auto 0 auto; }

.case_list li{ float: left; width: 32%; margin-left: 2%;  margin-bottom:2%; background: #fff; transition: all 0.5s;}
.case_list li.li1{ margin-left: 0; }
.case_list li a{ display: block; color: #333;  }
.case_list li .pic span{ padding-top: 63.15%; }
.case_list li .text{ padding:5px; }
.case_list li .text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 15px; line-height: 35px;}
.case_list li:hover{transform: translateY(-3px); box-shadow: 0 1px 2px 2px #ccc;}

.about_list{ margin:60px auto 30px auto; }
.about_list li{ float: left; width:25%;   }
.about_list li a{ display: block; width: 85%; margin:auto; }
.about_list li:first-child{ margin-left: 0px; }
.about_list li .pic_img{ width: 155px; height: 155px; background:url(../images/quan1.png); margin:auto; display: flex; align-items: center;  }
.about_list li .pic_img img{ width: 80px; display: block; margin:auto; transition: all 0.5s; }
.about_list li .text{ text-align: center; margin-top: 20px; }
.about_list li .text span{ font-size: 20px; margin:10px auto; color: #000; display: block; }
.about_list li .text p{ line-height: 1.5; }

.about_list li:hover .pic_img img{

transform: rotate(-90deg) scale(1);
            -webkit-transform: rotate(-90deg) scale(1);
            -moz-transform: rotate(-90deg) scale(1);
            -o-transform: rotate(-90deg) scale(1);
            -ms-transform: rotate(-90deg) scale(1);

}

.link{ margin:20px auto; }
.link a{ display: inline-block; margin:10px; }


.foot1{background-repeat: no-repeat; background-position: center; background-size: cover;  background-image: url(../images/foot_bg.jpg); padding:30px 0px;}

.foot_nav{ float: left; width: 88%;  color: #fff; }
.foot_nav ul{ float: left; margin-right: 40px; }
.foot_nav ul li.t{ font-size: 16px; }
.foot_nav ul li a{ color: #fff; }
.foot_nav ul li.small{ margin:10px auto; }
.wei{ overflow: hidden; }
.wei p{ color: #fff; text-align: center;margin-top: 5px; }

.foot{ background: #000; margin: auto; padding:10px 0px; text-align: center; color: #fff; line-height: 180%; }
.foot a{ color: #fff; }

.nbanner{ margin: auto;  }
.nbanner .pic span{/* padding-top: 15.88%;*/  height: 305px;}
.wzdh{ background: #F1F1F1; margin:auto; line-height: 56px; height: 56px; }
.route{ float: left;  }
.route i{ color: #ED1C24; }

.n_dh{ margin: auto;  text-align: center; float: right; width: 630px; }
.n_dh a{ display: inline-block; border-top:#F1F1F1 2px solid;  padding:0 12px; height: 48px; line-height: 40px; margin-top:6px; }
.n_dh a:hover{color: #0F75BC; }
.n_dh a.on{color: #0F75BC; background: #fff; border-top:#0F75BC 2px solid; }


.pic_list1{ margin:auto; }
.pic_list1 li{ float: left; width: 18.4%; margin-left: 2%; margin-bottom:2%; background: #fff; transition: all 0.5s; }
.pic_list1 li a{ display: block; }
.pic_list1 li.li1{ margin-left: 0; }
.pic_list1 li .pic1 span{ padding-top: 72.7%; }
.pic_list1 li .text{ text-align: center;  margin:5px 10px; }
.pic_list1 li .text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: bold;}
.pic_list1 li:hover{-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); transform: translateY(-5px);}

.news_big{background-repeat: no-repeat; background-position: center; background-size: cover;  background-image: url(../images/page1_bg.png);}


.case_nlist li{ float: left; width: 23.5%; margin-left: 2%; margin-bottom:2%; background: #fff; transition: all 0.5s; position: relative; }
.case_nlist li a{ display: block; }
.case_nlist li.li1{ margin-left: 0; }
.case_nlist li .pic span{ padding-top: 63.15%; }
.case_nlist li .text{ text-align: center;  position: absolute; bottom: 0; width: 100%; height: 0; background: rgba(15,117,188,.66); opacity: 0; display: flex; align-items: center; text-align: center; transition: all 0.5s;}
.case_nlist li .text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: bold; color: #fff; width: 100%; }
.case_nlist li:hover .text{opacity: 1; height: 100%;}


.about_ndh{ margin:auto; display: flex; align-items: center;  }

.about_ndh  img{  margin-right: 10px; display: block; }
.about_ndh .about_tit h2{color: #0F75BC; font-size: 16px; font-weight: bold;}
.about_ndh .about_tit p{ color: #98c9ec;font-size: 12px;line-height: 16px;text-transform: uppercase; font-family: Arial;}
.about_con{ margin:20px auto; }
.about_nr{ line-height: 2; }
.about_pic{ float: right; width: 24%;  margin-left: 1%; }

.wenhua{margin:10px auto;  line-height: 2;}

.licheng{ margin:20px auto;  background: url(../images/page3_box4.png) no-repeat center; height: 540px; position: relative;  }
.licheng li{ float: left;  width: 360px; }
.licheng li .pic_img{ background-repeat: no-repeat; background-position: contain; background-size: cover;  background-image: url(../images/page3_box4_li_pic.png); width: 154px; padding:1px 0 60px 0; }
.licheng li .pic1{ width: 114px; height: 114px;  background: #fff; border-radius: 100%; margin-top: 20px; }
.licheng li .pic1 span{ padding-top: 100%; }
.licheng li .text{ padding-left: 80px; }
.licheng li .text .tit{ position: relative; }
.licheng li .text .tit:before{ content: "";   position: absolute;  background: #fff;  left: -12px;top: 15px; display: block; width: 20px; height: 20px; border:#0F75BC 5px solid; border-radius: 100%; z-index: 1; }
.licheng li .text span{ background: url(../images/page3_box4_li_time.png) no-repeat; width: 92px; height: 35px; line-height: 35px; display: block; text-align: center; position: relative; z-index: 2; margin-top: -10px; }
.licheng li .text p{padding-left: 20px; padding-top: 10px;}
.licheng li.li1{ margin-top: 200px; }
.licheng li.li2{ margin-top: 153px; margin-left:-12%; }
.licheng li.li3{ margin-top: 117px; margin-left:-12%;}
.licheng li.li4{ margin-top: 66px; margin-left:-12%;}
.licheng li.li5{ margin-top: -372px; margin-left:4%;}

.li { position: absolute; right: 2%; top: 17%; width: 50px; height: 50px; line-height: 50px; background: #fff;  color: #0F75BC;  border:#0F75BC 5px solid; border-radius: 100%;  float: right; text-align: center;  }



















.rongyu{ margin:20px auto; position: relative; }
.rongyu .swiper{ padding: 30px 10px;  width: 90%; margin:auto;}
.rongyu li{ padding: 10px; transition: all 0.5s; }
.rongyu li .pic1 span{ padding-top: 76.5%; }
.rongyu li:hover{ background: #fff; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); transform: translateY(-5px);}
.rongyu li p{ margin-top: 5px; text-align: center; }
.rongyu .swiper-button-next, .rongyu .swiper-button-prev{ outline: none; color: #ddd; }

.hezuo{ margin:20px auto 0 auto; padding: 0 50px; }
.hezuo li{ float: left; width: 20%; margin-bottom:2%; }
.hezuo li a{ display: block; width: 90%; margin:auto; border:#eee 1px solid; }
.hezuo li .pic1 span{ padding-top: 44.8%; }


.lxwm_dh h2{ font-size: 21px; font-weight: bold; }
.lxwm_dh p{ color: #0F75BC; margin:10px auto; }
.lxwm_con{ margin:20px auto; padding-left:40px; position: relative; }
.lxwm_con img{ position: absolute; left: 0; top: 0; }
.lxwm_con p{ margin:10px auto; }
.lxwm_con dd{color: #0F75BC;}

.lxwm_l{ float: left; width: 50%; margin-right:5%; }
.lxwm_r{ overflow: hidden; }
.map{margin:20px auto;}
.mess{ overflow: hidden; }
.mess_con p{ margin:20px auto; }
.mess_con p lable,.mess_con dd lable{ display: block; margin-bottom: 10px; }
.mess_con p input{ width: calc(70% - 2px); height: 35px; line-height: 35px; border: #767676 1px solid; text-indent: 10px; }
.mess_con dd textarea{ width: calc(100% - 22px);height: 100px; padding: 10px; border: #767676 1px solid; }
.mess_con p input.bt{ width: 80px; height: 32px; line-height: 32px; background: #EFEFEF; text-indent: 0; border: none; cursor: pointer; }
.mess_con p input.bt:hover{ background: #0B87CA; color: #fff; }

.mess1 p{ margin:10px auto; }
.mess1 p input{width: calc(100% - 2px); height: 35px; line-height: 35px; border: #ddd 1px solid; text-indent: 10px; }


.job_list{ margin:20px auto; }
.job_list li{ margin:auto; border-bottom: #ccc 1px dashed; padding-bottom: 20px; margin-bottom: 20px;  position: relative;}
.job_list li .con{ }
.job_list li .con .tit{ margin:auto; }
.job_list li .con .tit h3{ font-size: 16px; font-weight: bold;  }
.job_list li .con .tit span{ font-family: Arial; color: #999;display: block; margin:5px auto;}
.job_list li .con .tit p{ margin:10px auto 0 auto; color: #666; }
.job_list li .con .text{ line-height: 2; margin:10px auto; display: none; color:#333 }
.job_list li .biao{ position: absolute; right: 0; bottom: 15px; }
.job_list li .biao img.yin{ display: none; }


.job_list li.cur .biao img.xian {
    display: none;
}
.job_list li.cur .biao img.yin {
    display: block;
}
.job_list li.cur .con .tit p{ color:#ED1C24}

.job_l{ float: left; width: 62%; margin-right: 5%; }
.job_r{ overflow: hidden; }

.float_box1{  margin:auto; }
.mess1 p.float_box{ float: left; }
.mess1 p.float_box select{height: 37px; line-height: 37px; border: #ddd 1px solid; float: left; width: 100px; margin-right: 10px; }
.mess1 p input.age{  float: left; width: calc(100% - 130px);}

.product{ margin:0 auto 30px auto; }
.pic_ll{ float: left; width: 36.6%; width: 30%; margin-right: 5%; }
.pic_ll .pic11{ text-align: center; display: flex; align-items: center;  height: 310px; }
.pic_ll .pic11 img{ display: block; margin:auto; max-height: 310px; }
.pic_ll .pic1{ width: 80%; margin:auto; }
.pic_ll .pic1 span{ padding-top: 72.7%; }
.pic_rr{ overflow: hidden; }
.pic_rr h1{ font-size: 20px; color: #0F75BC; font-weight: bold; }
.pic_rr .con{ margin:15px auto; }
.pic_rr p{ margin:5px auto;line-height: 2; color: #666; }
.pic_rr p b{ color: #000; }

.pic_dk_dh{ margin:auto; }
.pic_dk_dh a{ float: left; display: block; margin-right: 10px; background: #f3f3f3; color: #3A3A3A; padding:10px 25px; }
.pic_dk_dh a:hover,.pic_dk_dh a.on{ background: #0F75BC; color: #fff; }
.pic_dk_con{ margin:20px auto; }
.pic_dk_con .con{ display: none; }
.pic_dk_con .con.block{ display: block; }

.right_kefu{position: fixed; left: 0; top: 35%; z-index: 9;}
.right_kefu ul{width: 48px;}
.right_kefu ul:hover{width: 180px;}
.right_kefu ul li{list-style: none; float: left; clear: both; height: 49px;}
.right_kefu ul li a{float: left; display: block; color: #FFFFFF; background: #0b87ca; margin: 2px 0; border-radius: 0 4px 4px 0; line-height: 48px; height: 48px; overflow: hidden; padding: 0 10px;box-sizing: border-box; text-indent: 3em; width: 48px; background-repeat: no-repeat; background-position: 7px center; transition:0.2s all;}
.right_kefu ul li:hover a{width: 160px; cursor: pointer;}
.right_kefu ul li.hove_not_w:hover a{width: 48px;}
.right_kefu ul li img{float: left; transition:0.2s all;}
.right_kefu ul li:hover img{width: 100%; z-index: 9; position: relative;}
.right_kefu .web_qq a{background-image: url(../images/kefu/kefu_qq.png);}
.right_kefu .web_tel a{background-image: url(../images/kefu/kefu_tel.png);}
.right_kefu .web_wat a{background-image: url(../images/kefu/kefu_wat.png);}
.right_kefu .web_weibo a{background-image: url(../images/kefu/kefu_weibo.png);}
.right_kefu .return_top a{background-image: url(../images/kefu/return_top.png);}
.right_kefu .kefu_share a{background-image: url(../images/kefu/kefu_share.png);}
.right_kefu .web_message a{background-image: url(../images/kefu/kefu_message.png);}

.wap{ display: none; }

.sanji{ margin:0 auto 30px auto; }
.sanji a{ padding: 0px 10px; background: #FAFAFA; margin-right: 10px; line-height: 36px; display: inline-block; }
.sanji a.on{ color: #fff; background: #0F75BC; }


.case_content{ margin:auto; }
.case_pic{ float: left; width: 31%; margin-right: 20px; border-radius: 6px; }
.case_pic .pic{border-radius: 6px;}
.case_pic .pic span{ padding-top: 66%; border-radius: 6px;}
.case_pic .pic span img{border-radius: 6px;}
.info2_title{font-size: 16px; font-weight: bold; line-height: 30px;}
.info2_field{padding: 10px 0;}
.info2_field dt,.info2_field dd{display: inline-block;}
.info2_field dt{font-weight: bold;}

.dan_tit{ border-bottom: #ddd 1px solid;  padding-bottom: 10px; margin-bottom:10px; text-align: center;}
.dan_tit h1{ font-size: 20px; margin:10px auto;  }

.srols{
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    text-align: justify;
    box-sizing: border-box;
	transition: all 0.3s; position:relative
}
.about_con_s::-webkit-scrollbar { height:3px; position:relative; overflow:visible; display:none
  }
  .about_con_s::-webkit-scrollbar-thumb {

  background: #0F75BC;border-radius:3px;
  }
  .about_con_s::-webkit-scrollbar-track {

  background   : #ccc;border-radius:3px;
  }


.pne{ display:block; cursor:pointer; margin-right:0px;  width:30px; text-align:center}
.precl{transform: rotate(180deg);
  -webkit-transform: rotate(180deg); float:right; }
.nextr{ float:right;}