@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#9D9D9E; font-size:14px; height:auto; box-sizing:border-box; background-color:#fff;}
.course{-moz-user-select: none; /*火狐*/
  -webkit-user-select: none;  /*webkit浏览器*/
  -ms-user-select: none;   /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;}
a{ color:#9D9D9E; text-decoration:none;}
a:hover{ text-decoration:none; color:#3E3A39;}
i,em{ font-style:normal;}



.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:5px;right:-8px;font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; border-radius:3px;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.7em;content: " ";}
.menu-link span:after {top: .7em;}
.menu-link.active span {background: transparent !important;}
.menu-link.active span:before { background-color:#ffffff;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#ffffff;
-webkit-transform: rotate(-45deg) translate(.6em, -.5em);
-moz-transform: rotate(-45deg) translate(.6em, -.5em);
-ms-transform: rotate(-45deg) translate(.6em, -.5em);
-o-transform: rotate(-45deg) translate(.6em, -.5em);
transform: rotate(-45deg) translate(.6em, -.5em);
}

.fix_body .menu-link span,
.fix_body .menu-link span:before,
.fix_body .menu-link span:after,
.p_body .menu-link span,
.p_body .menu-link span:before,
.p_body .menu-link span:after{background-color: #333;}

.icase_con .img,
.icase_con .img img,
.isolution .h3,
.inews .img img,
.inews .pd,
.icase_tab li .pd,
.index_body .header,
.isolution .pd,
.solution_list .pd,
.solution_list .pd .img img,
.subnav a,
.solution_list .h3,
.solution_list .p,
.solution_list .em,
.isolution .p a,
.inews .h3,
.inews .p,
.inews .em,
.icase_flip a,
.icase_flip em,
.menu li a,
.logo i,
.more a,
.ipt_b1,
.ipt_t1,
.textarea1,
.isolution .p,
.isolution .p em,
.play_btn i,
.play_btn i:before
{-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.icase_con .pd:hover .img img,
.inews .pd:hover .img img,
.solution_list .pd:hover .img img{ transform: scale(1.1);}

.p_body{ padding-top:70px;}

.wp{ width:1500px; position:relative; margin:0 auto;}

.header{ position:fixed; left:0px; top:0px; right:0px; height:70px; z-index:90;-webkit-transform: translateZ(0);}
.header .wp,.fix_body .case_tit .wp{ margin:0 30px; width:auto;}

.logo{/* background:url(../images/logo.png) no-repeat;*/ width:208px; height:70px; display:block; overflow:hidden; position:absolute; left:0px; top:0px; z-index:10;}
.logo i{ font-size:208px; color:#fff; position:absolute; top:0%; width:208px; height:208px; margin-top:8px; left:0px; line-height:0px;}
.logo i img{width: 100%; height: auto;}
.logo i img.logoImg{ }
.menu{ float:right;}
.menu ul{ padding:18px 0 16px 0;}
.menu li{ float:left; padding:0 0 0 44px;}
.menu li a{ height:36px; line-height:36px; display:block; color:#fff; position:relative; font-size:15px;}
.menu li a:after{content:'\20'; height:2px; position:absolute; left:0px; right:0px; bottom:0px; background:#fff; display:none;}
.menu li a.active:after{ display:block; }

.subnav{ position:fixed; right:0px; top:50%; margin-top:-180px;-webkit-transform: translateZ(0); z-index:90; color:#fff;}
.subnav li{ position:relative; background:rgba(25,25,25,0.95); border-bottom:1px solid #5d5d5d; line-height:44px; overflow:hidden;}
.subnav .h3{ float:right;}
.subnav .h3 a{ display:block; width:44px; color:#fff; position:relative; z-index:3;line-height:44px; height:44px; display:block; text-align:center; font-size:18px; float:right;}
.subnav .h3 span{ display:none; margin-right:44px;}
.subnav li:first-child{ border-radius:8px 0 0 0;}
.subnav li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.subnav .box{ display:none; margin-right:120px; padding-left:20px; min-width:260px; color:#fff;}
.subnav .box a{ color:#fff;}
.ipt_t2{ width:200px; padding:0 10px; box-sizing:border-box; border:1px solid #c7c8c9; height:24px; line-height:22px; background:none; border-radius:4px; color:#fff;}

.subnav:hover .h3 span{ display:block;}
.subnav:hover .box{ display:block;}
.subnav li:hover{ background:rgba(137,137,137,0.95);}

.imsg_bg{ background:rgba(0,0,0,0.1); position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:99; display:none;}
.imsg_box{ position:fixed; left:50%; top:50%; width:600px; background:rgba(137,137,137,0.95); z-index:100; margin:-250px 0 0 -300px; border-radius:10px; display:none;}
.imsg_box li{ float:left; width:50%; margin-bottom:20px;}
.imsg_box li:last-child{ margin-bottom:0px;}
.imsg_box li.w100{ width:100%;}
.imsg_box strong{ display:block; font-size:14px; color:#fff; font-weight:normal; line-height:1; margin-bottom:10px;}
.imsg_box ul{ margin-right:-20px;}
.imsg_box .pd{ margin-right:20px;}
.imsg_tit{ padding:0 40px; position:relative; text-align:center; font-size:18px; line-height:60px; height:60px; color:#fff; border-bottom:1px solid #c9caca;}
.imsg_tit i{ position:absolute; width:60px; height:60px; line-height:60px; text-align:center; right:0px; top:0px;}
.imsg_con{ padding:40px;}
.imsg_con .ipt_t1{ background:none; color:#fff;}
.imsg_con .ipt_t1:focus{ border-color:#fff; color:#fff;}
.imsg_con .textarea1{background:none; color:#fff; height:100px;}
.imsg_con .textarea1:focus{ border-color:#fff; color:#fff;}
.imsg_con .ipt_b1{ background:none; border-color:#fff; color:#fff;}
.imsg_con .ipt_b1:hover{color:#fff; border-color:#fff;}

.imsg_box ::-webkit-input-placeholder {color: rgba(255,255,255,0.6);}
.imsg_box :-moz-placeholder {color: rgba(255,255,255,0.6);}
.imsg_box ::-moz-placeholder {color: rgba(255,255,255,0.6);}
.imsg_box :-ms-input-placeholder {color: rgba(255,255,255,0.6);}



.fix_body .header,.p_body .header{ background:#fff; border-bottom:1px solid #c7c8c9;}
.fix_body .menu li a,.p_body .menu li a{ color:#9D9D9E;}
.fix_body .menu li a:hover,.p_body .menu li a:hover,
.fix_body .menu li a.active,.p_body .menu li a.active,
.fix_body .logo i,.p_body .logo i{ color:#3E3A39;}



.fix_body .case_tit{ position:fixed; left:0px; top:70px; right:0px;-webkit-transform: translateZ(0); z-index:9; box-shadow:0 0 15px rgba(0,0,0,0.3);}
.fix_body .case_tit .h3{ height:50px; line-height:50px;}
.fix_body .case_tit .p{ position:absolute; right:0px; top:0px; padding-top:0px; height:50px; line-height:50px; padding-right:140px;}
.fix_body .case_tit .em{ display:none;}


.ibanner{ padding-top:0px; position:relative;}
.ibanner .slick-slide{ position:relative; overflow:hidden; background: center top no-repeat; background-size:cover;}
.ibanner .slick-slide img{ width:100%; height:auto; display:block;}
.ibanner .slick-slide video{ position:absolute; top:0px; bottom:0px; min-height:100%; min-width:100%; left:50%; margin-left:-50%;}
.ibanner .slick-slide a{ display:block; height:100%; background: no-repeat -9999px -9999px; background-size:cover;}
.ibanner .slick-dots{ position:absolute; left:50%; bottom:100px; z-index:8; margin-left:-43px;}
.ibanner .slick-dots li{ float:left; margin:0 3px;}
.ibanner .slick-dots li button{ float:left; background:rgba(255,255,255,0); width:10px; height:10px; padding:0px; border:1px solid rgba(255,255,255,0.8); cursor:pointer;  text-indent:-9999px; overflow:hidden; position:relative; border-radius:50%;}
.ibanner .slick-dots li button:after{content:'\20'; position:absolute; background:rgba(255,255,255,0.8); left:0px; right:0px; top:0px; bottom:0px; width:0%; height:100%;}
.ibanner .slick-dots li.slick-active button:after{ width:100%;}
.ibanner .m{ position:absolute; bottom:40px; left:50%; margin-left:-18px;}
.ibanner .m a{ font-size:36px; color:#fff;}

.banner_i{ }

.banner_pg{ min-height:400px;}
.banner_pg .slick-dots{ bottom:35px;}
.banner_pg .slick-dots li{ margin:0 5px;}
.banner_pg .slick-dots li button{background:rgba(255,255,255,0.5); width:12px; height:12px;border:none;border-radius:6px;}





.icon{ padding:120px 0;}
.icon_img{ background: no-repeat center center fixed; background-size:cover;}
.icon_img .text{ text-align:center; color:#fff; padding:60px 0;}
.icon_img .h3{ font-size:56px; font-family:arial; line-height:1; margin-bottom:20px; letter-spacing:0.3em; padding-left:0.3em;}
.icon_img .p{ font-size:34px; line-height:1; letter-spacing:0.2em; padding-left:0.2em;}
.icon1{ padding:0px !important;}

.icase_tab{ background:#fff; padding:40px 0;}
.icase_tab li{ float:left; text-align:center; width:11%;}
.icase_tab li .pd{ color:#9D9D9E;}
.icase_tab li i{ display:block; font-size:48px;width: 50px;margin: 0 auto;}
.icase_tab li i img{width: 100%;height: auto;opacity: 0.75;}
.icase_tab li .pd:hover i img{opacity: 1;}
.icase_tab li strong{ display:block; font-size:22px; font-weight:normal;}
.icase_tab li em{ display:block; font-size:18px;}
.icase_tab li .pd:hover,.icase_tab li.curr .pd{ color:#3E3A39;}

 .icase_tab li.curr i img{opacity: 1;}
 

.icase_con{ background:#f9f9f9; padding:120px 0;}
.icase_con .ul{ display:none;}
.icase_con .ul:first-child{ display:block;}
.icase_con ul{ margin-right:-28px;}
.icase_con li{ width:25%; margin-bottom:20px; float:left;}
.icase_con .pd{ position:relative; display:block; margin-right:28px; color:#9D9D9E;}
 


.icase_con .img{ overflow:hidden; border-radius:6px;-webkit-transform: translateZ(0); position:relative;}
.icase_con .img img{ width:100%; height:auto; display:block;}
.icase_con .text{ font-size:16px; line-height:60px; overflow:hidden; height:60px;}
.icase_con .pd:hover{ color:#c90c0c;}
.icase_con .pd:hover .img{ box-shadow:0 0 20px rgba(0,0,0,0.3);}

.icase_con li  .ms {  display:none;position: absolute;top: 0;bottom: 60px;width:100%;height:100%;text-align: center;
	padding-top: 30px;font-size: 18px;line-height: 36px; z-index: 2;color: #fff; transition-duration: 2s;} 
.icase_con li:hover  .ms{ display:block;background-color: rgba(227, 11, 32, 0.8);}
  

.icase_flip{ text-align:center;}
.icase_flip a,.icase_flip em{ display:inline-block; font-size:21px; color:#9D9D9E; margin:0 0.3em;}
.icase_flip a:hover,.icase_flip a.current{ color:#3E3A39;}

.icon2{ background:#f9f9f9;}
.tit1{ font-size:34px; color:#3E3A39; text-align:center; margin-bottom:60px; letter-spacing:0.3em; padding-left:0.3em;}
.isolution{}
.isolution ul{ margin-right:-54px;}
.isolution li{ width:25%; float:left; text-align:center;}
.isolution .pd{ display:block; margin-right:54px; background:#fff; border-radius:10px; height:620px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.isolution .h3{ padding:220px 0 35px 0; color:#fff;}
.isolution .h3 i{ display:block; font-size:48px; width: 50px; margin: 0 auto;padding: 10px;}
.isolution .h3 i img{width: 100%;height: auto;opacity: .75;}
.isolution .h3 strong{ display:block; font-size:22px; font-weight:normal;}
.isolution .h3 em{ display:block; font-size:18px;}
.isolution .p{ display:none; border-top:1px solid #454545; height:395px;}
.isolution .p em{ display:block; font-size:15px; line-height:25px; color:#727171;}
.isolution .pd:hover{ box-shadow:0 0 20px rgba(0,0,0,0.8); }
.isolution .pd:hover .h3{ padding:50px 0 40px 0; color:#fff;background-color: rgba(0, 0, 0, 0.7);;}
.isolution .pd:hover .h3 i img{opacity: 0.8;}
.isolution .pd:hover .p{ display:block;background-color: rgba(0, 0, 0, 0.7);}
.isolution .ntb{display: table; table-layout: fixed; width: 100%; height: 100%; text-align: center;}
.isolution .ntd{display: table-cell; vertical-align: middle;}


.icon3{ background:#fff;}
.inews{ margin-bottom:50px; position:relative;}
.inews ul{ margin-right:-46px;}
.inews li{ float:left; width:33.33%;margin-bottom: 20px;}
.inews .pd{ display:block; margin-right:46px; border-radius:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.inews .img{ overflow:hidden; border-radius:10px 10px 0 0;-webkit-transform: translateZ(0);}
.inews .img img{ width:100%; display:block;}
.inews .text{ padding:25px;}
.inews .h3{ font-size:21px; color:#5D5D5D; margin-bottom:20px; height:32px; line-height:32px; overflow:hidden;}
.inews .p{ font-size:18px; color:#9D9D9E; margin-bottom:20px; height:150px; overflow:hidden; line-height:30px;}
.inews .em{ font-size:16px; color:#9D9D9E; text-align:right;}
.inews .pd:hover{ box-shadow:0 0 20px rgba(0,0,0,0.3);}
.inews .pd:hover .h3{ color:#000;}
.inews .pd:hover .p{ color:#666;}
.inews .pd:hover .em{ color:#666;}
.more a{ display:block; width:210px; height:42px; line-height:42px; border:1px solid #c7c8c9; margin:0 auto; text-align:center;}
.more a:hover{ border-color:#666; color:#666;}

.icon4{ background:#f7f8f8;}
.icon4 .img{}
.icon4 .img img{ max-width:80%; height:auto; display:block; margin:0 auto;}
.icon4 .text{ text-align:center; padding-top:100px;}
.icon4 .h3{ font-size:26px; color:#3e3a39; margin-bottom:30px;}
.icon4 .p{ font-size:16px; line-height:30px;}

.icon5{ background:#fff;}
.imsg{}
.imsg ul{ margin-right:-32px;}
.imsg li{ width:50%; float:left; margin-bottom:28px;}
.imsg li.w100{ width:100%;}
.imsg .pd{ margin-right:32px;}
.ipt_t1{ width:100%; box-sizing:border-box; border:1px solid #C7C8C9; border-radius:5px; padding:0 10px; height:42px; line-height:42px;}
.ipt_t1:focus{ color:#666; border-color:#666;}
.textarea1{ width:100%; box-sizing:border-box; border:1px solid #C7C8C9; border-radius:5px; padding:10px; height:200px;resize:none; overflow:hidden;}
.textarea1:focus{ color:#666; border-color:#666;}
.ipt_b1{ width:214px; height:44px; line-height:44px; text-align:center; font-size:21px; border:1px solid #C7C8C9; background:none; display:block; margin:0 auto; color:#9D9D9E;}
.ipt_b1:hover{ color:#666; border-color:#666;}

.icon6{ background:url(../images/imap_bg.jpg) no-repeat #f7f8f8; background-size:cover;}
.icon6 .img{ display:none;}
.imap{ float:right; width:448px; background:#fff;}
.imap li{ margin-bottom:20px;}
.imap .pd{ padding:40px 40px 20px 40px;}
.imap .i{ margin-bottom:40px;}
.imap .i i{ font-size:64px; line-height:1; color:#3D3A39;}
.imap .h3{ color:#000; line-height:1; margin-bottom:10px;}
.imap .h3 strong{ font-size:24px; margin-right:6px; font-weight:normal;}
.imap .h3 em{ font-size:18px;}
.imap .p{ font-size:14px; line-height:20px; color:#b5b5b6;}

.footer{ background:#232323;}
.footer_top{ padding:75px 0;}
.footer_top_fl{ float:left;}
.footer_top_fl .h3{ margin-bottom:90px; padding-top:20px;}
.footer_top_fl .h3 img{ width:250px; height:auto;}
.footer_top_fl .p{}
.footer_top_fl .p a{ font-size:18px; padding:0 28px; border-left:1px solid #fff; line-height:18px; height:18px; display:block; float:left; color:#fff;}
.footer_top_fl .p a:first-child{ padding-left:0px; border-left:none;}
.footer_top_fl .p a:hover{ color:#fff;}

.footer_top_fr{ float:right; position:relative;}
.footer_top_fr .h3{ width:140px; float:right;}
.footer_top_fr .h3 img{ width:100%; height:auto;}
.footer_top_fr .p{ position:absolute; right:100%; bottom:0px; width:220px; padding-right:30px;}
.footer_top_fr .p li{ float:left; width:33.33%;}
.footer_top_fr .p i{ font-size:34px; color:#fff; line-height:1;}

.footer_bottom{ padding-bottom:30px; font-size:16px; color:#656565;}
.footer_bottom a{ color:#656565;}
.footer_bottom a:hover{ color:#fff;}
.footer_bottom_fl{ overflow:hidden; font-size:12px;}
.footer_bottom_fl strong{ font-weight:normal; float:left;}
.footer_bottom_fl span{ float:left; margin:0 5px;}
.footer_bottom_fl a{ float:left;}
.footer_bottom_fr{ margin-bottom:20px;}
.footer_bottom_key {}
.footer_bottom_key a{font-size: 14px; }



.case_tit{ background:#fff; padding:20px 0;}
.case_tit .h3{ font-size:30px; color:#3E3A39;}
.case_tit .p{ font-size:16px; padding-top:30px; position:relative;}
.case_tit .strong{ color:#898989; font-weight:normal; height:24px;}
.case_tit .em{ color:#B5B5B6; height:24px;}
.case_tit .i{ float:right;}
.case_tit .m{ position:absolute; right:0px; bottom:0px;}
.case_tit .m a{ width:40px; height:48px; display:block; float:left; line-height:48px; text-align:center; font-size:32px;}

.case_con{ background:#f9f9f9; padding:50px 0 20px 0;}
.case_info img{/* display:block; */max-width: 100% !important;height:auto !important;margin-bottom:30px;/* display:block; */}



.pg_tit{ background:#fff;}
.pg_tit .h3{ padding:64px 0; text-align:center; color:#3e3a39; line-height:1; font-size:35px;}

.fix_body .pg_tit{ position:fixed; left:0px; top:70px; right:0px;-webkit-transform: translateZ(0); z-index:9; box-shadow:0 0 15px rgba(0,0,0,0.3);}
.fix_body .pg_tit .h3{ height:50px; line-height:50px; padding:20px 0px; text-align:left;}



.news_con1{ background:#f9f9f9;}

.solution_con1{ background:#f9f9f9;}
.solution_con2{ background:#fff;}

.solution_list{ margin-bottom:50px;}
.solution_list li{ margin-bottom:22px;}
.solution_list li:last-child{ margin-bottom:0px;}
.solution_list .pd{box-shadow:0 0 10px rgba(0,0,0,0.1); display:block; background:#fff; overflow:hidden; border-radius:6px;-webkit-transform: translateZ(0);}
.solution_list .img{ width:238px; float:left; overflow:hidden;}
.solution_list .img img{ width:100%; height:auto; border-radius:6px 0 0 6px;}
.solution_list .text{ margin-left:238px; padding:15px 22px 0 22px;}
.solution_list .h3{ font-size:21px; color:#5d5d5d; margin-bottom:15px; height:31px; overflow:hidden;}
.solution_list .p{ font-size:16px; color:#9d9d9e; margin-bottom:20px; height:48px; overflow:hidden;}
.solution_list .em{ font-size:16px; color:#9d9d9e;}
.solution_list .pd:hover{ box-shadow:0 0 20px rgba(0,0,0,0.3);}
.solution_list .pd:hover .h3{ color:#000;}
.solution_list .pd:hover .p{ color:#666;}
.solution_list .pd:hover .em{ color:#666;}

.inews_arrow{ position:absolute; width:146px; height:146px; top:50%; margin-top:-73px; font-size:146px; cursor:pointer; color:#c7c8c9; display:block; display:none;}
.inews_prev{ left:-146px;}
.inews_next{ right:-146px;}
.inews_arrow:hover{ color:#666;}

.wx_box{ display:none; -webkit-transform: translateZ(0); position:fixed; z-index:97; left:50%; top:50%; background:#35353d; width:280px; margin:-165px 0 0 -140px;}
.wx_box .pd{ padding:20px;}
.wx_box .close{ position:absolute; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; right:0px; top:0px; color:#fff;}
.wx_box .h3{ font-size:24px; text-align:center; color:#fff; margin-bottom:15px;}
.wx_box .p img{ width:100%; height:auto; display:block;}
.wx_box .p a{ display:block; font-size:24px; text-align:center}
.wx_box .p a:hover{ color:#fff;}
.wx_bg{ display:none; -webkit-transform: translateZ(0); position:fixed; background:rgba(0,0,0,0.6); left:0px; top:0px; right:0px; bottom:0px; z-index:95;}


.case_prev,.case_next{ position:absolute; font-size:64px; top:360px;}
.case_prev{ left:-74px;}
.case_next{ right:-74px;}

.isolution_con{ display:none;}

.paging{ text-align:center; padding:30px 0; }
.paging a{ height:44px; line-height:44px; border-radius:22px; padding:0 20px; border:1px solid #505050; display:block; background:#505050; color:#fff; font-size:16px; display:inline-block; margin:0 5px;}
.paging_prev{}
.paging .paging_fanhui{ padding:0 60px; background:#f9f9f9; color:#505050;}
.paging_next{}
.paging a:hover{ background:#cccccc; border-color:#cccccc; color:#505050;}

.fix_body .case_prev,.fix_body .case_next{ position:fixed; top:50%;}
.fix_body .case_prev{ left:0px;}
.fix_body .case_next{ right:0px;}


.play_btn{ display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.play_btn i{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; color:#fff; cursor:pointer; z-index:2;}
.play_btn i:before{ width:70px; height:70px; border:3px solid #fff; font-size:32px; line-height:70px; position:absolute; left:50%; top:50%; margin:-38px 0 0 -38px; color:#fff; border-radius:50%; text-align:center;}
.play_btn:hover i{ color:#fff;}
.play_btn:hover i:before{ background:rgba(0,0,0,0.5); color:#fff;}

.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:42; display:none;}
.video_box{ position:fixed; width:768px; height:auto; left:50%; top:50%; margin:-215px 0 0 -384px; z-index:43; display:none;}
.video_box .img_cut{ background:#000; width: 100%;height:auto;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#01b0a3; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-60px; margin-left:-20px;}
.video_box video{ width:100%; height:360px; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}


#newBridge .icon-right-center{ display:none !important;}


.icon1{ position: relative;}
#page {
    position: absolute;
    top: -60px;
}
.tj_service{}
.tit4{ line-height:1;}
.tit4 strong{ margin-right:10px; font-weight:normal;}
.tit4 em{ text-transform:uppercase; color:#888;}
.tit4_1{ margin-bottom:20px; font-size:18px;}

.xg_news{ background:#fff; padding:30px 0; margin-bottom:50px;}
.xg_news .tit4_1{ margin-bottom:10px;}
.xg_news_list{}
.xg_news_list ul{ margin-right:-30px;}
.xg_news_list li{ float:left; width:33.3333%;}
.xg_news_list .pd{ display:block; overflow:hidden; border-bottom:1px dashed #ccc; margin-right:30px; font-size:16px; height:40px; line-height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.visible-lg {display:inline-block!important}
.visible-sm {display:none!important}

@media screen and (max-width:1680px){

}
@media screen and (max-width:1600px){
.wp{ width:1300px;}
.fix_body .case_tit .h3{ height:40px; line-height:40px;}
.fix_body .case_tit .p{ height:40px; line-height:40px;}
.fix_body .pg_tit .h3{ height:30px; line-height:30px; font-size:24px;}

.isolution ul{ margin-right:-30px;}
.isolution .pd{ margin-right:30px;}
.inews ul{ margin-right:-30px;}
.inews .pd{ margin-right:30px;}

.isolution .pd{ height:480px;}
.isolution .pd:hover .h3{ padding:20px 0 20px 0;}
.isolution .p{ height:305px;}
.isolution .p em{ font-size:14px; line-height:20px;}
.isolution .h3{ padding:180px 0 35px 0;}

.inews,.solution_list{ margin-bottom:30px;}
.inews .h3{ font-size:18px; line-height:24px; height:24px; margin-bottom:10px;}
.inews .p{ font-size:16px; line-height:24px; height:120px;}

.solution_list .h3{ font-size:18px; line-height:24px; height:24px; margin-bottom:10px;}
.solution_list .p{ font-size:14px; line-height:20px; height:40px;}

.case_tit .h3{ font-size:24px;}
.case_tit .p{ padding-top:20px; font-size:14px;}

.tit1{ font-size:30px; margin-bottom:40px;}
.imap .p{ font-size:14px; line-height:24px;}
.imap .h3 strong{ font-size:18px;}
.imap .h3 em{ font-size:16px;}
.footer_bottom{ font-size:14px;}
.footer_top_fl .p a{ font-size:16px;}

.icase_flip a,.icase_flip em{ font-size:18px;}

.pg_tit .h3{ padding:57px 0; font-size:30px;}

.inews_arrow{ width:120px; height:120px; line-height:120px; margin-top:-60px; font-size:120px;}
.inews_prev{ left:-120px;}
.inews_next{ right:-120px;}

.icon_img .h3{ font-size:48px; margin-bottom:15px;}
.icon_img .p{ font-size:30px;}


}

@media screen and (max-width:1440px){
.wp{ width:1200px;}

.tit1{ font-size:26px;}
.icase_con ul,.isolution ul,.inews ul{ margin-right:-20px;}
.icase_con .pd,.isolution .pd,.inews .pd{ margin-right:20px;}

.icon4 .p{ font-size:14px; line-height:24px;}

.imap .i{ margin-bottom:30px;}
.imap .i i{ font-size:54px;}

.case_prev,.case_next{top:290px;}

}

@media screen and (max-width:1366px){
.wp{ width:1150px;}
.menu li a{ font-size:14px;}

.inews_arrow{ width:80px; height:80px; line-height:80px; margin-top:-40px; font-size:80px;}
.inews_prev{ left:-80px;}
.inews_next{ right:-80px;}

.icase_con .text{ font-size:14px; height:40px; line-height:40px;}

.tit1{ font-size:24px; margin-bottom:30px;}

.icon_img .h3{ font-size:36px;}
.icon_img .p{ font-size:24px;}

.footer_top{ padding:50px 0;}
.footer_top_fl .p a{ font-size:14px;}

. li strong{ font-size:18px;}
.icase_tab li em{ font-size:14px;}
.icase_tab li i{ font-size:32px;width: 32px;}

.isolution .h3 i{ font-size:32px;}
.isolution .h3 strong{ font-size:18px;}
.isolution .h3 em{ font-size:14px;}

.imap .h3 strong{ font-size:18px;}
.imap{ width:368px;}
.imap .pd{ padding:30px 30px 15px 30px;}
.imap .i i{ font-size:36px; margin-bottom:20px;}

.case_tit .h3{ font-size:18px;}
.case_tit .p{ padding-top:16px;}
.case_tit .strong{ height:20px;}
.case_tit .em{ height:20px;}

.fix_body .case_tit{ padding:15px 0;}
.fix_body .case_tit .h3{ height:30px; line-height:30px;}
.fix_body .case_tit .p{ height:30px; line-height:30px; padding-right:100px;}
.fix_body .case_tit .m a{ height:30px; line-height:30px; font-size:24px; width:30px;}

.pg_tit .h3{ font-size:24px; padding:50px 0;}
.fix_body .pg_tit .h3{ padding:15px 0;}



.icon4 .img{ width:400px; margin:0 auto;}
.icon4 .text{ padding-top:50px;}

.icon4 .h3{ font-size:20px;}

.case_prev,.case_next{top:270px;}
}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1250px){
.wp{ width:1000px;}
.ibanner .slick-dots{ bottom:30px;}


.banner_pg{ min-height:410px;}

.icase_con ul, .isolution ul, .inews ul{ margin-right:-10px;}
.icase_con .pd, .isolution .pd, .inews .pd{ margin-right:10px;}



.inews .text{ padding:15px;}

.isolution .h3{ padding:170px 0 35px 0;}
.isolution .pd{ height:440px;}
.isolution .p{ height:301px;}

.pg_tit .h3{ padding:30px 0; font-size:18px;}
.fix_body .pg_tit .h3{ font-size:18px;}

.inews .p{ font-size:14px; line-height:20px; height:80px;}

.case_prev,.case_next{top:240px;}
}
@media screen and (max-width:1024px){
body{ padding-bottom:44px;}
.wp{ width:auto; margin:0 30px;}

.tit1{ font-size:18px; }

.banner_pg{ min-height:350px;}
.banner_pg .slick-slide a{ height:350px !important;}

.tit1{ margin-bottom:20px;}
.icase_flip a,.icase_flip em{ font-size:16px;}

.icase_con ul, .isolution ul, .inews ul{ margin-right:-5px;}
.icase_con .pd, .isolution .pd, .inews .pd{ margin-right:5px;}
	
	
	.icase_con li  .ms{padding-top:10px;font-size: 16px;line-height: 30px;}	

.icon,.icase_tab,.icon_img .text,.icase_con,.footer_top{ padding:30px 0;}

.icon_img .h3{ font-size:26px;}
.icon_img .p{ font-size:16px;}

.footer_top{}
.footer_top_fr{}
.footer_top_fl .h3{ margin-bottom:110px;}
.footer_top_fl .h3 img{ width:300px;}
.footer_top_fr .p{ width:120px; display:none;}
.footer_top_fr .p i{ font-size:24px;}

.footer_bottom{ padding:0 0 15px 0;}

.fix_body .pg_tit .h3{ padding:10px 0;}

.imsg li{ margin-bottom:20px;}


.isolution .h3 strong{ font-size:16px;}
.inews .h3{ font-size:16px;}
.imap .h3 strong{ font-size:16px;}

.ipt_b1{ width:160px; height:40px; line-height:40px; font-size:14px;}

.isolution .pd{ box-shadow:0 0 3px rgba(0,0,0,0.1) !important;}
.isolution .h3{ padding:20px 0 20px 0 !important; color:#3E3A39 !important;}
.isolution .p{ display:block;}

.solution_list .h3{ font-size:16px;}
.solution_list .em{ font-size:12px;}

.icase_tab li strong{ font-size:16px;}

.fix_body .case_tit{ padding:10px 0;}

.icon4 .text{ padding-top:20px;}
.icon4 .h3{ margin-bottom:15px;}
.icon4 .img{ width:360px;}

.icon4 .h3{ font-size:16px;}

.case_prev,.case_next{ display:none;}
.footer_top_fr .p{ display:none;}

.dianhua .box{right: -280px;top: -110px; width:350px; padding:0px; text-align:center;}
.dianhua .box:after{ background-size:100% auto; width:50px; height:54px; left:0px;}

.video_box{ width:auto; left:30px; right:30px; margin:0px; top:30px;}

.ibanner .slick-slide video{ display:none !important;}

.subnav{ left:0px; bottom:0px; top:auto; margin:0px;}
.subnav .h3{ float:none;}
.subnav .h3 a{ width:auto; display:block; float:none; border-right:1px solid rgba(255,255,255,0.5);}
.subnav li{ width:25%; float:left; border-bottom:none; overflow:visible;}
.subnav li:first-child,
.subnav li:last-child{ border-radius:0px;}
.subnav li:last-child a{ border-right:0px;}
.subnav .box{ position:absolute; bottom:100%; left:0px; right:0px; background:rgba(137,137,137,0.95); min-width:inherit; margin-right:0px; padding:0px; text-align:center;}

.subnav .h3 span,
.subnav:hover .h3 span{ display:none;}
.subnav:hover .box{ display:none;}

.subnav li:hover .box{ display:block;}
}
@media screen and (max-width:768px){
.menu li{ padding-left:20px;}
.footer_top_fl .p a{ padding:0 15px;}
.xg_news_list ul{ margin-right:-20px;}
.xg_news_list li{ width:50%;}
.xg_news_list .pd{ margin-right:20px; font-size:14px;}


.icase_con li{ width:33.333333%;}
 
	
.isolution ul{ margin-right:0px;}
.isolution li{ width:auto; float:none; margin-bottom:10px;}
.isolution li:last-child{ margin-bottom:0px;}
.isolution .pd{ margin-right:0px; overflow:hidden; height:auto; padding:20px;}
.isolution .h3{ float:left; width:120px; padding:0px !important;}
.isolution .p{ margin-left:120px; padding-top:0px; border:none; height:auto;}
.isolution .p em{ float:left; width:33.3333%;}

.inews li{ width:auto; float:none; margin-bottom:15px;}
.inews li:last-child{ margin-bottom:0px;}
.inews .pd{ border-radius:5px; overflow:hidden;}
.inews .img{ float:left; border-radius:0px; width:200px;}
.inews .img img{ border-radius:5px 0 0 5px;}
.inews .text{ margin-left:200px; padding:10px 15px 0 15px;}
.inews .p{ height:40px; margin-bottom:10px;}
.inews .em{ font-size:12px; text-align:left;}



.icon6{ background:#f7f8f8;}
.icon6 .img{ display:block; border:1px solid #ccc;}
.icon6 .img img{ width:100%; height:auto;}
.imap{ width:auto; float:none;}

.more a{ width:160px;}

.solution_list .text{ padding:10px 15px 0 15px;}

.banner_pg{ min-height:300px;}
.banner_pg .slick-slide a{ height:300px !important;}
.pg_tit .h3{ padding:15px 0;}

	
.visible-lg {display:none!important}
.visible-sm {display:inline-block!important}
	
}
@media screen and (max-width:740px){

body{ padding-bottom:41px;}

.banner_pg{ min-height:280px;}
.banner_pg .slick-slide a{ height:280px !important;}



.footer_bottom_fl{ float:none; text-align:center;}
.footer_bottom_fr{ float:none; text-align:center;}

.footer_top{ padding:15px 0;}
.footer_top_fl{ float:none; margin-bottom:15px;}
.footer_top_fl .h3{ margin-bottom:15px;}
.footer_top_fl .h3 img{ display:block; margin:0 auto;}
.footer_top_fl .p{ overflow:hidden; text-align:center;}
.footer_top_fl .p a{ float:none; display:inline-block;}
.footer_top_fr{ float:none;}
.footer_top_fr .h3{ float:none; margin:0 auto;}

.imap .i{ display:none;}
.imap li{ margin-bottom:15px;}
.imap .p{ line-height:20px;}
.imap .pd{ padding:20px;}

.icon_img .h3{ letter-spacing:0.1em; padding-left:0.1em;}
.icon_img .p{ letter-spacing:0.1em; padding-left:0.1em;}
}
@media screen and (max-width:640px){
.p_body{ padding-top:50px;}
.isolution .p em{ width:50%;}
.icase_con li{ width:50%;}
	 
 
.icase_tab li strong{ font-size:14px;}
.icase_tab li em{ font-size:12px;}
.icase_tab li i{ font-size:24px;width: 24px;}
.icase_flip a,.icase_flip em{ margin:0 5px;}
.imsg li{ margin-bottom:15px;}

.imsg ul{ margin-right:-15px;}
.imsg .pd{ margin-right:15px;}

.menu li{ padding-left:10px;}
.footer_top_fl .p a{ padding:0 10px;}


.xg_news_list ul{ margin-right:0px;}
.xg_news_list li{ width:auto; float:none;}
.xg_news_list .pd{ margin-right:0px;}


.banner_pg{ min-height:230px;}
.banner_pg .slick-slide a{ height:230px !important;}

.header{ height:50px;}
.logo{ height:50px; width:120px;}
.logo i{font-size: 20px; width: 120px; height: 40px; line-height: 40px; margin-top: 0px;}
    .logo i .logoImg1{display: none;}
    .logo i img.logoImg{display: block;}
.menu li a:after{ height:1px;}
.menu ul{ padding:10px 0;}
.menu li a{ height:30px; line-height:30px;}

.fix_body .case_tit{ top:50px;}
.fix_body .pg_tit{ top:50px;}


.imsg_box{ top:0px; left:0px; right:0px; bottom:44px; margin:0px; width:auto; border-radius:0px;}
}
@media screen and (max-width:540px){
.banner_pg{ min-height:200px;}
.banner_pg .slick-slide a{ height:200px !important;}

.banner_pg .slick-dots{ bottom:10px;}
.banner_pg .slick-dots li{ margin:0 2px;}
.banner_pg .slick-dots li button{ width:8px; height:8px;}

.case_tit .p{ display:none;}

.paging a{ height:36px; line-height:36px; font-size:14px; padding:0 10px; border-radius:18px;}
.paging .paging_fanhui{ padding:0 15px;}

.subnav ul{ position:relative;}
.subnav li{ position:static;}
}

@media screen and (max-width:480px){
.banner_pg{ min-height:180px;}
.banner_pg .slick-slide a{ height:180px !important;}
.fix_body .case_tit .h3{ height:24px; line-height:24px;}
.icon4 .img{ width:auto;}
.tit1{ padding-left:0px; letter-spacing:normal;}

.icon, .icase_tab, .icon_img .text, .icase_con, .footer_top{ padding:20px 0;}
.wp{ margin:0 20px !important;}
.menu-link{ display:block;}
.menu{ display:none; position:absolute; top:0px; padding-top:50px; left:-30px; right:-30px; background:rgba(0,0,0,0.5);}
.menu li{ display:block; float:none; padding:0px; text-align:center;}
.menu li a{ height:34px; line-height:34px; font-size:18px; color:#fff;}
.menu li a.active:after{ display:none;}

.fix_body .menu{ top:50px; padding-top:0px;}
.fix_body .menu li a, .p_body .menu li a{ color:#fff;}
.fix_body .menu li a:hover, .p_body .menu li a:hover, .fix_body .menu li a.active, .p_body .menu li a.active{ color:#F00;}

.ibanner .slick-slide a{ background-position: top center;}
.ibanner .slick-dots{ bottom:60px;}
.ibanner .m{ bottom:10px;}
.ibanner .m .icon-bottom:before{ content:"\e6f7";}
.ibanner .slick-dots li button{ width:6px; height:6px; border-radius:3px;}

.banner_pg .slick-dots{ bottom:10px;}

.icase_tab li{ width:auto; padding-right:22px;}
.icase_tab li i{ display:inline-block; float:left; margin-right:3px; display:inline-block; width:20px; height:20px; line-height:20px; font-size:14px;}
.icase_tab li strong{display:inline-block; height:20px; line-height:20px;vertical-align: middle;}
.icase_tab li em{ display:none;}
.icase_tab li:first-child{ width:100%; margin-bottom:10px;}
.icase_tab li:first-child .pd{ display:block; width:120px; margin:0 auto; overflow:hidden;}
.icase_tab li:first-child i{ height:30px; line-height:30px; margin-right:5px; font-size:18px;}
.icase_tab li:first-child strong{height:30px; margin-right:5px; line-height:30px;  font-size:18px;}
.icase_tab li:last-child{ padding-right:0px;}

.icase_con .text{ font-size:12px; height:30px; line-height:30px;}
.icase_con li{ margin-bottom:10px;}
.icon_img .h3{ font-size:18px; margin-bottom:5px;}

.isolution{ background:#f9f9f9; margin:0 -20px;}
.isolution ul{ margin-right:-2px; border-bottom:2px solid #fff;}
.isolution li{ width:50%; float:left; margin-bottom:0px;}
.isolution .p{ position:absolute; left:0px; margin:0px; top:0px; bottom:0px; right:0px; background:#f8f8f8; box-sizing:border-box; opacity:0;}
.isolution .p em{ width:auto; float:none; padding:5px 0;}
.isolution .pd{ box-shadow:none !important; background:#efefef; position:relative; border-radius:0px; padding:120px 0 140px 0; border-top:2px solid #fff; border-right:2px solid #fff; }
.isolution .h3{ float:none; width:auto; color:#635f5e !important;}
.isolution .h3 i{ font-size:48px;}

.isolution li.curr .h3{}

/*.isolution li:nth-child(1) .p{ padding-top:70px;}
.isolution li:nth-child(2) .p{ padding-top:110px;}
.isolution li:nth-child(3) .p{ padding-top:140px;}
.isolution li:nth-child(4) .p{ padding-top:140px;}*/

.isolution li.current .p{ opacity:1;}
.isolution li.current .p em{ padding:0px;}

/*.isolution li:nth-child(3) .pd,.isolution li:nth-child(4) .pd{}*/


.isolution_con{ display:block; background:#f9f9f9; text-align:center; padding:20px 0 0 0; display:none;}
.isolution_con .p{ display:none; font-size:12px;}
.isolution_con .p em{ display:block;}
.isolution_con .p:first-child{ display:block;}

.more a{ height:32px; line-height:32px;}

.icon4,.icon5{ padding:50px 0;}
.icon4 .img{ margin-bottom:10px;}
.icon4 .h3{ margin-bottom:30px;}
.imsg li:last-child{ padding-top:20px;}
.textarea1{ height:120px;}

.icon6{ padding-top:0px;}
.icon6 .img{ margin:0 -20px; border:none; overflow:hidden;}
.icon6 .img img{ width:180%; margin:-20% 0 -20% -40%;}
.imap{ margin-top:-60px; position:relative; z-index:2;}
.imap .i{ display:block; margin-bottom:20px;}
.imap .i i{ font-size:56px;}
.imap .h3{ margin-bottom:5px; font-weight:bold;}
.imap .h3 strong{ font-weight:bold;}
.footer_top_fl .p{ display:none;}
.footer_top_fl{ float:left; width:180px;}
.footer_top_fl .h3{ padding-top:0px;}
.footer_top_fl .h3 img{ width:100%; height:auto;}
.footer_top_fr{ float:right; width:80px;}
.footer_top_fr .h3{ width:auto;}

.footer_bottom{ padding-bottom:0px;}
.footer_bottom_fr{ background:#000; font-size:12px; padding:5px 20px; margin:0 -20px;}
.footer_bottom_fl{ position:static; left:0px; top:105px;}
.footer_top_fr{ position:static;}
.footer_top_fr .p{ right:auto; left:0px; top:103px;}


.imsg_tit{ height:50px; line-height:50px; padding:0px;}
.imsg_con{ padding:20px;}
.imsg_box ul{ margin-right:-10px;}
.imsg_box .pd{ margin-right:10px;}
.imsg_box li{ margin-bottom:10px;}
.imsg_tit i{width:50px; height:50px; line-height:50px;}
}



@media screen and (max-width:414px){
.banner_pg{ min-height:160px;}
.banner_pg .slick-slide a{ height:160px !important;}
.icon_img .h3{ font-size:18px; margin-bottom:10px;}
.icon_img .p{ font-size:14px;}

.inews .img{ width:150px;}
.inews .text{ margin-left:150px; padding:8px 8px 0 8px;}
.inews .h3{ font-size:14px; height:20px; line-height:20px; margin-bottom:5px;}
.inews .p{ font-size:12px; line-height:18px; height:36px; margin-bottom:5px;}

.icase_con li{ margin-bottom:10px;}
.icase_con .text{ height:30px; line-height:30px; font-size:12px;}
.icase_flip a,.icase_flip em{ font-size:14px; padding:0 0.3em; margin:0 1px;}

.imsg ul{ margin-right:0px;}
.imsg li{ width:auto; float:none; margin-bottom:5px;}
.imsg .pd{ margin-right:0px;}

.imap .h3 strong{ font-size:16px;}
.imap .h3 em{ font-size:14px;}
.imap .p{ font-size:12px;}

.pg_tit .h3{ padding:15px 0;}


.solution_list li{ margin-bottom:15px;}
.solution_list .img{ width:150px;}
.solution_list .text{ margin-left:150px; padding:8px 8px 0 8px;}
.solution_list .h3{ font-size:14px; height:20px; line-height:20px; margin-bottom:5px;}
.solution_list .p{ font-size:12px; line-height:18px; height:36px; margin-bottom:5px;}

.case_info img{ margin-bottom:20px;}

.banner_i{/* min-height:200px;*/}

.play_btn i:before{ width:50px; height:50px; line-height:50px; margin:-25px 0 0 -25px;}
.video_box{ width:auto; left:0px; right:0px; margin:0px; top:50%; margin-top:-90px;}
.video_box{ margin-top:-116px;}
}
@media screen and (max-width:413px){
.wp{ margin:0 20px !important;}

.banner_pg{ min-height:150px;}
.banner_pg .slick-slide a{ height:150px !important;}

.pg_tit .h3{ font-size:16px;}
.tit1{ font-size:16px; margin-bottom:15px;}
.fix_body .pg_tit .h3{ font-size:16px;}

.case_con{ padding: 30px 0 20px 0;}
.case_info img{ margin-bottom:10px;}

.footer_top_fr .p{ width:90px;}
.footer_bottom_fl{ left:95px;}
.icase_tab li{ padding-right:9px;}


.dianhua .box{right: -220px;width:280px; font-size:16px;}

.video_box{ margin-top:-105px;}
}
@media screen and (max-width:374px){
.wp{ margin:0 15px !important;}

.banner_pg{ min-height:130px;}
.banner_pg .slick-slide a{ height:130px !important;}

.case_tit{ padding:10px 0;}
.case_tit .h3{ font-size:14px;}

.case_con{ padding: 20px 0 15px 0;}

.footer_top_fr .p{ top:78px;}
.footer_bottom_fl{ left:0px;}
.icase_tab li{ padding:0 30px;}
.icase_tab li:first-child{ padding:0px;}

.paging a{ margin:0 2px; height:32px; padding:0 8px; line-height:32px; border-radius:17px;}
.paging .paging_fanhui{ padding:0 12px;}

.video_box{ margin-top:-90px;}
}

/* pagectrl 翻页按钮 */
.pagectrl{display:block;width:100%;padding-top:20px;text-align: center;}
.pagectrl>a{display:inline-block;padding:0 16px;height:30px;line-height:28px;font-size:14px;border:1px solid #ccc;border-radius:3px;margin-bottom:10px;color:#333;}
.pagectrl>a.active{background-color:#f9f9f9;border:1px solid #c7c8c9;color:#9d9d9e;}
.pagectrl>a:hover{border-color:#d60808; color:#d60808;}
.pagectrl>.pagectrlform{display:inline-block;height:30px;line-height:28px;padding:0px 20px;margin-bottom:10px;}
.pagectrl>.pagectrlform .pageinput{width:30px;height:30px;border:1px solid #ccc;border-radius:0;margin-bottom:10px;text-align:center;}
.pagectrl>.pagectrlform .pagesubmit{padding:0 8px;height:30px;background-color:#d80d18;border:1px solid #d80d18;color:#fff;margin-bottom:10px;}


/*首页banner切换图片*/
 .slider{position:relative;width:100%;height:auto;overflow:hidden;}
 .slides{height:auto;  /* Simple clear fix */overflow:hidden;  /**  * Prevent blinking issue * Not tested. Experimental. */-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;  /** * Here is CSS transitions * responsible for slider animation in modern broswers */-webkit-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-moz-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-ms-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);}
 .slide{list-style:none;height:auto;float:left;clear:none;}
 .slide a{color:#fff;display:block;position:relative;}
 .slide a div{width:50%;max-width:600px;position:absolute;top:30%;left:20%;margin:0;}
 .slide a div h4{font-size:46px;line-height:50px;margin:0 0 40px;}
.screen-phone  .slide a div,.screen-tablet  .slide a div{width:90%;top:10%;left:5%;}
.screen-phone  .slide a div h4{font-size:20px;line-height:25px;margin:0 0 10px;}
 .slide a div p{font-size:24px;line-height:50px;margin:0;}
.screen-phone  .slide a div p{font-size:14px;line-height:30px;}
.arrowsWrapper{display:none;}
 .slider:hover .arrowsWrapper{display:block}
 .slider-arrow{position:absolute;display:block;margin-bottom:0px;width:1%;padding:1.5%;text-decoration:none;text-align:center;opacity:1;}
 .slider-arrow:before{display:block;/*background:rgba(0,0,0,.2);*/width:100%;height:100%;content:'';position:absolute;top:0;right:0;}
 .slider-arrow--right{bottom:47.5%;right:3%;background:url(../images/right_jt.png) no-repeat center;background-size:100%;}
 .slider-arrow--left{bottom:47.5%;left:3%;background:url(../images/left_jt.png) no-repeat center;background-size:100%;}
 .slider-nav{position:absolute;bottom:4%;text-align:center;padding:15px 0px;background:rgba(0,0,0,.3);border-radius:20px;}
 .slider-nav__item{width:10px;height:10px;background:#fff;border:none;border-radius:5px;clear:none;display:inline-block;margin:0 8px;position:relative;}
 .slider-nav__item:first-child{margin-left:35px;}
 .slider-nav__item:last-child{margin-right:35px;}
 .slider-nav__item:before{display:block;content:'';width:160%;height:160%;border-radius:50%;position:absolute;top:-5px;left:-5px;border:2px solid rgba(0,0,0,0);box-sizing:content-box;}
 .slider-nav__item:hover, .slider-nav__item--current{background:#fff;}
 .slider-nav__item:hover:before, .slider-nav__item--current:before{border:2px solid #fff;}
.screen-phone  .slider-nav__item{width:6px;height:6px;}
.screen-phone  .slider-nav__item:before{top:-3px;left:-4px;border:2px solid rgba(0,0,0,0);}
.screen-phone  .slider-nav__item:hover:before,.screen-phone  .slider-nav__item--current:before{border:2px solid #fff;}