@charset "utf-8";
/* CSS Document */

/*Title*/
.Title{width: 100%;text-align: center;padding-top: 58px;}
.Title h3{font-size: 35px;color: #333333;font-weight: normal;}
.Title h3 a{color: #333333;text-decoration: none;}
.Title i{display: block;margin: 10px auto 0;width: 131px;height: 22px;}
.Title i img{display: block;}

/* banner */


.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{position: absolute;left: 50%;bottom: 25px;width: 400px;margin-left: -200px;text-align: center;z-index: 9999;}
#flashs .btn span {display: inline-block;*display: inline;*zoom: 1;width: 50px;height: 5px;background: #fff;margin-right: 11px;    border-radius: 3px;}
#flashs .btn span.cur {background: #005fb0;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


/* search */
.search{width: 100%;height: 61px;background: #eeeeee;border-bottom: 1px solid #dedede;}
.search p{float: left;font-size: 14px;color: #333333;font-weight: bold;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 .submit{display: block;width: 40px;height: 38px;position: absolute;top: 0;right: 0px; background:url(../images/searchbtn.png) right no-repeat}
 

/*product*/
.product{width: 100%;}
.product .menu{width: 1200px;margin: 27px auto 0;}
.product .menu li{width: 239px;height: 78px;line-height: 78px;text-align: center;float: left;border-left: 1px solid #384654;background: #212d3a;font-size: 18px;color: #fff;}
.product .menu li a{color: #fff;text-decoration: none;display: block;}
.product .menu li.cur{background: url(../images/productbg.png) repeat-x;border-color: #68cb59;}
.product .mainCon{width: 100%;background: #f8f8f8;padding-top: 26px;padding-bottom: 60px;}
.product .mainCon2 {
    width: 100%;
    background: #ffffff;
    padding-top: 26px;
    padding-bottom: 60px;
}
.product .mainCon2 .container {
    height: 330px;
    position: relative;
    overflow: hidden;
}
.product .mainCon2 .conBox{width: 100%;}
.product .mainCon2 dl{width: 100%;height: 318px;overflow: hidden;}
.product .mainCon2 dt{float: left;width: 498px;height: 316px;border: 1px solid #cccccc;}
.product .mainCon2 dt img{display: block;}
.product .mainCon2 dd{width: 624px;float: left;margin-left: 49px;}
.product .mainCon2 dd h3{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 4px;}
.product .mainCon2 dd h3 a{color: #333333;text-decoration: none;}
.product .mainCon2 dd h4{font-size: 14px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 16px;}
.product .mainCon2 dd p{line-height: 16px;color: #666666;font-size: 14px;}
.product .mainCon2 dd .btn{overflow: hidden;margin-top: 36px;}
.product .mainCon2 dd .btn a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(../images/productbg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;}
.product .mainCon2 dd .btn a:hover{background: url(../images/productbg03.png) no-repeat center;color: #fff;}
.product .mainCon2 dd a:first-child{margin-right: 12px;}
.product .mainCon2 .box{width: 100%;margin-top: 27px;padding-top: 18px;border-top: 1px solid #cccccc;}
.product .mainCon2 .box .top{width: 100%;}
.product .mainCon2 .box .top h3{float: left;font-size: 18px;color: #333333;font-weight: bold;}
.product .mainCon2 .box .top a{font-size: 14px;color: #666666;float: right;text-transform: uppercase;display: block;}
.product .mainCon2 .box ul{width: 100%;margin-top: 14px;}
.product .mainCon2 .box li{width: 286px;height: 229px;float: left;margin-left: 18px;text-align: center;border-bottom: 1px solid #cccccc;}
.product .mainCon2 .box li:first-child{margin-left: 0;}
.product .mainCon2 .box li span{display: block;width: 284px;height: 180px;border: 1px solid #cccccc;overflow: hidden;position: relative;}
.product .mainCon2 .box li img{display: block;transition: all 1s ease-out;  transform: scale(1);}
.product .mainCon2 .box li em{display: block;height: 47px;line-height: 47px;font-size: 14px;color: #333333;}
.product .mainCon2 .box li:hover{border-color: #2c95cc;}
.product .mainCon2 .box li:hover em{color: #2c95cc;}
.product .mainCon2 .box li:hover img{transform: scale(1.2);}
.product .mainCon2 .box li a{display: block;text-decoration: none;}

.product .mainCon .container{height: 630px;position: relative;overflow: hidden;}

.product .mainCon .conBox{width: 100%;}
.product .mainCon dl{width: 100%;height: 318px;overflow: hidden;}
.product .mainCon dt{float: left;width: 498px;height: 316px;border: 1px solid #cccccc;}
.product .mainCon dt img{display: block;}
.product .mainCon dd{width: 624px;float: left;margin-left: 49px;}
.product .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 4px;}
.product .mainCon dd h3 a{color: #333333;text-decoration: none;}
.product .mainCon dd h4{font-size: 14px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 16px;}
.product .mainCon dd p{line-height: 16px;color: #666666;font-size: 14px;}
.product .mainCon dd .btn{overflow: hidden;margin-top: 36px;}
.product .mainCon dd .btn a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(../images/productbg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;}
.product .mainCon dd .btn a:hover{background: url(../images/productbg03.png) no-repeat center;color: #fff;}
.product .mainCon dd a:first-child{margin-right: 12px;}
.product .mainCon .box{width: 100%;margin-top: 27px;padding-top: 18px;border-top: 1px solid #cccccc;}
.product .mainCon .box .top{width: 100%;}
.product .mainCon .box .top h3{float: left;font-size: 18px;color: #333333;font-weight: bold;}
.product .mainCon .box .top a{font-size: 14px;color: #666666;float: right;text-transform: uppercase;display: block;}
.product .mainCon .box ul{width: 100%;margin-top: 14px;}
.product .mainCon .box li{width: 286px;height: 229px;float: left;margin-left: 18px;text-align: center;border-bottom: 1px solid #cccccc;}
.product .mainCon .box li:first-child{margin-left: 0;}
.product .mainCon .box li span{display: block;width: 284px;height: 180px;border: 1px solid #cccccc;overflow: hidden;position: relative;}
.product .mainCon .box li img{display: block;transition: all 1s ease-out;  transform: scale(1);}
.product .mainCon .box li em{display: block;height: 47px;line-height: 47px;font-size: 14px;color: #333333;}
.product .mainCon .box li:hover{border-color: #2c95cc;}
.product .mainCon .box li:hover em{color: #2c95cc;}
.product .mainCon .box li:hover img{transform: scale(1.2);}
.product .mainCon .box li a{display: block;text-decoration: none;}

/*adv*/
.adv{width: 100%;}
.adv .title{width: 100%;text-align: center;padding-top: 82px;background: url(../images/advbg_01.jpg) no-repeat center;height: 148px;}
.adv .title h3{font-size: 45px;color: #005fb0;}
.adv .title h3 img{position: relative;top: 10px;}
.adv .title p{font-size: 20px;color: #999999;text-transform: uppercase;margin-top: 12px;}

.adv .title i{display: block;margin: 14px auto 0;width: 131px;height: 22px;}
.adv .mainCon{width: 100%;}
.adv .mainCon .con1{background: url(../images/advbg_02.jpg) no-repeat center;height: 415px;}
.adv .mainCon .con2{background: url(../images/advbg_03.jpg) no-repeat center;height: 350px;}
.adv .mainCon .con3{background: url(../images/advbg_04.jpg) no-repeat center;height: 373px;}
.adv .mainCon .con4{background: url(../images/advbg_05.jpg) no-repeat center;height: 439px;}
.adv .mainCon .con .box{width: 558px;}
.adv .mainCon .con.dif .box{width: 540px;margin-left: 648px;}
.adv .mainCon .con .box dt{width: 68px;height: 68px;text-align: center;line-height: 68px;font-size: 32px;color: #fff;font-weight: bold;float: left;background: url(../images/adv_y.png) no-repeat center;}
.adv .mainCon .con .box dd{width: 463px;}
.adv .mainCon .con.dif .box dd{width: 449px;}
.adv .mainCon .con .box dd{float: left;margin-left: 22px;}
.adv .mainCon .con .box dd h3{font-size: 30px;color: #333333;}
.adv .mainCon .con .box dd span{display: block;font-size: 18px;color: #333333;}
.adv .mainCon .con .box dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 24px;}
.adv .mainCon .con .box dd p em{font-weight: bold;}
.adv .mainCon .con .box dd a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(../images/productbg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;margin-top: 26px;}
.adv .mainCon .con .box dd a:hover{background: url(../images/productbg03.png) no-repeat center;color: #fff;}
.adv .mainCon .con1 .box{padding-top: 118px;}
.adv .mainCon .con2 .box{padding-top: 78px;}
.adv .mainCon .con3 .box{padding-top: 78px;}
.adv .mainCon .con4 .box{padding-top: 68px;}


/*ad*/
.ad{width: 100%;height: 216px;background: url(../images/adbg.jpg) no-repeat center;}
.ad .box{width: 100%;margin-left: 174px;padding-top: 127px;overflow: hidden;}
.ad .box input{width: 300px; border: none; padding-left: 23px;border: 1px solid #69a0d0;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: none;outline: none;margin-left: 15px;float: left;}
.ad .box .form-submit{display: block;float: left;width: 135px;height: 42px;line-height: 42px;text-align: center;background: #fff;font-size: 14px;color: #666666;text-decoration: none;margin-left: 15px; border:0}



/*partner*/
.partner{width: 100%;padding-bottom: 65px;background: #f2f2f2;}
.partner .mainCon{width: 100%;margin-top: 25px;}
.partner .mainCon li{width: 1200px;float: left;}
.partner .mainCon li a{display: block;width: 239px; height:130px;margin-bottom: 1px;margin-right: 1px;float: left;z-index: 2;position: relative; background:#fff; text-align:center}
.partner .mainCon li img{display: block; margin:0 auto; max-width:230px; max-height:110px; margin-top:10px;}
.partner .mainCon li a:hover{z-index: 6;box-shadow: 0 0 5px 5px #eee;}


/*case*/
.case{width: 100%;padding-bottom: 68px;}
.case .mainCon{width: 100%;margin-top: 32px;height: 530px;}
.case .mainCon ul{width: 105%;}
.case .mainCon li{width: 590px;height: 227px;position: relative;overflow: hidden;float: left;margin-right: 20px;box-shadow: 0 0 12px 5px #ededed;margin-bottom: 27px;}
.case .mainCon dt{width: 300px;height: 227px;float: left;position: relative;overflow: hidden;}
.case .mainCon dd{width: 247px;float: left;margin-left: 20px;padding-top: 20px;}
.case .mainCon dd h3{font-size: 18px;color: #333333;}
.case .mainCon dd h3 a{color: #333333;text-decoration: none;}
.case .mainCon dd h4{font-size: 14px;color: #333333;margin-top: 13px;}
.case .mainCon dd p{margin-top: 6px;font-size: 14px;color: #666666;}
.case .mainCon dd .p2{color: #333333;margin-top: 18px;}
.case .mainCon dd .btn{width: 100%;overflow: hidden;margin-top: 20px;}
.case .mainCon dd .btn a{display: block;width: 118px;height: 36px;text-decoration: none;text-align: center;line-height: 36px;font-size: 14px;color: #666666;float: left;border: 1px solid #cccccc;}
.case .mainCon dd .btn a:first-child{margin-right: 7px;}
.case .mainCon li:hover dd h3 a{color: #005fb0;}
.case .mainCon dd .btn a:hover{background: #2c95cc;border-color: #2c95cc;color: #fff;}
.case .mainCon dt .rectborder{width: 300px;height: 225px;position: absolute;left: 0px;top: 0px;border: #fff 1px solid;transition: all ease-out .4s;}
.case .mainCon dt .maskborder{width: 320px;height: 250px;position: absolute;left: -10px;top: -10px;border: #fff 10px solid;transition: all ease-out .4s;}
.case .mainCon dt img{display: block;width: 100%;height: auto;transition: all ease-out .4s}
.case .mainCon li:hover .maskborder{transform: scale(0.9);}
.case .mainCon li:hover .rectborder{transform: scale(0.8);}
.case .mainCon li:hover dt img{transform: scale(0.9);}


/*reason*/
.reason{width: 100%;height: 553px;background: url(../images/reasonbg.jpg) no-repeat center;}
.reason .Title h3{color: #fff;}
.reason .mainCon{width: 100%;margin-top: 28px;}
.reason .mainCon ul{width: 105%;}
.reason .mainCon li{width: 292px;height: 335px;background: #fff;float: left;margin-right: 11px;}
.reason .mainCon li span{display: block;width: 292px;height: 180px;position: relative;}
.reason .mainCon li img{display: block;}
.reason .mainCon li em{display: block;font-size: 18px;color: #fff;font-weight: bold;width: 100%;height: 48px;line-height: 48px;text-align: center;background: url(../images/reasonbg02.png);bottom:0;left: 0;position: absolute;}
.reason .mainCon li p{font-size: 14px;color: #666666;margin-top: 30px;padding: 0 26px;line-height: 25px;text-align: center;}

/*about*/
.about{width: 100%;padding-bottom: 55px;}
.about .mainCon{width: 100%;margin-top: 32px;}
.about .mainCon dl{width: 100%;height: 379px;position: relative;}
.about .mainCon dt{width: 642px;height: 379px;}
.about .mainCon dd{width: 632px;height: 252px;border: 2px solid #2c95cc;position: absolute;top: 35px;right: 0;background: #fff;padding: 46px 56px 0 60px;}
.about .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;}
.about .mainCon dd h3 a{color: #333333;}
.about .mainCon dd p{font-size: 14px;color: #666666;line-height: 25px;margin-top: 30px;}
.about .mainCon dd .more{display: block;width: 129px;height: 79px;text-align: center;line-height: 79px;font-size: 14px;color: #fff;text-decoration: none;position: absolute;left: 267px;bottom: -44px;background: #2c95cc;text-transform: uppercase;}
.about .mainCon i{display: block;border-top: 1px dotted #f3f3f3;border-bottom: 1px dotted #d9d9d9;margin: 30px 0;}
.about .mainCon ul{width: 100%;}
.about .mainCon li{float: left;width: 292px;height: 191px;position: relative;margin-left: 10px;}
.about .mainCon li img{display: block;}
.about .mainCon li span{display: block;width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color: #fff;position: absolute;bottom: 0;left: 0;background: url(../images/aboutbg02.png);}
.about .mainCon li:first-child{margin-left: 0;}

/*location*/
.location{width: 100%;height: 1000px;background: url(../images/locationbg.jpg) no-repeat center;}
.location .mainCon{width: 100%;overflow: hidden;margin-top: 33px;}
.location .mainCon ul{width: 105%;}
.location .mainCon li{width: 310px;height: 180px;padding: 36px 44px 0 30px;background: #fff;margin: 10px 32px 26px 0;float: left;}
.location .mainCon li h3{padding: 0 0 12px 30px;background: url(../images/location_icon01.png) no-repeat left top;border-bottom: 1px solid #cccccc;margin-bottom: 14px;font-size: 18px;color: #333333;}
.location .mainCon li p{font-size: 14px;color: #666;margin-bottom: 6px;}


/*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: #333;}
.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: #333;padding-top: 13px;resize: none;}
.liuy .box .form-submit{display: block;width: 100%;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #fff;text-decoration: none;background: #212d3a; border:none}



/*news*/
.news{width: 100%;background: url(../images/newsbg01.jpg) no-repeat center;height: 694px;}
.news .Title h3 a{color: #fff;}
.news .mainCon{width: 100%;margin-top: 28px;}
.news .mainCon .menu{width: 100%;position: relative;}
.news .mainCon .menu ul{width: 530px;height: 40px;margin: 0 auto;}
.news .mainCon .menu li{float: left;width: 163px;height: 40px;font-size: 14px;color: #fff;margin-left: 17px;text-align: center;line-height: 40px;border: 1px solid #fff;}
.news .mainCon .menu li:first-child{margin-left: 0;}
.news .mainCon .menu li a{text-decoration: none;color: #fff;}
.news .mainCon .menu li.cur{background: #2c95cc; border-color: #2c95cc;}
.news .mainCon .conBox{margin-top: 34px;height: 386px;overflow: hidden;position: relative;padding: 30px 0 0 30px;background: #fff;}
.news .mainCon .conBox .lunh{height: 386px;}
.news .mainCon .conBox .conL{width: 646px;float: right;}
.news .mainCon .conBox .conL .box{width: 100%;height: 89px;margin-top: 37px;}
.news .mainCon .conBox .conL .box:first-child{margin-top: 0;}
.news .mainCon .conBox .conL .box .boxL{width: 156px;height: 89px;float: left;}
.news .mainCon .conBox .conL .box .boxR{width: 600px;float: left;margin-left: 22px;}
.news .mainCon .conBox .conL .box .boxR dt{float: left;width: 64px;float: left;background:url(../images/news_xian.png) no-repeat right 12px; }
.news .mainCon .conBox .conL .box .boxR dl:hover h3 a{color:#005fb0;}
.news .mainCon .conBox .conL .box .boxR dt span{display: block;font-size: 45px;color: #cccccc;}
.news .mainCon .conBox .conL .box .boxR dt em{display: block;font-size: 13px;color: #cccccc;position: relative;top: -6px;}
.news .mainCon .conBox .conL .box .boxR dd{width: 520px;float: right;padding-top: 4px;}
.news .mainCon .conBox .conL .box .boxR dd h3{font-size: 16px;color: #333333;font-weight: normal;}
.news .mainCon .conBox .conL .box .boxR dd h3 a{color: #333;text-decoration: none;}
.news .mainCon .conBox .conL .box .boxR dd p{font-size: 14px;color: #999999;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
.news .mainCon .conBox .conL .box .boxR dd p a{color: #999999;text-decoration: none;}
.news .mainCon .conBox .conR{width: 484px;float: left;padding-top: 4px;}
.news .mainCon .conBox .conR dt{width: 484px;height: 275px;}
.news .mainCon .conBox .conR dt img{display: block;}
.news .mainCon .conBox .conR dd{overflow: hidden;}
.news .mainCon .conBox .conR:hover dd p a{color:#005fb0;}
.news .mainCon .conBox .conR dd .p1{font-size: 16px;color: #333333;width: 353px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 10px;float: left;margin-top: 20px;}
.news .mainCon .conBox .conR dd .p1 a{color: #333333;}
.news .mainCon .conBox .conR dd .p2{float: right;text-align: center;padding-right: 6px;}
.news .mainCon .conBox .conR dd .p2 span{display: block;font-size: 45px;color: #cccccc;}
.news .mainCon .conBox .conR dd .p2 em{display: block;font-size: 13px;color: #cccccc;position: relative;top: -6px;}



/*link*/
.linkbox {padding:40px 0;margin-top:20px;background:url(../images/mainbg.jpg) no-repeat center -340px}
.link {overflow:hidden;width:1140px;margin:0 auto;padding:30px;background:#fff;border-bottom:1px solid #f1f1f1}
.link .wtop {font-weight:400;padding-left:10px;background:url(../images/line2.png) no-repeat left center;font-size:20px;color:#333;text-decoration:none}
.link .wtop span {display:block;color:#333;margin-top:3px;text-transform:uppercase;font-size:14px}
.link ul {float:left;width:100%;margin-top:5px}
.link li {margin-right:15px;float:left;height:45px;line-height:45px}
.link li a {font-size:14px;color:#333}




/*placeholder 提示字体属性*/
.ad ::-webkit-input-placeholder { /* WebKit browsers */ 
color: #fff; 
} 
.ad :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #fff; 
} 
.ad ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #fff; 
} 
.ad :-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #fff; 
}