@charset "utf-8";
/* CSS Document */
body{padding:0;margin:0;font:16px/32px 'Microsoft Yahei';background:#FFF;overflow-x:hidden;}
*{padding:0;margin:0;box-sizing:border-box;}
ul,li{list-style:none;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#1179c2; text-decoration:underline;}
.container{width:96%;max-width:1200px;margin:0 auto;}

img{border:none; vertical-align:middle; max-width:100%;}

/*清除浮动*/
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix::after{display:block;clear:both;content:""}
.clearfix:after{
clear:both;}
.clearfix{
*zoom:1;
}

.header{}
.logo{float:left;}
.menu{float:right;}
.menu ul{display:flex;}
.menu ul li{margin-left:3rem;}
.menu ul li a{font-size:1rem;line-height:75px;}
.menu ul li.cur{border-bottom:#0c76c1 2px solid;color:#0c76c1;}
.menu ul li.cur a{color:#0c76c1;}

/*--header end--*/
.index_pro{background:url(../images/banner3.png) center top no-repeat;padding:5rem 0;}
.picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden; text-align:center;}
.picScroll-left .hd ul{overflow:hidden; zoom:1; text-align:center;}
.picScroll-left .hd ul li{ display:inline-block;width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }

.picScroll-left .bd{ padding:4.25rem 0 2rem;width:100%;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 40px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:360px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ box-shadow: 0 3px 5px rgba(0,0,0,0.2);}
.picScroll-left .bd ul li .title{ line-height:3rem;   }

.index_solutions{background:url(../images/new_Featured03.jpg) center top no-repeat; background-size:cover;padding:5rem 0;}
.title_text{ text-align:center;color:#666;padding:1rem 5rem 2rem;}
.cases_list dl{float:left;width:45%;margin:1rem 5% 1rem 0; background:#FFF;}
.cases_list dl dt{float:left;width:35%;margin-right:2%;}
.cases_list dl dt img{max-height:130px;}
.cases_list dl dd{float:left;width:63%;padding:.5rem;}
.cases_list dl dd p{font-size:0.875rem;color:#666666;line-height:26px;}
.index_title{text-align:center;font-size:1.825rem;}
.index_news{padding:5rem 0; background:#f6fcff;}
.news_list{width:100%;margin:3rem 0 10rem;}
.news_listcon{float:left;width:30.3%;padding-bottom:1.625rem;position:relative;margin:0 1.5%;}
.news_pic{width:100%;z-index:-10; }
.news_pic img{width:380px;height:230px;}
.news_pic a {
    display: block;
    z-index:-1;
}
.news_pic a img {z-index:-1;
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
}
.news_pic:hover a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news_text{width:94%; left:3%;top:80%;background:#FFF; padding:1rem;z-index:1000;box-shadow: 0 0 20px rgba(0, 14, 12,0.1); position:absolute;}
.news_texttit{font-size:1.125rem;margin-bottom:.5rem;}
.news_textcon{font-size:.875rem;line-height:22px;color:#666666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; text-overflow:ellipsis;}
.more_news{color:#224086;padding:1.425rem 0;}
.more_news:hover{}

/*--内页--*/

.bannernav{position:relative;}
.bannernav_text{position:absolute;left:30%;top:50%; font-size:48px;color:#FFF; text-shadow:;}

.menunav{background:#f2f2f2; text-align:center;}
.menunav a{ display:inline-block;color:#333;padding:0 2rem;line-height:3.25rem;margin:0 1rem;}
.menunav a.active{background:#0c76c1;color:#FFF;}
.menunav a:hover{background:#0c76c1;color:#FFF;}


.contentnav{padding:3rem 0;}

.honor_list{float:left;width:30%; text-align:center;margin:0 3% 1.5rem;}
.honor_list img{width:100%;margin-bottom:0.725rem;}
.posts_b{width:100%; border-top:#cdcdcd 1px solid; color:#999;padding:1rem 0;margin:2rem 0;}
.posts_b .bb{float:left;width:80%;}
.posts_b .back{float:left;width:20%; text-align:right;}
.posts_b .back a{display:inline-block; background:#f0eeef;padding:.125rem 1.25rem;}

.products_list{width: 100%;}
.products_list ul li{float: left;width:29%; text-align: center;margin:2rem 2% 0;}
.products_list ul li p{overflow:hidden; text-overflow:ellipis; display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical;}
.products_list ul li img{width:348px;height:268px;border:#e6e6e6 1px solid;}
@media screen and (max-width: 1800px) {
	.products_list ul li img{width:100%;height:auto;border:#e6e6e6 1px solid;}
}
.products_list ul li:hover img{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.products_list ul li a{font-size:1rem;line-height:50px;}


.proview{width:100%;padding-bottom:1rem;}
.proview_img{float:left;width:55%;border:#ececec 1px solid;}
.proview_img img{max-width:100%;}
.proview_memo{float:left;width:40%;margin-left:5%;font-size:.875rem; color:#999999;}
.proview_memo h2{color:#333;margin-bottom:1rem;}
.more{ display:block;width:150px; background:#0c76c1; text-align:center; border-radius:5px;}
.more a{color:#FFF;line-height:45px;}
.more a:hover{background:#F00;}

/*选项卡1*/
#Tab1{width:100%;border:#cdcdcd 1px solid;padding:1px;}
/*菜单class*/
.Menubox {
width:100%;
background:#f2f2f2;
height:35px;
line-height:35px;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
float:left;
display:block;
cursor:pointer;
width:120px;
text-align:center;
color:#949694;
font-weight:bold;
}
.Menubox li.hover{background:#0c76c1;color:#FFF;}
.Contentbox{clear:both;text-align:left;padding:1rem;min-height:400px;_height:400px;}
.Contentbox td{padding:5px;}

.newslist{width:103%;margin-left:-3%;}
.newslist dl{float:left;width:100%;margin-bottom:30px;}
.newslist dl:hover{border:#0188e1 1px solid;}
.newslist dl dt{float:left;width:30%;}
.newslist dl dt img{width:100%;}
.newslist dl dd{float:left;width:70%;padding:10px 20px 15px;color:#666666;}
.newslist dl dd p{padding:8px 0;color:#999999;width:100%;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.newslist dl dd a{font-size:16px;white-space:nowrap;}

.newsview{width:100%;min-height:400px;_height:400px;}
.newsview img{max-width:1200px;padding:10px 0;}
.newsview h3{width:100%; text-align:center;font:20px/30px 'Microsoft Yahei';color:#0054a3;}
.newsview dl{width:100%;cleat:both;padding:0;margin:0;}
.newsview dl dt{width:100%; text-align:center;font:12px/28px 'Microsoft Yahei';color:#999;}
.newsview dl dd{width:100%;padding-top:15px;border-top:#d8d8d8 1px solid;min-height:350px;_height:350px;}
.faqlist{padding-bottom:5rem;}
.faqlist dl{border-bottom:#cccccc 1px dotted;margin-bottom:1.25rem;padding:1rem 0 1.5rem;}
.faqlist dl dt{display:flex; line-height:25px;margin-bottom:10px;}
.faqlist dl dt span{width:25px;height:25px; background:#0c76c1;color:#FFF; text-align:center;line-height:25px;margin-right:1rem; border-radius:2px;}
.faqlist dl dd{color:#999999; display:flex;}
.faqlist dl dd span{background:#f2f2f2;width:25px;height:25px; text-align:center;line-height:25px;margin-right:1rem; border-radius:2px;margin-top:3px;}

.download dl{width:100%;padding:1.25rem;border-bottom:#ececec 1px dashed;}
.download dl dt{float:left;}
.download dl dt  img{margin-right:1rem;}
.download dl dd{float:right;}
/*--footer--*/
.footer{width:100%;background:#5a5a5a;padding:5rem 0;color:#FFF;}
.bottom{text-align:center;}
.b_menu{border-bottom:#909090 1px solid;padding:1rem 0;}
.b_menu a{color:#FFF;margin:0 1%;}
.copyright{ display:inline-block;font-size:.875rem;margin-top:.5rem;}
.copyright a{color:#FFF;}

/* side purpose：设置右浮窗显示;used in files：gotoTop_landing.jsp,gotoTop.jsp,activityPsge2_mobile618.jsp*/
.side{position:fixed;width:54px;height:275px;right:0;bottom:214px;z-index:0;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "Microsoft Yahei"; overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#3895F4;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left; display:block;}
.side ul li span{ display:block; position:absolute; left:54px; float:left; height:150px; width:150px; margin-left:-54px; }
.side ul li span img{ width:100%; height:100%;}
.side ul li:last-child{border-top:1px solid #444;border-bottom:none;}