@charset "utf-8";
body{ color:#585858; font-family:\5FAE\8F6F\96C5\9ED1; background-color:#fff; font-size:14px;}
.body{background-color:#c3d3e9;}
a{ color:#696969; text-decoration:none;}
a:hover{ text-decoration:none; color:#e8350c;}
i,em{ font-style:normal;}
.wp{ width:1580px; margin:0 auto; position:relative;}

a{
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
/*shouye*/


.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: fixed; top:13px;right:20px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #d1000b;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;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before {
-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 {
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}

.menu_body{}
.menu_body .header{ background:#d1000b;}
.menu_body .menu-link span,
.menu_body .menu-link span:before,
.menu_body .menu-link span:after {background-color: #fff;}
.menu_body .menu-link.active span {background: transparent;}
.menu_body .menu ul{border-top: 1px solid #ee4d5a;}
.menu_body .menu li{ background:#d1000b;border-bottom: 1px solid #ee4d5a; text-align:center;}
.menu_body .menu li h3 a{ color:#fff; height:60px; line-height:60px; font-size:18px; font-weight:normal;}
.menu_body .menu li.curr{ background-color:#d1000b;}
.menu_body .menu li.curr h3 a{ color:#fff;}
.menu_body .logo .img1{ display:none;}
.menu_body .logo .img2{ display:block;}

.menu_bg{ display:none !important; background-color:#e60012; position:fixed; display:none; _position:absolute; left:0px; bottom:0px; right:0px; top:0px; z-index:99998;}

.header{ height:70px;}
.header .wp{ z-index:99999;}
.logo{ float:left; padding-top:15px;}
.logo img{ width:auto; height:40px;}
.logo .img1{ display:block;}
.logo .img2{ display:none;}
.menu{ float:right;}
.menu li{ float:left; margin:0 1px; position:relative;}
.menu li h3 a{display:block; font-size:15px; padding:0 30px; height:65px;border-top:5px solid #fff; line-height:65px; -webkit-transition: .3s all ease-out;-moz-transition: .3s all ease-out;-ms-transition: .3s all ease-out;transition: .3s all ease-out;}

.menu li.curr h3 a{ border-top:5px solid #e60012; color:#e60012; font-weight:bold;}
.menu li.curr h3 i{ display:none !important;}
.menu li:hover  h3 a{background-color:#e60012; color:#fff; border-top:5px solid #e60012; }

.menu li .box{ position:absolute; left:0px; top:70px; right:0px; padding-bottom:5px; display:none; height:0; overflow:hidden;background-color:#e60012;
-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 li .box a{ display:block; height:40px; line-height:40px; border-top:1px solid #fff; color:#fff; background-color:#e60012; text-align:center; margin:0 5px; font-size:12px;}
.menu li .box a:hover{ background-color:#fff; color:#e60012;}
.menu li:hover .box{ display:block; height:auto;}

.menu .showmenu{ display:none; position:absolute; right:0px; top:50%; margin-top:-25px; font-size:24px !important; cursor:pointer; width:50px; height:50px; line-height:50px; text-align:center;}
.menu .showmenu:hover{ color:#e60012;}
.ibanr{ width:100%; }
.ibanner .wp{ height:100%; z-index:0;}
.ibanner{ position:relative;}
.ibanner .slick-slide{ position:relative; overflow:hidden;}
.ibanner .slick-slide img{ display:block; width:100%; height:auto;}
.ibanner .slick-prev,.ibanner .slick-next{ display:none !important;}
.ibanner .slick-dots{ position:absolute; left:50%; bottom:20px;}
.ibanner .slick-dots li{ float:left; width:36px; cursor:pointer; height:6px; margin-left:10px;}
.ibanner .slick-dots li button{ float:left; display:block; width:100%; height:6px; cursor:pointer; background:url(../images/bs20.png) repeat; border:none; text-indent:-9999px; overflow:hidden;}
.ibanner .slick-dots li.slick-active button{background: #e60012;}
.ibanner .ibanr .wp{ z-index:9999; height:auto;}
.ibanner .text{ position:absolute; right:50px; top:130px; font-size:12px; z-index:9999; color:#fff; line-height:1; text-align:right; }
.ibanner .text h3 a{ display:block; color:#333; font-size:24px; padding-bottom:14px;}
.ibanner .text em{ font-size:16px; display:block; padding-bottom:30px;}
.ibanner .text .p{ font-size:14px; padding-bottom:40px; line-height:24px;}
.ibanner .text .p span{ display:block;}
.ibanner .text .button{ width:142px; height:43px; border:2px solid #e60012; display:block; float:right; text-align:center; line-height:43px; font-size:16px; color:#fff; -webkit-transition: .3s background ease-out;-moz-transition: .3s background ease-out;-ms-transition: .3s background ease-out;transition: .3s background ease-out; background-color:transparent;}
.ibanner .text .button:hover{ background-color:#e60012;}


.ibanner .isubmenu{ width:260px; left:50%; margin-left:-790px; bottom:0px;}
.ibanner .isubmenu li a{ height:68px; line-height:68px; padding-left:70px;}
.ibanner .isubmenu li a i{ left:20px;}

.ibanner .wp{ width:auto;}


.ibanner  video{width:100%; height:auto}
.isubmenu{ position:absolute; left:0px; top:0px; width:260px; background:url(../images/isubmenu.png) repeat;z-index:9999;}
.isubmenu li{ position:relative;}
.isubmenu li.odd{ background-color:#333;}
.isubmenu li a{ height:82px; line-height:82px; color:#fff; font-size:1.14em; display:block; padding-left:70px; -webkit-transition: .3s background ease-out;-moz-transition: .3s background ease-out;-ms-transition: .3s background ease-out;transition: .3s background ease-out; background-color:transparent;}
.isubmenu li a i{ position:absolute; left:30px; font-size:28px;}
.isubmenu li a:hover{ background-color:#bc0e24;}
.iservice{ background-color:#f0f0f0; padding:77px 0 0 0; overflow:hidden;}
.iservice ul{ margin:0 -10px;}
.iservice li{ float:left; width:50%; margin-bottom:20px; overflow:hidden;}
.iservice li .pd{ background-color:#fff; margin:0 10px;}
.iservice li .img{ float:left; width:390px; position:relative; overflow:hidden;}
.iservice li .img img{ width:100%; height:auto;-webkit-transition: .5s all ease-in;-moz-transition: .5s all ease-in;-ms-transition: .5s all ease-in;transition: .5s all ease-in;}
.iservice li .img:hover img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1);  -o-transform:scale(1.1);transform:scale(1.1);}
.iservice li .text{ display:block; padding:30px 35px 0 35px; margin:0 0 0 390px; position:relative; height:210px;color:#333;}


.iservice li .text h2{ font-size:2.57em; line-height:1; padding-bottom:16px; color:#e60012;}
.iservice li .text .p{ font-size:14px; line-height:26px;}
.iservice li .text .p span{ display:block;}
.iservice li .text .m{ display:block; position:absolute; right:0px; bottom:0px; background:url(../images/m.png) no-repeat #fff; width:58px; height:58px;}
.iservice li .m:hover{ background-color:#d0d0d0; background-position:0 -58px;}
.iservice li.odd .img{ float:right;}
.iservice li.odd .text{margin:0 390px 0 0;}
.itit{ font-size:60px; line-height:1; color:#fff; text-align:center; padding:110px 0;}
.itit em{font-size:100px; font-style:normal; margin-right:10px;}
.itit strong{ font-weight:normal;}
.icase{ background:url(../images/icasebg.jpg) no-repeat top center #f0f0f0; background-size:100% auto; padding-bottom:30px;}
.icase ul{ padding-top:100px;}
.icase li{ background-color:#fff; width:24%; margin-right:1%; float:left;}
.icase li .img{ float:none; position:relative; overflow:hidden;}
.icase li .img img{ width:100%; height:auto;-webkit-transition: .5s all ease-in;-moz-transition: .5s all ease-in;-ms-transition: .5s all ease-in;transition: .5s all ease-in;}
.icase li .img:hover img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1);  -o-transform:scale(1.1);transform:scale(1.1);}
.icase li .text{ display:block; clear:both; position:relative; height:auto; color:#333;}
.icase li.odd .img{ float:right;}
.icase li.odd .text{ margin:0 790px 0 0;}
.icase li .text h2{ font-size:1.2em; height:40px; line-height:40px; text-align:center;  color:#000;}
.icase li .text p{ font-size:14px; line-height:26px; text-align:center}
.icase li .text .m{ display:block; position:absolute; right:0px; bottom:0px; background:url(../images/m.png) no-repeat; width:58px; height:58px;}
.icase li .m:hover{ background-color:#d0d0d0; background-position:0 -58px;}
.icase li .text .bq{ padding-top:10px;}
.icase .more{ padding:50px 0; overflow:hidden;}
.icase .more a{width:30%; height:43px; margin:0 auto; border:2px solid #cacaca; display:block; text-align:center; line-height:43px; font-size:16px; color:#333; -webkit-transition: .3s background ease-out;-moz-transition: .3s background ease-out;-ms-transition: .3s background ease-out;transition: .3s background ease-out; background-color:transparent;}
.icase .more a:hover{ background-color:#cacaca; color:#fff;}

.icase .more2 {width:30%; height:43px; margin:0 auto; border:2px solid #cacaca; display:block; text-align:center; line-height:43px; font-size:16px; color:#333; -webkit-transition: .3s background ease-out;-moz-transition: .3s background ease-out;-ms-transition: .3s background ease-out;transition: .3s background ease-out; background-color:transparent;}
.icase .more2:hover{ background-color:#cacaca; color:#fff;}



.iseo{}
.iseo .itit{ color:#333;}
.iseolist{ background:url(../images/iseobg.jpg) no-repeat;}
.iseolist li{ float:left; width:50%;}
.iseolist li .pd{ padding:10px;}
.iseolist li.li1 .pd{ border-bottom:1px solid #242730; border-right:1px solid #242730;}
.iseolist li.li2 .pd{ border-bottom:1px solid #242730;}
.iseolist li.li3 .pd{ border-right:1px solid #242730;}
.iseolist li.li4 .pd{}
.iseolist li a{ display:block; height:379px; position:relative; -webkit-transition: .5s background ease-out;-moz-transition: .5s background ease-out;-ms-transition: .5s background ease-out;transition: .5s background ease-out; background-color:transparent;}
.iseolist li a .m{ position:absolute; right:20px; top:20px; display:block; background:url(../images/gd.png) no-repeat; width:28px; height:27px; display:none;}
.iseolist li a .img{ float:left; padding:122px 0 0 88px;}
.iseolist li a .img i{ border:1px solid #fff; border-radius:50%; width:125px; display:block; height:125px; text-align:center; line-height:125px; font-size:64px; color:#fff;-webkit-transition: .5s all ease-out;-moz-transition: .5s all ease-out;-ms-transition: .5s all ease-out;transition: .5s all ease-out;}
.iseolist li a .text{ margin:0 150px 0 250px; color:#999; padding:122px 0 0 0;}
.iseolist li a .text h3{ font-size:32px; line-height:1; padding-bottom:15px; color:#fff;}
.iseolist li a .text em{ color:#fff;}
.iseolist li a:hover{ background-color:#fff;}
.iseolist li a:hover .m{ display:block;}
.iseolist li a:hover .text em{ color:#666;}
.iseolist li a:hover .img i{ background-color:#e60012; border:1px solid #e60012;}
.iseolist li a:hover .text h3{ color:#e60012;}
.inews{ background:url(../images/inewsbg.jpg) repeat-x #f0f0f0; padding-bottom:140px;}
.inews .itit{ color:#333; padding:94px 0 50px 0;}
.inews .itit em{ font-size:70px;}
.inews .itit strong{ font-size:40px;}
.inews .img{ top:0px; left:50%; margin-left:-185px; position:absolute; width:370px;}
.inews .em{ position:absolute; top:0px; width:70px; height:87px; background:url(../images/hstm90.png) repeat; margin-bottom:45px; text-align:center; color:#808080; font-size:12px;}
.inews .em strong{ font-size:42px; border-bottom:1px solid #808080; font-weight:normal;}
.inews dt a{ color:#333;}
.inews .text{position:absolute; background-color:#fff; bottom:0px; left:20px; right:20px; padding:20px;}
.inews .text h3{ font-size:24px; line-height:1.4; padding-bottom:20px;}
.inews .text p{}
.inews .text .m{ display:block; position:absolute; right:0px; bottom:0px; background:url(../images/m2.png) no-repeat #fff; width:40px; height:40px;}
.inews .text .m:hover{ background-color:#d0d0d0; background-position:0 -40px;}
.inews dt{ position:relative; overflow:hidden;}
.inews dd { overflow:hidden;}
.inews dt .pd{ padding:0 20px;}
.inews dd .pd{ margin:10px; background-color:#fff; padding:11px 20px 20px 20px; overflow:hidden;}
.inews dd .t{ height:36px;}
.inews dd .t a{ margin-left:1px; float:right;  background-color:#ffffff;}
.inews dd .t a i{width:36px; font-size:18px; height:36px; text-align:center; line-height:36px; display:block;}
.inews dd .t a:hover{ background-color:#333333; color:#fff;}
.inews dd .t strong{ float:left; font-size:24px; font-weight:normal;}
.inews dd .c li{ height:42px; line-height:42px; border-bottom:1px dashed #cfcfcf; overflow:hidden;}
.inews dd .c li em{ float:left; width:30px; text-align:center;}
.inews dl{ width:50%; float:left;}
.inews dl dt{ width:370px; float:left; height:346px;}
.inews dl dd{ width:370px; float:left; height:346px; margin-left:33px;}
.inews dl.dl1 dd{ background:url(../images/dd1.jpg) no-repeat; background-size:100% 100%;}
.inews dl.dl2 dd{ background:url(../images/dd2.jpg) no-repeat; background-size:100% 100%;}
.imsg{ background:url(../images/imsgbg.jpg) no-repeat;}
.imsg .wp{height:920px;}
.imsg_fl{ background:url(../images/hs90.png) repeat; width:630px; padding:30px 20px 20px 20px; position:absolute; bottom:0px; left:0px;}
.imsg_fl .pd{ background-color:#fff; height:900px; padding:0 75px;}
.imsg_fl .p1{ padding-top:60px; padding-bottom:40px; border-bottom:2px solid #000;}
.imsg_fl .p1 h3{ font-size:100px; line-height:1; text-transform:uppercase; color:#e60012;}
.imsg_fl .p1 em{ padding-bottom:20px; display:block;}
.imsg_fl .p1 p{ font-size:24px; color:#000;}
.imsg_fl .p1 strong{ font-size:72px; font-weight:normal; font-family:Arial;color:#000;}
.imsg_fl .p2{ padding:50px 0;}
.imsg_fl .p2 li{ float:left; width:50%; font-size:14px; margin-bottom:40px;}
.imsg_fl .p2 li .img{ padding-bottom:10px;}
.imsg_fl .p2 li .img i{ float:left; font-size:44px; line-height:1; color:#e60012;}
.imsg_fl .p2 li .img p{ margin-left:68px;}
.imsg_fl .p2 li strong{ font-size:24px; font-weight:normal;}
.imsg_fl .p3{ font-size:14px; color:#333;}
.imsg_fl .p3 i{ font-size:32px; margin-right:10px; color:#e60012; }
.imsg_fl .p3 h2{ color:#e60012; font-size:24px; padding-top:40px; line-height:1;}
.imsg_fl .p3 h3{ font-size:24px; padding-top:40px; line-height:1;}
.imsg_fl .p3 p{ padding-top:10px;}
.imsg_fr{ position:absolute; right:0px; top:30px; width:880px; height:560px; border-top:10px solid #e60012; background:url(../images/bsbg90.png) repeat;}
.imsg_fr .pd{ padding:0 100px;}
.imsg_fr h3{ font-size:72px; color:#000; line-height:1; padding:40px 0 30px 0;}
.imsg_fr li{ position:relative; padding-bottom:22px;}
.imsg_fr .ipt{ border:2px solid #333333; background:none;}
.imsg_fr .ipt_t1{ width:100%; box-sizing:border-box; height:38px; line-height:38px; padding:0 15px;}
.imsg_fr .ipt_t2{ width:100%; box-sizing:border-box; height:38px; line-height:38px; padding:0 15px;}
.imsg_fr .ipt_t3{ width:100%; box-sizing:border-box; height:38px; line-height:38px; padding:0 15px;}
.imsg_fr .ipt_t4{ width:100%; box-sizing:border-box; height:100px; line-height:38px; padding:0 15px;}
.imsg_fr .ipt_t5{ width:70%; box-sizing:border-box; height:38px; line-height:38px; padding:0 15px;}
.imsg_fr .ipt_b1{ border:2px solid #333333; height:38px; line-height:38px; cursor:pointer; background:url(../images/ipt_b1.png) no-repeat center center;width:100%;}
.webmap{ background-color:#ececec; padding:50px 0;}
.webmap ul{ float:left; width:16.6%; font-size:12px; line-height:32px;}
.webmap a{ color:#111111; }
.webmap a:hover{color:#e60012; }
.webmap h3{ padding-bottom:20px; line-height:1;}
.webmap h3 a{ color:#e60012; font-size:18px;}
.footer{ background:url(../images/footerbg.jpg) no-repeat; height:auto; font-size:12px;}
.footer_top{ padding:30px 0;}
.footer_fl{ float:left;}
.footer_fl .p1{ padding-top:10px;}
.footer_fl .p1 a{ color:#fff;}
.footer_fl .p1 span{ color:#fff; margin:0 8px;}
.footer_fl .p2{ padding-top:15px;}
.footer_fl .p2 span{ margin-right:24px;}
.footer_fr{ float:right;}
.footer_fr li{ float:left; padding:20px 0 0 24px;}
.footer_fr li.last{ padding:0px 0 0 40px;}
.footer_fr li.first{ display:none !important; float:right; padding:0px 0 0 40px;}
.footer_fr li.first img{ width:88px; height:auto;}
.footer_fr li a i{ font-size:38px; color:#8a8a8a; line-height:1;}
.footer_fr li a:hover i{ color:#fff;}
.footer_con{ display:none; padding-top:50px;}
.footer_con a{ color:#585858;}
.footer_con span{ margin:0 8px;}
/*donghua*/
.anchor { display:block;position:absolute; bottom:0px; right:0px;width: 60px;height: 60px;cursor: pointer;-webkit-transition: .25s background ease-out;-moz-transition: .25s background ease-out;-ms-transition: .25s background ease-out;transition: .25s background ease-out;background: #fff}
.anchor .cen {position: absolute;width: 100%;height: 100%;-webkit-transition: .25s all ease-in;-moz-transition: .25s all ease-in;-ms-transition: .25s all ease-in;transition: .25s all ease-in
}
.anchor .cen .anh {position: absolute;top: 50%;left: 50%;background: #2d2d2d;-webkit-transition: .2s all ease-in;-moz-transition: .2s all ease-in;-ms-transition: .2s all ease-in;transition: .2s all ease-in}
.anchor .cen .a1 {width: 18px;height: 4px;margin-left: -9px}
.anchor .cen .a2 {width: 4px;height: 4px;margin-top: 0;margin-left: -2px}

.anchorbox:hover .anchor ,.anchor:hover {background: #e9e9e9}
.anchorbox:hover .anchor .cen .anh ,.anchor:hover .cen .anh {background: #666}
.anchorbox:hover .anchor .cen .a2,.anchor:hover .cen .a2 {width: 4px;height: 17px;margin-top: -6px;margin-left: -2px}

.inews .anchorbox:hover .text .anchor .cen .a2{width: 3px;height: 14px;margin-top: -5px;margin-left: -2px}

.inews .anchor{ width:30px; height:30px;}
.inews .anchor .cen .a1{ width:13px; height:3px; margin-left:-7px;}
.inews .anchor .cen .a2{width:3px; height:3px;}

.thumb {position:absolute; width:100%; height:100%; left:0px; top:0px; right:0px; bottom:0px;cursor: pointer;overflow: hidden}
.thumb .pic {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: 1s -webkit-transform;-moz-transition: 1s -moz-transform;-ms-transition: 1s -ms-transform;transition: 1s transform}
.thumb .over {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(30,30,30,0.85);opacity: 0;-webkit-transition: opacity .4s;-moz-transition: opacity .4s;-ms-transition: opacity .4s;transition: opacity .4s}
.thumb .over .place {position: absolute;width: 100px;height: 50px;margin: 25px 0 0 -50px;top: 50%;left: 50%;text-align: center;color: #ddd}
.thumb .over .place .line {position: relative;width: 100%;margin-left: 0;height: 1px;background: #f2f2f2}
.thumb .over .place .ln1 {-webkit-transition: .3s all ease-in-out;-moz-transition: .3s all ease-in-out;-ms-transition: .3s all ease-in-out;transition: .3s all ease-in-out;}
.thumb .over .place .ln2 {-webkit-transition: .5s all ease-in-out;-moz-transition: .5s all ease-in-out;-ms-transition: .5s all ease-in-out;transition: .5s all ease-in-out;}
.thumb .over .place h5 {margin: 5px auto}
.thumb:hover .over {opacity: 1}
.thumb:hover .over .place .line {width: 6%;margin-left: 47%;opacity: .6}
.thumb:hover .pic {-webkit-transform: scale(1.08, 1.08);-moz-transform: scale(1.08, 1.08);-ms-transform: scale(1.08, 1.08);transform: scale(1.08, 1.08)}
.thumb:hover .over .view {background-position: 0 -60px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);transform: rotate(-90deg)}
.thumb .view {
position: relative;overflow: hidden;width: 60px;height: 60px;top: 50%;margin: -45px auto  0 auto;background-image: url(../css/view.png);background-repeat: no-repeat;background-position: 0 0;background-size: 60px 120px;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;transition: all .25s ease-out}
/*neiye*/
.pgwp .webmap{ background:#fff;}
.pgwp .icase{ background:#fff;}
.pgwp .icase ul{ padding-top:60px;}
.icase_t{}
.icase_t .p1{ background-color:#f0f0f0;}
.icase_t .p1 ul{ width:44%; margin:0 auto;}
.icase_t .p1 li{ float:left; width:20%;}
.icase_t .p1 li a{ display:block; line-height:1; padding:20px 0; text-align:center; color:#555; font-size:24px;}
.icase_t .p1 li.curr a{ background-color:#fff; color:#e60012; border-top:1px solid #e60012;}
.icase_t .p2 .icase_box{ display:none;}



.service_banner{ background:url(../images/service_banner.jpg) no-repeat center top; padding:140px 0; font-size:12px; text-align:center; color:#fff;}
.service_banner .text h3{ text-align:center; font-size:4em; padding:0px 0 35px 0; position:relative; margin-bottom:37px;}
.service_banner .text h3 strong{ font-weight:normal; font-size:1.4em;}
.service_banner .text h3 i{ position:absolute; width:140px; height:3px; left:50%; background-color:#e60012; margin-left:-70px; bottom:2px;}
.service_banner .text .p span{ display:block; font-size:1.16em; line-height:1.8;}
.service_banner .text ul{ width:60%; margin:0 auto; padding-top:60px; padding-left:25px;}
.service_banner .text li{ float:left; width:25%;}
.service_banner .text li a{ display:block; margin-right:25px; font-size:1.83em; border:2px solid #fff; color:#fff; height:53px; line-height:53px; overflow:hidden; -webkit-transition: .3s background ease-out;-moz-transition: .3s background ease-out;-ms-transition: .3s background ease-out;transition: .3s background ease-out; background-color:transparent;}
.service_banner .text li.curr a,.service_banner .text li a:hover{ background-color:#fff; color:#e60012;}
.service{ background-color:#f0f0f0;}
.service .h3{ font-size:16px; width:31%;}
.service .h3 strong{ display:block; height:53px; line-height:53px; background-color:#e60012; color:#fff; padding-left:38px;}
.service ul{ font-size:12px; line-height:1;}
.service ul li{ background-color:#fff; overflow:hidden;}
.service ul .img{ float:left; width:62%; position:relative; overflow:hidden;}
.service ul .img img{ width:100%; height:auto;-webkit-transition: .5s all ease-in;-moz-transition: .5s all ease-in;-ms-transition: .5s all ease-in;transition: .5s all ease-in;}
.service ul .img:hover img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1);  -o-transform:scale(1.1);transform:scale(1.1);}
.service ul .text{ margin:0 0 0 62%; padding:70px 70px 0 70px;}
.service ul .text h3{ font-size:4em; padding-bottom:20px;}
.service ul .text .p a i{ margin-right:10px;}
.service ul .text .p a{ display:block;  overflow:hidden; padding:30px 0; font-size:1.87em; border-bottom:1px solid #b2b2b2;}
.service ul .more{ background-color:#f0f0f0;}
.service ul .more a{ width:38%; float:right; height:52px; line-height:52px; font-size:1.16em; background-color:#dddddd;}
.service ul .more a span{ margin:0 10%;}
.service ul .more a:hover{ background-color:#e60012; color:#fff;}
.service ul .more a.anchor{ position:relative;}
.service ul .more a.anchor:hover .anh{ background-color:#fff;}
.service ul .more a.anchor .cen{ width:52px; height:52px; right:0px; top:0px;}
.service ul li.odd .img{ float:right;}
.service ul li.odd .text{ margin:0 62% 0 0 ;}
.service ul li.odd .more a{ float:left;}
.about_banner{ background:url(../images/banner_about.jpg) no-repeat center top; padding:100px 0 140px 0; font-size:12px; text-align:center; color:#fff;}
.about_banner .text .pd{/*background:url(../images/bs75.png) repeat;*/ padding:50px 30px 60px 30px;}
.about_banner .text h3{ text-align:center; font-size:48px; padding:0px 0 35px 0; position:relative; margin-bottom:37px; line-height:1;}
.about_banner .text h3 strong{ font-weight:normal;}
.about_banner .text h3 i{ position:absolute; width:140px; height:3px; left:50%; background-color:#fff; margin-left:-70px; bottom:2px;}
.about_banner .text .p span{ display:block; font-size:14px; line-height:1.8;}
.about_idea{ background:url(../images/about_idea.jpg) no-repeat center top ; padding:150px 0; font-size:12px; line-height:1; color:#333;}
.about_idea .img{ float:left; width:50%;}
.about_idea .img img{ display:block; margin:0 auto; width:62%;}
.about_idea .text{ margin-left:50%;}
.about_idea .text h2{ font-size:4.7em; padding-bottom:20px;}
.about_idea .text h2 strong{ font-size:1.4em; font-weight:normal; margin-right:5px;}
.about_idea .text p{ font-size:1.5em; padding:20px 0 40px 0; line-height:2;}
.about_idea .text p strong{ color:#e60012; font-weight:normal; margin-right:5px;}
.about_idea .text h3{font-size:2.5em; color:#e60012;}

.about_customer{ background:url(../images/about_customer.jpg) no-repeat; background-size:100% 100%; padding-bottom:50px; font-size:12px;}
.about_customer .itit{ padding:50px 0;}
.about_customer li{ float:left; border:1px solid #dcdcdc; width:14.2857143%; box-sizing:border-box; margin:-1px; background-color:#fff;

-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.about_customer li:hover{  position:relative; z-index:999; background-color:#eee;}
.about_customer li img{ width:100%; height:auto;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.about_customer li:hover img{-moz-transform:scale(0.9);
-webkit-transform:scale(0.9);
-o-transform:scale(0.9);
transform:scale(0.9);}


.news_t .wp{ width:1180px;}
.news_t{ background-color:#f0f0f0;}
.news_t ul{ width:44%;}
.news_t li{ float:left; width:50%;}
.news_t li a{ display:block; line-height:1; padding:30px 0; text-align:center; color:#555; font-size:30px;}
.news_t li.curr a{ background-color:#fff; color:#e60012;}
.news_c{}
.news_c .wp{ width:1018px;}
.news_c li{ background-color:#fff; padding:75px 0; font-size:12px;}
.news_c li .img{ float:left; width:50%; position:relative;}
.news_c li .img img{ width:100%; height:auto;}
.news_c li .text{ display:block; width:50%; float:left; padding-top:22px; position:relative; color:#333;}
.news_c li .text .pd{ padding:40px 40px 80px 40px; background-color:#f0f0f0;margin-left:-40px;}
.news_c li .text em{ font-size:1.16em;}
.news_c li .text h2{ font-size:2.5em; line-height:1.3; padding:10px 0;}
.news_c li .text:hover h2:hover{ color:#e60012;}
.news_c li .text p{ font-size:1.16em; line-height:1.8;}
.news_c li.odd{ background-color:#f0f0f0;}
.news_c li.odd .text .pd{ background-color:#fff;}
.pgwp .imsg_fl{ padding-top:20px;}
.pgwp .imsg_fl .pd{ height:880px;}
.news_fl{ padding:0 0 0 300px; margin-right:320px;}
.news_fr{ position:absolute; right:0px; top:0px; width:280px;}
.news_info{}
.news_info .h1{ box-sizing:border-box; line-height:40px; padding:30px 20px 15px 20px; background: url(../images/newsbg.jpg) repeat-x; line-height:1.4; font-size:28px; color:#000;}
.news_info .h2{  padding:32px 0; line-height:1.4; font-size:40px; color:#333333;}
.news_info .h3{ padding:40px 0 20px 0; line-height:1; font-size:24px; color:#e60012;box-sizing:border-box; border-bottom:1px solid #e60012;}
.news_info .h3 em{ font-size:24px; color:#bbbbbb; text-transform:uppercase; margin-left:10px;}
.news_info .em{ padding:0px 20px 15px 20px;line-height:40px;background: url(../images/newsbg.jpg) repeat-x;}
.news_info .em .emn{ float:left; margin-right:0px;}
.news_info .em .emn span{ margin-left:25px;}
.news_info .em .fx{ float:left;}
.news_info .em .fx li{ padding:0 5px; width:auto;}
.news_info .p{ font-size:14px; line-height:30px; line-height:1.8; padding-top:30px; color:#555;}
.news_info .p1{ font-size:14px; line-height:30px; line-height:1.8; padding-top:20px; color:#555;}
.news_info .p1 h3{ padding:40px 0 20px 0; line-height:1; font-size:24px; color:#e60012;box-sizing:border-box; border-bottom:1px solid #e60012;}
.news_info p img{border:1px solid #dddddd; width:100%; height:auto;}
.news_page{ padding-top:30px;}
.news_page ul{ background-color:#f0f0f0;}
.news_page li{ width:50%; float:left; position:relative; overflow:hidden; font-size:14px; height:50px; line-height:50px; box-sizing:border-box; padding:0 20px;}
.news_page li a{ color:#555555;}
.news_page li a:hover{ color:#e60012;}
.news_page li strong{ font-weight:normal; color:#e60012;}
.news_page li.li1{}
.news_page li.li2{ text-align:right;}
.news_page .back3{ width:25%; float:right; text-align:center; background:url(../images/back3.png) center center no-repeat #f0f0f0;}
.news_page .back3 a{ display:block; height:50px; line-height:50px; }
.news_more{ padding:40px 0 80px 0; display:none !important;}
.news_more a{ float:right; background-color:#ececec;}
.news_more a:hover{ background-color:#e60012; color:#fff;}
.news_more a i{ display:block; font-size:40px; text-align:center; line-height:86px; width:86px; height:86px;}
.back{ text-align:center; font-size:18px; padding-bottom:20px;}
.back a{ display:block;background-color:#f0f0f0;  padding:25px 0;}
.back i{ font-size:24px; margin-left:10px;}
.pgcontact{ padding-bottom:50px;}
.pgcontact_t{ background:url(../images/sj.jpg) no-repeat 20px bottom #bbbbbb; text-align:right; font-size:24px; line-height:1; padding:20px 30px; color:#fff;}
.pgcontact_t strong{ font-size:54px; display:block; font-weight:normal; padding-bottom:5px;}
.pgcontact_c{ background-color:#f0f0f0; padding:0px 25px;}
.pgcontact_c .p1{ padding:30px 0;}
.pgcontact_c .p1 strong{ font-size:32px; display:block; font-weight:normal; color:#e60012;}
.pgcontact_c .p2 img{ display:block; margin:0 auto;}
.pgcontact_c .p2 strong{ display:block; padding:10px 0 30px 0; text-align:center;}
.mnews{}
.mnews_t{}
.mnews_t li{ width:50%; float:left; font-size:14px;}
.mnews_t li a{ background-color:#f0f0f0; display:block; color:#555; padding:20px 0; text-align:center;}
.mnews_t li a:hover{ color:#e60012;}
.mnews_t li.curr a{ background-color:#555; color:#fff;}
.mnews_c{}
.mnews_c li{ border-bottom:1px solid #ddd; padding:15px 0; line-height:24px;}
.mnews_c li a{ display:block;}
.mnews_c li em{ font-family:Arial;}
.case_info{ background:url(../images/casebg.png) repeat-x; }
.frservice{ padding-bottom:20px;}
.frservice_t{ background:url(../images/sj.jpg) no-repeat 20px bottom #bbbbbb; text-align:right; font-size:24px; line-height:1; padding:20px 30px; color:#fff;}
.frservice_t strong{ font-size:54px; display:block; font-weight:normal; padding-bottom:5px;}
.frservice_c{ background-color:#fff; padding:30px 25px;}
.frservice_c .p1{ padding-bottom:20px; padding-top:20px;}
.frservice_c .p1 strong{ color:#e60012;}
.frservice_c .p2 strong{ display:block;}
.frservice_c .p2{ padding-top:20px;}
.frservice_c .p3{ padding:25px 0; background-color:#f3f3f3; text-align:center;}
.frservice_c .p3 h3{ padding-bottom:20px;}
.fx{}
.fx li{ float:left; width:25%; }
.fx li a i{ font-size:30px; color:#dedede;}
.fx li a:hover i{ color:#e70618;}
.frfwxx{ margin-bottom:20px;}
.frfwxx_t{ background-color:#bbbbbb; padding:20px 25px; line-height:1.2; font-size:24px; color:#fff;}
.frfwxx_c{ border:1px solid #f0f0f0; border-top:none; background-color:#fff;padding:10px 23px;}
.frfwxx_c ul{ padding:0 23px;}
.frfwxx_c li{ padding:20px 0; border-bottom:1px solid #dddddd;}
.frfwxx_c li strong{ color:#e60012; display:block; padding-bottom:5px;}
.frfwxx_c li:last-child{ border-bottom:none;}
.frfwxx_c strong{ color:#e60012; display:block; padding-bottom:5px; padding:10px 0 0;}
.frfwxx_c p{ border-bottom:1px solid #dddddd; display:block; padding: 5px 0 10px;}
.frfwxx_c p:last-child{ border-bottom:none;}
.frcase{}
.frcase_t{ padding:20px 25px; line-height:1.2; font-size:18px; color:#121013;}
.frcase_c{  background-color:#fff;}
.frcase_c li{ border:1px solid #f0f0f0;}
.frcase_c li .text{display:block;padding: 12px 24px; position:relative; font-size:14px;}
.frcase_c li .text i{ display:block; width:11px; height:11px; background:url(../images/m3.png) no-repeat 0 -11px; position:absolute; right:20px; top:50%; margin-top:-5.5px;}
.frcase_c li .img{ display:none;}
.frcase_c li .img img{ width:100%; height:auto;}
.frcase_c li.curr a{ color:#e60012;}
.frcase_c li.curr .text{ color:#e60012;}
.frcase_c li.curr .text i{ background-position:0 0;}

.back2{ display:block; padding-bottom:53px;}
.back2 a{ display:block; width:130px; float:left; height:67px; position:relative; background-color:#fff;}
.back2 a:hover{ background-color:#e60012;}
.back2 a i{ height:36px; width:36px; background:url(../images/back2.png) no-repeat -47px -92px; position:absolute; left:50%; top:50%; margin:-18px 0 0 -18px;}
.back2 a:hover i{ background-position: -47px -15px;}
.back2 .a2{ float:right;}
.back2 .a2 i{ background-position:-198px -92px;}
.back2 .a2:hover i{ background-position:-198px -15px;}
.news_page{ margin-bottom:20px;}
.related_case{ overflow:hidden; border:1px solid #f0f0f0; padding:20px 0 0 20px;}
.related_case h3{ padding-bottom:15px;}
.related_case ul{}
.related_case li{ float:left; width:25%; margin-bottom:10px;}
.related_case li img{ width:100%; height:auto;
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
-webkit-filter: grayscale(70%); 
-moz-filter: grayscale(70%); 
-ms-filter: grayscale(70%); 
-o-filter: grayscale(70%); 
filter: grayscale(70%); 
filter: gray; }
.related_case li:hover img{-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
filter: none;
}
.related_case li a{ display:block; margin-right:20px;}
.related_case li strong{ display:block; line-height:50px; font-weight:normal;}
.case_media1{ border:1px solid #e2e2e2; padding:20px; background-color:#fff;}
.case_media_img1{ width:80%; display:block; margin:10px auto; height:auto;}
.case_media_list{ padding-top:10px;}
.case_media_list li{ background:url(../images/dian3.png) left 8px no-repeat; padding-left:12px;}
.case_media_imgtext{ padding:40px 0;}
.case_media_imgtext .img{ float:left; width:56%;}
.case_media_imgtext .img img{ width:100%; height:auto;}
.case_media_imgtext .text{ margin-left:56%; padding-left:30px;}
.case_media_img2{ width:72%; display:block; margin:10px auto;}

.casebanner{}
.casebanner .slick-dots{ position:absolute; left:50%; bottom:20px;}
.casebanner .slick-dots li{ float:left; margin:0 5px;}
.casebanner .slick-dots li button{ width:36px; height:5px; overflow:hidden; border:none; cursor:pointer; text-indent:-999px; font-size:0; line-height:0; background-color:#ffffff;}
.casebanner .slick-dots li.slick-active button{ background-color:#e60012;}
.casebanner .slick-prev{ position:absolute; left:2%; top:50%; background:url(../images/casebannerpage.png) no-repeat 0 0; width:28px; height:70px; cursor:pointer; overflow:hidden; border:none; text-indent:-999px; margin-top:-44px;}
.casebanner .slick-prev:hover{ background-position:0 -70px}
.casebanner .slick-next{ position:absolute; right:2%; top:50%;background:url(../images/casebannerpage.png) no-repeat -28px 0; width:28px; height:70px; cursor:pointer; overflow:hidden; border:none;text-indent:-999px; margin-top:-44px;}
.casebanner .slick-next:hover{ background-position:-28px -70px}

.consultation_btn{ width:65%; background-color:#e60012; color:#fff; height:45px; line-height:45px; text-align:center; display:block; margin:0 auto; border-radius:6px; font-size:18px;}
.consultation_btn:hover{ color:#fff;}


.ibanner .text{ display:none;}
.ibanner .slick-slide img.bimg1{ display:block;}
.ibanner .slick-slide img.bimg2{ display:none;}



.media_list{ border:1px solid #e9e9e9; border-bottom:none;}
.media_list dd h3{ font-size:22px; height:60px; cursor:pointer; line-height:60px; background:#fff; border-bottom:1px solid #e9e9e9; padding:0 25px; position:relative;}
.media_list dd h3 i{ position:absolute; width:15px; height:15px; right:25px; top:50%; margin-top:-7.5px; background:url(../images/media_list_ico.png) no-repeat;}
.media_list ul{ display:none;}
.media_list li{ border-bottom:1px solid #e9e9e9; padding:0 35px; height:44px; line-height:44px; background:url(../images/media_listbg.png) 25px center no-repeat #fff;}
.media_list dd.curr ul{ display:block;}
.media_list dd.curr i{ background-position:0 -15px;}


.about_banner{ padding:70px 0; background-size:auto 100%;}
.about_banner .p{ margin-bottom:20px;}
.about_banner .list{ position:relative; height:357px; width:998px; margin:0 auto;}
.about_banner .list li{ display:block; border-radius:50%; box-shadow:none; position:absolute; -webkit-transition: .3s all ease-out;-moz-transition: .3s all ease-out;-ms-transition: .3s all ease-out;transition: .3s all ease-out;}
.about_banner .list li strong{ display:block; font-size:30px; font-weight:normal;}
.about_banner .list li span{ display:block; font-size:14px;}
.about_banner .list li .npd{ padding:30px 30px 0 30px;}
.about_banner .list li.li1{ width:133px; height:133px; background-color:#00b050; box-shadow:0 0 0 5px rgba(0,176,80,0.2); top:20px; left:0px;}
.about_banner .list li.li2{ width:153px; height:153px; background-color:#199fd1; box-shadow:0 0 0 5px rgba(25,159,206,0.2); top:180px; left:120px;}
.about_banner .list li.li3{ width:224px; height:224px; background-color:#ffb400; box-shadow:0 0 0 5px rgba(255,180,0,0.2); top:0px; left:270px;}
.about_banner .list li.li4{ width:174px; height:174px; background-color:#da130f; box-shadow:0 0 0 5px rgba(218,25,21,0.2); top:160px; right:270px;}
.about_banner .list li.li5{ width:171px; height:171px; background-color:#9543aa; box-shadow:0 0 0 5px rgba(149,67,170,0.2); top:0px; right:120px;}
.about_banner .list li.li6{ width:151px; height:151px; background-color:#6688c0; box-shadow:0 0 0 5px rgba(102,136,192,0.2); top:160px; right:0px;}

.about_banner .list li.li1:hover{box-shadow: 0px 0px 0px 15px #000 inset; box-shadow:0 0 0 15px rgba(0,176,80,0.5);}
.about_banner .list li.li2:hover{box-shadow:0 0 0 15px rgba(25,159,206,0.5);}
.about_banner .list li.li3:hover{box-shadow:0 0 0 15px rgba(255,180,0,0.5);}
.about_banner .list li.li4:hover{box-shadow:0 0 0 15px rgba(218,25,21,0.5);}
.about_banner .list li.li5:hover{box-shadow:0 0 0 15px rgba(149,67,170,0.5);}
.about_banner .list li.li6:hover{box-shadow:0 0 0 15px rgba(102,136,192,0.5);}

.inews .text p{ display:none;}
.inews dt a:hover .text p{ display:block;}

/* side */
.side{position:fixed;width:54px;height:auto;right:20px;bottom:100px;z-index:100; z-index:99999;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#d50007;color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li img{float:left;}


.footer_nav{ background-color:#fff; padding:50px 0;}
.footer_nav ul{ float:left; width:15%; margin:0 0.8%; text-align:center;}
.footer_nav li.h3 h3{ font-size:18px; color:#e60012; padding-bottom:10px; line-height:1;}
.footer_nav li.h3 h3 a{color:#e60012; cursor:default;}
.footer_nav li.p{ line-height:2.5;}
.footer_nav li.h3 i{ display:none; background:url(../images/honor_textlist.png) no-repeat; background-size:16px 32px; width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px;}
.footer_nav li.lishow{ display:block;}
.footer_nav li.lihide{ display:block;}


.icase_box{ background-color:#fff; padding:50px 0;}
.icase_box ul{ float:left; width:25%; text-align:center;}
.icase_box li.h3 h3{ font-size:18px; color:#e60012; padding-bottom:10px; line-height:1;}
.icase_box li.h3 h3 a{color:#e60012; cursor:default;}
.icase_box li.p{ line-height:2.5;}
.icase_box li.h3 i{ display:none; background:url(../images/honor_textlist2.png) no-repeat; background-size:16px 32px; width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px;}
.icase_box li.lishow{ display:block;}
.icase_box li.lihide{ display:block;}




.error{ display:block; padding:5px 15px 0px 15px; font-size:12px; line-height:1;}
@media screen and (max-width:1600px){
.icase li .text{padding: 50px 50px 0 50px;}
.ibanner .text{ font-size:8px; top:100px; right:40px;}
.ibanner .isubmenu{ left:50%; margin-left:-590px;}
.wp{ width:1180px;}
.imsg .wp{ height:780px;}
.ibanner .slick-slide img{ width:120%; margin-left:-10%;}
.isubmenu{ width:200px;}
.isubmenu li a{ height:68.3px; line-height:68.3px; font-size:1em;}
.isubmenu li a i{ font-size:24px;}
.iservice li .img{ float:left; width:300px;}
.iservice li .text{ margin:0 0 0 300px;padding: 20px 25px 0 25px; height:165px;}
.iservice li.odd .text{ margin:0 300px 0 0;}
.iservice li .text h2{ font-size:2em; padding-bottom:10px;}
.iservice li .text .p{ line-height:22px;}
.iseolist li a{ height:320px;}
.iseolist li a .img{ padding: 80px 0 0 60px;}
.iseolist li a .img i{ width:100px; height:100px; font-size:54px; line-height:100px;}
.iseolist li a .text{ margin:0 125px 0 200px;padding: 80px 0 0 0;}
.icase ul{ padding-top:50px;}
.itit{ padding:70px 0; font-size:40px;}
.itit em{ font-size:70px;}
.inews .itit{ padding: 50px 0 50px 0;}
.inews dl dt{ width:260px;}
.inews dl dd{ margin-left:20px; width:300px;}
.inews dd .pd{padding:8px 15px 15px 15px;}
.inews dd .t{ height:30px;}
.inews dd .t strong{ font-size:18px;}
.inews dd .t a i{ width:30px; height:30px; line-height:30px;}
.inews .text{ padding:15px;}
.inews .text h3{ font-size:18px; padding-bottom:15px;}

.imsg_fl{ width:472px;}
.imsg_fr{ width:630px;}
.imsg_fl .pd{ padding:0 50px; height:760px;}
.imsg_fl .p1 h3{ font-size:70px;}
.imsg_fl .p1 strong{ font-size:50px;}
.imsg_fl .p2 li .img p{margin-left: 60px;}
.imsg_fl .p3 h2{ padding-top:30px;}
.imsg_fl .p3 h3{ padding-top:30px;}
.imsg_fl .p1 p{ font-size:18px;}
.imsg_fr .pd{ padding:0 60px;}
.imsg_fr .ipt_t1{ padding:0 10px;}
.imsg_fr .ipt_t2{ padding:0 10px;}
.imsg_fr .ipt_t3{ padding:0 10px;}
.imsg_fr .ipt_t4{ padding:0 10px;}
.imsg_fr .ipt_b1{}
.iseolist li a .text h3{ font-size:28px;}
.error{ display:block; padding:5px 10px 0px 10px;}
/*neiye*/
.pgwp .imsg_fl .pd{ height:740px;}
.service ul .text h3{ font-size:4em; padding-bottom:10px;}
.service ul{ font-size:10px;}
.service ul .text{padding: 30px 50px 0 50px;}
.service ul .text .p a{ padding:25px 0;}
.service_banner .text ul{ width:70%;}
.about_idea{ padding:130px 0;}
.news_fl{ padding-left:240px;}
.news_info .h1{ font-size:32px;}
.news_info .h3 em{ display:block; margin:0px; line-height:1.4;}

.case_media_imgtext .img{ float:none; width:auto; padding:20px 0;}
.case_media_imgtext .text{ margin:0px;}
}
@media screen and (max-width:1440px){
.menu li h3 a{ font-size:14px;}
.ibanner .isubmenu{ width:260px;}
.ibanner .isubmenu li a{ height:61.3px; line-height:61.3px; font-size:1.14em; padding-left:70px;}
.ibanner .isubmenu li a i{ font-size:24px; left:30px;}

.iseolist li a .img{padding: 40px 0 0 60px;}
.iseolist li a .text{ padding:40px 0 0 0px;}
}
@media screen and (max-width:1366px){
.ibanner .isubmenu{ width:200px;}
.ibanner .isubmenu li a{ height:61.3px; line-height:61.3px; font-size:1.14em; padding-left:70px;}
.ibanner .isubmenu li a i{ font-size:24px; left:30px;}
}


@media screen and (max-width:1200px){
.about_banner .text h3{ font-size:38px; padding-bottom:30px;}
.about_banner .list{ width:auto;}

.anchor{ width:30px; height:30px;}
.anchor .cen .a1{ width:13px; height:3px; margin-left:-7px;}
.anchor .cen .a2{width:3px; height:3px;}
.anchorbox:hover .anchor .cen .a2,.anchor:hover .cen .a2 {width:3px;height:13px;margin-top: -5px;margin-left: -2px}
.ibanner .text{font-size:6px; top:60px;}
.ibanner .isubmenu{ left:50%; margin-left:-490px; }
body{ font-size:12px;}
.wp{ width:980px;}
.ibanner .slick-slide img{ width:100%; margin-left:0%;}
.isubmenu{ width:160px;}
.isubmenu li a{ height:51.3px; line-height:51.3px; font-size:1em; padding-left:50px;}
.isubmenu li a i{ font-size:18px; left:20px;}
.iservice li .img{ float:left; width:300px;}
.iservice li .text{ margin:0 0 0 300px;padding: 15px 15px 0 15px; height:170px;}
.iservice li.odd .text{ margin:0 300px 0 0;}
.iservice li .text h2{ font-size:1.4em; padding-bottom:10px;}
.iservice li .text .p{ line-height:22px;}
.iservice li .text .m{ width:40px; height:40px; background-position:-9px -7px;}
.iservice li .text .m:hover{ background-position:-9px -65px;}
.iseolist li a{ height:230px;}
.iseolist li a .img{ padding:50px 0 0 30px;}
.iseolist li a .img i{ width:64px; height:64px; font-size:32px; line-height:64px;}
.iseolist li a .text{ margin:0 50px 0 128px;padding: 20px 0 0 0;}
.icase ul{ padding-top:50px;}
.icase li .img{ width:600px;}
.icase li .img img{ width:100%; height:auto;}
.icase li .text{margin: 0 0 0 600px; padding:20px 20px 0 20px; height:284px;}
.icase li .text h2{ font-size:1.4em;}
.icase li.odd .text{ margin:0 600px 0 0;}
.itit{ padding:50px 0; font-size:30px;}
.itit em{ font-size:50px;}
.inews .itit{ padding: 50px 0 50px 0;}
.inews .itit em{ font-size:50px;}
.inews .itit strong{ font-size:30px;}
.inews dl{ width:48%;}
.inews dl dd{}
.inews dl dt{ width:auto; float:none; height:auto; margin-bottom:20px;}
.inews dl.dl1{ margin-right:2%;}
.inews dl.dl2{margin-left:2%;}
.inews dt .pd{ padding:0px;}
.inews dl dd{ margin-left:0px; width:auto; float:none;}
.inews dd .pd{padding:8px 10px 15px 10px;}
.inews dd .t{ height:30px;}
.inews dd .t strong{ font-size:18px;}
.inews dd .t a i{ width:30px; height:30px; line-height:30px;}
.inews dd .c li em{ width:24px;}
.inews .img{ position:static; left:inherit; top:inherit; margin-left:0px; width:100%;}
.inews .text{ padding:15px 15px 30px 15px; position:static; height:66px;}
.inews .text h3{ font-size:16px; padding-bottom:8px;}
.inews .text p{ font-size:12px;}
.imsg .wp{ height:670px;}
.imsg_fl{ width:380px;}
.imsg_fr{ width:550px; height:480px;}
.imsg_fl .pd{ padding:0 25px; height:650px;}
.imsg_fl .p1{ padding:30px 0;}
.imsg_fl .p1 h3{ font-size:50px;}
.imsg_fl .p1 strong{ font-size:32px;}
.imsg_fl .p2 li .img p{margin-left: 60px;}
.imsg_fl .p2 li .text{ font-size:12px;}
.imsg_fl .p2 li strong{ font-size:18px;}
.imsg_fl .p1 p{ font-size:14px;}
.imsg_fr h3{ font-size:50px;}
.imsg_fr .pd{ padding:0 40px;}


/*neiye*/
.news_t .wp{ width:980px;}
.news_c .wp{ width:980px;}
.pgwp .imsg_fl .pd{ height:630px;}
.service ul{ font-size:8px;}
.service ul .text{padding: 25px 40px 0 40px;}
.service ul .text .p a{ padding:20px 0;}
.service .h3 strong{ padding-left:20px;}
.service_banner .text ul{ width:80%; font-size:10px;}
.icase_t .p1 li a{ font-size:24px;}
.news_t li a{ font-size:24px;}
.about_banner{ padding:100px 0;}
.about_idea{ padding:100px 0;}
.news_fl{padding-left: 170px; margin-right:240px;}
.news_fr{ width:230px;}
.pgcontact_c .p1 strong{ font-size:24px;}
.pgcontact_t strong,.frservice_t strong{ font-size:44px;}

.ibanner .isubmenu{ width:180px;}
.ibanner .isubmenu li a{ height:46.3px; line-height:46.3px; font-size:1em; padding-left:50px;}
.ibanner .isubmenu li a i{ font-size:18px; left:20px;}
.ibanner .text{ top:40px;}

.back2{ padding-bottom:20px; background:url(../images/casebg.jpg) repeat-x;}
.back2 a{ width:110px; height:60px;}
.case_media_img1{ width:100%;}
.case_media_img2{ width:100%;}

.inews .text p{ display:block;}
}
@media screen and (max-width:1100px){
.ibanner .isubmenu{ width:160px;}
.ibanner .isubmenu li a{ height:42.3px; line-height:42.3px; font-size:1em; padding-left:50px;}
.ibanner .isubmenu li a i{ font-size:18px; left:20px;}
.ibanner .text{ top:40px;}
}
@media screen and (max-width:1024px){
.about_banner .text h3{ font-size:32px; padding-bottom:25px;}
.about_banner .text .p span{ display:inline;}
.ibanner .slick-slide img.bimg1{ display:none;}
.ibanner .slick-slide img.bimg2{ display:block;}
.ibanner .text{ display:block;}

.iseolist li a{ background-color:#fff;}
.iseolist li a .m{ display:block;}
.iseolist li a .text em{ color:#666;}
.iseolist li a .img i{ background-color:#e60012; border:1px solid #e60012;}
.iseolist li a .text h3{ color:#e60012;}
}
@media screen and (max-width:1000px)
{
.ibanner .text .p{ padding-bottom:20px;}
.case_info  .isubmenu{ display:none;}
.ibanner .wp{ padding:0px; margin:0px;}
.anchor{ width:60px; height:60px;}
.anchor .cen .a1{ width:18px; height:4px; margin-left:-9px;}
.anchor .cen .a2{width:4px; height:4px;}
.anchorbox:hover .anchor .cen .a2,.anchor:hover .cen .a2 {width:4px;height:18px;margin-top: -7px;margin-left: -2px}

.icase .anchor{ right:50%;}
.ibanner .isubmenu{ display:none;}
.ibanner .text{ width:auto; padding:20px 20px 50px 20px; overflow:hidden; position:relative; left:inherit; right:inherit; margin-left:0px; font-size:6px; top:inherit; color:#333; text-align:left;}
.ibanner .text .p span{ display:inline;}
.ibanner .text .button{ float:left; color:#333; position:absolute; right:20px; top:20px;}
.ibanner .text .button:hover{ color:#fff;}
.ibanner .text h3 a{ font-size:24px;}
.ibanner .text em{ font-size:16px; padding-bottom:10px;}
body{ font-size:14px; padding-top:68px;}
.header{ position:fixed; top:0px; left:0px; right:0px; width:100%; z-index:99999; background-color:#fff; height:auto; box-shadow:0px 0px 5px 0px #000;}

.menu li .box{ top:62px; display:none !important;}
.menu li h3 a{ height:62px; line-height:62px; padding:0 20px;}

.logo { padding:15px 0;}
.logo img{ width:150px; height: auto;}
.wp{ width:auto; margin:0 20px;}
.iservice ul{ margin:0;}
.iservice li{ width:100%; position:relative;}
.iservice li .pd{ margin:0px;}
.iservice li .img{ width:50%;}
.iservice li .text{ margin: 0 0 0 50%; height:auto; position:static;}
.iservice li .text h2{ font-size:2.4em;}
.iservice li .text .p{ font-size:16px; line-height:1.8;}
.iservice li.odd .img{ float:left;}
.iservice li.odd .text{ margin: 0 0 0 50%;}
.itit{ color:#000; padding:40px 0;}
.icase{ background:none; padding-bottom:0;}
.icase ul{ padding-top:0px;}
.icase li { margin-bottom:20px; position:relative; border-bottom:1px solid #ccc;}
.icase li .img{ float:right; width:50%;}
.icase li .text{margin: 0 50% 0 0; height:auto; position:static;}
.icase li.odd .text{margin: 0 50% 0 0; }
.icase li .text{ padding:50px;}
.icase li .text .m{ right:50%;}
.icase li .text h2{ font-size:1.8em; padding-bottom:10px;}
.icase .more{ padding:20px;}
.iseo .itit{ padding: 40px 0;}
.iseo{background: #f0f0f0; padding-bottom:20px;}
.iseolist{ background:none;}
.iseolist li{ width:100%; margin-bottom:10px; background-color:#000;}
.iseolist li .pd{ border:none !important;}
.iseolist li a{ height:auto;}
.iseolist li a .text{padding: 50px 0 ;}
.imsg{ background:none; padding-top:20px;}
.imsg .wp{ height:auto;}
.imsg_fl{ width:auto; position:static;}
.imsg_fl .p1{ padding:25px 0;}
.imsg_fl .p3{ padding-bottom:30px;}
.imsg_fl .p3 h2{padding-top:20px;}
.imsg_fl .p3 h3{padding-top:20px;}
.imsg_fr{ width:auto; position:static; height:auto; padding-bottom:30px;}


.imsg_fl{ margin-bottom:20px;}
.imsg_fl .pd{ height:auto;}
.webmap{ padding:40px 0;}

.footer_fr{ float:none; display:none !important;}
.footer_fl{ float:none;}

/*neiye*/
.news_t .wp{ width:auto;}
.news_c .wp{ width:auto;}
.pgwp .imsg_fl{ margin-bottom:20px;}
.pgwp .imsg_fl .pd{ height:auto;}
.pgwp .icase ul{ padding-top:20px;}
.service ul{ font-size:7px;}
.service ul .text{padding: 20px 30px 0 30px;}
.service ul .text .p a{ padding:15px 0;}
.service .h3 strong{ padding-left:20px; font-size:14px;}
.about_banner{ font-size:10px;}
.about_idea{ padding:100px 0; font-size:10px;}
.about_customer li{ width:25%;}
.news_c li .img{ width:auto; float:inherit;}
.news_c li .text{ width:auto; float:inherit;}
.news_c li .text .pd{ margin-left:0;}
.news_c li .text p{ font-size:1.4em;}
.news_fl{ padding-left:0px;}
.pgwp .isubmenu{ position:static; width:auto; margin-right:240px;}
.pgwp .isubmenu li{ width:25%; float:left;}
.news_info .h1{ padding:25px;}
.news_info .em{ padding:20px;}
.case_info{ background:none;}
.news_fl{ background:none;}
.news_info .h1{ background:url(../images/newsbg.jpg) repeat; height:auto;}
.back{ padding-bottom:20px;}
.news_info .h2{ background:url(../images/newsbg.jpg) repeat; height:auto; padding:20px;}
.frcase_c li .text{ font-size:12px; padding:12px;}
.frcase_c li .text i{ right:12px;}

.about_banner .list li{ width:50% !important; height:auto !important; float:left; position:static; border-radius:0; box-shadow:none !important;}
.about_banner .list li .npd{ height:100px;}
.about_banner .text h3{ font-size:28px; padding-bottom:20px;}
.footer_con{ display:none !important;}
.footer_fl .p1{ text-align:center;}
.footer_fl .p2{ text-align:center;}
.footer{ background:#000;}

.footer_fl .p1 span{ color:##b0b0b0;}
.footer_fl .p2{ color:##b0b0b0;}
}

@media screen and (max-width:900px){
.media_list{ display:none;}

.icase .anchor{ right:0px;}

.icase li{ width:auto; float:none; border:none;}
.icase li .img{ width:auto; float:none;}
.icase li .text{ width:auto; float:none; margin:0; padding:50px;}
.icase li.odd .img{ float:none;}
.icase li.odd .text{ margin:0;}
.icase li .text .m{ right:0px;}
.webmap ul{ width:33.3%; height:230px; padding-bottom:20px;}
/*neiye*/
.service ul .img{ width:auto; float:inherit !important;}
.service ul .text{ margin:0px !important;padding:20px 30px 30px 30px;}
.service ul .text .p{ padding-top:10px;}
.service ul .more a{ width:auto !important; float:none !important;}
.service ul .more a span{ margin:0 0 0 20px;}
.service .h3{ width:auto;}
.service_banner .text .p span{ display:inline;}
.service_banner .text ul{ font-size:8px;}
.icase_t .p1 ul{ width:60%;}
.icase_t .p1 li a{ font-size:18px;}
.news_t li a{ font-size:18px;}
/*.icase_t .p2 ul h3 a{ font-size:18px;}
.icase_t .p2 ul h3{ padding-bottom:0px;}
.icase_t .p2 ul a{ font-size:12px;}*/
.about_banner{ padding:70px 0;}
.about_idea{ padding:70px 0; font-size:9px;}
.news_fr{ width:auto; position:static; padding-top:20px;}
.news_fr .back2{ display:none;}
.pgwp .isubmenu{ margin-right:0px;}
.news_fl{ margin-right:0px;}
.pgcontact_c .p1{ float:left;}
.pgcontact_c .p2{ margin-left:50%; padding-top:20px;}
.mnews_c li{ overflow:hidden;}
.mnews_c li a{ float:left;}
.mnews_c li em{ float:right;}
.news_more a{ width:auto; float:inherit; display:block;}
.news_more a i{ margin:0 auto;}
.frservice_t strong{ font-size:46px;}

.back2 a{ width:48%;}

.footer_nav{ padding:30px 0;}
.footer_nav{ background-color:#222;}
.footer_nav ul{ float:none; width:auto;}
.footer_nav li.p{ display:none;}
.footer_nav li.h3{ display:block;margin-bottom:10px; position:relative;}
.footer_nav li.h3 h3{ padding:10px 0px; font-size:16px; text-align:left; color:#fff; cursor:pointer; border-bottom:1px solid #5a5a5a; }
.footer_nav li.h3 h3 a{color:#fff;}
.footer_nav li.h3 i{ display:block;}
.footer_nav li.lishow{ display:block;}
.footer_nav li.lihide{ display:none;}
.footer_nav .h3{ display:block !important; }
.footer_nav .p{}
.footer_nav .p a{ display:block; font-size:12px; text-align:left;}
.footer_nav ul{ padding-bottom:10px;}
.footer_nav ul.curr .h3 h3{}
.footer_nav ul.curr .h3 i{ background-position:0 -16px;}


.icase_box{ padding:30px 0;}
.icase_box{ background-color:#fff;}
.icase_box ul{ float:none; width:auto;}
.icase_box li.p{ display:none;}
.icase_box li.h3{ display:block;margin-bottom:10px; position:relative;}
.icase_box li.h3 h3{ padding:10px 0px; font-size:16px; text-align:left; color:#000; cursor:pointer; border-bottom:1px solid #ccc; }
.icase_box li.h3 h3 a{color:#000;}
.icase_box li.h3 i{ display:block;}
.icase_box li.lishow{ display:block;}
.icase_box li.lihide{ display:none;}
.icase_box .h3{ display:block !important; }
.icase_box .p{}
.icase_box .p a{ display:block; font-size:12px; text-align:left;}
.icase_box ul{ padding-bottom:10px;}
.icase_box ul.curr .h3 h3{}
.icase_box ul.curr .h3 i{ background-position:0 -16px;}




}
@media screen and (max-width:760px){
.ibanner .slick-slide img{ width:130%; margin-left:-15%;}
.about_banner .list{ height:auto;}
.about_banner .list li .npd{ height:150px;}

.iservice li .text h2{ font-size:1.8em;}
.itit{ padding:30px 0 !important;}
.itit em{ font-size:32px !important;}
.itit strong{ font-size:24px !important;}
.iseolist li a .text{ padding:30px 0;}
.webmap ul{ width:50%;}
.ibanner .slick-slide{ overflow:hidden;}
.ibanner .slick-slide img{ width:200%; height:auto; margin-left:-50%;}
.menu .showmenu{ display:block;}
.menu{ }
.menu ul{ border-top:1px solid #cfcfcf;position:fixed; top:67px; left:0px; right:0px; width:100%; display:none;}
.menu ul.in{ display:block; height:0px; overflow:hidden;}
.menu li{ width:auto; float:none; background-color:#fff; border-bottom:1px solid #dfdfdf; margin:0px;}
.menu li.curr h3 a{ background:none; color:#e60012;}
.menu li h3 a{ border:none !important; line-height:40px; height:40px;}
.menu li h3 a:hover{ background-color:#e60012; color:#fff;}
.menu li h3 a i{ display:none;}
.iservice li .img{ width:auto; float:none !important;}
.iservice li .text{ margin:0px !important; padding:15px !important;}

.inews{ background:#fff; padding-bottom:20px;}
.inews dl{ width:auto; float:inherit; margin:0px !important;}
.inews dl dt{ width:auto; background:none !important; margin-bottom:10px;  height:auto !important; float:none;}
.inews dl dt .pd{ padding:0px; margin-bottom:10px; overflow:hidden;}
.inews dl dd{ width:auto; float:none; height:auto; padding:10px;}
.inews dl dd .pd{ margin:0px;}
.inews .text{ position:static; margin-left:70px; padding:15px 0 15px 15px;}
.inews .em{ float:left; margin:0; background:none;}
.inews .text .m{ display:none;}
.inews .img{ position:static; left:inherit; top:inherit; margin:0px; width:100%;}
.inews .em{ position:static;}
/*neiye*/
.service_banner .text ul{ width:90%; padding-left:15px;}
.service_banner .text li a{ margin-right:15px;}
.service_banner .text h3{ font-size:3em;}
/*.icase_t .p2 ul{ width:45%; padding:20px 2.5%;}*/
.about_idea{ background-size:100% 100%;}
.about_idea .img{ width:auto; float:inherit;}
.about_idea .text{ margin-left:0px; padding:40px 20px 20px 20px;}
.about_idea .text h2{ text-align:center;}
.news_t ul{ width:60%;}
.news_c li .text h2{ font-size:24px;}
.news_c li .text p{ font-size:14px;}
.news_c li .text .pd{padding: 30px 30px 60px 30px;}
.news_c li{ padding:50px 0;}
.news_c .anchor{ width:50px; height:50px;}
/*.icase_t .p2 .icase_box{ text-align:center;}*/
.related_case li{ width:50%;}
.side .li2{ display:none;}
.side{ bottom:40px;}


.inews .text{ height:auto;}
.menu-link{ display:block;}
}
@media screen and (max-width:640px){
.iservice{ padding-top:20px;}
.iseolist li a .img{ float:none; width:auto; padding:20px 0px;}
.iseolist li a .img i{ margin:0 auto; font-size:80px; width:150px; height:150px; line-height:150px;}
.iseolist li a .text{ margin:0px; padding:10px 50px 30px 50px;}
.iseolist li a .text em{ display:none;}
.footer_fl .p2 span{ display:block; margin-right:0px;}
.imsg_fl .p2 li{ width:auto !important; float:none !important;}
.imsg_fl .pd{ height:auto;}
.imsg_fr li{ padding-bottom:15px;}
.imsg_fr .pd{ padding:0;}
.imsg_fr .ipt_t1{ width:100%; padding:0 10px; box-sizing:border-box;}
.imsg_fr .ipt_t2{ width:100%; padding:0 10px; box-sizing:border-box;}
.imsg_fr .ipt_t3{ width:100%; padding:0 10px; box-sizing:border-box;}
.imsg_fr .ipt_t4{ width:100%; padding:0 10px; box-sizing:border-box;}
.imsg_fr .ipt_b1{ width:100%; padding:0 10px; box-sizing:border-box;}
.imsg_fl .p1{ padding:30px 0;}
.imsg_fl .p2{ padding:30px 0;}
.imsg_fl .p2 li{ margin-bottom:20px;}
.icase .more a{ width:80%;}
/*neiye*/
.service_banner .text ul{ width:auto; padding-left:5px;}
.service_banner .text li a{ margin-right:5px; font-size:12px;}
.service_banner{ padding:100px 0;}
.icase_t .p1 ul{ width:80%;}
.icase_t .p1 li a{ font-size:18px;}
.news_t ul{ width:80%;}
.news_t li a{ font-size:18px;}
/*.icase_t .p2 ul{ width:auto; float:inherit;}*/
.about_banner .text .pd{ padding:25px;}
.about_banner{ padding:40px 0; text-align:left; font-size:8px;}
.about_banner .text h3{ padding-bottom:20px; margin-bottom:20px;}
.about_banner .text .p span{ display:inline; font-size:12px;}
.about_customer li{ width:50%;}
.news_c li{padding: 25px 0;}
.news_c li .text .pd{padding: 20px 20px 60px 20px;}
.pgwp .isubmenu li{ width:50%;}
.news_page{ padding-top:50px;}
.news_more{padding: 30px 0 50px 0;}
.news_info .em .emn span{ margin-left:10px;}
.news_info .em .emn{ margin-right:5px;}
.news_info .em .fx li{ padding:0 10px 0 0 ;}
.news_info .em .fx li i{ font-size:24px;}
.news_info .h1{ font-size:18px;}
.news_info .h2{ font-size:18px;}
.pgcontact_c .p1 span{ display:block;}
.news_page ul{ width:auto; float:none; overflow:hidden; margin-bottom:10px;}
.news_page li{ width:100%; margin-bottom:10px; text-align:left !important;}
.news_page .back3{ width:auto; float:none; margin-bottom:10px;}
.ibanner .text .button{ display:none;}
.back2{ padding-top:20px;}
.news_info .h3 em{ font-size:14px;}

#qiao-invite-wrap{ display:none !important;}
.icase_t_info{ display:none;}
.news_fl{ padding-top:20px;}

.casebanner .slick-dots{ bottom:10px;}
/*.casebanner .slick-prev{ background-size:28px 70px; background-position:0px 0px; width:4px; overflow:hidden; height:35px; background-position:0 0px; margin-top:-18px;}
.casebanner .slick-prev:hover{ background-position:0px -35px;}
.casebanner .slick-next{ background-size:28px 70px; width:14px; height:35px; background-position:-14px 0px; margin-top:-18px;}
.casebanner .slick-next:hover{ background-position:-14px -35px;}*/

/*.footer_nav{ padding:30px 0;}
.footer_nav li.h3 h3{ padding:15px; font-size:16px;}
.footer_nav .p a{ font-size:14px; padding:5px 0;}*/
}
@media screen and (max-width:440px){
.news_fl{ padding-top:10px;}
.ibanner .text{ padding:10px 10px 40px 10px;}
.ibanner .text .button{ position:static; right:inherit; top:inherit; float:none; text-align:center;}
.wp{ margin:0 10px;}
.webmap ul{ width:auto; float:none; height:auto;}
.imsg_fl{ padding:10px;}
.icase li .text h2{ font-size:1.4em;}
.icase li .text{ padding:10px 10px 50px 10px;}
.footer_fr li{ width:25%; padding:30px 0px 0px 0px;}
.footer_fr li a{ width:38px; display:block; margin:0 auto;}
.footer_fr li.first{ width:auto; float:none; padding:0;}
.footer_fr li.first a{ width:auto;}
.footer_fl .p1 a{ width:25%; float:left; line-height:30px; text-align:center;}
.footer_fl .p1 span{ display:none;}
.footer_con a{ float:left; width:50%; line-height:30px;}
.footer_con span{ display:none;}
.iseolist li a .text{    padding: 10px 10px 10px 10px;}
.iseolist li a .text h3{ font-size:18px;}
.iservice li .text h2{ font-size:18px;}
.iservice li .text .p{ font-size:14px;}
.icase li .text h2{ font-size:18px;}
.webmap h3{ font-size:14px; padding-bottom:10px;}
.inews dl dd{ padding:5px !important;}
.footer_fr li.first img{ margin:0 auto; display:block; width:140px;}
/*neiye*/
.pgwp .icase ul{ padding-top:10px;}
.service ul .text{padding:20px;}
.service_banner .text ul{ padding-top:40px;}
.service_banner .text li{ width:50%; margin-bottom:5px;}
.service_banner .text h3{ font-size:2em;}
.service_banner{ padding:70px 0;}
.icase_t .p1 ul{ width:auto;}
.icase_t .p1 li a{ font-size:16px;}
.news_t ul{ width:auto;}
.news_t li a{ font-size:16px;}
.about_banner{ padding:20px 0;}
.about_banner .text .pd{ padding:15px;}
.about_idea .img img{ width:80%;}
.about_idea{ font-size:6px;}
.about_idea .text p{ font-size:12px;}
.about_idea .text{ margin-left:0px; padding:30px 10px 10px 10px;}
.about_customer li{ width:auto; float:inherit;}
.news_c li{padding: 15px 0;}
.news_c li .text .pd{padding: 10px 10px 60px 10px;}
.pgcontact_c .p1{ float:inherit; text-align:center;}
.pgcontact_c .p1 span{ display:inline;}
.pgcontact_c .p2{ margin:0px; padding-top:0px;}
.news_info .em .emn{ float:none; text-align:center;}
.news_info .em .fx{ float:inherit;}
.news_info .em .fx li{ width:25%; margin:0px; padding:0px; text-align:center;}
.news_more{ padding:0 0 10px 0;}
.news_page li i{ display:none !important;}
.news_page li a{ padding:15px !important;}
.back{ padding-bottom:20px;}
.related_case ul{ width:auto;}
.related_case li{ width:100%;}
.related_case li a{ margin:0px;}

.about_banner .list li strong{ font-size:18px;}
.about_banner .list li{ width:auto !important; float:none;}
.about_banner .list li .npd{ height:auto; padding:20px !important;}
.footer_nav{ padding:15px 0;}
.footer_top{ padding:15px 0;}
.footer{ }

#qiao-wrap{ display:none !important;}
}
@media screen and (max-width:320px){
.imsg_fl .p1 h3{ font-size:32px;}
.imsg_fl .p1 strong{ font-size:24px;}
.imsg_fr h3{ font-size:32px; padding:30px 0;}
.iseo .itit{}
.itit em{ font-size:24px !important;}
.itit strong{ font-size:18px !important;}
/*neiye*/
.service_banner .text li a{ font-size:10px;}
.pgwp .isubmenu li{ width:100%;}
}