@charset 'UTF-8';
/* CSS Document */
/*切图：zyjn*/
/*网站：*/
html{ overflow-x:auto; overflow-y:auto; position: relative;}
*{ padding:0; margin:0;}
ul, ol,li,dl,dt,dd{ list-style-type:none; }
body{ margin:0;font-size:12px; font-family:'Microsoft yahei' ,Arial; color:#333; min-width:1200px; overflow:hidden;}
fieldset,img{border:0}
a{ text-decoration:none; color:#333; cursor: pointer;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
a:hover{ color:#1276d4;}
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial; }
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input{ margin:0; padding:0; outline:0; font-family:'Microsoft yahei' ,Arial;}
button{  margin:0; padding:0; border:none; font-family:'Microsoft yahei' ,Arial; cursor: pointer;}
table { border-collapse: collapse; border-spacing: 0; }
i{ font-style:normal;}
input,textarea:focus { outline:none;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;outline:0;}
.clearfix:before, .clearfix:after{  display: table;  content: " ";  }
.clearfix:after {  clear: both;  }

#pz_top{ float:left; width:100%; min-width:1200px;}
#pz_banner{ float: left; width:100%; min-width:1200px; position:relative; overflow:hidden;}
#pz_main{ float:left; width:100%; min-width:1200px;}
#pz_down{ float:left; width:100%; min-width:1200px;}
#pz_menu{ float:left; width:100%; min-width:1200px;}

.w_0100{ width:100%;}
.w_1200{ margin:0 auto; width:1200px;}
.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.minHeight{min-height:500px;}

/*首页*/
.navTop{background-color:#2060af;}
.navTop .left{float:left; font-size:14px; color:#fff; line-height:40px; opacity: 0.8; letter-spacing: 1px;}
.navTop .lang{float:right; margin-right:22px;}
.navTop .lang a{float:left; font-size:14px; color:#80b1ed; line-height: 40px; letter-spacing: 1px;}
.navTop .lang a:hover{color:#fff;}
.navTop .lang a.hover{color:#fff;}
.navTop .lang .line{float:left; width:1px ; height: 11px; background-color:#fff; opacity: 0.2; margin:15px 11px 0 11px; }

.logo{width:250px; height: auto; float:left; margin: 15px 0 0 0 ;}

.search{ position: relative; float:right; z-index: 100; margin:6px 21px 0 0; border-radius: 50%;}
.search .submit{display:block; width:28px; height: 28px; position: relative; z-index: 20; background:none;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:50%;}
.search .input{width:160px; position: absolute; top:0px; right:0px; background-color:rgba(255,255,255,.1); overflow: hidden; border:1px solid rgba(255,255,255,.5); border-radius: 30px;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.search .input input{display:block; width: 100%; height: 26px; padding:0 30px 0 10px; border:none; box-sizing: border-box;background-color:rgba(255,255,255,.1);  color:#fff;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0; border-radius: 0;}
/*.search.hover .input,
.search:hover .input{width:160px; border-color: #2060af;}*/

.menu{float:right; margin-right:30px;}
.nli{float:left; position: relative; margin-left:39px;}
.nli:first-child{margin-left:0;}
.nli span > a{font-size:16px; color:#333333; line-height: 75px;display: block; text-align: center; min-width: 50px;text-transform:uppercase;
	 -webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
    -o-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;
}
.nli:hover span > a{color:#2060af; font-weight: bold;}
.nli.hover span > a{background:url(images/j1.jpg) center bottom no-repeat; color:#2060af; font-weight: bold;}

.sub{ text-align: center; background-color:rgba(32,96,175,0.6);  z-index: 100; display: none; width:120px; position: absolute; top:75px; left: 50%; margin-left:-60px;}
.sub li{ border-bottom:1px solid rgba(255,255,255,0.1);}
.sub li a{color:#fff; display: block; padding:10px 0; word-break: break-word;}
.sub li:hover{background-color:#2060af;}

/*banner*/
.slide1{width:100%; height:  600px; overflow: hidden;} 
.slide1 .slick-slide > li{position:relative;}
.slide1 .slick-dots{width:100%; text-align: center;bottom:40px; line-height: 0;}
.slide1 .slick-dots li{width:10px; height: 10px;background-color:#fff; margin: 0 7px; border-radius: 30px;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.slide1 .slick-dots li.slick-active{ background-color:#2060af; width:51px;}
.slide1 .slick-dots li button:before{display:none;}

.bannerText{width:100%; left: 0; top:50%; text-align: center; position: absolute; margin-top:-140px;}
.bannerText .H3{font-weight: bold; color:#fff; font-size:40px; letter-spacing: 3px;}
.bannerText .p{font-size:16px; color:#fff; line-height: 28px; height: 112px; margin: 37px 0 47px 0; letter-spacing: 1px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.bannerText .more{display:block; width:90px; height: 30px; line-height: 30px; border-radius: 30px; border:1px solid #fff; font-size:14px; color:#fff; text-transform: uppercase; margin: auto;}
.bannerText .more:hover{background-color:#fff; color:#2060af;}

/*首页*/
.index1{padding:80px 0;}
.title{text-align:center;}
.title .H3{font-size:30px; color:#333333; font-family: Arial; text-transform: uppercase;}
.title .H4{display:inline-block; font-size:24px; color:#2060af; padding:0 20px; position: relative; margin-top:10px; text-transform: uppercase;}
.title .H4 .line1{width:44px; height: 1px; background-color:#2060af; position: absolute; top:50%; left: -44px;}
.title .H4 .line2{width:44px; height: 1px; background-color:#2060af; position: absolute; top:50%; right: -44px;}
.index1List .list{width:278px; height: 430px; float:left; margin:35px 29.33px 0 0; border-radius: 6px; box-shadow: 0 0 7px rgba(0,0,0,0.14); padding:50px 30px 0 30px; box-sizing: border-box; text-align: center;}
.index1List .list:nth-child(4n){margin-right:0; }
.index1List .H3{font-size:24px; color:#333333;}
.index1List .pic{width:124px; height: 124px; border-radius: 50%; overflow: hidden; margin: 20px auto;}
.index1List .line{eidth:100%; height: 1px; background-color:#e8eff7;}
.index1List .line .line2{display:block; width:30px; height: 3px; margin:-2px auto auto auto; background-color:#2060af;}
.index1List .p{font-size:14px; color:#666666; line-height: 24px; height: 96px; margin: 18px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient: vertical;}
.more2{display:block; width:90px; height: 30px; background-color:#2060af; border-radius: 30px; line-height: 30px; font-size:14px; color:#fff; text-transform: uppercase; margin: auto;}
.index1List .list:hover{background-color:#2060af;}
.index1List .list:hover .H3,
.index1List .list:hover .p{color:#fff;}
.index1List .list:hover .line{background-color:#3770b7;}
.index1List .list:hover .line2{background-color:#fff;}
.index1List .list:hover .more2{background-color:#fff; color:#2060af;}

.title2 .H3,
.title2 .H4{color:#fff;}
.title2 .H4 .line1,
.title2 .H4 .line2{background-color:#fff;}

.index2{height:397px; padding:80px 0 0 0; text-align: center; box-sizing: border-box;}
.index2 .p{font-size:16px; line-height: 32px; color:#fff; opacity: 0.8; margin: 25px 0 30px 0; height: 96px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.index2 .more2{background-color:#ffffff; color:#2060af; border:1px solid #fff;}
.index2 .more2:hover{background:none; color:#fff;}

.index3{padding:80px 0;}
.index3List .list{width:380px; float:left; margin: 30px 30px 0 0; border-bottom:1px solid #d3d3d3;}
.index3List .list:nth-child(3n){margin-right:0;}
.index3List .pic{width:100%; float:left; height:210px; overflow: hidden; margin-bottom:20px;}
.index3List .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.index3List .H3{float:left; font-size:18px; color:#333333; width:280px; line-height: 30px; font-weight: bold;}
.index3List .more2{float:right; text-align: center;}
.index3List .p{font-size:14px; line-height: 24px; height: 72px; margin: 20px 0 25px 0; float:left; width:100%;color:#666666;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.index3List .list:hover{border-color:#2060af;}
.index3List .list:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}

.index4{background-color:#f5f5f5; padding:70px 0 80px 0; }
.index4 .w_1200{position: relative;}
.index4 .down{margin-top:40px;}
.leadLeft{width:492px; height: 400px; padding:29px 36px 0 43px; float:left; box-sizing: border-box;}
.index4TitleBox{width:178px; background:url(images/p2.png) center no-repeat; margin: auto; padding:29px 0 41px 0;}
.index4Title{width:100%; /*height: 42px;*/ padding:5px 0; line-height: 24px; text-align:center; background-color:#006bbc; border-radius: 4px; font-size:16px; color:#fff; position: relative;}
.index4Title .span{width:12px; height: 12px; position: absolute; bottom:-7px; left: 50%; margin-left:-6px; line-height: 0;}
.index4Text{}
.index4Text .H3{font-size:20px; color:#2060af; font-weight: bold;line-height:24px; margin: 30px 0 22px 0;}
.index4Text .H3 .ico{float:left; width:35px; height: 35px; line-height: 0; margin-right:10px;}
.index4Text .p{font-size:16px; color:#333333; line-height: 22px;}
.leadRight{width:698px; height: 195px; float:right; padding:19px 30px 0 30px; box-sizing: border-box;}
.leadRight .index4TitleBox{float:right;}	
.leadRight .text{margin-right:282px;}
.leadRight .index4Text .H3{margin:0 0 10px 0; display: inline-block;width:70%;}
.leadRight2{margin-top:10px; padding: 15px 30px 0 30px;}
.leadRight2 .index4TitleBox{float:left;}
.leadRight2 .index4Text{margin:0 0 0 210px;}
.leadRight2 .index4Text .H3{width:100%;}



.index5{padding:70px 0 80px 0;}
.index5 .H3{width:50px; height: 254px; background:url(images/p8.png) center no-repeat; background-color:#2060af; font-size:20px; color:#fff; line-height: 22px; padding:84px 10px 0 10px; box-sizing: border-box; text-align: center; float:left;}
.homeCase_s{float:left;  position:relative; overflow:hidden; width:1150px; padding:20px 0 0 20px;  box-sizing: border-box; height: 254px; border:1px solid #c2c2c2;  }
.index5Slick{ overflow:hidden; zoom:1; }
*{ outline: none;}
.index5Slick .list{width:210px; padding:0 5px 20px 5px; float:left;  _display:inline; overflow:hidden; text-align:center;}
.index5Slick .pic{width:100%; height:180px; overflow: hidden; }
.index5Slick .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.index5Slick .H4{font-size:18px; color:#333333; text-align: center; margin-top:15px;}
.index5Slick .list:hover .H4{color:#2060af;}
.index5Slick .list:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}

/*bottom*/
.bottom{background-color:#2060af; padding-top:66px;}
.bLogo{width:177px; float:left;}
.bLink{float:left; margin-left:70px;}
.bLink .list{float:left; width:160px; margin: 0 10px 0 25px;}
.bLink .H3{font-size:16px; color:#fff; padding:10px 0; text-transform:uppercase;}
.bLink .line{display:none; width:65px; height: 1px; background-color:#4773aa; margin: 21px 0 13px 0;}
.bLink .line .line2{width:21px; height: 2px; margin-top:-1px; display: block; background-color:#fff;}
.bLink a{display:block; width:100%; line-height: 34px; font-size:14px; color:#fff; opacity: 0.6;}
.bLink a:hover{opacity:1;}
.bEwm{float:right; width:126px;}
.bEwm .H3{width:100%; float:left; font-size:16px; color:#fff; padding:10px 0 15px 0; text-transform:uppercase;}
.bEwm .ewm{width:106px; height: 106px; float:left; overflow: hidden; }
.bEwm .text{float:left; font-size:14px; color:#73b9ff; width:106px; text-align: center; line-height: 16px; padding-top:8px;}
.bEwm .text .line{width:1px; height: 30px; background-color:#3770b7; display: block; margin: auto auto 5px auto;}
.cr{width:100%; text-align: center; font-size:14px; color:#fff; opacity: 0.8; line-height: 70px; border-top:1px solid #3770b7; float:left; margin-top:80px;}
.cr .c{width:12px; height: 12px; display: inline-block; margin-right:5px;}

@media screen and (max-width: 1429px) and (orientation:portrait) {
    .bEwm .text .line{display:none;}
    .bEwm .text{width:100% !important; text-align:left; margin-top:20px;}
}

/*关于我们*/
.pageNav{width:100%; min-height:76px; position: relative; z-index: 1; background:url(images/p11.png) center top no-repeat; /*background-size:cover;*/ margin-top:-16px; }
.pageNav .left{float:left; padding:20px 0; font-size:26px; color:#fff; line-height: 36px;}
.pageNav .left .ico{width:36px; height: 36px; float:left; margin-right:10px;}
.pageNav .right{float:right; display:flex; flex-wrap: wrap; align-items: flex-start; }
.pageNav .right a{float:left; margin-top:16px; min-width:84px;padding:0 30px; height: 60px; line-height: 60px; background-color:#1568b5; text-align: center; font-size:16px; color:#fff; margin-right:1px;}
.pageNav .right a:hover{height:65px; background-color:#00a7ff;}
.pageNav .right a.hover{height:65px; background-color:#00a7ff;}

.about1{padding:60px 0 85px 0;}
.title3{text-align:center;}
.title3 .H3{font-size:24px; color:#2060af; text-transform:uppercase;}
.title3 .H4{font-size:14px; color:#666666; font-family: Arial; text-transform: uppercase;background:url(images/p13.png) center no-repeat; margin-top:15px;}
.about1 .p{font-size:14px; color:#5d5d5d; line-height: 28px; margin: 35px 0 25px 0;}
.about1 .imgBox .img{width:630px; height: 320px; overflow: hidden; float:left;}
.about1 .imgBox .right{width:614px; height: 320px; float:left; margin-left:-45px; background:url(images/p14.png) center no-repeat; background-size:cover; border-radius: 0 0 30px 0; overflow: hidden; padding:187px 0 0 60px; box-sizing: border-box;}
.about1 .imgBox .right .H3{ font-size:30px; color:#fff; font-weight: bold;}
.about1 .imgBox .right .H4{font-size:20px; color:#fff; margin-top:10px;}

.about2{padding:70px 0 80px 0; background-color:#f5f5f5;}
.about2 .title3 .H4{background:none; opacity: 0.6;}
.del{margin-top:40px; padding:60px 0 ; position: relative;}
.del::after{width:12px; height: 12px; border-radius: 50%; background-color:#fff; border:1px solid #2060af; box-sizing: border-box;position: absolute; top:0; left: 50%;  margin-left:-6px; content: "";}
.del::before{width:1px; height: 100%; background-color:#e2e2e2; top:0; left: 50%; content: ""; position: absolute; }
.del .list{margin-bottom:30px;}
.del .list:last-child{margin:0;}
.del .list .box{ width:710px; float:right;}
.del .list .H4{float:left; width:89px; height: 89px; border:1px solid #2060af; line-height: 87px; box-sizing: border-box; text-align: center; border-radius: 50%; font-size:24px; color:#2060af}
.del .list .span{float:left; width:29px; height: 12px; margin: 38.5px 35px 0 0; background:url(images/p15.png) center no-repeat;}
.del .list .left{width:557px; float:left; padding:20px 30px 20px 20px; box-sizing: border-box; border:1px solid #dbdbdb; border-radius: 6px;}
.del .list .left .p{font-size:14px; ;line-height: 29px; padding:10px 0;}
.del .list .left .pic{width:192px; height: 139px; float:left; overflow: hidden; margin-right:24px;}
.del .list2 .box{float:left;}
.del .list2 .H4{float:right;}
.del .list2 .span{ margin: 38.5px 0 0 35px;float:right; background-image:url(images/p16.png);}
.del .list2 .left{float:right;}
.about2 .more{width:89px; height: 89px; border-radius: 50%; background:url(images/p17.png) center no-repeat; line-height: 89px; text-align: center; display: block; margin: auto;  font-size:18px; color:#fff;-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.about2 .more:hover{transform:rotate(360deg);}

/*荣誉资质*/
.honor{padding:50px 0 80px 0;}
.honorList{padding-bottom:13px;}
.honorList .list{width:380px; margin:0 30px 0 0; float:left;}
.honorList .list:nth-child(3n){margin-right:0;}
.honorList .list .img{width:100%; height:288px; overflow: hidden; position: relative; border:1px solid #ebebeb;}
.honorList .list .listOn{width:100%; height: 0px; background-color:rgba(24,110,191,0.8); position: absolute; bottom:0; left: 0; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

}
.honorList .list .listOn .span{width:40px; height: 40px; border-radius: 50%; display:block; border:1px solid #fff; margin: 20px auto; box-sizing: border-box;}
.honorList .list .H4{font-size:14px; color:#333333; padding:22px 0 38px 0; text-align: center;}
.honorList .list:hover .listOn{height: 80px; }

.paging{text-align:center;}
.paging a{display:inline-block; vertical-align: middle; width:30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; font-size:14px; color:#272727; margin: 0 8px; border:1px solid #e1e1e1;}
.paging .pageup{width:100px; background:url(images/p47.png) center no-repeat; background-size:cover;}
.paging .pagedown{width:100px; background:url(images/p46.png) center no-repeat;}
.paging .pageup:hover{background-image:url(images/p44.png); background-color:#2060af;}
.paging .pagedown:hover{background-image:url(images/p45.png); background-color:#2060af;}
.paging a.hover{background-color:#2060af; color:#fff; border-color:#2060af;}

/*新闻中心*/
.new{padding-bottom:40px;}
.new .list{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid rgba(77,79,78,0.1); position: relative;} 
.new .list a{display:block;-webkit-transition: all 0.3s ease-out 0s;}
.new .list .pic{width:367px; height: 203px; float:left; overflow: hidden;}
.new2{width:650px; float:left; margin-left:29px;}
.new2 .H2{font-size:18px; color:#333333; padding:45px 0 0 0; letter-spacing: 1px;}
.new2 .H3{font-size:12px; color:#666666;  padding:8px 0 24px 0;}
.new2 .p{font-size:14px; color:#444444; line-height: 24px; height: 48px; padding:0 0 0 20px ;  position: relative;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.new2 .p::after{position:absolute; left:0;background-color:#ededed; width:1px; height:40px; top:50%; margin-top:-20px;content: " ";}
.new .i1{width:100px; float:right; height:203px; border-left:1px solid #ededed; margin-right:10px;}
.new .i1 .ico{width:18px; height: 34px; display: block; line-height: 0 ; margin: 84.5px 34px 0 34px;}
.new .i1 .ico .imgOn{display:none;}

.new .list:hover a{background-color:#d6e8ff; padding:10px 0 10px 10px;;
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.new .list:hover .new2 .H2{color:#2060af;}
.new .list:hover .i1 .imgOn{display:block;}
.new .list:hover .i1 .img{display:none;}
.new .list:hover .i1{border-color:#c3daf7;}
.new .list:hover .p::after{background-color:#d8d0e7}

/*新闻详情*/
.newDetail{padding:60px 0;}
.newText .H1{font-size:24px; color:#333333; text-align: center; letter-spacing: 1px;}
.newTextDiv{border-top:1px solid #d7d8d8; border-bottom:1px solid #d7d8d8; padding:9px 0; margin: 30px 0 40px 0;}
.newTextDiv .H2{font-size:14px; color:#777777; margin-right:0.83%; float:left;line-height: 34px; letter-spacing: 1px;}
.newTextDiv .return{float:right; font-size:14px; color:#777777; line-height: 34px;}
.newTextDiv .return .i1{float:right; width:38px; height: auto; margin-left:10px; }
.newTextDiv .return .i1 img{display:block;}
.newTextDiv .return:hover{color:#009900}
.newTextCon{font-size:14px; line-height: 30px; color:#333333;}
.newTextCon .divImg{ margin: 30px auto; text-align: center;}
.newDetail .share{text-align:center; padding:35px 0 30px 0;border-bottom:1px solid #d7d8d8; line-height: 0;  margin-bottom:20px;}
.newDetail .share .bdsharebuttonbox{display:inline-block;}
.newDetail .share .bdsharebuttonbox .bdshare-button-style0-16,
.newDetail .share .bdsharebuttonbox a{margin:0; padding:0;}
.newDetail .share .bdsharebuttonbox .bds_weixin{width:35px; height:35px; background:url(images/wx1.png) center no-repeat; margin: 0; }
.newDetail .share .bdsharebuttonbox .bds_tsina{width:35px; height:35px; background:url(images/sina1.png) center no-repeat; margin:0 14px;}
.newDetail .share .bdsharebuttonbox .bds_qzone{width:35px; height:35px; background:url(images/qzone1.png) center no-repeat; margin: 0;}

.aboutNewBox{}
.aboutNewBox .H2{font-size:18px; color:#2060af; padding:40px 0 25px 0; }
.aboutNew .list{width:566px; margin-right:38px; padding:10px 0; border-bottom:1px solid #e4e4e4; float:left;}
.aboutNew .list:nth-child(2n){margin-right:0;}
.aboutNew .list .H5{float:left; font-size:14px; color:#333333; width:80%;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.aboutNew .list .H6{font-size:14px; color:#777777; float:right;}
.aboutNew .list:hover .H5{color:#2060af;}

.pageA{}
.pageA a{font-size:14px; color:#666666; line-height: 17px;}
.pageA a:hover{color:#2060af;}
.pageUp{float:left; }
.pageDown{float:right; text-align: right}


/*产品中心*/
.product{padding-bottom:80px; position: relative;}
.productTab .hd{padding:40px 160px 40px 0; border-bottom:1px solid #dcdcdc; }
.productTab .hd li{width:auto; min-width:161px; padding:0 15px;height: 53px; float:left; line-height: 53px; text-align: center; background-color:#dcdcdc; border-radius: 30px; font-size:15px; color:#666666; margin-right:30px; cursor: pointer;}
.productTab .hd li a{color:#666666;}
.productTab .hd li.on{background-color:#00a7ff; color:#fff;}
.productTab .hd li:hover{background-color:#00a7ff; color:#fff;}
.productTab .hd li.on a{color:#fff;}
.productTab .bd{margin-top:45px;}
.productBox .H3{text-align:center; font-size:24px; color:#666666}
.productBox .line{width:66px; height: 1px; background-color:#2060af; display: block; margin: 30px auto 25px auto;}
.productBox .p{font-size:14px; line-height: 30px; color:#333333;}
.productBox .img{margin-top:30px;}
.downLoad{width:152px; line-height: 53px;height:53px;  text-align: center; border:1px solid #1568b5; border-radius: 53px; font-size:15px; color:#1568b5; position: absolute; top:40px; right:0;z-index:9999}
.downLoad .ico{width:31px; height: 31px; display: inline-block; margin-right:5px; background:url(images/p25.png) center content-box; vertical-align: middle;}
.downLoad:hover{background-color:#1568b5; color:#fff;}
.downLoad:hover .ico{background-image:url(images/p26.png);}


/*解决方案*/
.planList .list{margin-bottom:100px;}
.planList .list:last-child{margin:0;}
.planList .pic{width:570px; float:left; background:url(images/p23.png) right top no-repeat;}
.planList .pic .img{width:528px; height: 380px; display: block; margin: 43px 43px 0 0;}
.planList .text{width:570px; padding-right:25px; box-sizing: border-box; float:right;}
.planList .text .num{width:51px; display: block; margin: 80px 0 24px 0;}
.planList .text .H3{font-size:24px; color:#2060af; font-weight: bold;}
.planList .text .p{ font-size:16px; line-height: 32px; color:#666666; margin-top:35px; }
.planList .list2 .pic{float:right}
.planList .list2 .text{float:left}

/*成功案例*/
.case{padding:70px 0 80px 0;}
.caseList{padding-bottom:15px;}
.caseList .list{width:380px; float:left; margin: 0 30px 30px 0;}
.caseList .list:nth-child(3n){margin-right:0;}
.caseList .pic{width:100%; height: 284px; overflow: hidden;}
.caseList .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.caseList .down{padding:20px 30px 0 30px; height: 108px; border:1px solid #e7e7e7; border-top:none;box-sizing: border-box;}
.caseList .down .H4{font-size:16px;color:#333333;}
.caseList .down .line{margin:18px 0;}
.caseList .down .line1{float:left; width:68px; height: 2px; background-color:#2060af;}
.caseList .down .line2{float:left; width:25px; height: 2px; background-color:#afafaf; margin-left:7px;}
.caseList .down .H5{font-size:12px; color:#666666; font-family: Arial; text-transform: uppercase;}
.caseList .list:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.caseList .list:hover .H4{color:#2060af;}

/*案例详情*/
.caseDetail{padding:60px 0 80px 0;}
.caseDetail .pageTitle{text-align:center;}
.caseDetail .pageTitle .H3{font-size:24px; color:#333333;}
.caseDetail .pageTitle .line{width:50px; height: 1px; background-color:#e5e5e5; display: block; margin:15px auto auto auto;}
.caseDetailSlick{background:url(images/j41.jpg) center no-repeat; position: relative; padding:0 15px 0 15px; margin:30px 0 70px 0;}
.slideOut2{ width:100%; position: relative;}
.slide{
  float: left;
    width: 100%;
    min-height: 100px;
    position: relative;
}
.slide .img{
    overflow: hidden;
    position: absolute;
	transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
	background-color:#fff;
	padding:5px;
	border:1px solid #e5e5e5;
	opacity: 0;
}

/*
.slide .img1{
    top:23%;
    left: 0;
    z-index: 1;
	opacity: 1;
	width:37.52%;
}
*/
.slide .img2{
    top:82px;
    left: 0;
    z-index: 1;
	opacity: 1;
	width:385px;
	height: 288px; 
}
.slide .img3{
   top: 0;
    left: 284px;
    z-index: 2;
	width:600px;
	height: 450px;
	padding:10px;
	opacity: 1;
}
.slide .img4{
   top:82px;
    left: 783px;
    z-index: 1;
	opacity: 1;
	width:385px;
	height: 288px;  
}
/*
.slide .img5{
    height:auto;
    top: 8.335%;
    right: 0.85%;
    z-index: 1;
	opacity: 1;
	height:83.33%;
}
*/

.slide .img .pic{ float:left;  line-height:0; border:1px solid #eeeeee; overflow:hidden; width:100%; position: relative;}
.slide .pic .black{width:100%; height: 100%; background-color:#000; opacity: 0.3; position: absolute; left: 0; top:0;} 
.slide .img3 .black{display:none;}
.slide .img .pic img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.slide .img:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.slide .sd{ position: absolute; width: 100%; left: 0; top: 0;}
.slide .img2 .sd{ display: none;}
.slide .img4 .sd{ display: none;}



.slideOut2 button{
   position: absolute;
	left: 170px;
	top: 50%;
	margin-top:-34px;
	width: 71px;
	height: 68px;
	background-size:auto 100%;
	z-index: 9;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
	 -o-transition: all 0.3s ease-out 0s; 
		transition: all 0.3s ease-out 0s;
}
.slideOut2 .butLeft{ position: absolute; left:156px; background: url(images/p29.png) center no-repeat; outline: 0; z-index: 90; cursor: pointer;}
.slideOut2 .butRight{position: absolute; right:156px; left: auto;background: url(images/p30.png) center no-repeat; outline: 0; z-index: 90; cursor: pointer;}	
.slideOut2 .butLeft:hover{background-image: url(images/p32.png)  }
.slideOut2 .butRight:hover{background-image: url(images/p31.png) }

.caseDetailSlick .ico{width:16px; height: 14px; line-height: 0; position: absolute ; bottom:-44px; left: 50%; margin-left:-8px;}

.caseDetail .p{font-size:14px; ;line-height: 30px; color:#333333; padding-bottom:50px; margin-bottom:30px; border-bottom:1px solid #e5e5e5;}
.caseDetail .p .H4{font-weight: bold; margin-bottom:5px; font-size:14px; width: 100%;}

/*人才招聘*/
.joinList{ padding:0 30px 20px 0; width:100%; box-sizing: border-box;}
.joinList .list{margin-bottom:20px;}
 .l_recruit_t{ display:block; width:100%; background:#f7f7f7; cursor:pointer;border-left: 3px solid #2060af;position: relative; box-sizing: border-box;padding:30px 2.29% 30px 2.29%;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
	}
 .l_recruit_t span{display: block;float: left; width:890px;}
 .l_recruit_t span h2{display: block;font-size: 24px; color: #2060af; line-height: 30px;
	 overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
 .l_recruit_t span h5{display: block;font-size: 14px;color: #333333; margin-top:15px; line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
 .l_recruit_t font{display: block;float: right;margin: 8px 0 0 0;font-size: 14px;color: #808080;padding-right: 50px;position: relative; 
	 overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
 .l_recruit_t font::after{content: "";display: block;position: absolute;right: 0;top: 2px;background: url(images/p35.png) no-repeat center/100% 100%;width: 28px;height: 15px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
 .l_recruit_t i{display: block;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 2.29%;opacity:0; filter:alpha(opacity=00);z-index: 9; box-sizing: border-box;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
 .l_recruit_t i::before{content: "";display: block;float: left;width: 100%;height: 1px;background: #e6e6e6; }
 .l_recruit_t.on font::after{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	}
 .l_recruit_t.on i{opacity:1; filter:alpha(opacity=100);}


 .l_recruit_d{display: none; width:100%; background:#f7f7f7; border-left: 3px solid #2060af; position:relative;line-height:34px; font-size:14px; box-sizing: border-box;color:#4c4c4c; padding:0 2.29% 40px 2.29%;}
 .l_recruit_d h4{display: block; padding:40px 0 10px 0; font-size: 16px; color: #666;font-weight: bold;}
.l_recruit_d h4:first-child{padding-top:25px;}
 .l_recruit_d .span{display: block;font-size: 16px;color: #666;font-weight: bold;  margin-top:-40px;}
 .l_recruit_d .span a{color: #409d14; font-size:16px; font-weight: normal;}
 .l_recruit_d .span a:hover{text-decoration: underline;}
 .l_recruit_d .span .button{ display:block;float: right;background:#2060af; width:155px; height:40px;line-height: 40px;font-size: 18px;color: #fff; text-align:center; cursor:pointer;  font-weight: normal; border: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -webkit-appearance:none;
    outline: 0;
	 margin-top:-5px;
	 border-radius: 100px;
     padding-top:0;
}
.l_recruit_d .span .button:hover{opacity:0.8;}

/*联系我们*/
.contact{padding:45px 0 60px 0;}
.contact1{width:510px; height: 459px; background-color:#f5f5f5; padding:80px 67px 0 27px; box-sizing: border-box; float:left;}
.contact1 .H3{font-size:24px; color:#333333; line-height: 41px; letter-spacing: 1px;}
.contact1 .H3 .small{font-size:16px; color:#333333}
.contact1 .H4{font-size:14px; color:#999999; font-family: Arial;letter-spacing: 1px;}
.contact1 .p{font-size:16px; color:#666666; line-height: 39px; margin-top:24px; padding:15px 0 25px 0; border-top:1px solid #eaeaea;}
.pageShare .H5{float:left; fotn-size:14px; color:#323232; line-height: 40px;}
.pageShare .bdsharebuttonbox{float:left;}
.pageShare .bdsharebuttonbox a{width:40px; height: 40px; padding: 0; margin: 0 0 0 20px; }
.pageShare .bdsharebuttonbox .bds_tsina{background:url(images/p37.png) center no-repeat;}
.pageShare .bdsharebuttonbox .bds_weixin{background:url(images/p39.png) center no-repeat;}
.pageShare .bdsharebuttonbox .bds_tsina:hover{background-image:url(images/p38.png); opacity: 1;}
.pageShare .bdsharebuttonbox .bds_weixin:hover{background-image:url(images/p40.png); opacity: 1;}

.map{width:670px; height: 460px;float:right; box-shadow: 0 0 10px rgba(0,0,0,0.14);}
#bdmap1{ position: relative; width: 100%; height: 100%;}
.map .anchorBL{display:none;}
.contact2{width:100%; float:left;}
.contact2 .H3{font-size:20px; color:#333333 ; padding:35px 0 20px 0; border-bottom:1px solid #e6e5e5; text-transform:uppercase;}
.contact2 .other .list{width:585px; height: 166px; background-color:#f5f5f5; padding:20px; box-sizing: border-box; float:left; margin: 30px 30px 0 0;}
.contact2 .other .list:nth-child(2n){margin-right:0;}
.contact2 .other .list .pic{width:126px; height: 126px; overflow: hidden; float:left;}
.contact2 .other .list .text{margin-left:145px;}
.contact2 .other .list .text .H4{font-size:18px; color:#333333}
.contact2 .other .list .text .p{font-size:14px; color:#555555; line-height: 22px; margin-top:10px; word-break: break-all;}