@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:4rem;line-height:4rem;font-size:24px;font-weight:bold;text-align:center;letter-spacing:20px;display:block;overflow:hidden}
.website #websiteTitle p{width:100%;height:3rem;line-height:3rem;font-size:16px;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.pritem {float: left;width: 217px;display: inline;margin-right: 23px;overflow: hidden;}
ul.products li.pritem .inner {float: left;width: 654px;height: 262px;}
ul.products li.on {	width: 434px;	border-left: none;}
ul.products li.on .inner {margin-left: -218px;}	

ul.products li.pritem .inner .left,ul.products li.pritem .inner .mid {float: left;	width: 218px;	height: 262px;	text-align: center;	color: white;}

ul.products li.pritem .inner .left .sign {display: block;width: 136px;height: 48px;	margin: 0 auto;	margin-top: 50px;	padding: 2px 0 0 50px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */	font-size: 16px;	text-align: center;	color: white;}
ul.products li.pritem .inner .left .sign > span,ul.products li.pritem .inner .mid .mid-of > span {	font-size: 18px;	letter-spacing: 3px;}

ul.products li.pritem .inner .left .of {display: block;	margin-top: 15px;	line-height: 24px;	text-align: center;	color: white;}
ul.products li.pritem .inner .left button[type=button] {width: 98px;height: 23px;margin-top: 32px;line-height: 23px;border: 1px solid white;background: none;color: white;}

ul.products li.pritem .inner .mid .mid-of {padding-top: 74px;line-height: 30px;}
ul.products li.pritem .inner .mid button[type=button]{width:100px;height:25px;margin-top:36px;line-height:25px;font-size:12px;border:none;background:white;color:rgb(0,117,194);}

ul.products li.pritem .inner .right {float:left;width:215px;height:262px;border: 1px solid rgb(0,117,194);border-left: none;}
ul.products li.pritem .inner .right > a {line-height:2.4rem;padding:18px 10px;font-size:12px;text-align:left;color:rgb(85,85,85);box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */display:block;overflow:hidden}

ul.products li.pritem .inner .first {background: url(../images/one_17.png) no-repeat;}
ul.products li.pritem .inner .second {background: url(../images/one_18.png) no-repeat;}
ul.products li.pritem .inner .third {background: url(../images/one_19.png) no-repeat;}
ul.products li.pritem .inner .fourth {background: url(../images/one_21.png) no-repeat;}
ul.products li.pritem .inner .left .sign-one {background: url(../images/one_20.png) no-repeat;background-position: 0 50%;}
ul.products li.pritem .inner .left .sign-two {background: url(../images/one_24.png) no-repeat;background-position: 0 50%;}
ul.products li.pritem .inner .left .sign-three {background: url(../images/one_22.png) no-repeat;background-position: 0 50%;}
ul.products li.pritem .inner .left .sign-four {background: url(../images/one_23.png) no-repeat;background-position: 0 50%;}

/*---------- 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 #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}

#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}
}