/* 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:180px; height: auto; float:left; margin: 13px 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;
	 -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;}
.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;}
.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; line-height: 42px; text-align:center; background-color:#006bbc; border-radius: 4px; font-size:18px; 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:35px; 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: 28px;}
.leadRight{width:698px; height: 195px; float:right; padding:34px 40px 0 65px; box-sizing: border-box;}
.leadRight .index4TitleBox{float:right;}	
.leadRight .text{margin-right:282px;}
.leadRight .index4Text .H3{margin:0 0 18px 0; display: inline-block; min-width:60%; white-space:nowrap}
.leadRight2{margin-top:10px; padding:25px 43px 0 46px;}
.leadRight2 .index4TitleBox{float:left;}
.leadRight2 .index4Text{margin:0 0 0 210px;}

.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:168px; 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;}
.bLink .line{width:65px; height: 1px; background-color:#4773aa; margin: 21px 0 13px 0; display:none;}
.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;}
.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;}

/*关于我们*/
.pageNav{width:100%; height:76px; position: relative; z-index: 1; background:url(images/p11.png) center 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; margin-top:16px;}
.pageNav .right a{float:left; 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;}
.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; text-align: justify; text-transform: uppercase;}
.planList .list2 .pic{float:right}
.planList .list2 .text{float:left}

/*案例中心*/
.case{padding:40px 0;}
.case .list{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid rgba(77,79,78,0.1); position: relative;} 
.case .list a{display:block;-webkit-transition: all 0.3s ease-out 0s;}
.case .list .pic{width:367px; height: 203px; float:left; overflow: hidden;}
.case2{width:650px; float:left; margin-left:29px;}
.case2 .H2{font-size:18px; color:#333333; padding:45px 0 0 0; letter-spacing: 1px;}
.case2 .H3{font-size:12px; color:#666666;  padding:8px 0 24px 0;}
.case2 .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;}
.case2 .p::after{position:absolute; left:0;background-color:#ededed; width:1px; height:40px; top:50%; margin-top:-20px;content: " ";}
.case .i1{width:100px; float:right; height:203px; border-left:1px solid #ededed; margin-right:10px;}
.case .i1 .ico{width:18px; height: 34px; display: block; line-height: 0 ; margin: 84.5px 34px 0 34px;}
.case .i1 .ico .imgOn{display:none;}

.case .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;
}
.case .list:hover .case2 .H2{color:#2060af;}
.case .list:hover .i1 .imgOn{display:block;}
.case .list:hover .i1 .img{display:none;}
.case .list:hover .i1{border-color:#c3daf7;}
.case .list:hover .p::after{background-color:#d8d0e7}

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


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



/*人才招聘*/
.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; font-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%;}

.contact2{width:100%; float:left;}
.contact2 .H3{font-size:20px; color:#333333 ; padding:35px 0 20px 0; border-bottom:1px solid #e6e5e5;}
.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: 30px; margin-top:10px;}



/*产品列表*/
.product{ float: left; width:1200px; overflow: hidden;}
.product ul{ float:left; width:1234px; padding:40px 0 0 0;  min-height:500px;}
.product ul li{ float:left; width:370px; margin:30px 17px 0 17px; background: url(images/fimg23.png) top center no-repeat #fff;
    -webkit-box-shadow:0 10px 40px rgba(0,0,0,0.06);
    -moz-box-shadow: 0 10px 40px rgba(0,0,0,0.06);
    -o-box-shadow: 0 10px 40px rgba(0,0,0,0.06);
    box-shadow: 0 10px 40px rgba(0,0,0,0.06);
}
.product ul li:hover{ background:url(images/fimg23_h.png) top center no-repeat #fff;}
.product ul li .productPic{ float: left; width:330px; height:248px; margin:20px; overflow: hidden; }
.product ul li .productPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.product ul li:hover .productPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.product ul li .productDown{ float:left; width:330px; padding:7px 20px 30px 20px;}
.product ul li .productDown h4{ float:left; width:100%; height:32px; color:#232323; font-size:16px;}
.product ul li .productDown h4 a{color:#232323;}
.product ul li:hover .productDown h4 a{ color:#0057a4;}
.product ul li .productDown .productText{ float:left; width:100%; height:26px; color:#6e6e6e; font-size:14px;}
.product ul li .productDown .productText a{color:#6e6e6e;}
.product ul li .productDown .productMore{ float:left; width:100%; margin:22px 0 0 0;}
.product ul li .productDown .productMore span{ float:left; color:#018adb; font-size:14px; line-height:24px;}
.product ul li .productDown .productMore b{ float:left; margin:11px 0 0 5px; line-height:0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.product ul li:hover .productDown .productMore b{ margin:11px 0 0 8px;}