html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Microsoft YaHei",sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,b,br,section,header,footer,nav,menu,slider{margin:0;padding:0;color: inherit;}
body{ color: #333; font-size: 15px; background-color: #fff; word-break: break-all; word-wrap:break-word; font-weight: 400; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color: inherit;border:0;}
a:focus{outline:none;}
a:hover{ background: none;}
a:focus, a:hover{ color: inherit;}
ul,ul li{list-style:none}
.container{ overflow: hidden;}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;cursor: pointer;color:inherit; display: block; }
a:hover{text-decoration:none;outline:none; color: initial;}
a:focus{outline:none}
a:hover,a:active{outline:none}
a:focus{outline:none}
sub,sup{vertical-align:baseline}
a:link{text-decoration:none; /* 指æ£å¸¸çš„未被访问过的链接*/}
a:visited{text-decoration:none; /*指已ç»è®¿é—®è¿‡çš„链接*/}
a:hover{text-decoration:none;/*æŒ‡é¼ æ ‡åœ¨é“¾æŽ¥*/}
a:active{text-decoration:none;/* 指æ£åœ¨ç‚¹çš„链接*/ }
.ma-addmore {
text-align: center;
font-size: 14px;
line-height: 44px;
}
.ma-addmore .a-hover {
display: block;
color: #999;
width: 100%;
height: 100%;
}
.ma-addmore .a-hover:hover {
color: #125fdf;
}
.left{ float: left;}
.right{ float: right;}
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
article p {font-size:14px; color:#333; line-height:30px;}
article img {max-width:100%;}
article p a,article p a:hover{ display:inline-block; color:#0899e0;}
.headt{ background: #333333; height: 36px; line-height: 36px; color: #999; font-size: 13px; float: left; width: 100%; }
.headtcen{ width: 1200px; margin: 0px auto; }
.tel{ color: #fff; float:right;}
.tel strong{ font-size: 15px; font-weight: bolder;}
/* 头部--------------------------- */
.header{ background-color: #fff; border-bottom: 1px solid #e6e6e6;}
.headerTop{ width: 1200px; height:80px; padding: 0px; box-sizing: border-box; margin: 0 auto; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center; }
.headerTop .logo img{ height: 60px; float: left; }
ul.menu{ float: right; height: 52px; }
ul.menu li{ height: 52px; padding-left:56px; line-height: 52px; position: relative; float: left; }
ul.menu li a{ display: block; height: 94%; padding: 0px; color: #333; font-size: 17px;}
ul.menu li.active a,ul.menu li a:hover{color: #0f61cd;}
@media screen and (max-width:1320px){
.headerTop,.headtcen{ width: 98%;}
ul.menu li{ padding:0 8px; }
ul.menu li a{ font-size: 15px;}
}
@media screen and (max-width:950px){
ul.menu li a{ font-size: 14px; padding: 0px 2px;}
}
@media screen and (max-width:800px){
.headt{ display: none;}
#banner{ margin-top: 60px;}
body{overflow-x: hidden;}
.headerTop{width: 100%;height: 60px;position: fixed;top: 0px;left: 0;z-index: 100;background-color: #fff; border-bottom: 1px solid #e6e6e6;}
.headerTop .logo img{ height: 46px; margin-left: 2%; }
.headerTop .nav{ display: block;}
ul.menu{ display: block; flex-wrap: wrap; width:60%; height: 100%; position: fixed; right: 0px; top: 60px; z-index: 100; overflow-y: scroll;
transform: translate3d(100%, 0px, 0px); transition: all 0.65s ease-in-out 0s;}
ul.menu.active{transform: translate3d(0px, 0px, 0px);background: #44aae9;}
ul.menu li{ line-height: 45px; height: 45px; border-bottom:1px solid #7dc7f5; width: 100%;}
ul.menu li::after{ display: none;}
ul.menu li a{ height: 100%; font-size: 16px; padding: 0 0 0 10px; color: #fff; }
ul.menu li.active a{ border: none; font-size: 18px; }
.headerTop .call{ position: absolute; top: 60px; left: 0; width: 100%; height: auto; background-color: #fff; padding: 0px 20px; }
.headerTop .call h6, .headerTop .call h3{ display: none; transition:all .5s ease-out;}
.headerTop .call.active{ padding: 10px 20px; transition:all .5s ease-out;}
.headerTop .call.active h6, .headerTop .call.active h3{ display: block; transition:all 1s ease-out; }
.headerTop .call.active .icon-dianhua{ color: #676666;}
.headerTop .call i.icon-dianhua{ font-size: 36px; padding: 10px; position: absolute; top: -60px; left: initial; right: 120px;}
header .nav{width:30px;height:20px;display:none;position:absolute;top:0;right:10px;cursor:pointer;padding:20px 15px;position:absolute;}
header .nav span{width:26px;height:3px;background:#0f61cd;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
header .nav span:nth-child(2){top:29px;}
header .nav span:nth-child(3){top:37px;}
header .nav span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
header .nav span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
}
/* 首页banner图 */
.swiper-pagination-bullet{ width: 12px; height: 12px;}
.swiper-pagination-bullet-active{ background-color: #1061cd;}
/* 推èäº§å“ */
.titles{ padding: 30px 0; margin: 0 auto; }
.titles h4{ color: #777; font-size: 15px; text-transform: uppercase; text-align: center; padding-top: 8px; line-height: 1.4; }
.titles h3{ color: #282828; font-size: 32px; text-align: center; padding: 6px 0 0 0; line-height: 1.4; }
.titles h6{ font-size: 13px; color: #999; line-height: 24px; text-transform: uppercase; text-align: center; }
@media screen and (max-width:800px){
.titles{ padding: 10px 6px;}
.titles h3{ font-size: 22px;}
.titles h4{ font-size: 14px;}
}
.recommend{ width: 98%; padding: 0px 1%; background: url(../images/case_bg.jpg) no-repeat center center; float: left; margin-top: 20px;}
.recommend .titles h4,.recommend .titles h3{ color: #fff;}
.recommendPro{ width: 1250px; margin: 25px auto 60px; box-sizing: border-box; padding: 0 50px; position: relative; overflow: hidden;}
.recommendPro .swiper-slide{ box-sizing: border-box; margin: 0; background: #fff; position: relative; overflow-x: hidden;}
.proname{ height: 64px; line-height: 64px; width: 100%; text-align: center; overflow: hidden; font-size: 16px; font-weight: bold; transform: none;}
.recommendPro .swiper-slide a{ display: block;}
.recommendPro .swiper-slide a:hover{ color: #1061cd;}
.recommendPro .swiper-slide img{ width: 100%; display: block;transition: all 0.6s;}
.recommendPro .swiper-slide a:hover img{ transform: scale(1.1);}
.recommendPro .swiper-button-prev i.iconfont , .recommendPro .swiper-button-next i.iconfont{ font-size: 50px; color: #c5c5c5; z-index: 100;}
.recommendPro .swiper-button-next{ right: -4px;}
.recommendPro .swiper-button-prev{ left: -4px;}
@media screen and (max-width:1380px){
.recommendPro{ width: 100%; padding: 0 50px; box-sizing: border-box; overflow: hidden; margin: 20px auto 80px;}
.recommendPro .swiper-button-prev i.iconfont , .recommendPro .swiper-button-next i.iconfont{ font-size: 45px;}
.recommendPro .swiper-button-next{ right: 0px;}
.recommendPro .swiper-button-prev{ left: 0px;}
}
@media screen and (max-width:800px){
.recommendPro{ margin: 20px auto 30px;}
}
.colorFFF{ color: #fff !important;}
/* 产å“展示------------------------------- */
.productBox{ padding: 20px 0 50px 0; background-color: #f5f5f5; width: 100%; }
.productCon{ width: 1200px; margin: 0px auto; padding: 25px 0 0 0; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; }
.productCon .listL{ width: 240px; height: auto; background: #fff; }
.productCon .listL dt{ padding: 25px 20px; color: #fff; background: #0f61cd;}
.productCon .listL dt p{ line-height: 24px; font-size: 15px;}
.productCon .listL dt h2{ font-size: 20px; padding-top: 4px; font-weight: bold;}
.productCon .listL dd{ padding: 0px 20px;}
.productCon .listL dd a{display: block;overflow: hidden;height: 60px; font-size: 18px; line-height: 60px; background: url(../images/ico.png) no-repeat left center; text-indent: 24px; padding: 0px 4px; border-bottom: 1px solid #e6e6e6; color: #333; }
.productCon .listL dd a.news_now{background: url(../images/ico_now.png) no-repeat left center; font-weight: bold; color: #0f61cd;}
.productCon .commodity{ width: 930px; display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:flex-start; align-items:flex-start; background: #fff; float: right; }
.producttit{background: url(../images/ico.png) no-repeat left center; text-indent: 24px; font-size: 20px; color: #17182a; font-weight: bold; margin-left: 2%; width: 96%; margin-top: 15px; height: 30px; line-height: 30px; }
.productlist{ width:98%; margin-left: 2%; margin-top: 15px;}
.pro_big{ float: left; width: 66%; margin-right: 1%;}
.pro_bigrihgt{ float: left; width: 32%; margin-right: 1%;}
.pro-big-top{ width: 100%;}
.pro-big-top img{width: 100%;}
.pro-big-bot a{ float: left; width: 49%;}
.pro-big-bot a:first-child{ margin-right: 2%;}
.pro-big-bot a img,.pro-right-bot img{ width: 100%;}
.pro-right-top{ width: 100%;}
.pro-right-top a{ position: relative; overflow: hidden;}
.pro-right-top a:last-child{ margin-top: 10px;}
.pro-right-top .cover{ width: 0; transition: all .3s ease-out; }
.pro-right-top .cover span{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-250px, -50%); transition: all .6s ease-out; white-space: nowrap; }
.pro-right-top a:hover .cover{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(71, 204, 173,.5); transition: all .3s ease-out; }
.pro-right-top a:hover .cover span{ transform: translate(-50%, -50%); padding: 5px 20px; color: #fff; font-size: 20px; font-weight: bold; border-bottom: 2px solid #fff; transition: all .6s ease-out; }
.pro-right-bot,.pro-big-bot{ margin-top: 15px;}
.prowenzi{ width: 100%; text-align: center; line-height: 50px; height: 50px; overflow: hidden;}
.prowenzi:hover{color: #0f61cd;}
.productCon .commodity,.productCon .listL{ height: 628px;}
.pro-right-bot img,.pro-big-bot img{ height: 200px;}
.pro-big-top img{ height: 300px;}
.pro-right-top img{ height: 145px;width: 300px;}
@media screen and (max-width:1320px){
.productCon{ width: 98%; box-sizing:border-box; padding: 20px 10px; flex-wrap: wrap; }
.productCon .listL{ width: 24%; }
.productCon .commodity{ width:74%;}
.productBox{ padding: 20px 0 30px 0;}
}
@media screen and (max-width:800px){
.productBox{ padding:0px; }
.productCon .commodity,.productCon .listL{ height: auto;}
.productCon .listL{ width: 100%; padding: 2px 10px; box-sizing :border-box; border: none; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content:flex-start;align-items:flex-start; }
.productCon .listL dt{ height: 56px; padding: 0; margin-bottom: 12px; margin-left: 4px; background: none; color: #0f61cd; width: 100%; text-align: center; }
.productCon .listL dt p{ line-height: 20px; font-size: 14px; }
.productCon .listL dt h2{ padding-top: 14px;}
.productCon .listL dd{ margin: 2px 0px; padding: 0; border: 1px solid #ddd; width: 33.3%; box-sizing: border-box; }
.productCon .listL dd a{ line-height: 40px; height: 40px; text-align: center;background:none; text-indent: 0px; text-align: center; border: 1px solid #fff;padding: 0 10px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.productCon .listL dd a.news_now,.productCon .listL dd a.news_now:hover{ background: #0f61cd; color: #fff; border: 1px solid #0f61cd; }
.productCon .commodity{ width: 100%; box-sizing :border-box; padding: 0; }
.pro-right-top .cover{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(71, 204, 173,.5);}
.pro-right-top .cover span{ padding: 0px; color: #fff; font-size: 16px; font-weight: bold; left: 0px; display: inline-block; width: 100%; text-align: center; transform: none;}
.pro-right-top a:hover .cover,.pro-right-top a:hover .cover span{ display: none;}
}
@media screen and (max-width:768px){
.pro-right-bot img,.pro-big-bot img{ height: 150px;}
.pro-big-top img{ height: 260px;}
.pro-right-top img{ height: 125px;}
}
@media screen and (max-width:568px){
.pro-right-bot img,.pro-big-bot img{ height: 100px;}
.pro-big-top img{ height: 170px;}
.pro-right-top img{ height: 80px;width:auto;}
.pro-big-bot,.pro-right-bot, .pro-big-bot{ margin-top: 5px;}
.pro-right-top .cover span{ top: 40%;}
.producttit{ font-size: 18px;}
.productCon .listL dt h2{ padding-top: 0px;}
.productCon .listL dd a{ padding: 0px 2px;}
}
/* 页é¢å†…容------------------------------ */
#content{width:100%;height:auto;position:relative}
#content #banner{width:100%;height:auto;overflow:hidden}
#banner .img{display:block}
#banner .img img{width:100%;height:auto}
#banner .swiper-button-prev , #banner .swiper-button-next {display: none;}
#banner:hover .swiper-button-prev , #banner:hover .swiper-button-next {display: block;}
/*简介**/
.about{padding: 20px 0px; text-align: center; font-size: 13px; }
.about-main{ width: 1200px; margin: 0px auto;}
.about-main h3{ font-size: 22px; margin-top: 20px;}
.about-main h1{ line-height: 25px; font-size: 15px; margin-top: 20px;}
@media screen and (max-width: 1320px){
.about-main{ width: 96%;}
}
@media screen and (max-width:820px){
.about{ font-size: 12px; padding: 20px 0px;}
.about-main h3{ font-size: 18px; margin-top: 15px;}
.about-main h1{font-size: 14px; line-height: 24px;margin-top: 15px;}
.about-main h1 span{ display: none;}
}
@media screen and (max-width:768px){
.about{padding: 10px 0px;}
}
/**why**/
.why{ padding-bottom: 30px;}
.whybox{ width: 1200px; margin: 0px auto;}
.col-2{ float: left; width: 28%;}
.col-5{ float: left; width: 44%; margin-top: -20px;}
.whyimg img{ max-width: 100%; text-align: center;}
.whyli{ position: relative; float: left; padding-left: 25px; margin-top: 10px; height: 220px;width: 100%;box-sizing: border-box;}
.whyli .whytit{ width: 100%; background: #f5f5f5; height: 50px; line-height: 50px; padding: 3px 0px; font-size: 24px; color: #1061cd; text-indent: 40px; font-weight: bold;}
.whyli .icon{ display: inline-block; position: absolute; top: 3px; left:0px; width: 50px; height: 50px; background: url(../images/whydic.png) no-repeat;}
.whyli .icon1{background-position:0px 0px;}
.whyli .icon2{background-position:-48px 0px;}
.whyli .icon3{background-position:-98px 0px;}
.whyli .icon4{background-position:-148px 0px;}
.whyli p{ line-height: 28px; margin-top: 10px; font-size: 15px;}
@media screen and (max-width: 1320px){
.whybox{ width: 96%;}
}
@media screen and (max-width:1200px){
.col-2{ width: 100%;}
.col-5{ display: none;}
.whyli{ height: auto;}
.whyli .whytit{ font-size: 20px; padding: 0px;}
.whyli .icon{ top: 0px;}
}
/* åˆä½œä¼™ä¼´------------------------------------------ */
.cooperative{ padding: 0px 0px 60px 0px; float: left; width: 100%; }
.cooperative ul{ width: 1200px; margin: 0px auto; display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:flex-start;align-items:center; border-top: 1px solid #eee; border-left: 1px solid #eee; }
.cooperative ul li{ width: 20%; height: 120px; text-align: center; box-sizing: border-box; border: 1px solid #eee; overflow: hidden; border-left: none; border-top: none; position: relative;}
.cooperative ul li img{ position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%);}
@media screen and (max-width:1320px){
.cooperative {display: none;}
}
.news{ float: left; width: 100%; background: #f5f5f5; padding: 50px 0px;}
.news-container{ width: 1200px; margin: 0px auto;}
.col-8{ float: left; width: 61%; padding: 15px 2%;}
.col-4{ float: right; width: 28%;padding: 15px 2%; }
.col-8,.col-4{ background: #fff; height: 430px;}
.news-tit{ float: left; width: 100%; background: url(../images/ico.png) no-repeat left center;}
.news-tit ul{ float: left; margin-left: 20px;}
.news-tit ul li{ float: left; width: 100px; height: 30px; line-height: 30px;text-align: center; color: #17182a; font-size: 18px; position: relative; cursor: pointer;}
.news-tit ul li:first-child:before{ content: '';
position: absolute;
left: 100px;
top: 7px;
z-index: 0;
width: 2px;
height: 16px; background: #e6e6e6;}
.news-tit ul li.news_now{ font-weight: bold;}
a.more{ float: right; width:56px; height: 18px; background: url(../images/more.jpg) no-repeat; display: inline-block; margin-top: 8px;}
.newstop{ margin-top: 18px; width: 100%; float: left; position: relative;}
.newsimg{ width:260px ; height: 178px; position: absolute; top: 0px; left: 0px;}
.news_rig{ margin-left: 280px;}
.news_rig h4 a{ font-size: 18px; color: #282828; font-weight: bold; width: 100%; height: 36px; line-height: 36px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newswz{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; font-size: 15px; color: #787878; line-height: 26px; margin-top: 8px;}
a.lookmore{ font-size: 16px; background: #0f61cd; color: #fff; height: 30px; line-height: 30px; padding: 5px 18px; display: inline-block; margin-top: 15px; border-radius: 4px;}
.newsbot{ margin-top: 20px; margin-left: -2%; width: 102%; float: left;}
.newsbot li a{ float: left; width: 47%; margin-left: 2%; height: 42px; line-height: 42px; background: url(../images/newsdic.gif) no-repeat left center ; text-indent: 16px; border-bottom: 1px solid #ddd; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sjwt{ font-weight: bold; margin-left: 30px; line-height: 30px; font-size: 18px;}
.sjwt-list{ float: left; width: 100%; font-size: 15px;}
.sjwt-list li{ float: left; width: 100%; border-bottom: 1px solid #ddd; padding: 15px 0px; height: 95px;}
.sjwt_q,.sjwt_a{ position: relative; width: 100%; height: 36px;}
.sjwt_q .wtsp,.sjwt_a .wtsp{ position: absolute; top: 8px; left: 0px; display: inline-block; color: #fff; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 3px;}
.sjwt_a .wtsp{ top: 3px;}
.sjwt_q a{ margin-left: 30px; height: 36px; line-height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sjwt_a .answer{ display: block; margin-left: 30px; height: 48px; line-height: 24px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.sjwt_q a:hover,.newsbot li a:hover,.news_rig h4 a:hover,.productCon .listL dd a:hover{ color: #0f61cd;}
.span_q{ background: #0f61cd;}
.span_a{ background: #f18200;}
/**otnews**/
.ot_news{ padding: 15px 0px 25px 0px; float: left; width: 100%;}
.ot_news_container{width: 1200px; margin: 0px auto;}
.location{ float: right; width: 95%; line-height: 20px; color: #666; }
.location a{ display: inline-block; margin-right: 4px;}
.location span{ color: #0f61cd; text-decoration: underline; margin-left: 4px;}
.ot-banner{ float: left; width: 100%; margin-top: 15px;}
.ot-banner img{width: 100%;}
.ot_newsleft{ float: left; width: 820px;}
.ot_newstit{ height: 45px; border-bottom: 1px solid #ddd; margin-top: 10px; float: left; width: 100%; }
.ot_newstit ul li{ float: left; width: 80px; height: 42px; line-height: 42px;text-align: center;cursor: pointer; margin-right: 40px; font-size: 17px;}
.ot_newstit ul li.news_now{ border-bottom: 3px solid #125fdf; color: #125fdf; font-weight: bold; }
.otnewslist li{ float: left; width: 100%; padding: 20px 0px; border-bottom: 1px solid #e6e6e6; position: relative;}
.otnewspic{ position: absolute; width:200px ; height: 138px; top: 20px;}
.otnewspic img{width:200px ; height: 138px;}
.otnewswz{ margin-left: 220px;}
.otnewswz h3 a{ font-size: 19px; color: #282828; overflow: hidden; height: 30px; line-height: 30px; text-overflow: ellipsis;}
.otnewswz h3 a:hover{ color: #0f61cd;}
.otwenzi_more{ margin-top: 8px; line-height: 23px; height: 70px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.otwenzi_next{ font-size: 14px; color: #999; margin-top: 8px;}
.otwenzi_next > div{ float: left;}
.otwenzi_next > a{ float: right; color: #0f61cd;}
.otwenzi_next > a:hover{ color: #0f61cd; text-decoration: underline;}
.fanye{ float: left; width: 100%; margin-top: 20px; text-align: center; }
.fanye li{ display: inline-block; padding: 2px 10px; background: #f6f6f6; line-height: 20px; font-size: 13px; margin: 0px 2px;}
.fanye li a:hover{ color: #0f61cd;}
.fanye li a.fanyenow{ background: #0f61cd; color: #fff; font-weight: bold;}
.fanye li:hover {
color: #fff;
background-color: #0f61cd;
}
.fanye li:hover a {
color: #fff;
}
.ot_newsrig{ float: right; width: 340px;}
.ot_newsrigbox{ padding:5px 20px; background: #f8f8f8; margin-top: 15px; float: left; width: 100%; box-sizing: border-box;}
.ot_tit{background: url(../images/ico.png) no-repeat left center; margin-top: 15px; float: left;
text-indent: 28px;
font-size: 20px;
color: #17182a;
font-weight: bold;
margin-left: 2%;
width: 96%;
height: 30px;
line-height: 30px;}
.ot_link a{margin-right: 10px; background: #fff; border-radius: 8px;padding: 1px 8px; line-height: 20px; display: inline-block; margin-top: 10px;}
.ot_link a:hover{ color: #0f61cd;}
.otcase{ margin-left: -10px;}
.otcase li{ float: left; width: 47%; margin: 10px 0px 0px 3%; text-align: center;}
.otcase li img{ width: 100%;}
.otcase li p{ overflow: hidden; height: 24px; line-height: 24px; font-weight: bold; font-size: 14px; }
.otcase li a:hover,.otlist li a:hover{ color: #0f61cd;}
.otlist li a{float: left;
width: 100%;
height: 34px;
line-height: 34px;
background: url(../images/otnewsdic.gif) no-repeat left center;
text-indent: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.about-top{ float: left; width: 100%; background: url(../images/about_bg.gif) repeat; margin-top: 15px;}
.about-left{ float: left; width: 57%;}
.about-rig{ float: left; width: 43%;}
.about-left img,.about-rig img{ width: 100%;}
.about-box{ margin:50px 40px 0px 40px;}
.about-title{ position: relative;}
.about-title h1{ font-size: 28px; color: #17182a; font-weight: 400;}
.about-title span{ font-size: 12px; color: #777; line-height: 30px;}
.about-title::after{content: '';
position: absolute;
left:0px;
top: 75px;
width: 60px;
height: 3px;
background-color: #ccc;}
.about-wz{ margin-top: 25px; line-height: 30px; float: left; width: 100%; color: #555;}
.about-wz p{ margin-top: 8px;}
.about-bot{ float: left; width: 100%; margin-top: 30px;}
.about-time{ float: left; width: 90%; margin-top: 40px;}
.time-axis{
margin: 0;
padding: 0;
position: relative;
}
.time-axis:before{
content: '';
position: absolute;
left: 93px;
top: 15px;
width: 1px;
height: 100%;
background-color: #E4E4E4;
}
.time-axis-item{
list-style: none;
padding-left: 135px;
position: relative;
line-height: 30px;
color: #555; margin-bottom: 25px;
}
.time-axis-achievement{
margin: 0;
}
.time-axis-date{
position: absolute;
left: 0;
top: 0;
color: #333; font-size: 24px; font-weight:bold;
}
.time-axis-date span{
position: absolute;
right: -47px;
top: 17%;
display: block;
width: 24px;
height: 24px;
border: 1px solid #ccc;
border-radius: 100%;
background-color: #fff;
}
.time-axis-date span:after{
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 12px;
height: 12px;
margin: auto;
background-color: #999;
border: 1px solid #ccc;
border-radius: 100%;
}
.time-first{ padding-left: 78px; height: 60px;}
.time-first img{ position: absolute;}
.pro-top{ position: relative; min-height: 360px; float: left; width: 100%; margin-top: 15px;}
.pro-img{ width: 520px; height: 360px; position: absolute; left: 0px; top: 0px;}
.pro-img img{ width: 100%;}
.pro-wz{ margin-left: 540px; line-height: 28px;}
.pro-tit{ font-size: 24px; margin: 0px; padding: 0px; height: 30px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.pro-p1{ margin-top: 5px; color: #666;}
.pro-p2{ background: #f6f6f6; padding: 20px; font-size: 24px; color: #f18200; margin-top: 10px;}
.pro-p3{ margin-top: 8px; color:#888;}
.pro-bot{ float: left; width: 100%; margin-top: 20px; position: relative; min-height: 1050px;}
.pro-bot-left{ margin-right: 350px;}
.pro-bot-rig{ position: absolute; right: 0px; top: 0px; width: 280px; background: #f8f8f8; padding:0px 20px 20px 20px;}
.pro-detail-tit{ float: left; width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold;color: #17182a; border-bottom: 1px solid #ddd; position: relative;}
.pro-detail-tit::after{content: '';
position: absolute;
left: 0;
top: 39px;
width: 82px;
height: 2px;
margin: auto;
background-color: #0f61cd;}
.pro-detail-x{ float: left; width: 100%; margin-top: 10px;}
.pro-detail-x li{ float: left; width: 50%; height: 30px; line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-detail-x li span{ color: #888; width:73px; text-align: right; display: inline-block;}
.pro-detail{ float: left; width: 100%; margin-top: 15px; line-height: 28px;}
.pro-detail img{ max-width: 100%; margin-top: 15px;}
.pro-botlist{ float: left; width: 100%;}
.pro-botlist li{ float: left; width: 100%; background: #fff; margin-top: 20px; padding-bottom: 10px;}
.pro-botlist li:first-child{ margin-top: 10px;}
.pro-botlist li img{ width: 100%; height: 192px;}
.pro-botlist li p{ text-align: center;height: 30px; line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-botlist li a:hover{ color: #0f61cd;}
#outer{
width: 520px;
height: 360px;
position: relative;
overflow: hidden;
}
#imgList{
list-style: none;
position: absolute;
left: 0px;
}
#imgList>li{
float: left;
}
#imgList>li>img{
width: 520px;
height: 360px;
}
#navContainer{ display: none;
position: absolute;
bottom: 15px;
}
#navContainer>a{
z-index: 5;
float: left;
width: 15px;
height: 15px;
background-color: red;
margin: 0 5px;
opacity: 0.5;
filter: alpha(opacity=50);
border-radius: 100%;
}
#navContainer>a:hover{
background-color: black;
}
#picLbtn, #picRbtn{
position: absolute; width: 34px;
height: 66px; display: inline-block;
}
#picLbtn{
left: 0px;background:url(../images/pro_dic.png) 0px 0px;
}
#picRbtn{
right: 0px; background:url(../images/pro_dic.png) -34px 0px;
}
/**ot_pro**/
.ot_pro{ float: left; width: 100%; padding: 20px 0px;}
.ot_promain{ width: 1140px; margin: 0px auto;}
.ot_pro_left{ float: left; width: 260px; }
.ot_pro_rig{ float: right; width: 850px; overflow: hidden;}
.ot_protit{ padding: 20px 18px;
color: #fff;
background: #0f61cd;}
.ot_protit h2{font-size: 22px;
padding-top: 4px;
font-weight:400;}
.ot_protit p{line-height: 28px;
font-size: 15px;}
.ot_prolist{ background: #f8f8f8; padding-bottom: 25px;}
.ot_prolist li{ padding: 0px 18px;}
.ot_prolist li a{display: block;
overflow: hidden;
height: 60px;
font-size: 16px;
line-height: 60px;
background: url(../images/ico.png) no-repeat left center;
text-indent: 24px;
padding: 0px 4px;
border-bottom: 1px solid #e6e6e6;
color: #333;}
.ot_prolist li a:hover,.ot_prolist li a.ot_proactive{background: url(../images/ico_now.png) no-repeat left center;
color: #0f61cd;}
.ot_con{background: #f8f8f8; padding: 5px 18px 25px 15px;}
.ot_con li{ width: 100%; line-height: 22px; font-size: 14px; margin-top: 10px;}
.ot_con li em{ font-style: normal;}
.ot_con li span{ width: 56px; vertical-align: top;display: inline-block;}
.ot_con_mat{ margin-top: 20px;}
.ot_prorig_tit{ height: 47px; border-bottom: 1px solid #e6e6e6;}
.ot_prorig_tit h3{ border-bottom: 2px solid #125fdf; float: left; display: inline-block; height: 45px; font-size: 22px;}
.ot_prorig_tit .location{ float: right; width: auto;}
.ot_pro_row{ margin-left: -10px;
margin-right: -10px;}
.ot_probox{ float: left; width: 33.33%; box-sizing: border-box;padding-left: 10px;
padding-right: 10px; margin-top: 25px;}
.ot_proboximg{ width: 100%;overflow: hidden; height: 200px;}
.ot_proboximg img{ width: 100%; height: 100%;transition: all 0.6s;}
.ot_probox p{ height: 28px; line-height: 28px; overflow: hidden; text-align: center; margin-top: 5px;}
.ot_probox a:hover{ color: #0f61cd;}
.ot_probox a:hover .ot_proboximg img{transform: scale(1.1);}
.ot_pro_x{ height: 1px; width: 100%; margin-top: 20px; background: #e6e6e6; float: left;}
.ot_protop{ margin-top: 25px;}
.ot_prole{ float: left; width: 410px; height: 300px;}
.ot_prole img{ width: 100%; height: 100%;}
.ot_prori{ float: right; width:420px ;}
.ot_prori h2{ font-size: 22px; font-weight: 800; color: #17182a; }
.ot_prowz{ line-height: 26px; color: #666; margin-top: 15px;}
.ot_tel{ margin-top: 15px;}
.ot_tel span{ display: inline-block; padding: 8px 14px; color: #fff; float: left;}
.ot_tel_tit { background: #ff3f3c;}
.ot_tel_num{ background: #424355 url(../images/ot_tel.png) no-repeat 10px center; text-indent: 24px;}
.ot_pro_tit{ color: #0f61cd; font-weight: bold; margin-top: 10px; border-bottom: 1px solid #e6e6e6; line-height: 38px; height: 38px; float: left; width: 100%;}
.ot_pro_detail{ float: left; width: 100%;}
.ot_pro_detail img{ max-width: 100%;}
.ot_pro_detail p{ margin-top: 15px;}
@media screen and (max-width:1320px){
.ot_news_container{ width: 98%;}
.ot_newsleft{ width: 67%;}
.ot_newsrig{ width: 30%;}
.about-box{ margin: 20px 20px 0px 20px;}
.ot_promain{ width: 96%;}
.ot_pro_left{ width: 23%;}
.ot_pro_rig{ width: 74%;}
.ot_prole{ width:48% ; height: auto;}
.ot_prori{ width: 49%;}
}
@media screen and (max-width:990px){
.pro-img{ width: 390px; height: 270px;}
#outer{
width: 390px;
height: 270px;
}
#imgList>li>img{
width: 390px;
height: 270px;
}
.pro-wz{ margin-left: 410px;}
.ot_probox{ width: 50%;}
}
@media screen and (max-width:800px){
.ot_news{ margin-top: 60px; padding: 5px 0px 10px 0px;}
.ot_newsleft{ width: 100%;}
.ot_newsrig{ width: 100%;}
.otnewspic{ position: absolute; width:150px ; height: 103px; top: 20px;}
.otnewspic img{ width:150px ; height: 103px;}
.otnewswz{ margin-left: 170px;}
.otwenzi_more{ -webkit-line-clamp: 2;height: 46px;}
.otwenzi_next{ margin-top: 3px; font-size: 13px;}
.otwenzi_more,.ot-banner{ margin-top: 5px;}
.otnewswz h3 a{ font-size: 18px;}
.ot_tit{ font-size: 16px;}
.about-top{ margin-top: 8px;}
.about-hidden{ display: none;}
.about-left,.about-rig{ width: 100%;}
.about-wz {
margin-top: 15px;
line-height: 24px;}
.about-title h1{ font-size: 26px;}
.about-bot{ margin-left: 20px; width: 90%;}
.time-axis-item{ line-height: 24px;}
}
@media screen and (max-width:800px){
.pro-top{ margin-top: 8px;}
.pro-img{ float: left; height: 270px; width: 100%;}
#outer{
width: 520px;
height: 270px; margin: 0px auto;
}
#imgList>li>img{
width: 520px;
height: 270px;
}
.pro-wz{ margin-left: 0px; margin-top: 290px; float: left; width: 100%;}
.pro-bot-left{ margin-right: 0px;}
.pro-bot-rig{ float: left; width: 100%; position: inherit; padding: 0px; padding-bottom: 20px; margin-top: 15px;}
.pro-botlist li{ width: 46%; margin: 10px 2% 0px 2%;}
.pro-botlist li:first-child{ margin-top: 10px;}
.ot_pro_left,.ot_pro_rig{ width: 100%;}
.ot_pro_rig{ margin-top: 15px;}
.ot_con_mat{ display: none;}
.ot_protit{height: 56px;
padding: 0;
margin-bottom: 12px;
margin-left: 4px;
background: none;
color: #0f61cd;
width: 100%;
text-align: center;}
.ot_protit p{ font-size: 14px;}
.ot_prolist{ background: none;}
.ot_prolist li{ margin: 2px 0px; float: left;
padding: 0;
border: 1px solid #ddd;
width: 33.3%;
box-sizing: border-box;}
.ot_prolist li a{ line-height: 40px;
height: 40px;
text-align: center;
background: none;
text-indent: 0px;
text-align: center;
border: 1px solid #fff;
padding: 0 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;}
.ot_prolist li a:hover,.ot_prolist li a.ot_proactive{ background: none;}
}
@media screen and (max-width:520px){
.pro-botlistg li{height: auto;}
.pro-botlist li img{ height: 130px;}
#outer{
width: 380px;
height: 270px; margin: 0px auto;
}
#imgList>li>img{
width: 380px;
height: 270px;
}
.ot_pro{ padding-top: 10px;}
.ot_probox{ margin-top: 10px;}
.ot_proboximg { height: 100px;}
.ot_protop{ margin-top: 15px;}
.ot_prole{ width:100% ; height: auto;}
.ot_prori{ width: 100%; margin-top: 15px;}
.ot_prowz,.ot_tel{ margin-top: 10px;}
}
@media screen and (max-width:390px){
#outer{
width: 360px;
height: 270px; margin: 0px auto;
}
#imgList>li>img{
width: 360px;
height: 270px;
}
}
.foot{width:100%;height:auto;background:#333333;padding: 20px 0px; float: left; color: #777;}
.foot-1{ float: left; width:30% ;}
.foot-2{ float: left; width: 15%;}
.foot-3{ float: left; width: 40%;}
.foot-list{ float: left; width: 100%;}
.foot-list dt{ font-weight: bold; color: #fff; font-weight: bold; font-size: 17px; line-height: 50px;}
.foot-list dd{ line-height: 30px;}
.foot a{ color: #777;}
.foot a:hover{ color: #777; text-decoration: underline;}
.footlogo{width: 170px; height: 125px;}
.foottel{background: url(../images/tel.png) no-repeat left center; font-size: 22px; color: #f18200; font-weight: bold; margin-top: 10px; text-indent: 36px;}
.footbot{ border-top: 1px solid #484848; margin-top: 15px; line-height: 24px; padding-top: 15px; font-size: 14px;}
.footbot a{ margin-right: 8px; display: inline-block;}
@media screen and (max-width:1320px){
.news-container {width: 98%;}
}
@media screen and (max-width:820px){
body{ font-size: 14px;}
.news{ padding: 20px 0px;}
.col-8{ float: left; width: 96%; padding: 15px 2%; height: auto;}
.col-4{ float: right; width: 96%;padding: 15px 2%; margin-top: 10px;height: auto; }
.newsimg{ width: 195px; height: 133px;}
.news_rig{ margin-left: 205px;}
.newswz{ font-size: 14px; line-height: 20px; margin-top: 0px;}
a.lookmore{ margin-top: 5px; font-size: 14px; padding: 2px 10px;}
.newsbot{ margin-top: 5px;}
.sjwt_a .answer{ height: 24px; -webkit-line-clamp: 1;}
.sjwt-list li{ height: 60px;}
.foot-1{ width: 40%;}
.foot-2{ width:30%;}
.foot-3{ width: 100%;}
.foot-list dt{ font-size: 16px;}
}
@media screen and (max-width:560px){
.foot-1,.foot-3{ width: 100%;}
.foot-2{ width: 50%;}
}