@charset "utf-8";
/*重置*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background: #fff; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, select, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
button, input, select, textarea {font-size: 100%; border:none;}
a{text-decoration: none; color: #333;}
a:hover{ text-decoration:none; color:#C00;}
i{font-style:normal;}

/*通用*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.comWidth{width:980px; margin:0 auto; position:relative;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
.bd{border:1px solid #ccc;}

/*头部*/
.top{height:29px; line-height:29px; background:url(../images/top.jpg) repeat-x;}
.top span a{margin:0 7px;}

/*头部*/
.header{height:120px;}
.header .logo{width:265px; height:80px; margin-top:20px;}
.header .tel{height:60px; margin-top:40px; font-size:24px; color:#666;line-height: 30px;}
.header .tel img,.header .tel p{float: left;}
/*导航
.nav{height:40px; line-height:40px; background-color:#014b92;}
.nav ul li{width:122px; height:40px; float:left; text-align:center; background:url(../images/nav_line.jpg) no-repeat right center;}
.nav ul li a{display:block; width:122px; height:40px; font-size:14px; color:#fff; font-weight:bold;}
.nav ul li a:hover{color:#fff; background-color:#f0130b;}*/

/***************header****************/

.head{width: 100%;margin: 0 auto;height: auto; background: #014b92;}
.headers{width: 1000px;margin: 0 auto;height: 50px;}
.headers .nav{float: left;}
.headers .nav ul li{width: 111px;height: 50px;line-height: 50px;text-align: center;background: #014b92;}
.headers .nav ul li a{display: block;font-size: 16px;color:#fff;}
.headers .nav ul.submenu li{height: 50px;line-height: 50px;}
.headers .nav ul.submenu li:hover{height: 50px;line-height: 50px; background:#f0130b;}

/*轮播图*/
.banner{width:100%; height:500px; margin:0px auto; overflow:hidden; text-align:center; position: relative;margin-bottom: 20px;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1920px; height:500px; background:#fff; position:absolute; left: 50%; margin-left: -960px; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{cursor:pointer; width:45px; height:45px;  position:absolute; top:200px; left:25px; z-index:10; background:url(../images/prevBtn.png) no-repeat;}
#playBox .next{cursor:pointer; width:45px; height:45px; position:absolute; top:200px; right:25px; z-index:10; background:url(../images/nextBtn.png) no-repeat;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{margin:0 auto; width:120px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:20px; height:10px; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#ff7300; background-color:#ff7300;}

/*轮播图
.banner{width:100%; height:500px; margin:0 auto; overflow:hidden; text-align:center; padding-bottom:22px; background:url(../images/banner_bg.jpg) no-repeat bottom center;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{width:1920px; height:500px; margin:0 auto; background:#fff; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{cursor:pointer; width:45px; height:45px;  position:absolute; top:200px; left:25px; z-index:10; background:url(../images/prevBtn.png) no-repeat;}
#playBox .next{cursor:pointer; width:45px; height:45px; position:absolute; top:200px; right:25px; z-index:10; background:url(../images/nextBtn.png) no-repeat;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{margin:0 auto; width:100px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:20px; height:10px; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#ff7300; background-color:#ff7300;}*/

.keyPro{height:42px; line-height:42px; background:url(../images/keypro_bg.gif) repeat-x;}
.keyPro h3{float:left; margin-right:10px; font-size:12px;}
.keyPro ul{float:left;}
.keyPro ul li{float:left; margin-right:10px;}

.type li{float:left; width: 121px; height:130px; border-right: 1px dotted  #dfdfdf; text-align:center;}
.type li a{display: block; color: #444;}
.type li img{display: block; width: 60px; height: 60px; margin: 20px 30px; }
.type li a:hover{color: #bc9882;}
.type li a:hover img{  transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transition: all 1s; }

.device .bigDevice a{width: 475px; height:350px; position:relative; overflow:hidden; border-radius: 5px;}
.device a img{display: block; width: 100%; height: 100%; transition: all 1s; transform: scale(1.0);}
.device a:hover img{transform: scale(1.2);}
.device .bigDevice a h3,
.device .smallDevice a h3{position:absolute; left:0; bottom: 0; width: 100%; height:40px; line-height:40px; background: url(../images/pro.png); text-align:center; color:#fefefe; font-size:20px; font-weight:normal;}
.device .bigDevice a h3 b,
.device .smallDevice a h3 b{display:block; text-transform: uppercase; font-family: Helvetica,Arial; font-size: 30px; line-height: 40px; margin-bottom: 20px; padding-top: 110px;}
.device p{text-align:center; font-size:24px; line-height:30px;}
.device p span{color:#e51e1b;}

.smallDevice{width: 1000px; margin-right: -20px;}
.smallDevice a{float:left; width: 230px; height: 170px; margin-right:20px; position:relative; overflow:hidden; border-radius: 5px; margin-bottom: 30px; }
.device .smallDevice a h3{font-size: 16px; padding: 0;}
.device .smallDevice a h3 b{font-size: 16px; line-height: 20px; margin-bottom: 10px; padding-top: 40px;}
.caseInfo .smallDevice a h3{ transition: all 0.5s; }
.caseInfo .smallDevice a:hover h3{height: 40px; line-height:40px;  bottom: 0; margin: 0;}
.caseInfo .smallDevice a{margin-top: 30px;}

.device, .newsInfo, .aboutInfo{padding: 40px 0;}
.common-title{font-size:24px; margin: 0 auto 20px; font-weight:normal; text-align: center; background:url(../images/title_bg.png) no-repeat bottom center; padding-bottom: 30px;}
.aboutInfo p{line-height:30px; color:#666; font-size: 14px;}
.infoMore{display:block; width: 160px; height: 34px; line-height:34px; text-align:center; color:#999; border:1px solid #ebebeb; margin: 15px auto 0; border-radius:5px; font-size: 14px; transition: all 1s ease-in-out;}
.infoMore:hover{background-color: #bc9882; color:#fff;}
.aboutInfo .fl{width: 350px;}
.aboutInfo .fr{width: 600px;}

.business{padding: 60px 0; background:url(../images/business_bg.jpg) bottom center; color:#fff;}
.business h3{font-size: 30px; text-align:center; margin-bottom: 40px;}
/*
.business-item{float:left; width:286px; padding: 0 20px; font-size: 14px; line-height: 30px;}
.business-item h3{text-align: center; font-size: 40px; line-height: 40px; margin-bottom: 20px;}
.business-item h4{text-align: center; font-size: 22px; line-height: 30px; margin-bottom: 20px; font-weight:normal;}
*/
.business-item{float:left; width:326px;  font-size: 14px; line-height: 30px;}
.business-item div{width: 200px; height: 200px; border-radius: 50%; text-align: center; background-color: #009966; margin: 0 auto; transition: all 0.5s;}
.business-item div:hover{background-color: #e70011;}
.business-item div img{display: block; width: 128px; height: 110px; margin: 30px auto 0px; padding-top:30px;}
.business-item div h4{font-size: 16px; font-weight: normal;}
.business-item p{text-align: center; font-size: 14px; margin-top: 15px;}

.ys{background: url(../images/ys.jpg) no-repeat top center; height: auto; overflow:hidden; padding: 60px 0 80px 0; color:#fff;}
.ys-title{text-align: center; margin-bottom: 80px;}
.ys-title h3{font-size: 30px; line-height: 30px; margin-bottom: 20px;}
.ys-title h4{font-size: 24px; font-weight: normal;}
.ysCon{width:410px;  }
.ysCon b{display: block; font-size: 24px;  line-height: 60px; height: 60px; border-bottom: 1px solid #4b4545; margin-bottom: 5px;}
.ysCon p{font-size: 14px; line-height: 30px; padding: 5px 0;}
.ys02,.ys03,.ys04{padding-top: 95px;}
.ys02,.ys04{text-align: right;}
.ys01{ margin-right:360px;}
.ys02{ margin-left:300px;}
.ys03{ margin-right:280px;}
.ys04{ margin-left:300px;}


.service{padding: 60px 0; }
.service-item{float:left; width: 205px; padding: 0 20px; font-size: 14px; line-height: 30px;}
.service-item img{display: block; width: 80px; height: 80px; margin: 0 auto;}
.service-item h4{font-size: 20px; text-align:center; margin: 20px auto;}
.service-item h4:after{content:''; display: block; width:100px; height: 2px; background:#bc9882; margin:10px auto 20px;}

.newsInfo li{float:left; width: 450px; padding: 20px; border-bottom: 1px dashed #ebebeb; margin-top: 30px;}
.newsInfo li .date{width: 93px; height:81px; background:url(../images/01.png) center no-repeat; color:#fff; margin-right: 20px; text-align: center; }
.newsInfo li .news-item{width: 335px;}
.newsInfo li .date span{display: block; font-size: 14px; line-height: 20px; margin: 15px 0 5px;}
.newsInfo li .date b{display: block; font-size: 18px; line-height:30px;}
.newsInfo li .news-item a{display: block; font-size: 18px; line-height: 30px;}
.newsInfo li .news-item p{font-size: 14px; line-height:30px; color:#666;}

.comPlanWidth{width:1000px; margin:0 auto; position:relative;}
.banner-plan{height: 380px; background:url(../images/banner_plan.jpg) no-repeat top center;}
.planInfo{height: 320px; background: url(../images/plan_info.jpg) no-repeat top center; padding: 30px 0;}
.planInfo span{position:absolute; left:380px; top: 8px; width: 108px; height: 24px; line-height: 24px; font-size: 14px; color:#fff;}
.planInfo p{font-size: 16px; line-height: 30px; position:absolute; left:370px; top: 60px; width: 360px; text-indent:2em;}

.planNav{width:150px; position:fixed; top:40%; left:2%; z-index:20;}
.planNav li{height: 30px; margin-bottom: 20px;}
.planNav li a{display: block; height: 30px; line-height:30px; text-align:center; border:2px solid #fff; font-size:20px; color:#fff;}

.slideTxtBox{ width:1000px; height: 480px; border:1px solid #4285f4; overflow: hidden;}
.slideTxtBox .hd{ height:34px; line-height:34px; border-bottom:1px solid #4285f4;  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:0; top:0; height:34px;}
.slideTxtBox .hd ul li{ float:left; width:199px; height:34px; text-align: center; font-size: 14px; border-right:1px solid #4285f4; cursor:pointer;}
.slideTxtBox .hd ul li.on{ height:34px;  background:#4285f4; color: #fff;}
.slideTxtBox .bd ul{ padding:15px; zoom:1;}
.slideTxtBox .bd ul .fl{width: 200px;}
.slideTxtBox .bd ul .fr{width: 740px; height: 420px;}
.slideTxtBox .bd ul .fl span{display: block; font-size: 18px; line-height: 40px; margin-bottom: 20px;}
.slideTxtBox .bd ul .fr img{display: block; width: 740px; height: 420px;}


#part2 ul{width: 570px;}
#part2 li{border:1px dashed #898a86; padding: 10px; border-left: 4px solid #535353 ; border-right: 4px solid #535353; margin-bottom: 10px;}
#part2 li span{display: block; border-left: 5px solid #db4437; padding-left: 10px; height: 16px; line-height: 16px; margin-bottom: 15px; font-size: 14px;}
#part2 li p{line-height: 26px; font-size: 14px;}
#part2 .fr{width: 400px;}
#part2 img{display: block; width: 400px; height: 440px;}

.planTitle{background-color:#4285f4; height:100px; line-height:100px; text-align:center; font-size: 36px; color:#fff;}
#part1 .planTitle, .part1Nav{background-color:#4285f4;}
#part2 .planTitle, .part2Nav{background-color:#db4437;}
#part3 .planTitle, .part3Nav{background-color:#ff9800;}
#part4 .planTitle, .part4Nav{background-color:#0f9d58;}
#part5 .planTitle, .part5Nav{background-color:#db4437;}
.comPlanWidth{margin: 30px auto;}
.comPlanWidth h4{text-align:center; height: 64px; line-height:64px; font-size: 24px; color:#595757; font-weight:normal;}
.comPlanWidth p{line-height: 30px; font-size: 14px;}
#part4 img{width:425px;}
#part4 .serviceCon{width: 545px;}
#part4 p{line-height: 30px; background:url(../images/icon_service.png) no-repeat left center; padding-left:20px;}
#part5 img{display: block; margin: 10px auto;}

.partCompany > .fl{width: 407px; height:304px;}
.partCompany > .fr{width:584px;}
.partCompany .clear img{width:292px;}
.partSystem{width: 1020px; margin-right:-20px;}
.partSystem div{width: 235px; height:270px; overflow: hidden; position:relative; margin-right: 20px;}
.partSystem div img{display: block; width: 235px; height:270px;}
.partSystem div span{position: absolute; left: 0; bottom: 0; display: block; width:100%; height: 30px; line-height: 30px; background-color:#ff9800; text-align: center; color: #fff; font-size: 14px;}

.investmentList{padding: 10px;}
.investmentList li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc;}
.investmentList li .fl{width: 270px; height: 180px;}
.investmentList li .fl img{display: block; width: 270px; height: 180px;}
.investmentList li .fr{width: 440px; height: 180px;}
.investmentList li h4{font-size: 18px; font-weight: normal; padding: 10px 0; line-height: 20px;}
.investmentList li p{line-height: 26px; color:#666; font-size: 14px;}
.investmentList li span a{font-size: 14px; color: #fd0101;}

/*主要内容区*/
.title01{height:36px; line-height:36px; background:url(../images/title01.jpg) no-repeat;}
.title01 h3{font-size:16px; color:#fff; margin-left:20px;}
.title01 h3 span{font-size:12px; font-weight:normal; margin-left:10px; color:#ccc;}
.list{width:208px; border:1px solid #ccc; overflow:hidden;}
.list ul{width:188px; padding:10px; background:#F2F2F2; /*height:395px;*/}
.list li{width:188px; height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #ccc; background:url(../images/icon01.jpg) no-repeat left center; font-size:14px; font-weight:bold;}
.list li a{margin-left:20px;}

.title02{height:34px; line-height:34px; background:url(../images/title02.jpg) repeat-x; padding:0 10px; border-bottom:1px solid #ccc; }
.title02 h3{float:left; font-size:16px; background:url(../images/icon03.jpg) no-repeat left center; padding-left:15px}
.title02 .more{float:right; font-size:12px;}
.title02 p{float:right;}
.hotPro{width:758px; border:1px solid #ccc; overflow:hidden;}
.hotPro ul{margin:15px 0 0; overflow:hidden;}
.hotPro ul li{width:239px; float:left; margin:0 0 0 10px; display:inline;}
.hotPro ul li img{display:block; width:237px; height:164px; border:1px solid #ccc; overflow:hidden;}
.hotPro ul li strong{display:block; height:30px; line-height:30px; text-align:center; font-weight:normal;}

.ys{}
.ysTit{text-align:center; border-bottom:1px solid #ccc;  padding-bottom:10px;}
.ysTit h3{font-size:40px; line-height:40px;}
.ysTit h3 span{color:#cc0000; font-family:impact; font-size:42px; margin-right:5px;}
.ysTit p{line-height:20px; font-size:20px; font-weight:bold; margin-top:15px; color:#999; font-family:Arial;}
.ysList{}
.ysList li{width:940px; height:200px; margin:0 auto; padding:40px 0; background:url(../images/ys_bottom.jpg) no-repeat bottom center;}
.ysTxt{width:470px;}
.ysTxt h4{width:470px;}
.ysTxt h4 i{float:left; width:54px; height:58px; text-align:center; font-family:impact; line-height:46px; font-size:30px; color:#fff; background:url(../images/num.jpg) no-repeat;}
.ysTxt h4 span{float:right; width:400px; height:50px; line-height:50px; font-size:26px; border-bottom:1px dashed #666; color:#1974B8;}
.ysTxt p{width:400px; margin-left:70px; font-size:14px; line-height:30px; margin-top:15px; clear:both;}
.ysImg{width:350px; height:200px;}

.title03{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.title03 h3{float:left; font-size:16px; background:url(../images/title03.png) no-repeat left center; padding-left:30px;}
.title03 h3 span{font-size:14px; color:#666; margin-left:10px;}
.title03 .more{float:right;}
.caseList{position:relative; width:980px; height:194px;}
#scrollCon{width:926px; position:absolute; left:27px; top:20px; overflow:hidden;}
.caseList li{float:left; width:216px; margin-right:20px;}
.caseList li img{width:216px; height:160px;}
.caseList li p{height:30px; line-height:30px; text-align:center; font-size:12px;}
.leftBtn{display:block; width:17px; height:160px;  position:absolute; left:0; top:20px; background:url(../images/btn_left.png) no-repeat;}
.rightBtn{display:block; width:17px; height:160px; position:absolute; right:0; top:20px; background:url(../images/btn_right.png) no-repeat;}

.about{width:650px;}
.aboutTxt{padding:10px 0; font-size:14px;}
.aboutTxt img{width:280px; height:200px; float:left; margin-right:15px; border:1px solid #ccc;}
.proShow{width:300px;}
.proShowCon{width:300px; height:200px; overflow:hidden; margin:10px 0;}

.article{background-color:#F9F9F9; background:url(../images/bottom.png) no-repeat bottom center; padding-bottom:56px;}
.title04{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.title04 h3{font-size:16px; float:left;}
.title04 h3 span{font-size:30px; font-weight:normal; margin-right:5px; color:#014b92;}
.title04 .more{float:right;}
.news{width:340px; border-right:1px dashed #ccc; padding-right:20px; overflow:hidden;}
.fahuo{width:340px; border-right:1px dashed #ccc; padding:0 20px; overflow:hidden;}
.newsList{padding:10px 0;}
.newsList li{height:30px; line-height:30px; background:url(../images/icon02.png) no-repeat left center; vertical-align:middle; border-bottom:1px dashed #999;}
.newsList li a{float:left; margin-left:16px; display:inline;}
.newsList li span{float:right; color:#666;}
.contact{width:218px; padding-left:20px;}
.contactTxt{padding:10px;}

/* .footer{text-align:center; line-height:30px; background:#2E5882; color:#fff; padding:20px 0;}*/
.flink{ padding:5px 0; color:#ABA9A9;}
.flink span{}
.flink a{margin:0 5px; color:#ABA9A9;}
.footer{background-color: #323232; border-top: 5px solid #bf241a; border-top: 5px solid #1E589B; padding: 15px 0; color: #fff; font-size: 14px;}

.footer-contact{width: 81%; margin-left: 1%;}
.footer-code{width: 17%;}
.footer-code p{
    font-size:12px;
}
.footer-con h3{font-size: 18px; line-height: 40px; color: #e7cb2b; font-weight: normal;}
.footer-contact ul{float:left; width: 49%;}
.footer-contact li{height: 40px; line-height: 30px;}
.footer-contact li a.footer-qq{display: inline-block; width: 70px; height: 26px; line-height: 26px; margin-top: 12px; color: #fff; background: #e51e1b url(../images/qq.gif) no-repeat 25px center; margin-right: 10px; padding-left: 45px;}
.footer-contact li a.footer-qq:hover{text-decoration: none;}
.footer-code img{display: block; width: 150px; height: 150px; margin-bottom: 5px;}
.footer-bottom{border-top: 2px solid #e7cb2b; padding-top: 15px; margin-top: 15px; text-align: center;}
.di{
    width:100%;
    margin:20px auto;

}

/*单页*/
.sidebar{width:210px; overflow:hidden;}
.main{width:760px; overflow:hidden; line-height:30px; border:1px solid #ccc; height:auto; padding-bottom:20px;}
.sideContact{width:208px; border:1px solid #ccc; overflow:hidden;}
.mainCon{ height:auto; overflow:hidden; width:100%; float:left;}
.mainTxt{padding:10px; font-size:14px;}

/*文章列表页*/
.mainNewsList{padding:10px;}
.mainNewsList li{height:32px; line-height:32px; background:url(../images/icon02.png) no-repeat left center; vertical-align:middle; border-bottom:1px dashed #999;}
.mainNewsList li a{float:left; margin-left:16px; display:inline;}
.mainNewsList li span{float:right; color:#666;}





/*产品列表页*/
.mainProList{margin:15px 0 10px; overflow:hidden;}
.mainProList li{width:239px; float:left; margin:0 0 0 10px; display:inline; border:1px solid #ccc;}
.mainProList li img{display:block;  overflow:hidden;}
.mainProList li strong{display:block; height:30px; line-height:30px; text-align:center; font-weight:normal;}

/*产品内容页*/
.mainConTit{height:40px; line-height:40px; text-align:center; font-size:18px; margin-bottom:10px;}
.mainConAuthor{height:32px; line-height:32px; margin-bottom:20px; text-align:center; border-top:1px dashed #ccc;}
.mainConAuthor span{margin:0 10px;}
.mainImg{display:block; width:400px; height:300px; border:1px solid #ccc; margin:20px auto;}
.mainXq{height:26px; line-height:26px; font-size:15px; color:#fff; border-bottom:2px solid #0078c4; margin-bottom:20px;}
.mainXq h3{width:90px; height:26px; background-color:#0078c4; text-align:center;}
.content{font-size:14px;}

.xgwz h3,
.xgcp h3{height:30px; line-height:30px; background-color:#1E589B; color:#fff; font-size:14px; text-indent:10px;}
.xgwz ul{padding:10px 0; overflow:hidden; font-size:12px;}
.xgwz ul li{width:45%; height:30px; line-height:30px; float:left; margin-left:20px; display:inline; border-bottom:1px dashed #ccc; background:url(../images/icon02.png) no-repeat left center; vertical-align:middle;}
.xgwz ul li a{float:left; margin-left:10px; display:inline;}
.xgwz ul li span{float:right;}
.xgcp ul{margin:15px 0 10px; overflow:hidden;}
.xgcp li{width:236px; float:left; margin:0 0 10px 10px; display:inline;}
.xgcp li img{display:block; width:234px; height:164px; border:1px solid #ccc; overflow:hidden;}
.xgcp li strong{display:block; height:30px; line-height:30px; text-align:center; font-weight:normal;}

.img-pircure{padding: 20px 10px;}
.img-group{width: 380px; padding: 5px; border: 1px solid #aeaeae;}
.fancybox img{width: 100%; height: 280px;}
#gallery_nav{margin-top: 5px; overflow: hidden;}
#gallery_nav img{width: 23%; height: 70px; margin: 0 1%; float: left;}
.img-info{width: 320px;}
.img-info h1{font-size: 24px; color: #ec402c;}
.img-info ul{border-top: 2px dashed #a4a4a3; border-bottom: 2px dashed #a4a4a3; line-height: 34px; font-size: 14px; overflow: hidden; margin: 20px 0 0;}
.img-info ul li{float:left; width: 50%;}
.img-info .freetel{display: block; width: 300px; height: 100px; margin: 0 auto;}
.img-info .qqask{width: 138px; margin: 0 auto;}
.img-info .qqask a{display: block; margin-bottom: 5px;}
.img-con{padding: 0 10px;}
.img-con > div{display:none;}
.img-con .tab{overflow:hidden;}
.img-con .tab li{float:left;width:24%;height:30px;background:#f8f8f8;color:#333;border:1px solid #ccc; text-align:center;height:35px;line-height:35px;cursor:pointer;font-size:16px; border-bottom: 1px solid #c00;}
.img-con .on{display:block;}
.img-con .tab li.cur{background:#c00; color:#fff;}
.img-con .img-con-title{height: 40px; line-height: 40px; background-color:#bab8af; padding: 0 10px; font-size: 14px; color: #000; margin: 15px 0;}
.img-con input,
.img-con textarea{border: 1px solid #ccc; padding: 5px 10px; margin-bottom: 10px;}


/*分页*/
.page{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:30px;}


.piao{
    width: 161px;
    border-radius: 5px;
    overflow: hidden;
    right: 20px;
    top: 60%;
    z-index:10000000;
    position: fixed;
    height:202px;
}
.piao h3{
    font-size:16px;
    color:#F78686;
    text-align:center;
}
.piao img{
    width:100%;
    height:auto;
}



/*新增*/
.cplb3{ width:760px; height:auto; overflow:hidden; float:left; margin-top:20px;}
.cplb3 ul{ float:left; }
.cplb3 ul li{width:239px; height:200px; float:left; text-align:center;font-family:"Microsoft YaHei"; margin:0 0 0 10px; background:#FFFFFF;}
.cplb3 ul li a{ display:block; width:239px; height:200px; float:left;}
.cplb3 ul li a:hover{}
.cplb3 ul li a:hover .alnm2{color:#fff;background:#00aa14;}
.ver_pic3{width:237px;height:164px; text-align:center;position:relative;display:table-cell;vertical-align:middle;border: 1px solid #ccc;}
.alnm3{ display:block; float:left;width:239px; height:30px; background:#fff; color:#333;text-align:center; font-size:12px;line-height:30px; }

.alpic{ *position:absolute;top:50%;left:50%;}
.alpic img{ *position:relative;top:-50%;left:-50%;}

.img-info .freetel{display: block; width: 300px; height: auto; overflow:hidden; padding-bottom:10px; margin: 0 auto;font-size:18px; font-weight:bold; color:#CC3300; line-height:24px; padding-top:15px;}

/*售后服务*/
.serviceBox{width: 1200px;height: auto;padding:70px 0 70px;margin:0 auto;}
.serviceBox h1{display: block;text-align: center;color: #4a4a4a;font-size: 30px;letter-spacing: 2px;margin-bottom: 40px;}
.serviceBox{width: 1200px;height: auto;padding:70px 0 70px;margin:0 auto;}
.serviceBox h1{display: block;text-align: center;color: #4a4a4a;font-size: 30px;letter-spacing: 2px;margin-bottom: 40px;}
.service-home{width: 1260px;margin-bottom: 20px;}
.service-home ul li{float: left;width: 340px;height: 120px;padding:20px;margin-right:40px;position: relative;}
.service-home ul li img{display: block;float: left;width: 80px;height: 80px;}
.service-home ul li i{display: block;width: 4px;height: 40px;background: #f08300;position: absolute;left: 118px;top: 40px;}
.service-home ul li h2{display: block;float: right;width: 220px;line-height: 30px;color: #4a4a4a;font-size: 20px;letter-spacing: 1px;}
.service-home ul li p{display: block;float: right;width: 220px;line-height: 20px;text-align: justify;font-size: 12px;color: #666;}
.mr40 {margin-right: 3.36%;}
.service_process_1_l {width: 48.3%;float: left;}
.process_b b {font-size: 24px;color: #f08300;height: 24px;line-height: 24px;margin-top: 40px;display: block;margin-bottom: 8px;font-weight: 100;}
.process_b p{display: block;line-height: 24px;color: #666;}
.service_process_1_r {float: left;width: 48%}
.service_process_1_r img{display: block;width: 100%;height: 277px;}
.serviceBox .list1{width: 1200px;height: 200px;margin: 70px 0;}
.serviceBox .list1 ul li{float: left;width: 178px;height: 198px;border:solid 1px #ebebeb;margin:0 60px;border-radius: 10px;}
.serviceBox .list1 ul li img{display: block;width: 78px;height: 78px;margin:35px auto 34px;}
.serviceBox .list1 ul li span{display: block;width: 160px;height: 50px;border-top: solid 1px #ebebeb;color: #f08300;line-height: 50px;text-align: center;margin:0 auto;}

.service2{width: 1200px;height:277px;margin:0 auto 70px;}
.service2 img{display: block;width: 599px;height: 277px;float: left;}
.service2 .right{width: 519px;height: 175px;padding:50px 40px;border:solid 1px #f08300;float: right;border-radius: 0 10px 10px 0;border-left: none;}
.service2 .right h3{display: block;line-height: 40px;font-size: 24px;color: #333;}
.service2 .right p{display: block;line-height: 24px;color: #666;margin:20px 0 28px;}
.service2 .right a{display: block;width: 140px;height:40px;background: #f08300;color: #fff;text-align: center;line-height: 40px;border-radius: 5px;}
.serviceBox .list2{width: 1200px;height: auto;padding:0; overflow:hidden;}
.list2{width: 1200px;height: auto;padding:70px 0;margin:0 auto;}
.list2 ul li{float: left;width: 344px;height: 60px;padding:27px 0;border:solid 1px #ebebeb;margin-right: 81px;border-radius: 10px;}
.list2 ul li:nth-last-child(1){margin-right: 0;}
.list2 ul li img{display: block;float: left;width: 55px;height: 60px;padding:0 32px;border-right: solid 1px #ebebeb;margin-right: 32px;}

.list2 ul li a img{display: block;float: left;width: auto;height: auto;border: none;margin: 0;}

.list2 ul li p{display: block;float: left;width: 160px;line-height: 30px;color: #666}
.list2 ul li a{display: block;float: left;width: 160px;line-height: 150%;color: #f08300;text-decoration: underline;}
.list2 ul li span{display: block;float: left;width: 160px;line-height:150%;color: #f08300;font-size:16px;font-weight: 600;}
.list2 h1{display: block;text-align: center;color: #4a4a4a;font-size: 30px;letter-spacing: 2px;margin-bottom: 40px;}