﻿@charset "utf-8";
/* CSS Document */

#flashs{ position:relative; height:550px; overflow:hidden;width: 100%;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:20px; text-align:center;z-index: 99999;}
#flashs .btn span{ color:#fff;  background:#717174; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;opacity: 0.7;}
#flashs .btn span.cur {background: #029642;}

@charset "utf-8";
/* CSS Document */

/* Title */
.Title{width: 100%;text-align: center;padding-top: 72px;}
.Title h3{font-size: 35px;color: #303030;font-weight: normal;}
.Title h3 a{color: #303030;text-decoration: none;}
.Title p{font-size: 18px;color: #333333;margin-top: 6px;}
.Title h3 em{font-weight: bold;color: #029642;}

/* banner */
.banner{width: 100%;overflow: hidden;height: 550px;position: relative;}
.banner a{display: block;height: 550px;}

/* search */
.search{width: 100%;height: 61px;background: #eeeeee;border-bottom: 1px solid #dedede;}
.search p{float: left;font-size: 14px;color: #333333;width: 770px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 22px;}
.search p a{font-size: 14px;color: #666;font-weight: normal;padding: 0 26px;border-left: 1px dotted #a4a4a4;}

.search p a:first-child{border-left: none;}
.search .Input{width: 300px;height: 38px;line-height: 38px;float: right;margin-top: 12px;position: relative;background: url(../images/searchBg.png) no-repeat center;}
.search .Input input{padding-left: 20px;font-size: 13px;outline: none;border: none;color: #999999;height: 38px;line-height: 38px;width: 226px;padding-right:54px;background: none;}
.search .Input a{display: block;width: 49px;height: 38px;position: absolute;top: 0;right: 0px;}
.search .Input a img{display: block;}

/* concerns */
.concerns{width: 100%;}
.concerns .Title p{color: #999999;font-family: arial;}
.concerns .mainCon{width: 100%;height: 656px;background: url(../images/concernsBg.jpg) no-repeat center;margin-top: 34px;}


/* TecIntro */
.TecIntro{width: 100%;height: 754px;background: url(../images/TecIntroBg.jpg) no-repeat center;}
.TecIntro .Title h3 em{color: #333333;}
.TecIntro .mainCon{width: 100%;margin-top: 46px;}
.TecIntro .mainCon .menu{width: 100%;height: 90px;}
.TecIntro .mainCon .menu li{width: 239px;border-left: 1px solid #4a4a4a;background: #333333;height: 90px;line-height: 90px;text-align: center;float: left;font-size: 18px;color: #fff;}
.TecIntro .mainCon .menu li span{display: inline-block;width: 39px;height: 39px;overflow: hidden;position: relative;top: 12px;margin-right: 14px;}
.TecIntro .mainCon .menu li span img{display: block;position: relative;}
.TecIntro .mainCon .menu li.cur{background: #029140;border-color: #029140;}
.TecIntro .mainCon .menu li.cur img{top: -39px;}
.TecIntro .mainCon .conBox{width: 100%;padding-top: 32px;height: 350px;background: #fff;position: relative;overflow: hidden;}
.TecIntro .mainCon .conBox dl{width: 100%;height: 350px;position: relative;}
.TecIntro .mainCon .conBox dt{float: left;margin-left: 32px;width: 569px;height: 319px;}
.TecIntro .mainCon .conBox dt img{display: block;}
.TecIntro .mainCon .conBox dd{width: 520px;margin-left: 46px;float: left;}
.TecIntro .mainCon .conBox dd h3{font-size: 18px;color: #333333;padding-top: 6px;}
.TecIntro .mainCon .conBox dd i{display: block;width: 70px;height: 1px;background: #029140;margin-top: 18px;}
.TecIntro .mainCon .conBox dd p{font-size: 14px;color: #666666;line-height: 28px;margin-top: 24px;}
.TecIntro .mainCon .conBox dd a{width: 142px;height: 43px;text-align: center;line-height: 43px;font-size: 14px;color: #fff;background: #029140;text-decoration: none;position: absolute;left: 646px;top: 212px;}
.TecIntro .mainCon .conBox dd span{display: block;width: 89px;height: 64px;padding: 90px 0 0 78px;background: url(../images/TecIntroBg02.png) no-repeat center;font-size: 18px;color: #fff;font-weight: bold;position: absolute;bottom: 0;right: 0;text-align: center;}

/* case */
.case{width: 100%;padding-bottom: 80px;}
.case .Title p span{color: #999;}
.case .mainCon{width: 100%;margin-top: 46px;}
.case .mainCon .sideBar{width: 280px;float: left;}
.case .mainCon .sideBar dl{width: 280px;height: 102px;background: #029642;}
.case .mainCon .sideBar dt{width: 52px;height: 48px;float: left;margin: 27px 0 0 29px;}
.case .mainCon .sideBar dd{margin: 30px 0 0 14px;float: left;}
.case .mainCon .sideBar dd h3{font-size: 24px;color: #fff;}
.case .mainCon .sideBar dd p{font-size: 14px;color: #fff;font-family: arial;margin-top: 3px;}
.case .mainCon .sideBar dd p em{font-weight: bold;}
.case .mainCon .sideBar ul{width: 224px;border: 2px solid #029140;border-top: none;padding: 7px 26px 0;height: 655px;}
.case .mainCon .sideBar li{height: 43px;line-height: 42px;background: url(../images/case_icon02.png) no-repeat right center;border-top: 1px solid #eeeeee;font-size: 14px;color: #666666;}
.case .mainCon .sideBar li:first-child{border-top: none;}
.case .mainCon .sideBar li a{font-size: 14px;color: #666666;}
.case .mainCon .sideBar li.cur{background: url(../images/case_icon03.png) no-repeat right center;}
.case .mainCon .sideBar li.cur a{color: #029140;}
.case .mainCon .section{width: 875px;float: right;height: 765px;overflow: hidden;position: relative;}
.case .mainCon .section .top{width: 100%;height: 78px;line-height: 78px;background: #e8fae7;border-top: 3px solid #029642; }
.case .mainCon .section .top h3{font-size: 18px;color: #029642;font-weight: normal;float: left;margin-left: 30px;}
.case .mainCon .section .top a{display: block;font-size: 14px;color: #029642;text-transform: uppercase;text-decoration: none;float: right;margin-right: 24px;}
.case .mainCon .section .con{width: 100%;padding-top: 32px;}
.case .mainCon .section .con dl{width: 100%;background: #f2f2f2;height: 310px;margin-bottom: 35px;}
.case .mainCon .section .con dt{width: 450px;height: 310px;float: left;overflow: hidden;position: relative;float: left;}
.case .mainCon .section .con dd{padding-top: 36px;width: 356px;float: left;margin-left: 32px;}
.case .mainCon .section .con dd h3{font-size: 18p;color: #333333;}
.case .mainCon .section .con dd h3 a{color: #333333;}
.case .mainCon .section .con dd span{display: block;line-height:24px;font-size: 14px;color: #666666;margin-top: 14px;margin-bottom: 20px;}
.case .mainCon .section .con dd p{font-size: 14px;color: #666666;line-height: 28px;}
.case .mainCon .section .con dd p em{font-weight: bold;color: #333333;}
.case .mainCon .section .con dd .btn{width: 100%;margin-top: 5px;}
.case .mainCon .section .con dd .btn a{display: block;width: 140px;height: 38px;line-height: 38px;text-align: center;text-decoration: none;background: #fff;font-size: 14px;color: #029140;float: left;}
.case .mainCon .section .con dd .btn a:first-child{background: #029140;color: #fff;margin-right: 8px;}
.case .mainCon .section .con dl:hover{background: #fff;box-shadow: 0 0 17px 2px #e9e9e9;}

.case .mainCon .section .con dt .rectborder{width: 450px;height: 310px;position: absolute;left: 0px;top: 0px;border: #fff 1px solid;transition: all ease-out .4s;}
.case .mainCon .section .con dt .maskborder{    width: 451px; height: 330px;position: absolute;left: -10px; top: -10px; border: #fff 10px solid;transition: all ease-out .4s;}
.case .mainCon .section .con dt img{display: block;width: 100%;height: auto;transition: all ease-out .4s}
.case .mainCon .section .con dl:hover dt .maskborder{transform: scale(0.9);}
.case .mainCon .section .con dl:hover dt .rectborder{transform: scale(0.8);}
.case .mainCon .section .con dl:hover dt img{transform: scale(0.9);}


/* show */
.show{width: 100%;background: #e3e3e3;padding-bottom: 68px;}
.show .Title p{color: #999999;font-family: arial;}
.show .mainCon{width: 1322px;margin: 22px auto 0;position: relative;}
.show .mainCon .menu{width: 100%;}
.show .mainCon .menu ul{width: 608px;height: 55px;margin: 0 auto;}
.show .mainCon .menu li{width: 187px;height: 53px;border: 1px solid #999999;border-radius: 3px;line-height: 53px;text-align: center;font-size: 18px;color: #666666;float: left;margin-left: 19px;}
.show .mainCon .menu li:first-child{margin-left: 0;}
.show .mainCon .menu li a{color: #666666;text-decoration: none;display: block;}
.show .mainCon .menu li.cur{background: #029140;border-color: #029140}
.show .mainCon .menu li.cur a{color: #fff;}
.show .mainCon i{display: block !important;width: 22px;height: 42px;overflow: hidden;position: relative;position: absolute;top: 150px;cursor: pointer;}
.mainCon i img{display: block;position: relative;}
.show .mainCon i:hover img{top: -42px;}
.show .mainCon i.prev{left: 0px;}
.show .mainCon i.next{right: 0px;}
.show .mainCon .conBox{width: 1200px;margin: 25px auto 0;overflow: hidden;position: relative;height: 316px;}
.show .mainCon .conBox .con{width: 100%;height: 316px;position: relative;}
.show .mainCon .conBox .con ul{width: 105%;position: absolute;left: 0;top: 0;}
.show .mainCon .conBox .con li{float: left;position: relative;padding-top: 8px;text-align: center;background: #f2f2f2;margin-right: 3px;height: 308px;}
.show .mainCon .conBox .con li span{display: block;width: 100%;height: 73px;line-height: 73px;font-size: 18px;color: #333333;background: #f2f2f2;}
.show .mainCon .conBox .con li .box{position: absolute;width: 398px;height: 228px;background: url(../images/showBg.png);padding-top: 88px;top: 0;left: 0;display: none;}
.show .mainCon .conBox .con li img{display: block;}
.show .mainCon .conBox .con li .box h3{font-size: 18px;color: #fff;font-weight: normal;}
.show .mainCon .conBox .con li .box h3 a{color: #fff;}
.show .mainCon .conBox .con li .box .showSearch{display: block;width: 72px;height: 71px;margin: 30px auto 0;}
.show .mainCon .conBox .con li:hover .box{display: block;}
.show .mainCon .conBox .con li:hover span{display: none;}

/*liuy*/
.liuy{width: 100%;height: 553px;background: url(../images/lyBg.jpg) no-repeat center;}
.liuy .container{position: relative;}
.liuy .phone{padding-left: 62px;background: url(../images/ly_phone.png) no-repeat left center;position: absolute;top: 360px;left: 352px;}
.liuy .phone p{font-size: 18px;color: #666666;}
.liuy .phone span{display: block;font-size: 30px;color: #333333;}
.liuy .box{width: 418px;position: absolute;top: 174px;right: 56px;}
.liuy .box .Input{width: 416px;height: 46px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}
.liuy .box .Input span{display: block;float: left;width: 50px;height: 46px;border-right: 1px solid #cccccc;}
.liuy .box input{width: 350px;padding-left: 15px;border: none;outline: none;line-height: 46px;height: 46px;font-size: 14px;color: #cccccc;}
.liuy .box .Input1 span{background: url(../images/ly_icon01.png) no-repeat center;}
.liuy .box .Input2 span{background: url(../images/ly_icon02.png) no-repeat center;}
.liuy .box .Textarea{width: 416px;height:103px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}
.liuy .box .Textarea span{display: block;float: left;width: 50px;height: 103px;border-right: 1px solid #cccccc;background: url(../images/ly_icon03.png) no-repeat center 9px;}
.liuy .box textarea{width: 350px;padding-left: 15px;border: none;outline: none;height: 90px;font-size: 14px;color: #cccccc;padding-top: 13px;resize: none;}
.liuy .box a{display: block;width: 100%;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #fff;text-decoration: none;background: #333;}

/* adv */
.adv{width: 100%;}
.adv .title{width: 100%;padding-top: 190px;height: 124px;background: url(../images/advBg01.jpg) no-repeat center;text-align: center;}
.adv .title p{font-size: 15px;color: #e7faff;}
.adv .title span{display: block;font-size: 30px;color: #fff;font-weight: bold;}
.adv .mainCon{width: 100%;}
.adv .mainCon .con1{background: url(../images/advPic_01.jpg) no-repeat center;height: 303px;padding-top: 62px;}
.adv .mainCon .con2{background: url(../images/advPic_02.jpg) no-repeat center;height: 314px;}
.adv .mainCon .con3{background: url(../images/advPic_03.jpg) no-repeat center;height: 306px;}
.adv .mainCon .con4{background: url(../images/advPic_04.jpg) no-repeat center;height: 311px;}
.adv .mainCon .con5{background: url(../images/advPic_05.jpg) no-repeat center;height: 359px;}
.adv .mainCon .con .box{width: 521px;position: relative;}
.adv .mainCon .con .box dl{padding-left: 30px;}
.adv .mainCon .con dt{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 36px;}
.adv .mainCon .con dd p{font-size: 14px;color: #666666;line-height: 19px;margin-top: 12px;}
.adv .mainCon .con dd p:first-child{margin-top: 0;}
.adv .mainCon .con a{display: block;font-size: 16px;color: #fff;width: 158px;height: 44px;line-height: 44px;text-align: center;text-decoration: none;background: #029140;margin-top: 50px;}
.adv .mainCon .con .box img{display: block;position: absolute;top: 5px;left: 0;}
.adv .mainCon .con1 .box{margin-left: 678px;}
.adv .mainCon .con3 .box{margin-left: 678px;} 
.adv .mainCon .con5 .box{margin-left: 678px;}

/* about */
.about{background: url(../images/aboutBg.jpg) no-repeat center;height: 661px;width: 100%;}
.about .Title p{color: #666666;font-family: arial;}
.about .mainCon{width: 100%;margin-top: 32px;}
.about .conBox{width: 100%;height: 340px;overflow: hidden;}
.about .conBox dl{width: 100%;height: 340px;background: #fff;}
.about .conBox dt{float: left;width: 546px;height: 340px;float: left;}
.about .conBox dd{width: 568px;float: left;padding-top: 42px;margin-left: 44px;}
.about .conBox dd h3{font-size: 18px;color: #333333;font-weight: bold;}
.about .conBox dd h3 a{color: #333333;text-decoration: none;}
.about .conBox dd i{display: block;margin: 20px 0;width: 62px;height: 1px;background: #333;}
.about .conBox dd p{line-height: 25px;color: #666666;font-size: 14px;height: 100px;overflow: hidden;text-overflow: ellipsis;}
.about .conBox dd a.more{display: block;width: 146px;height: 46px;text-align: center;line-height: 46px;background: #029140;font-size: 14px;color: #fff;text-transform: uppercase;margin-top: 46px;text-decoration: none;font-weight: lighter;}
.about .conBox .box2{width: 100%;}
.about .conBox .box2 ul{width: 105%;height: 340px;}
.about .conBox .box2 li{float: left;width: 282px;height: 340px;margin-right: 24px;text-align: center;}
.about .conBox .box2 li span{display: block;width: 282px;height: 267px;background: url(../images/aboutBg02.png) no-repeat center;padding-top: 15px;}
.about .conBox .box2 li img{display: block;margin: 0 auto;}
.about .conBox .box2 li em{display: block;width: 100%;height: 56px;line-height: 56px;color: #333333;font-size: 18px;}
.about .conBox .box2 li a{display: block;text-decoration: none;}
.about .conBox .box3{width: 100%;}
.about .conBox .box3 ul{width: 105%;}
.about .conBox .box3 li{float: left;margin-right: 7px;width: 320px;height: 170px;}
.about .conBox .box3 li img{display: block;width: 320px;height: 199px;}
.about .conBox .box3 li:first-child img{width: 546px;height: 340px;}
.about .conBox .box3 li:first-child{width: 546px;height: 340px;}

.about .mainCon .menu{width: 100%;margin-top: 40px;}
.about .mainCon .menu ul{width: 681px;height: 43px;margin: 0 auto;}
.about .mainCon .menu li{width: 178px;height: 43px;border: 1px solid #999999;border-radius: 3px;line-height: 43px;text-align: center;font-size: 18px;color: #666666;float: left;margin-left: 19px;}
.about .mainCon .menu li:first-child{margin-left: 0;}
.about .mainCon .menu li a{color: #666666;text-decoration: none;display: block;}
.about .mainCon .menu li.cur{background: #029140;border-color: #029140}
.about .mainCon .menu li.cur a{color: #fff;}


/* news */
.news{width: 100%;padding: 50px 0;}
.news .con{width: 562px;}
.news .conL{float: left;}
.news .conR{float: right;}
.news .con .top{width: 100%;height: 40px;border-bottom: 1px solid #cccccc;}
.news .con .top h3{line-height: 40px;float: left;border-bottom: 1px solid #029140;font-size: 18px;color: #333333;}
.news .con .top a{display: block;float: right;margin-top: 10px;}
.news .con .box{padding-top: 25px;}
.news .con .box dl{padding-bottom: 22px;height: 135px;border-bottom: 1px solid #eeeeee;}
.news .con .box dt{float: left;width: 186px;height: 135px;}
.news .con .box dd{width: 348px;float: right;}
.news .con .box dd h3{font-size: 16px;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news .con .box dd h3 a{color: #333;text-decoration: none;}
.news .con .box dd p{margin-top: 20px;line-height: 23px;height: 69px;overflow: hidden;text-overflow: ellipsis;font-size: 13px;color: #666;}
.news .con .box dd p a{color: #666;text-decoration: none;}
.news .con .box ul li{height: 44px;line-height: 44px;overflow: hidden;border-bottom: 1px dotted #f2f2f2;}
.news .con .box li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 400px;float: left;font-size: 14px;color: #333333;}
.news .con .box li span{display: block;font-size: 14px;color: #999999;float: right;} 


/* link */
.link{padding: 28px 0;background: #f2f2f2;}
.link dt{width: 86px;float: left;}
.link dt a{text-decoration: none;}
.link dt span{display: block;font-size: 18px;color: #333333;}
.link dt em{font-size: 13px;color: #fff;background: #029140;text-align: center;width: 68px;height: 18px;border-radius: 16px;display: block;margin-top: 3px;}
.link dd{width: 1114px;float: left;padding-top: 3px;}
.link dd a{display: block;padding: 0 20px;border-left: 1px dotted #cccccc;font-size: 14px;color: #666666;float: left;}
.link dd a:first-child{border-left: none;}



/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #029140;}
