@charset "utf-8";

/*网站顶部css开始*/
#flash{width:100%;height:auto;float:left;overflow:hidden;}
.flash{ position:relative; width:100%;background:#ececec;margin:0; padding:0;}
.flash .swipe{overflow: hidden;visibility: hidden;position:relative;}
.flash .swipe-wrap{overflow:hidden;position:relative;}
.flash .swipe-wrap > div {float: left;width: 100%;position:relative;}
.flash .swipe-wrap > div img{width:100%;max-width:1920px;height:auto;margin:0 auto;display:block;overflow:hidden}
#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; max-width:100%;height: auto;}

@media screen and (max-width:960px){
#flash{background:#ffffff;width:100%;height:auto;float:left;overflow:hidden;}
}
/*网站顶部css结束*/

/*首页内容css开始*/
#indexbody{width:100%;height:auto;margin:0 auto;overflow:hidden}
#indexbody #service{width:1200px;margin:0px auto;height:auto;overflow:hidden}
#indexbody #service > #title{width:1200px;height:80px;border-bottom:1px #dcdcdc solid;position:relative;}
#indexbody #service > #title > #text{background:#ffffff;width:200px;height:80px;line-height:30px;position:absolute;left:500px;top:45px;z-index:999;font-size:24px;text-align:center;color:#697B85;display:block;}
#indexbody #service > #title > #text span{font-size:24px;color:#AEAEAE;font-family:Verdana, Aria, Helvetica, sans-serif, 宋体;text-align:center;display:block;}
#indexbody #service dl{width:250px;height:330px;margin:0;padding:0;margin-top:65px;margin-right:65.66px;border:0px #cccccc solid;float:left;overflow:hidden}
#indexbody #service dl > a{background:#ffffff;width:248px !important;width:250px;height:328px !important;height:330px;margin:0;padding:0;display:block;border:1px #ececec solid;overflow:hidden}
#indexbody #service dl > a:hover{background:#003399;width:248px !important;width:250px;height:328px !important;height:330px;margin:0;padding:0;border:1px #003399 solid;color:#ffffff;overflow:hidden}
#indexbody #service > #last{width:250px;height:330px;margin:0;padding:0;margin-top:65px;margin-right:0px;float:left;overflow:hidden}
#indexbody #service dl dt{width:248px;height:294px;text-align:center;overflow:hidden;}
#indexbody #service dl dt >img{width:250px;height:294px;border:0px}
#indexbody #service dl dd{width:250px;height:35px;line-height:35px;font-size:18px;text-align:center;overflow:hidden}

/*---------- Start Website Construction ----------*/

.website{width:94%;max-width:1560px;margin:3rem auto;overflow: hidden;}

.website #websiteTitle{width:100%;height:auto;margin:2rem auto;overflow:hidden}
.website #websiteTitle h2{width:100%;height:3rem;line-height:3rem;font-size:1.8rem;font-weight:bold;letter-spacing:1rem;text-align:center;display:block;overflow:hidden}
.website #websiteTitle p{width:100%;height:2rem;line-height:2rem;font-size:1.1rem;text-align:center;color:#666666;display:block;overflow:hidden;text-transform: uppercase;}

ul.products {width: 100%;height:100%;margin:0 auto;margin-bottom:3rem;overflow: hidden;}

ul.products li{width:23%;height:auto;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin-left:1%;float:left;overflow: hidden;}
ul.products li .inner{width:100%;height:auto;float:left;overflow:hidden}
ul.products li .inner p.pritem-title{width:100%;height:4rem;line-height:4rem;background:#F6F7F9;font-size:1.2rem;font-weight:bold;color:#222;text-align:center;overflow:hidden}
ul.products li .inner p #pritem-title1{background:url(../images/icon/website-icon.png) 0 0 none-repeat;}
ul.products li .inner p.pritem-price{width:90%;height:4rem;line-height:4rem;margin:0 auto;border-bottom:1px #ececec solid;font-size:1rem;text-align:center;overflow:hidden}
ul.products li .inner p.pritem-price span{margin-left:1rem;color:#ff0000;font-size:1.2rem;font-weight:bold;}
ul.products li .inner p.pritem-con{width:90%;height:auto;line-height:1.8rem;margin:1.5rem auto;overflow:hidden;}
ul.products li .inner button{background:#F0F3F4;width:160px;height:2.5rem;line-height:2.5rem;color:#1F89E5;font-size:1.1rem;font-weight:bold;text-align:center;display:block;margin:1rem auto;border:0;border-radius:5px;margin-bottom:2rem;overflow:hidden}

ul.products li:hover{width:23%;height:auto;border:1px #008ADD solid;box-shadow:0 0 5px rgba(0,0,0,0.3);transition:all 0.3s linear;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin-left:1%;float:left;overflow: hidden;}
ul.products li:hover .inner{width:100%;height:auto;float:left;overflow:hidden}
ul.products li:hover .inner p.pritem-title{width:100%;height:4rem;line-height:4rem;background:#008ADD;font-size:1.2rem;font-weight:bold;color:#fff;text-align:center;overflow:hidden}
ul.products li:hover .inner p.pritem-price{width:90%;height:4rem;line-height:4rem;margin:0 auto;border-bottom:1px #ececec solid;font-size:1rem;text-align:center;overflow:hidden}
ul.products li:hover .inner p.pritem-price span{margin-left:1rem;color:#ff0000;font-size:1.2rem;font-weight:bold;}
ul.products li:hover .inner p.pritem-con{width:90%;height:auto;line-height:1.8rem;margin:1.5rem auto;overflow:hidden;}
ul.products li:hover .inner button{background:#008ADD;width:160px;height:2.5rem;line-height:2.5rem;color:#fff;font-size:1.1rem;font-weight:bold;text-align:center;display:block;margin:1rem auto;border:0;border-radius:5px;margin-bottom:2rem;overflow:hidden}

.box {width:23%;height:auto;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin-left:1%;float:left;overflow: hidden;}     
/* 被选中的状态 */
.box.active {width:23%;height:auto;border:1px #008ADD solid;box-shadow:0 0 5px rgba(0,0,0,0.3);transition:all 0.3s linear;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin-left:1%;float:left;cursor: grabbing;overflow: hidden;}
.box.active .inner{width:100%;height:auto;float:left;overflow:hidden}
.box.active .inner p.pritem-title{width:100%;height:4rem;line-height:4rem;background:#008ADD;font-size:1.2rem;font-weight:bold;color:#fff;text-align:center;overflow:hidden}
.box.active .inner p.pritem-price{width:90%;height:4rem;line-height:4rem;margin:0 auto;border-bottom:1px #ececec solid;font-size:1rem;text-align:center;overflow:hidden}
.box.active .inner p.pritem-price span{margin-left:1rem;color:#ff0000;font-size:1.2rem;font-weight:bold;}
.box.active .inner p.pritem-con{width:90%;height:auto;line-height:1.8rem;margin:1.5rem auto;overflow:hidden;}
.box.active .inner button{background:#008ADD;width:160px;height:2.5rem;line-height:2.5rem;color:#fff;font-size:1.1rem;font-weight:bold;text-align:center;display:block;margin:1rem auto;border:0;border-radius:5px;margin-bottom:2rem;overflow:hidden}
/*---------- End Website Construction ----------*/

#indexbody #aboutus{background:#ececec url(../images/aboutus_bg.png) top center no-repeat;width:100%;margin:0px auto;margin-top:50px;height:auto;overflow:hidden}
#indexbody #aboutus > #title{width:94%;max-width:1560px;height:2rem;text-align:center;font-size:1.5rem;color:#ffffff;margin:0 auto;margin-top:4rem;margin-bottom:2rem;overflow:hidden}
#indexbody #aboutus > #abcon{width:94%;max-width:1560px;height:400px;margin:0 auto;text-align:left;line-height:2rem;color:#ffffff;overflow:hidden}
#indexbody #aboutus > #abcon a{color:#ffffff;font-size:14px;}
#indexbody #aboutus > #abcon img{float:right;}

#indexbody #cases{width:100%;margin:0px auto;height:auto;overflow:hidden}
#indexbody #cases > #title{width:100%;height:80px;line-height:40px;font-size:24px;color:#697B85;text-align:center;display:block;margin:2rem auto;}
#indexbody #cases > #title span{font-size:24px;color:#AEAEAE;font-family:Verdana, Aria, Helvetica, sans-serif, 宋体;text-align:center;display:block;}
#indexbody #cases > dl{width:25%;height:auto;margin:0;position:relative;float:left;overflow:hidden}
#indexbody #cases > dl:hover{width:25%;height:auto;margin:0;position:relative;float:left;overflow:hidden}
#indexbody #cases > dl img{width:100%;height:auto;margin:0;border:0;display:block;-webkit-transition:0.3s;-moz-transition:0.3s;transition:all 0.3s linear;overflow:hidden}
#indexbody #cases > dl img:hover{transform:scale(1.1);cursor: pointer}
#indexbody #cases > dl dt{display:none}
#indexbody #cases > dl dd{display:none}
#indexbody #cases > dl:hover dt{background:#000000;filter:alpha(opacity = 50);opacity:0.5;width:100%;height:2.4rem;line-height:2.4rem;font-size:1.2rem;color:#ffffff;position:absolute;z-index:99;left:0;bottom:2rem;padding:0 1rem;display:block;overflow:hidden}
#indexbody #cases > dl:hover dd{background:#000000;filter:alpha(opacity = 50);opacity:0.5;width:100%;height:2rem;line-height:1rem;color:#ffffff;position:absolute;z-index:99;left:0;bottom:0rem;padding:0 1rem;padding-bottom:0.5rem;display:block;overflow:hidden}
#indexbody #cases > dl:hover dd a{color:#ffffff;}

#indexbody #Information{width:1200px;margin:0px auto;margin-bottom:50px;height:auto;overflow:hidden}
#indexbody #Information > #title{width:1200px;height:80px;border-bottom:1px #dcdcdc solid;position:relative;}
#indexbody #Information > #title > #text{background:#ffffff;width:200px;height:80px;line-height:30px;position:absolute;left:500px;top:45px;z-index:999;font-size:24px;color:#697B85;text-align:center;display:block;}
#indexbody #Information > #title > #text span{font-size:24px;color:#AEAEAE;font-family:Verdana, Aria, Helvetica, sans-serif, 宋体;text-align:center;display:block;}
#indexbody #Information > .infocon{width:350px;height:420px;margin:0;padding:0;margin-top:65px;margin-right:50px;float:left;overflow:hidden}
#indexbody #Information > .infocon .Infotitle{width:350px;height:40px;line-height:40px;color:#333333;text-align:left;border-bottom:1px #dcdcdc solid;overflow:hidden}
#indexbody #Information > .infocon .Infotitle >h3{width:250px;height:40px;line-height:40px;text-align:left;float:left;overflow:hidden}
#indexbody #Information > .infocon .Infotitle >h3 a{font-size:18px;color:#333333;}
#indexbody #Information > .infocon .Infotitle >span{width:100px;height:40px;line-height:40px;text-align:right;float:left;overflow:hidden}
#indexbody #Information > .infocon .Infotitle >span a{font-size:14px;color:#999999;}
#indexbody #Information > .infocon .Infopic{width:350px;height:100px;margin:15px auto;overflow:hidden}
#indexbody #Information > .infocon ul{width:350px;height:280px;margin:0;padding:0;overflow:hidden}
#indexbody #Information > .infocon ul li{background:url(../images/news_icon.jpg) left center no-repeat;width:335px !important;width:350px;padding-left:15px;text-align:left;height:30px;line-height:30px;display:block;overflow:hidden}
#indexbody #Information > .infocon ul li a{font-size:14px;}
/*首页内容css结束*/

.service{width:94%;max-width:1560px;height:auto;margin:2rem auto;overflow:hidden}

.service #New_news{width:720px;height:auto;float:left;overflow:hidden}
.service #New_news > #Nnewscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
.service #New_news > #Nnewscon ul{width:100%;height:auto;overflow:hidden}
.service #New_news > #Nnewscon ul li{width:46%;height:auto;margin:0rem 2%;margin-bottom:2rem;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;float:left;overflow:hidden}
.service #New_news > #Nnewscon ul li:hover{width:46%;height:auto;margin:0rem 2%;margin-bottom:2rem;border:1px #cc0000 solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */transform:scale(1.03);cursor: pointer;float:left;overflow:hidden}
.service #New_news > #Nnewscon ul li span{width:100%;height:240px;display:block;overflow:hidden}
.service #New_news > #Nnewscon ul li span img{width:100%;height:auto;display:block;overflow:hidden}
.service #New_news > #Nnewscon ul li p{width:100%;height:2rem;line-height:2rem;padding-left:15px;font-size:14px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.service #New_news > #Nnewscon ul li p img{width:auto;height:1rem;border:0;vertical-align:middle;}
.service #New_news > #Nnewscon a{font-size:14px;}

.service #todayNews{width:440px;height:auto;float:left;margin-left:40px;border-top:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;overflow:hidden}
.service #todayNews > #tn_title{width:25%;height:50px;line-height:50px;font-size:18px;color:#ff0000;font-weight:bold;padding-left:15px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-top:2px #ff0000 solid;float:left;overflow:hidden;}
.service #todayNews > #tn_con{width:100%;height:auto;overflow:hidden;}
.service #todayNews > #tn_con ul{width:100%;height:auto;overflow:hidden;}
.service #todayNews > #tn_con ul li{width:100%;height:30px;line-height:30px;display:list-item;list-style-type:disc;list-style-position:inside;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first{width:100%;height:100px;line-height:30px;list-style-type:none;color:#999999;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first #tncon_first_title{width:100%;height:40px;line-height:40px;text-align:center;font-size:18px;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first #tncon_first_title a{font-size:18px;font-weight:bold}

.frimenu{width:94%;height:45px;line-height:45px;font-family:微软雅黑, 'Microsoft Yahei', Arial, Helvetica, sans-serif,Verdana;font-size:14px;text-align:left;margin:0 auto;overflow:hidden}
.frimenu a{font-family:微软雅黑, 'Microsoft Yahei', Arial, Helvetica, sans-serif,Verdana;font-size:14px;}

@media screen and (max-width: 960px) {

#contentbody{width:100%;height:auto;margin:15px auto;margin-bottom:6.5em;overflow:hidden}
#contentbody > #left{width:94%;height:auto;margin:0 auto;margin-left:3%;overflow:hidden}
#contentbody > #right{width:0px;height:0px;display:none;overflow:hidden}

.website{width:100%;margin:1rem auto;overflow: hidden;}
.website #websiteTitle{width:100%;height:auto;margin:1rem auto;overflow:hidden}
.website #websiteTitle h2{width:100%;height:1.6rem;line-height:1.6rem;font-size:1.3rem;font-weight:bold;text-align:center;display:block;overflow:hidden}
.website #websiteTitle p{width:100%;height:1.5rem;line-height:1.5rem;font-size:0.9rem;text-align:center;color:#666666;display:block;overflow:hidden;text-transform: uppercase;}

ul.products {width: 100%;height:100%;margin:0 auto;margin-bottom:0;overflow: hidden;}
ul.products li{width:96%;margin-left:2%;float:left;margin-bottom:2rem;overflow: hidden;}
ul.products li:hover{width:96%;margin-left:2%;float:left;margin-bottom:2rem;overflow: hidden;}
.box {width:96%;margin-left:2%;float:left;margin-bottom:2rem;overflow: hidden;}     
/* 被选中的状态 */
.box.active {width:96%;margin-left:2%;float:left;margin-bottom:2rem;cursor: grabbing;overflow: hidden;}

#indexbody #cases{width:100%;margin:0px auto;height:auto;overflow:hidden}
#indexbody #cases > #title{width:100%;height:80px;line-height:40px;font-size:24px;color:#697B85;text-align:center;display:block;margin:2rem auto;}
#indexbody #cases > #title span{font-size:24px;color:#AEAEAE;font-family:Verdana, Aria, Helvetica, sans-serif, 宋体;text-align:center;display:block;}
#indexbody #cases > dl{width:50%;height:auto;margin:0;position:relative;float:left;overflow:hidden}
#indexbody #cases > dl:hover{width:50%;height:auto;margin:0;position:relative;float:left;overflow:hidden}

#indexbody #aboutus{background:#ececec url(../images/aboutus_bg.png) top center no-repeat;width:100%;margin:0px auto;margin-top:0;height:80vh;overflow-y: auto;}
 /* 隐藏滚动条但保持滚动功能 */
#indexbody #aboutus::-webkit-scrollbar {
            width: 0;
            background: transparent;
        }
        
        /* 兼容Firefox */
#indexbody #aboutus {
            scrollbar-width: none;
        }
        
        /* 兼容IE和Edge */
#indexbody #aboutus {
            -ms-overflow-style: none;
        }
#indexbody #aboutus > #title{width:96%;max-width:1560px;height:2rem;text-align:center;font-size:1.5rem;color:#ffffff;margin:0 auto;margin-top:2rem;margin-bottom:0.6rem;overflow:hidden}
#indexbody #aboutus > #abcon{width:96%;max-width:1560px;height:auto;margin:0 auto;text-align:left;line-height:1.5rem;color:#ffffff;overflow:hidden}
#indexbody #aboutus > #abcon a{color:#ffffff;font-size:14px;}
#indexbody #aboutus > #abcon img{width:50%;display:block;margin-bottom:1rem;margin:auto 25%;overflow:hidden}

.service #New_news{width:100%;height:auto;float:left;overflow:hidden}
.service #New_news > #Nnewscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
.service #New_news > #Nnewscon ul{width:100%;height:auto;overflow:hidden}
.service #New_news > #Nnewscon ul li{width:50%;height:auto;margin:0rem 0;margin-bottom:1rem;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;float:left;overflow:hidden}
.service #New_news > #Nnewscon ul li:hover{width:50%;height:auto;margin:0rem 0%;margin-bottom:1rem;border:1px #cc0000 solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */transform:scale(1.03);cursor: pointer;float:left;overflow:hidden}
.service #New_news > #Nnewscon ul li span{width:100%;height:auto;display:block;overflow:hidden}
.service #New_news > #Nnewscon ul li span > img{width:100%;height:40vw;display:block;overflow:hidden}
.service #New_news > #Nnewscon ul li p{width:100%;height:2rem;line-height:2rem;padding-left:15px;font-size:14px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.service #New_news > #Nnewscon ul li p img{width:auto;height:1rem;border:0;vertical-align:middle;}
.service #New_news > #Nnewscon a{font-size:14px;}

.service #todayNews{width:100%;height:auto;float:left;margin-left:0;border-top:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;overflow:hidden}
.service #todayNews > #tn_title{width:25%;height:50px;line-height:50px;font-size:18px;color:#ff0000;font-weight:bold;padding-left:15px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-top:2px #ff0000 solid;float:left;overflow:hidden;}
.service #todayNews > #tn_con{width:100%;height:auto;overflow:hidden;}
.service #todayNews > #tn_con ul{width:100%;height:auto;overflow:hidden;}
.service #todayNews > #tn_con ul li{width:100%;height:30px;line-height:30px;display:list-item;list-style-type:disc;list-style-position:inside;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first{width:100%;height:100px;line-height:30px;list-style-type:none;color:#999999;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first #tncon_first_title{width:100%;height:40px;line-height:40px;text-align:center;font-size:18px;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first #tncon_first_title a{font-size:18px;font-weight:bold}
}