@import url(base.css); /*reset*/
/*轮播图*/
.slideBox { width: 100%; min-width: 1000px; overflow: hidden; position: relative; text-align: center; height: 550px; }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd ul { width: 100% !important }
.slideBox .bd li { width: 100% !important; zoom: 1; vertical-align: middle; height: 550px; }
.slideBox .hd { width: 100%; left: 0; position: absolute; bottom: 20px; z-index: 1; text-align: center; }
.slideBox .hd ul { overflow: hidden; display: inline-block; *display: inline; *zoom: 1; }
.slideBox .hd li { width: 20px; height: 20px; float: left; margin: 0 6px; border-radius: 50%; background: url(/images/hd.png) no-repeat center; text-indent:-9999px; cursor:pointer; overflow:hidden; }
.slideBox .hd li.on { background: url(/images/hdon.png) no-repeat center; }
.slideBox .prev, .slideBox .next { display: none; }

.products { width: 100%; height: 1218px; overflow: hidden; text-align: center; }
.products .toptitle { margin-top: 23px; }
.products .toptitle h2 { height: 89px; line-height: 89px; color: #0f0f0f; font-size: 35px; font-weight: normal; }
.products .toptitle .txt { color: #0f0f0f; font-size: 15px; line-height: 20px; }
.products .toptitle .txt a { font-weight: bold; margin-left: 12px; }
.slideTxtBox { width: 100%; margin-top: 47px; }
.slideTxtBox .hd { width: 100%; height: 144px; position: relative; }
.slideTxtBox .hd ul { float: right; text-align: center; }
/*.slideTxtBox .hd ul li { width: 234px; height: 66px; padding: 78px 9px 0 7px; float: left; color: #fff; cursor:pointer; font-size: 20px; font-weight: bold; margin-right: 7px; }
.slideTxtBox .hd ul .li1 { background: url(/images/nav1.png) no-repeat top; }
.slideTxtBox .hd ul .li2 { background: url(/images/nav2.png) no-repeat top; }
.slideTxtBox .hd ul .li3 { background: url(/images/nav3.png) no-repeat top; }
.slideTxtBox .hd ul .li4 { background: url(/images/nav4.png) no-repeat top; }
.slideTxtBox .hd ul .li5 { margin-right: 0; background: url(/images/nav5.png) no-repeat top; }
.slideTxtBox .hd ul .li1.on { background: url(/images/navon1.png) no-repeat top; }
.slideTxtBox .hd ul .li2.on { background: url(/images/navon2.png) no-repeat top; }
.slideTxtBox .hd ul .li3.on { background: url(/images/navon3.png) no-repeat top; }
.slideTxtBox .hd ul .li4.on { background: url(/images/navon4.png) no-repeat top; }
.slideTxtBox .hd ul .li5.on { background: url(/images/navon5.png) no-repeat top; }*/

.slideTxtBox .hd ul li { width: 135px; height: 135px; padding: 78px 9px 0 7px; float: left; color: #fff; cursor:pointer; font-size: 20px; font-weight: bold; margin-right: 7px; }
.slideTxtBox .hd ul .li1 { background: url(/images/index_05.jpg) no-repeat top; }
.slideTxtBox .hd ul .li2 { background: url(/images/index_07.jpg) no-repeat top; }
.slideTxtBox .hd ul .li3 { background: url(/images/index_09.jpg) no-repeat top; }
.slideTxtBox .hd ul .li4 { background: url(/images/index_11.jpg) no-repeat top; }
.slideTxtBox .hd ul .li5 { background: url(/images/index_13.jpg) no-repeat top; }
.slideTxtBox .hd ul .li6 { background: url(/images/index_15.jpg) no-repeat top; }
.slideTxtBox .hd ul .li7 { background: url(/images/index_17.jpg) no-repeat top; }
.slideTxtBox .hd ul .li8 { margin-right: 0; background: url(/images/index_19.jpg) no-repeat top; }
.slideTxtBox .hd ul .li1.on { background: url(/images/index_05_on.jpg) no-repeat top; }
.slideTxtBox .hd ul .li2.on { background: url(/images/index_07_on.jpg) no-repeat top; }
.slideTxtBox .hd ul .li3.on { background: url(/images/index_09_on.jpg) no-repeat top; }
.slideTxtBox .hd ul .li4.on { background: url(/images/index_11_on.jpg) no-repeat top; }
.slideTxtBox .hd ul .li5.on { background: url(/images/index_13_on.jpg) no-repeat top; }
.slideTxtBox .hd ul .li6.on { background: url(/images/index_15_on.jpg) no-repeat top; }
.slideTxtBox .hd ul .li7.on { background: url(/images/index_17_on.jpg) no-repeat top; }
.slideTxtBox .hd ul .li8.on { background: url(/images/index_19_on.jpg) no-repeat top; }

.slideTxtBox .bd { height: 767px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 25px; }
.slideTxtBox .bd ul { /*padding-top: 40px;*/ zoom: 1; overflow: hidden; width:100%; }
.slideTxtBox .bd li { width: 286px; float: left; margin: 0 33px 18px 7px; }
.slideTxtBox .bd li.last { margin-right: 0; }
.slideTxtBox .bd li img { width: 286px; height: 286px; display:block; vertical-align: top; }
.slideTxtBox .bd li .txt { width: 100%; line-height: 59px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.products .more { display: block; margin: 30px auto 0; color: #fff; font-size: 16px; width: 175px; height: 42px; line-height: 42px; padding-bottom: 28px; background: url(/images/more.png) no-repeat center; }



.aboutus { width: 100%; height: 657px; background: url(/images/aboutusbg.jpg) no-repeat center; text-align: center; }
.aboutus .box { overflow: visible; }
.aboutus .toptitle { margin-top: 26px; color: #fff; }
.aboutus .toptitle h2 { height: 87px; line-height: 87px; font-size: 35px; font-weight: normal; }
.aboutus .toptitle .txt { font-size: 15px; line-height: 20px; }
.aboutus .toptitle .txt a { font-weight: bold; color: #fff; margin-left: 12px; }
.aboutus .left { width: 540px; height: 403px; border: 2px solid #fff; margin: 40px 0 0 31px; position: relative; overflow: visible; }
.aboutus .left img { position: absolute; left: -33px; top: 25px; width: 544px; height: 407px; z-index: 10; }
.aboutus .right { width: 610px; text-align: left; margin-top: 74px; }
.aboutus .right h2 { color: #fff; font-size: 28px; line-height: 38px; }
.aboutus .right .line { width: 43px; height: 3px; background: #b9b9b9; margin: 27px 0; }
.aboutus .right .txt { color: #fff; font-size: 16px; line-height: 24px; }
.aboutus .right .more { text-align: center; display: block; width: 155px; height: 42px; line-height: 42px; color: #1760be; font-size: 16px; background-color: #fff; border-radius: 5px; margin-top: 43px; }
.case { width: 100%; height: 851px; background-color: #eeeeee; text-align: center; overflow: hidden; }
.case .toptitle { margin-top: 23px; }
.case .toptitle h2 { height: 89px; line-height: 89px; color: #0f0f0f; font-size: 35px; font-weight: normal; }
.case .toptitle .txt { color: #0f0f0f; font-size: 15px; line-height: 20px; }
.case .toptitle .txt a { font-weight: bold; margin-left: 12px; }
.picMarquee-left { width: 1365px; height: 187px; overflow: hidden; position: relative; margin: 40px auto 0; }
.picMarquee-left .tempWrap { width: 1265px !important; }
.picMarquee-left .hd { overflow: hidden; height: 92px; position: absolute; top: 26px; left: 0; width: 100%; }
.picMarquee-left .hd .prev, .picMarquee-left .hd .next { display: block; width: 50px; height: 92px; float: left; overflow: hidden; cursor: pointer; background: url(/images/icoleft.png) no-repeat center; }
.picMarquee-left .hd .next { background: url(/images/icoright.png) no-repeat center; float: right; }
.picMarquee-left .hd .prev:hover { background: url(/images/icolefth.png) no-repeat center; }
.picMarquee-left .hd .next:hover { background: url(/images/icorighth.png) no-repeat center; }
.picMarquee-left .bd { padding: 0 50px; }
.picMarquee-left .bd ul { overflow: hidden; zoom: 1; }
.picMarquee-left .bd ul li { margin-right: 24px; float: left; _display: inline; overflow: hidden; text-align: center; }
.picMarquee-left .bd ul li .pic { text-align: center; padding-bottom:25px;  background:url(/images/casebg.png) no-repeat center bottom; }
.picMarquee-left .bd ul li .pic img { width: 234px; height: 138px; display: block; }
.case .links { width: 100%; overflow: hidden; border-top: 1px solid #cccccc; padding-top: 10px; }
.case .links li { width: 395px; height: 181px; padding: 6px 10px 14px 7px; background: url(/images/libg.png) no-repeat center; text-align: left; margin: 17px 22px 0 0; overflow: hidden; float: left; }
.case .links li.last { margin-right: 0; }
.case .links li .title { padding: 0 17px; margin-top: 20px; overflow: hidden; }
.case .links li .title .left { font-size: 0; }
.case .links li .title .left img { width: 62px; height: 66px; }
.case .links li .title .txt { width: 280px; float: right; }
.case .links li .title .txt h2 { color: #000000; font-size: 22px; font-weight: normal; line-height: 28px; }
.case .links li .title .txt .eng { color: #b0b0b0; font-size: 12px; line-height: 16px; margin-top: 2px; }
.case .links li .title .txt .line { width: 49px; height: 2px; margin-top: 7px; }
.case .links li .wenzi { line-height: 24px; height: 72px; padding: 0 20px; color: #000000; font-size: 14px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 3; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ margin-top: 8px; }
.case .links li.li1 .line { background-color: #ff4949; }
.case .links li.li2 .line { background-color: #0167a5; }
.case .links li.li3 .line { background-color: #1bcb93; }
.case .links li.li4 .line { background-color: #ff8111; }
.case .links li.li5 .line { background-color: #cd79f4; }
.case .links li.li6 .line { background-color: #cbcbcb; }
.news { width: 100%; height: 698px; }
.news .toptitle { width: 100%; height: 62px; line-height: 62px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 50px; }
.news .toptitle .left { overflow: hidden; }
.news .toptitle .left h3 { color: #1760be; font-size: 24px; float: left; margin-left: 20px; }
.news .toptitle .left ul { float: left; overflow: hidden; }
.news .toptitle .left li { float: left; margin-left: 24px; }
.news .toptitle .left li a { color: #0f0f0f; font-size: 18px;padding: 2px 12px; border-radius: 4px }
.news .toptitle .left .on a {background-color: #1760be;  color: #FFF }
.news .toptitle .more { text-align: center; width: 115px; height: 38px; line-height: 38px; float: right;font-size: 16px; background-color: #1760be; border-radius: 4px; margin: 13px 12px 0 0; }
.news .toptitle .more a {  color: #fff; }
.news .con { overflow: hidden; }
.news .con .left { width: 640px; }
.news .con .left .wenzi h3 { width: 100%; color: #030303; font-size: 24px; font-weight: normal; line-height: 30px; margin: 29px 0 21px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news .con .left .wenzi .txt { width: 100%; height: 75px; color: #030303; font-size: 16px; line-height: 25px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 3; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ }
.slideBox1 { width: 640px; height: 474px; overflow: hidden; position: relative; margin-top: 47px; }
.slideBox1 .hd { display: none; }
.slideBox1 .bd { position: relative; height: 100%; z-index: 0; }
.slideBox1 .bd li { zoom: 1; vertical-align: middle; }
.slideBox1 .bd img { width: 640px; height: 320px; display: block; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox1 .prev,
.slideBox1 .next { position: absolute; left: 0; top:282px; display: block; width: 37px; height: 38px; background: url(/images/icoleft.jpg) no-repeat left; }
.slideBox1 .next { left: 37px; background: url(/images/icoright.jpg) no-repeat center; }
.slideBox1 .prev:hover { background: url(/images/icolefth.jpg) no-repeat center; }
.slideBox1 .next:hover { background: url(/images/icorighth.jpg) no-repeat center; }
.news .con .right { width: 600px; float: right; margin-top: 25px; }
.news .con .right li { height: 102px; background-color: #f6f6f6; margin-top: 22px; }
.news .con .right li .date { text-align: center; width: 95px; color: #000; font-family: "Verdana Regular"; float: left; margin-top: 16px; }
.news .con .right li .date .ri { font-size: 45px; line-height: 50px; }
.news .con .right li .date .year { font-size: 13px; font-weight: bold; line-height: 16px; }
.news .con .right li .wenzi { width: 460px; height: 55px; border-left: 2px solid #104aa4; float: left; margin-top: 25px; padding-left: 22px; }
.news .con .right li .wenzi h3 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #030303; font-size: 20px; font-weight: normal; line-height: 28px; }
.news .con .right li .wenzi .txt { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #030303; font-size: 16px; line-height: 20px; margin-top: 7px; }
.news .con .right li:hover { background-color: #114eac; }
.news .con .right li:hover .date { color: #fff; }
.news .con .right li:hover .wenzi { border-left: 2px solid #fff; }
.news .con .right li:hover .wenzi h3 { color: #fff; }
.news .con .right li:hover .wenzi .txt { color: #fff; }