﻿@charset "utf-8";
/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative;min-width:1200px;width:100%;}/*网站字体颜色*/
.content,.container{margin-left:auto; margin-right:auto; width:1200px;}

/*Title*/
.Title{width: 100%;text-align: center;padding-top: 58px;}
.Title h3{font-size: 35px;color: #333333;font-weight: normal;  margin:0; padding:0}
.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;}

 


/*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; margin:0; padding:0}
.case .mainCon dd h3 a{color: #333333;text-decoration: none;  margin:0; padding:0}
.case .mainCon dd h4{font-size: 14px;color: #333333;margin-top: 13px;  margin:0; padding:0}
.case .mainCon dd p{margin-top: 6px;font-size: 14px;color: #666666;  margin:0; padding:0}
.case .mainCon dd .p2{color: #333333;margin-top: 18px;}
.case .mainCon dd .btn{width: 100%;overflow: hidden;margin-top: 10px;}
.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: #59bc2b;border-color: #59bc2b;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;  margin:0; padding:0}
.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 #3466ca;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;  margin:0; padding:0}
.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: #3466ca;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;  margin:0; padding:0}
.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: 10px;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;  margin:0; padding:0}
.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: #59bc2b; border-color: #59bc2b;}
.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; padding-top:10px; }
.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; padding-top:10px;}
.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; 
} 