@charset "UTF-8";
.l{float:left;}
.r{float:right;}
.gy2{ max-width:1600px; margin:0 auto; overflow:hidden;}
.new{ overflow:hidden; background-color:#f5f5f5; padding-top:50px; padding-bottom:80px;}
.flexslider{ margin-top:20px; overflow:visible;}
.news_lone{ width:33.3%; height:520px; overflow:hidden; position:relative;}
.news_lone_img{ height:520px;overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-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;}
.news_lone_img img{ display:block; width:100%;opacity: 0;filter: alpha(opacity=0);}
.news_lone .blog_infTop{  position:absolute; bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);height:110px; background:url(../images/i_bg4.png) 92% center #fff no-repeat; left:10px; right:10px; text-align:left; overflow:hidden;transition:all 0.3s;}
.news_lone .blog_infTop .blog_infR{display:table; width:100%; height:100%; overflow:hidden;}
.news_lone .blog_title{ padding-right:25%;padding-left:30px; margin-top:25px; display:table-cell; vertical-align:middle;line-height:24px;color:#000000; font-size:20px;overflow:hidden;/* text-overflow:ellipsis; white-space:nowrap;*/}
.news_lone:hover .news_lone_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);}
.news_lone:hover .blog_infTop{background:url(../images/i_bg4.png) 95% center #fff no-repeat;}
.news_lone:hover .blog_title{ color:#f67524;}
.blog_r{ width:66.6%; text-align:left;}
.blog_list{width:calc(100% - 4px);width:-webkit-calc(100% - 4px);width:-moz-calc(100% - 4px);display:inline; }
.blog_list.l li{ display:block; position:relative; height:256px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blog_list.l li:last-child{ margin-bottom:0;}
.blog_list.r li{width:calc(50% - 4px);width:-webkit-calc(50% - 4px);width:-moz-calc(50% - 4px);float: left;display:block; position:relative; height:168px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blog_list.r li:last-child{ margin-bottom:0;}
.blog_list.r li:nth-child(2n) {margin-left: 8px;}
.blog_list.l li a{ display:block; width:90%; margin:0 auto; overflow:hidden; color:#666;}
.blog_list.l .blog_Rtime{ height:66px; overflow:hidden; text-align:center; margin-top:22px; text-align:left; background:url(../images/i_bg5.png) 98% center no-repeat; display:block;transition:all 0.3s;}
.blog_list.l .blog_Rtime b{ display:block;  color:#000; font-size:30px;height:34px; line-height:34px; font-weight:normal; letter-spacing:1px;}
.blog_list.l .blog_Rtime em{ font-style:normal;height:20px; line-height:20px; font-size:16px;}
.blog_list.l .blog_Rmore{ margin-top:34px; overflow:hidden; display:block; border-bottom:1px solid #eee;}
.blog_list.l .blog_Rmore b{ color:#000; display:block;height:32px; line-height:32px; overflow:hidden; font-size:18px; font-weight:normal;}
.blog_list.l li:hover .blog_Rmore b{ color:#f67524;}
.blog_list.l .blog_Rmore span{ display:block;line-height:24px; height:72px; overflow:hidden; margin-top:19px; font-size:16px;}
/*.blog_list.l li:hover{background-color:#f67524;}
.blog_list.l li:hover a{ color:#fff;}*/
.blog_list.l li:hover .blog_Rtime{background:url(../images/i_bg5.png) 100% center no-repeat;}
/*.blog_list.l li:hover .blog_Rmore b{ color:#fff;}
.blog_list.l li:hover .blog_Rtime b{ color:#fff;}*/

.blog_list.r li a{ display:block; width:90%; margin:0 auto; overflow:hidden; color:#666; padding-top:20px;}
.blog_list.r .blog_Rtime{ height:95px; width:20%; float:left; overflow:hidden; text-align:left;}
.blog_list.r .blog_Rtime b{ display:block; width: 35px; text-align: center;border-bottom: 3px solid #ccc; color:#000; font-size:30px;height:50px; line-height:50px; font-weight:normal; letter-spacing:1px; background:url(../images/i_bg6.png) left bottom no-repeat;}
.blog_list.r .blog_Rtime em{ font-style:normal;height:42px; line-height:42px; font-size:16px;}
.blog_list.r .blog_Rmore{ float:right; height:114px; border-left:1px solid #f5f5f5; padding-left:30px; width: 80%; padding-top:14px; overflow:hidden;}
.blog_list.r .blog_Rmore b{ color:#000; display:block;height:48px; line-height:24px; overflow:hidden; font-size:18px; font-weight:normal; max-width:225px;}
.blog_list.r li:hover .blog_Rmore b{color:#EF1B2A;}
.blog_list.r .blog_Rmore span{ display:block;line-height:38px; height:38px; overflow:hidden; margin-top:15px;background:url(../images/i_bg5.png) left center no-repeat;transition:all 0.3s;}
.blog_list li:hover{/*box-shadow:0 0 20px rgba(0,0,0,.2)*/ box-shadow:0 15px 15px rgba(0,0,0,.1);transform:scale(1.005);}
/*.blog_list.r li:hover{background-color:#f67524;}
.blog_list.r li:hover a{ color:#fff;}
.blog_list.r li:hover .blog_Rmore b{ color:#fff;}*/
.blog_list.r li:hover .blog_Rtime b{ /*color:#fff;background:url(../images/i_bg6_on.png) left bottom no-repeat;*/}
.blog_list.r li:hover .blog_Rmore span{background:url(../images/i_bg10.png) 5% center no-repeat;}
.i_contact{overflow: hidden; background: url(../images/i_bg7.jpg) no-repeat center top;background-size: 100% 100%;}
.contact{font-size: 26px;line-height: 24px;}
.contact span{font-size: 16px;}
.i_contact_t{ margin:30px 0; height:60px; line-height:60px; font-size:24px;}
.i_contact_ul{ float:left; max-width:418px; overflow:hidden; margin-top:80px; color:#fff;}
.i_contact_ul ul li{ display:block;}
.i_contact_ul ul li a{ color:#fff;}
.i_contact_ul ul li a:hover{ color:#f67524;}
.i_contact_ul ul li:first-child{ padding-top:120px; font-size:18px;border-bottom:1px solid #fff;}
.i_contact_ul ul li:first-child a{ color:#fff;}
.i_contact_ul ul li:first-child a:hover span{color:#f67524;}
.i_contact_ul ul li:first-child span{ display:block; height:36px; line-height:36px; overflow:hidden; font-size:36px; font-weight:normal; margin: 10px 0 25px;}
.i_contact_ul ul li:nth-child(2){ padding-top:50px; height:100px; line-height:60px;}
.i_contact_ul ul li:nth-child(2) a{ position:relative;}
.i_contact_ul ul li:nth-child(2) img{ float:left; margin-right:20px;transition: all 0.3s;}
.i_contact_ul ul li:nth-child(2) img:hover{opacity:0.6;filter:Alpha(opacity=60);}
.i_contact_ul ul li:nth-child(2) .wem1{    width: 100px;display: none; color: #363636;  text-align: center; position: absolute;left: -60px;top: -220px;}
.i_contact_ul ul li:nth-child(2) a:hover .wem1{ display:block;}
.i_contact_ul ul li:nth-child(2) .wem2{width: 203px;display: none; color: #363636;text-align: center; position: absolute;    left: -140px;top: -180px;;background-image: url(../images/ewm2020.png);background-repeat: no-repeat;}
.i_contact_ul ul li:nth-child(2) a:hover .wem2{ display:block;}
.i_contact_ul ul li:nth-child(3){ border-bottom:0; padding-top:34px; font-size:18px; line-height:30px;}
.i_contact_ul ul li:nth-child(3) img{ float:left; width:40px; height:48px; margin-right:20px; margin-top:5px;}
.i_contact_r{ float:right; width:66.6%; overflow:hidden;margin:80px 0; background:#ffffff;}
.i_contact_r .i_contact_r_ul{ float: left;width: 40%;text-align: center;}
.i_contact_r .i_contact_r_div{ width:48%; max-width:880px; overflow:hidden; margin:0 auto;}
.i_contact_r .i_contact_r_div ul li{ height:50px; line-height:50px;float:left; width:100%; margin-bottom:20px;}
.i_contact_r .i_contact_r_div ul li div{ border:1px solid #dfdfdf; overflow:hidden; }
.i_contact_r .i_contact_r_div ul li div .inputs{ width:100%; border:0; height:50px; text-indent:20px; background:none; color:#666666; font-size:18px; outline:none;}
.i_contact_r .i_contact_r_div ul li .bnts{width: 100%; height: 50px;  display: block; background: #EF1B2A; border: 1px #EF1B2A solid; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 50px;cursor: pointer;transition:all 0.3s;}
.i_contact_r .i_contact_r_div ul li .bnts:hover{opacity:0.6;filter:Alpha(opacity=60);}
@media screen and (max-width:1440px) {
/*banner*/
.index-back-box{ width:1200px;}
.i_service_t{ font-size:16px; padding-bottom:35px;}
.i_service_t h2{ font-size:36px;}
.i_service_t p{font-size:16px;}
.i_service .i_service_box .box ul li .box_con{width:90%; padding-left:10%;}
.i_service .i_service_box .box ul li h2{ line-height:132px;}
.i_service .i_service_box .box ul li i{ width:60px; height:132px;}
.i_service .i_service_box .box_txt2 h3{ font-size:30px;}
.i_service .i_service_box .box_txt2 p{ font-size:14px; line-height:26px;}
.customer2{ padding-top:25px; padding-bottom:60px;}
.solution_ul2 ul li p strong{ font-size:18px;}
.solution_ul2 ul li p{ font-size:12px;}
.solutioncon{ height:714px;}
.solutioncon .solutioncon_l .h2{ font-size:50px; line-height:60px; margin-top:170px;}
.solutioncon .solutioncon_l .p{ font-size:18px; line-height:30px;}
.solutioncon .solution_ul{ margin-top:124px;}
.solutioncon .solution_ul ul li{ height:233px;}
.solutioncon .solution_ul ul li img{ margin-top:48px;}
.solutioncon .solution_ul ul li strong{ font-size:18px;}
.new{ padding-top:35px; padding-bottom:60px; }
.news_lone{height:433px;width: 100%;}
.news_lone_img{height:433px;}
.blog_r{width: 100%;}
.blog_list {width: 100%;display: inline;}
.blog_list.l li{height:213px;margin-bottom:7px;}
.blog_list.l .blog_Rmore{margin-top:25px;}
.blog_list.l .blog_Rmore b{ font-size:16px;}
.blog_list.l .blog_Rmore span{line-height:20px;height:60px; margin-top:10px; font-size:14px;}
.blog_list.l .blog_Rtime{margin-top:20px;}
.blog_list.l .blog_Rtime b{ font-size:25px;}
.blog_list.l .blog_Rtime em{ font-size:13.3px;}
.blog_list.r li{width:100%;margin-bottom:7px;height: auto;}
.blog_list.r li:nth-child(2n) {margin-left: 0px;}

.blog_list.r li a{ padding-top:17px;}
.blog_list.r .blog_Rmore b{ line-height:20px; height:40px; font-size:16px;}
.blog_list.r .blog_Rtime b{ font-size:25px;}
.blog_list.r .blog_Rtime em{font-size:13.3px;}
.i_contact_t{ font-size:18px;}
.i_contact_ul ul li:first-child{ font-size:22px;}
.i_contact_ul ul li:first-child span{ font-size:34px;}
.i_contact_r .i_contact_r_div ul li div .inputs{ font-size:16px;}
.gy2{ max-width:1600px;font-size: 14px;}
.i_contact_ul {width: 100%;display: none;}
.i_contact_r {width: 100%;margin-top: 0;margin: 0;}
.i_contact_r .i_contact_r_ul{width: 100%;}
.i_contact_r .i_contact_r_div{ width:94%;}
}