/*首页*/
/*关于*/
.i_three_bg{ background:#f4f4f4; overflow:hidden;}
.i_title2{overflow:hidden; color:#545454;  }
.i_title2 .h3{ float:left; font-weight:normal; overflow:hidden; letter-spacing:1px;}
.i_title2 b{ font-weight:bold; float:left;line-height:72px;}
.i_title2 span{ font-weight:lighter;float:left; margin-left:18px;line-height:80px;}
.i_title2 label{ float:left;line-height:96px; height:88px; margin-left:3px;}
.i_three{ overflow:hidden;margin-top:6%; margin-bottom:6%;}
.i_three .imgs{ float:right; width:49%; max-width:722px; overflow:hidden; margin-top:60px;}
.i_three .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 1.6s ease-out 0s; -moz-transition:all 1.6s ease-out 0s; -o-transition:all 1.6s ease-out 0s; transition:all 1.6s ease-out 0s;}
.i_three .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_three .i_three_l{ float:left; overflow:hidden; width:49%; max-width:722px;}
.i_three .i_three_l .p{ font-size:16px; line-height:32px; overflow:hidden;color:#585858; margin-top:7%;}
.i_three .i_three_l .i_more2{ float:left; padding-left:50px; font-size:16px;color:#585858;transition:all 0.3s; background:url(../images/i_bg3.png) left center no-repeat; background-size:37px 7px; font-weight:bold; line-height:20px; height:18px; margin-top:8%; text-transform:uppercase;}
.i_three .i_three_l .i_more2:hover{ margin-left:5px;}
/*项目案例*/
.i_one{ background:#31353e; overflow:hidden;}
.i_title{ overflow:hidden; margin-top:6%; margin-bottom:6%; color:#f4f4f4;position:relative;}
.i_title .h3{ float:left; font-weight:normal; overflow:hidden; letter-spacing:1px; }
.i_title b{ font-weight:bold; float:left;line-height:72px;}
.i_title span{ font-weight:lighter;float:left; margin-left:18px;line-height:80px;}
.i_title label{ float:left;line-height:88px; margin-left:3px;}
.i_title .i_more{ float:right; padding-left:50px; font-size:16px; position:absolute; right:0; top:50%;transform: translate(0%, -50%);color:#f4f4f4;transition:all 0.3s; background:url(../images/i_bg4.png) left center no-repeat; font-weight:bold; line-height:20px; height:18px;text-transform:uppercase;}
.i_title .i_more:hover{ margin-right:5px;}
.i_title .i_more:hover a{ color:#99d9ec;}
.i_one_ul{ overflow:hidden; margin-bottom:2.5%;}
.i_one_ul ul li{ float:left; width:49.6%; overflow:hidden; margin-bottom:0.8%;}
.i_one_ul ul li:nth-child(2n+0){ float:right;}
.i_one_ul ul li .imgs{ overflow:hidden; position:relative;}
.i_one_ul ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 1.6s ease-out 0s; -moz-transition:all 1.6s ease-out 0s; -o-transition:all 1.6s ease-out 0s; transition:all 1.6s ease-out 0s;}
.i_one_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_one_ul ul li .txts{ position:absolute; width:100%; height:100%; top:0; left:0; transition:all 0.3s;}
.i_one_ul ul li:hover .txts{background:rgba(41,49,64,0.85);}
.i_one_ul ul li .txts .cons{ position:absolute; bottom:6%; left:50%;transform: translate(-50%, 0%); width:94%; max-width:776px;  transition:all 0.3s; background-position:80% center;}
.i_one_ul ul li .txts .cons .h3{ font-weight:normal;height:30px; line-height:30px; overflow:hidden;color:#f5f6f7;}
.i_one_ul ul li .txts .cons span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px;color:#e7e7e7;}
.i_one_ul ul li:hover .txts .cons{ background:url(../images/i_bg4.png) right center no-repeat;}
/*动态*/
.i_two{ background:#f4f4f4; overflow:hidden;}
.i_two .i_title{color:#31353e;}
.i_two .i_title .i_more{ color:#31353e; background-image:url(../images/i_bg3.png);}
/*首页头部*/
.i_nav{ position:fixed; top:0;width: 100%;z-index: 10;transition: all 0.3s;}
.i_nav .i_nav_l{ float:left; width:128px; margin-top:24px;}
.i_nav .i_nav_l img{ width:100%;}
.nav-hide .i_nav .i_nav_l{ display:none;}
.i_nav .head_right{ position:fixed; right:0; top:0; width:98px; top:0px; padding-top:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.i_nav .head_right dl dd{ display:block; border-bottom:2px solid #b2b2b2; height:56px;}
.nav-hide  .i_nav .head_right.opennav dl dd:nth-child(2),.nav-hide .i_nav .head_right.opennav dl dd:nth-child(3){ display:none;}
.nav-hide .i_nav .head_right dl dd{ border-bottom:2px solid #ccc; }
.i_nav .head_right dl dd .nav_ico{ width:24px; height:56px; position:relative;  cursor:pointer;transition:all 0.3s; margin-left:15px;}
.i_nav .head_right dl dd .nav_ico i{ display:block; font-size:0;width: 24px;height: 2px;z-index: 1; left: 50%; margin-left:-12px; position:absolute;  top: 0;  background: #fff; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;-ms-transition: 0.6s; -o-transition: 0.6s; overflow: hidden; margin-top:21px;}
.i_nav .head_right dl dd .nav_ico i:nth-child(2){ top:8px;}
.i_nav .head_right dl dd .nav_ico i:nth-child(3){ top:16px;}
.i_nav .head_right dl dd .nav_ico:hover i{/*-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);*/opacity:0.8;filter:Alpha(opacity=80);}
.i_nav .head_right dl dd .nav_ico i span{width: 2px; height: 2px; margin-left: 3px;  float: left; background: #fff;}
.i_nav .head_right dl dd .nav_ico.on i:nth-child(1){top: 6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.i_nav .head_right dl dd .nav_ico.on i:nth-child(2){opacity: 0;}
.i_nav .head_right dl dd .nav_ico.on i:nth-child(3){top: 6px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.i_nav .head_right dl dd .nav_ico.on i span{display: none;}
.i_nav .head_right dl dd .language2{ margin-left:15px; text-transform:uppercase; font-size:20px; color:#fff; line-height:56px;transition:all 0.3s;}
.i_nav .head_right dl dd .language2:hover{opacity:0.8;filter:Alpha(opacity=80);}
.nav-hide .i_nav .head_right dl dd .language2{ color:#81b0c2;}
.i_nav .topNav{ opacity: 0; transition: all 0.5s; display: none; position: absolute; width: 650px;right: 113px;top:42px;border-top: 1px solid #fff; transform: translateX(100%);-ms-transform: translateX(100%);-moz-transform: translateX(100%);-webkit-transform:rotate translateX(100%);-o-transform:rotate translateX(100%); display: block;}
.i_nav .topNav li{ border-top: 1px solid transparent;float: left;margin: 0 25px 0 25px; padding-top: 2%;}
.i_nav .topNav li a{ font-size: 18px; color:rgba(255,255,255,0.8); display: block;}
.i_nav .topNav li a:hover{ color:#fff;}
.i_nav .topNav li:last-child{ margin-right: 0;}
.i_nav .header-menu-show{ transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-webkit-transform:rotate translateX(0);-o-transform:rotate translateX(0); opacity: 1;}
.nav-hide .i_nav .head_right{ padding-top:10px;}
.nav-hide .i_nav .topNav li a:hover{ color:#81b0c2;}
.nav-hide .header-menu-show{display: block;  opacity: 1; background: rgba(255,255,255,1.0); height:100%;}
.nav-hide .header-menu-show li{ float:none; display:block; height:40px; line-height:40px; margin-top:10px; margin-bottom:10px;}
.nav-hide .i_nav .topNav{width:150px;   right:0; top:0;}
.nav-hide .i_nav .topNav li{  margin: 18% 0;}
.nav-hide .i_nav .topNav li a{ color:#333;}
.nav-hide .i_nav .topNav .ul{ margin-top:56px; border-top:1px solid #ccc; overflow:hidden; width:100%; overflow:hidden; padding-left: 38px;}
.nav-hide .i_nav .head_right dl dd .nav_ico i span{ background:#81b0c2;}
.nav-hide .i_nav .head_right dl dd .nav_ico i{background:#81b0c2;}
.nav-hide .i_nav .head_right dl dd .nav_ico.on{ margin-left:-30px; margin-top:-10px}
/*搜索*/
.top_search2{ float:left; margin-left:15px;height:50px; margin-top:3px; position:relative;transition:all 0.5s;}
/*.nav-hide .top_search2{ margin-top:15px;}*/
.top_search2 em{background:url(../images/top_pic1.png) center center no-repeat;height:100%; width:23px; background-size:23px auto;cursor:pointer; display:block;float:right; overflow:hidden;transition:all 0.3s;}
.nav-hide .top_search2 em{ background-image:url(../images/top_pic1_on.png);}
.top_search2 em:Hover{opacity:0.8;filter:Alpha(opacity=80);}
#showopen .top_search2 em{opacity:0;filter:Alpha(opacity=0);}
.top_search2 .search_con3{position:absolute;  right:0px; height:50px;z-index:100;transform: scale3d(0, 0, 0);transform-origin: right center;transition:all 0.5s;opacity:0;filter:Alpha(opacity=0);width:450px;}
#showopen .top_search2 .search_con3{opacity:1.0;filter:Alpha(opacity=100);transform: scale3d(1, 1, 1);}
.top_search2 .search_con3 .search-input{ width:380px; float:left; height:48px; line-height:48px; overflow:hidden; border:1px solid #d4d4d4; border-radius:5px;font-size: 16px;padding-left: 20px; background:#fff;}
.top_search2 .search_con3 .input1{ height:48px; line-height:48px; background:none; border:0;width:calc(100% - 57px);width:-webkit-calc(100% - 57px);width:-moz-calc(100% - 57px); float:left; outline:none; font-size:16px; color:#666666; font-family:"微软雅黑";}
.top_search2 .search_con3 .bnts{ float:right; width:56px; height:48px; background:url(../images/head_pic3.png) center center no-repeat; margin-right:1px; cursor:pointer; border:none;}
.top_search2 .search_con3 .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_search2 .search_con3 .moblie-search-close2{position: absolute; top: 15px; right: 0; width:20px; height:20px;background:url(../images/c10.png) center center no-repeat; }
.nav-hide .top_search2 .search_con3 .moblie-search-close2{ background-image:url(../images/c11.png);}

@media screen and (max-width: 1440px) {
/*关于*/
.i_title2 b{ line-height:66px;}
.i_title2 span{ line-height:80px;}
.i_title2 label{ line-height:94px; height:86px;}
.i_three .i_three_l .p{ margin-top:4%;}
.i_three .i_three_l .i_more2{ margin-top:6%;}
/*项目案例*/
.i_title b{ line-height:66px;}
.i_title span{ line-height:80px;}
.i_title label{ line-height:86px;}
/*首页头部*/
.i_nav .i_nav_l{ margin-top:20px;}
}
@media screen and (max-width: 1360px) {
/*关于*/
.i_three .i_three_l .p{ line-height:30px;}
.i_three .imgs{ margin-top:70px;}
.i_title2 span{ line-height:70px;}
.i_title2 label{ line-height:80px; height:72px;}
/*项目案例*/
.i_title span{ line-height:70px;}
.i_title label{ line-height:72px;}
}
@media screen and (max-width: 1200px) {
/*关于*/
.i_three .i_three_l .p{ line-height:26px; font-size:15px;}
.i_three .imgs{ margin-top:80px;}


}
@media screen and (max-width: 1100px) {
/*首页头部*/
.i_nav{ display:none;}
}
@media screen and (max-width: 960px) {
/*关于*/
.i_three .imgs{ margin-top:100px;}
/*项目案例*/
.i_one_ul ul li .txts .cons .h3{ height:26px; line-height:26px;}
.i_one_ul ul li .txts .cons span{ font-size:14px; height:20px; line-height:20px;}
/*首页头部*/
.i_nav .i_nav_l{ margin-top:10px; width:110px;}
.i_nav .head_right{ padding-top:10px;}
.i_nav .topNav li a:hover{ color:#81b0c2;}
.header-menu-show{display: block;  opacity: 1; background: rgba(255,255,255,1.0); height:100%;}
.i_nav .topNav li{ float:none; display:block; height:40px; line-height:40px; margin-top:10px; margin-bottom:10px; margin: 5% 0;}
.nav-hide .i_nav .topNav li{ margin: 5% 0;}
.i_nav .topNav{width:150px;   right:0; top:0;}
.i_nav .topNav li a{ color:#333; font-size:16px;}
.i_nav .topNav .ul{ margin-top:56px; border-top:1px solid #ccc; overflow:hidden; width:100%; overflow:hidden; padding-left: 38px;}
.i_nav .head_right dl dd .nav_ico.on i span{ background:#a2c5d2;}
.i_nav .head_right dl dd .nav_ico.on i{background:#81b0c2;}
.i_nav .head_right dl dd .nav_ico.on{ margin-left:-30px;margin-top:-10px;}
.nav-hide .i_nav .head_right dl dd .nav_ico.on{margin-left:-30px;margin-top:-10px;}


}

@media screen and (max-width: 780px) {
/*关于*/
.i_three .i_three_l{ float:none; width:100%; max-width:none;}
.i_three .imgs{ float:none; width:100%; max-width:none; margin-top:5%;}
.i_three .i_three_l .i_more2{ margin-top:4%;}
.i_three .i_three_l .p{ margin-top:2%;}
.i_title2 b{ line-height:50px;}
.i_title2 span{ line-height:60px;}
.i_title2 label{ line-height:70px; height:62px;}
/*项目案例*/
.i_title b{ line-height:50px;}
.i_title span{ line-height:60px;}
.i_title label{ line-height:62px;}
}
@media screen and (max-width: 640px) {
/*关于*/
.i_title2 span{ margin-left:12px;}
.i_three .i_three_l .p{ font-size:14px;}
.i_three .i_three_l .i_more2{ font-size:14px;background-size:30px auto; padding-left:40px;}
/*项目案例*/
.i_title{ margin-top:7%; margin-bottom:7%;}
.i_title span{ margin-left:12px;}
.i_title .i_more{  font-size:14px;background-size:30px auto; padding-left:40px;}
.i_one_ul ul li:hover .txts .cons{ background-size:16px auto;}
.i_one_ul ul li .txts .cons .h3{ height:24px; line-height:24px;}
.i_one_ul ul li .txts .cons span{ font-size:13px;}
/*首页头部*/
.i_nav .i_nav_l{ margin-top:0px; width:100px;}
/*搜索*/
.top_search2 .search_con3{ width:380px;}
.top_search2 .search_con3 .search-input{ width:310px;}
.top_search2 .search_con3 .input1{ font-size:14px;}
}

@media screen and (max-width: 480px) {
/*关于*/
.i_title2 b{ line-height:40px;}
.i_title2 span{ line-height:50px;}
.i_title2 label{ line-height:60px; height:52px;}
.i_three .i_three_l .p{ line-height:22px; font-size:13px;}
.i_three .i_three_l .i_more2{ font-size:13px; background-size:26px auto; padding-left:36px;}
/*项目案例*/
.i_one_ul ul li{ float:none; width:100%; margin-bottom:1.5%;}
.i_one_ul ul li .txts .cons .h3{ height:20px; line-height:20px;}
.i_one_ul ul li .txts .cons span{ height:18px; line-height:18px;}
.i_title .i_more{ font-size:13px;background-size:26px auto; padding-left:36px;}
.i_title b{ line-height:40px;}
.i_title span{ line-height:50px;}
.i_title label{ line-height:52px;}
/*首页头部*/
.i_nav .head_right{ width:80px; padding-top:0px;}
.nav-hide .i_nav .head_right{ padding-top:0;}
.i_nav .head_right dl dd .nav_ico.on{ margin-top: 0px; margin-left:-55px;}
.nav-hide .i_nav .head_right dl dd .nav_ico.on{margin-top: 0px; margin-left:-55px;}
/*搜索*/
.top_search2 .search_con3{ width:280px;}
.top_search2 .search_con3 .search-input{ width:210px;}

}