/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}
/*top*/
.top{height:44px;line-height:44px;border-bottom:1px solid #eaeaea;color:#888;}
.top .top-right a{padding:0 10px;transition:all .3s;color:#888;}
.top .top-right a img{vertical-align:middle;padding-right:5px;}
.top .top-right a:hover{color:#1350bd;}
/*****logobox*****/
.logobox{position:relative;padding:.35rem 0;}
.logo img{padding-right:10px;}
.logori{padding-left:10px;margin-top:15px;background:url(../images/logoline.png) left center no-repeat;}
.logo strong{font-size:30px;line-height:42px;color:#1350bd;font-weight:bold;}
.logo p{color:#303030;line-height:24px;font-size:18px;}
.logobox .logoright img{padding-right:5px;margin-top:5px;}
.logobox .logoright span{font-family:"迷你简小标宋";color:#000;font-size:32px;padding-top:20px;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{background:#1350bd;height:64px;}
#nav ul>li{float:left;width:12.5%;text-align:center;position:relative;line-height:64px;box-sizing:border-box;border-right:1px solid #205cc7;}
#nav ul>li i{padding-right:3px;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li.active>a{background:#f8990b;line-height:64px;color:#fff;}
#nav ul .submenu{position:absolute;width:100%;top:64px;z-index:99;background:#f8990b;display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;display: block;width: 100%;border-right: none;}
#nav ul .submenu li a{color:#fff;}
#nav ul .submenu li a:hover{text-decoration:underline;}
/*banner*/
.banner{position: relative; width:100%;}
.banner .pic{position:relative; z-index:2;}
.banner .pic li{height:550px;}
.banner .hd{position:absolute;bottom:5px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:.42rem;height:5px;background:#fff;display:inline-block;margin-left:3px;border-radius:2px;}
.banner .hd li.on{background:#1350bd;}
/*search*/
.search-box{line-height:76px;height:76px;}
.search-box .link span{padding-right:10px;color:#000;font-size:16px;display:inline-block;}
.search-box .link a{padding:0 10px;}
.search{margin-top:20px;}
.search .sousu{width:240px;line-height:34px;background:#f1f1f1;padding:2px 10px;color:#666;border:none;border-radius:30px 0 0 30px;}
.search .sou-zi{width:66px;line-height:38px;background:#1350bd;color:#fff;border:none;cursor:pointer;text-align:center;height:38px;border-radius:0 30px 30px 0;}
/***************公共大标题***************/
.index-title h3{color:#1b1b1b;font-size:32px;font-weight:bold;line-height:1.5;}
.index-title h3 em{font-style:normal;color:#1350bd;}
.index-title p{font-size:18px;color:#646464;}
/***************product***************/
.product{background:url(../images/bg.jpg) repeat;padding:50px 0;overflow:hidden;}
.pro-left{width:260px;float:left;background:#fff;overflow:hidden;}
.pro-right{width:920px;float:right;}
.pro-left .proTit{background:url(../images/protit.jpg) no-repeat;color:#fff;text-align:center;padding:15px 0;}
.pro-left .proTit h3{font-size:24px;}
.pro-left .proTit p{font-size:12px;background:url(../images/prot.png) center no-repeat;}
.proMenu{text-align:center;}
.proMenu li{border-bottom:1px solid #e1e1e1;}
.proMenu li a.MenuTit1{border-bottom:1px solid #e1e1e1;}
.proMenu li a.MenuTit{font-size:20px;margin:auto;display:block;line-height:70px;}
.proMenu li a.MenuTit1 i{background:url(../images/p-ico1.png) left center no-repeat;display:inline-block;width:27px;height:27px;vertical-align:middle;padding-right:10px;}
.proMenu li a.MenuTit2 i{background:url(../images/p-ico2.png) left center no-repeat;display:inline-block;width:27px;height:27px;vertical-align:middle;padding-right:10px;}
.proMenu li a.MenuTit3 i{background:url(../images/p-ico3.png) left center no-repeat;display:inline-block;width:27px;height:27px;vertical-align:middle;padding-right:10px;}
.proMenu a.active.MenuTit1 i{background:url(../images/p-ico11.png) left center no-repeat;}
.proMenu a.active{color:#1350bd;}
.proMenu a.active.MenuTit2 i{background:url(../images/p-ico22.png) left center no-repeat;}
.proMenu a.active.MenuTit3 i{background:url(../images/p-ico33.png) left center no-repeat;}
.proMenu li dl dd{font-size:16px;line-height:46px;}
.pro-right li{margin-bottom:15px;}
.pro-right li a{background:#fff;text-align:center;display:block;}
.pro-right li a span img{height:198px;/*width:100%;*/margin:auto;}
.pro-right li a p{border-top:1px solid #efefef;padding:3px 0;font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/***************advant***************/
.advant .index-title{background:url(../images/adva-tit.jpg) center no-repeat;padding-top:30px;}
.advant .advant-item em{background:#333;width:.7rem;height:1rem;display:block;color:#fff;font-size:36px;line-height:1rem;text-align:center;font-style:normal;}
.advant .advant-item img{padding-right:50px;margin-top:10px;width:600px;height:360px;}
.advant .advant-item .advant-body{padding-left:50px;}
.advant .advant-item2 .advant-body{padding-left:0;}
.advant .advant-item2 em{background:#1350bd;}
.advant .advant-item .advant-body strong{font-size:25px;line-height:1.5;color:#1350bd;margin-top:30px;}
.advant .advant-item .advant-body p{color:#aaaaaa;text-transform:uppercase;}
.advant .advant-item .advant-body li{background:url(../images/adva-ico.png) left 10px no-repeat;padding-left:18px;line-height:32px;margin-top:10px;font-size:.16rem;color:#777;}
/***************ban***************/
.ban{background:url(../images/ban.jpg) top center no-repeat;height:200px;}
.ban .ban-left{float:left;width:580px;margin-top:50px;}
.ban .ban-left strong{display:block;font-size:28px;color:#fff;line-height:1.5;}
.ban .ban-left p{background:url(../images/success.png) left center no-repeat;padding-left:30px;font-size:28px;color:#fff;line-height:1.5;}
.ban-right{width:250px;float:right;margin-top:30px;}
.ban-right img{padding-right:10px;}
.ban-right p{color:#fff;font-size:16px;}
.ban-right strong{font-size:30px;font-weight:normal;color:#fff;line-height:1.5;}
.ban-right a{display:block;border:1px solid #fff;color:#fff;text-align:center;padding:5px 0;font-size:18px;margin-top:10px;}
.ban-right a:hover{transition:all .3s;background:#fff;color:#000;}
.case-menu{height:74px;line-height:74px;background:#f8f8f8;}
.case-menu li{float:left;width:33.3%;text-align:center;font-size:18px;}
.case-menu li.case-li1 a{background:url(../images/case-ico11.png) left center no-repeat;padding-left:35px;display:inline-block;}
.case-menu li.case-li2 a{background:url(../images/case-ico22.png) left center no-repeat;padding-left:35px;display:inline-block;}
.case-menu li.case-li3 a{background:url(../images/case-ico33.png) left center no-repeat;padding-left:35px;display:inline-block;}
.case-menu li.active{background-color:#1350bd;}
.case-menu li.case-li1.active a{background:url(../images/case-ico1.png) left center no-repeat;color:#fff;}
.case-menu li.case-li2.active a{background:url(../images/case-ico2.png) left center no-repeat;color:#fff;}
.case-menu li.case-li3.active a{background:url(../images/case-ico3.png) left center no-repeat;color:#fff;}
.caseBox{background:#f8f8f8;}
.caseBox img{padding-right:40px;}
.caseBox .media-body{padding:40px 20px;}
.caseBox .media-body strong{display:block;font-size:24px;color:#000;}
.caseBox .media-body p{color:#707070;line-height:2;margin-top:20px;}
.caseBox .media-body .case-more a{width:134px;height:36px;border-radius:30px;border:1px solid #d4d4d4;text-align:center;color:#656565;line-height:36px;display:block;margin-top:20px;transition:all .3s;}
.caseBox .media-body .case-more a:hover{background:#1350bd;border:1px solid #1350bd;color:#fff;}
/********aboutusLeft********/
.aboutus{position:relative;z-index:2;}
.aboutus-cont{background:url(../images/about-bg.jpg) top center no-repeat;height:450px;margin-top:30px;padding:15px 15px 15px 25px;}
.aboutusLeft span{font-size:38px;color:#c2c0c0;display:block;border-bottom:1px solid #ddd;text-transform:uppercase;}
.aboutusLeft strong{font-size:24px;color:#000;font-weight:bold;padding-top:20px;display:block;}
.aboutusLeft p{color:#393939;margin-bottom:30px;margin-top:20px;}
.aboutusLeft a{background:#f8990b;color:#fff;padding:10px 30px;}
.aboutusRight{margin-right:15px;}
/********company********/
.company{background:#f7f7f7;padding-top:60px;margin-top:-140px;padding-bottom:40px;}
.company-menu{background:url(../images/company-line.png) repeat-x;height:50px;text-align:center;}
.company-menu a{background:#f8990b;color:#fff;padding:14px 40px;font-size:24px;transition:all .3s;margin:0 3px;}
.company-menu a:hover{background:#333;}
.companyScroll{position:relative;}
.companyScroll .tempWrap{width:100% !important}
.companyScroll .prev{position:absolute;top:70px;left:0px;background:url(../images/prev.png) no-repeat;width:40px;height:60px;z-index:2;}
.companyScroll .next{position:absolute;top:70px;right:0px;background:url(../images/next.png) no-repeat;width:40px;height:60px;z-index:2;}
.companyScroll li{margin-top:10px; /*float:left;width:25%;*/}
.companyScroll li a{ background:#fff;text-align:center;display:block;}
.companyScroll li a img{height:170px;/*width:100%;*/ margin:0 auto;}
/********news********/
.news{width:700px;float:left;}
.news-title{line-height:54px;border-bottom:1px solid #ddd;}
.news-title li{background:url(../images/newhover-ico01.png) left center no-repeat;padding-left:40px;font-size:22px;float:left;margin-right:20px;}
.news-title li.active{background:url(../images/new-ico01.png) left center no-repeat;color:#1350bd;}
.news-title a{float:right;}
.newsBox img{padding-right:15px;}
.newsBox strong{display:block;font-size:16px;}
.newsBox p,.newsBox span{display:block;color:#999;}
.news-list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:36px;}
.news-list li span{float:right;}
.news-list li a{background:url(../images/new-ico.png) left center no-repeat;padding-left:20px;}
.problem{width:470px;float:right;}
.problem .news-title li{background:url(../images/problem-ico.png) left center no-repeat;}
.problem .bd{height:270px;overflow: hidden;margin-top:15px;}
.problem .bd ul li{margin-bottom:10px;box-sizing: border-box;}
.problem .bd ul li h3{background:url(../images/wen-w.png) left center no-repeat;padding-left:30px;line-height: 28px;}
.problem .bd ul li h3 a{font-size:16px;color:#2e2e2e;line-height: 16px;}
.problem .bd ul li h3 a:hover{color:#f8990b;}
.problem .bd ul li p{font-size:14px;color:#929292;background:url(../images/wen-d.png) left 1px no-repeat;padding-left:32px;line-height: 25px;margin-top:10px}
/********friendlink********/
.friendlink{padding:15px;border:1px solid #e4e4e4;}
.friendlink span{float:left;padding-right:10px;}
.friendlink .friendlinkTxt a{padding:0 15px;}
/********footer********/
.footer .fot-nav{line-height:74px;background:#1350bd;color:#fff;font-size:16px;}
.footer .fot-nav a{padding:0 35px;color:#fff;}
.footer .fot-cont{padding:30px 0;overflow:hidden;}
.footer .fot-txt{float:left;border-left:1px solid #ddd;padding-left:40px;color:#5a5a5a;font-size:.15rem;margin-left:40px;width:300px;}
.footer .erweima{text-align:center;}
.bohao{width:60px;height:60px;position:fixed;bottom:20px;right:20px;z-index:10000;}
@media only screen and (min-width: 320px) and (max-width: 640px) {
.banner .pic li,.pro-right li a span img,.companyScroll li a img{height:140px;}
.logobox{text-align:center;height:.9rem;}
.logobox .logo,.caseBox .media-body p,.pro-cont,.advant .advant-item .advant-body strong,.advant-cont,.advant .advant-item .advant-body li,.aboutus-cont,.aboutusLeft p{margin:0;}
.logobox .logo img{width:1.9rem;float:left;}
.logobox,.advant .advant-item .advant-body,.advant .index-title{padding:0;}
.logobox button{display:block;margin-top:5px;}
.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
.logobox .head-icon span{display:block;position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: .5rem;
height: .37rem;
transition: all 0.5s ease-in-out;
background-position: center center;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url(../images/icon1.png);}
.head-icon.active span{width: 0.37rem;height: 0.37rem;background-image: url(../images/icon2.png);}
/*主导航样式*/
#nav{background:none;background-color: rgba(0, 0, 0, 0.7);height:auto;}
#nav ul>li{width:100%;background:none;border-right:none;}
#nav ul>li a{color:#666;font-size:14px;}
#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
#nav ul>li:hover a{color:#333;font-weight:bold;}
.navbar{position: fixed;display:none;top: .9rem;left: 0;width: 100%;bottom: 0;z-index: 9999;}
.navbar-nav{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
.navbar-nav ul{width:100%;height:auto;overflow:hidden;}
.navbar-nav li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
.navbar-nav li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
.navbar-nav li a:hover{color:#149350;}
.advant .index-title{background-size:100%;}
.case-menu li.case-li1 a,.case-menu li.case-li1.active a,.case-menu li.case-li2.active a,.case-menu li.case-li2 a,.case-menu li.case-li3.active a,.case-menu li.case-li3 a,.aboutus-cont{background:none;padding:0;}
.pro-left .proTit,.advant .advant-item em,.aboutusLeft span,.aboutusLeft strong,.proMenu li dl{display:none;}
.advant,.case,.aboutus,.pro-right{margin-top:15px;}
.caseBox .media-body .case-more a,.zixunBox,.news-cont,.footer{margin-top:10px;}
.product{padding:15px 0;}
.index-title h3,.advant .advant-item .advant-body strong,.caseBox .media-body strong,.proMenu li a.MenuTit{font-size:18px;}
.index-title p,.proMenu li dl dd{font-size:14px;}
.pro-left,.pro-right,.news,.problem{width:100%;}
.case-menu{height:36px;line-height:36px;}
.proMenu li a.MenuTit,.proMenu li dl dd{line-height:36px;}
.case-menu li{font-size:14px;}
.caseBox .media-body{padding:0 15px;}
.caseBox img{height:4.6rem;}
.caseBox .media-body p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.caseBox img{float:none !important;}
.companyScroll li{width:50%;}
.company{padding:0;margin:0;}
.aboutus-cont{height:auto;background:#f2f2f2;}
.news-title li.active,.news-title li,.problem .news-title li{background:none;padding:0;font-size:16px;}
.footer .fot-txt{border:none;margin:0;padding:0;text-align:center;float:none;width:100%;}
.footer .fot-cont{padding:0 15px;}
.footer{border-top:1px solid #ddd;}
}