@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; _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;}


.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:100%; float:left;}
.icase li .img{ float:left; position:relative; overflow:hidden; width: 50%;}
.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; margin:0 0 0 50%; padding:50px 200px 0 50px; position:relative; height:350px; color:#333;}
.icase li.odd .img{ float:right;}
.icase li.odd .text{ margin:0 50% 0 0;}
.icase li .text h2{ font-size:24px; line-height:30px; height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom:16px; color:#e60012;}
.icase li .text p{ font-size:14px; line-height:26px;max-height: 130px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; overflow: hidden;}
.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; 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{ border-bottom:1px dashed #cfcfcf; overflow:hidden; position: relative;}
.inews dd .c li em{ float:left; width:80px; text-align:center; position: absolute; right: 0; top: 50%; line-height: 1; margin-top: -0.5em; font-size: 12px; color: #666;}
.inews dd .c li a{ display: block; height:42px; line-height:42px; margin-right: 100px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.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 .p1 a{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 .p{ font-size: 16px; line-height: 2;}
.imsg_fr .m{ padding-top: 30px;}
.imsg_fr .m a{ display: inline-block; vertical-align: bottom; min-width: 120px; height: 2.5em; line-height: 2.5; background: #e60012; color: #fff; text-align: center;}
.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_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; display:none;}
.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:#f0f0f0;}
.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:50%;}
.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{ min-height: 1300px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.news_info .h1{ box-sizing:border-box; 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:0px; 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 img{border:none !important; max-width:100%; height:auto !important; margin: 1.5em auto;}
.news_info .p1 img{ max-width: 100%; height: auto !important; margin: 15px 0;}
.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:0px;}
.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;}
.frservice_c .p1 strong{ color:#e60012;}
.frservice_c .p2 strong{ display:none;}
.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{ overflow:hidden;}
.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; z-index:2;}
.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; z-index:2;}
.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;}





.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;}


/*youbiancaidan*/
.quick_nav{ position:fixed;  -webkit-transform: translateZ(0); transform: translateZ(0); right:0px; top:50%; color:#fff; text-align:center; width:100px; margin-top:-234px; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:99999;}
.quick_nav1 a{ color:#fff;}
.quick_nav1 a:hover{text-decoration:underline}；
.quick_nav1{}
.quick_nav1 li{ background:#323235; margin-bottom:1px; padding:10px 0;transition:0.3s; border-radius:3px;}
.quick_nav1 li:hover{ background:#e10000; color:#fff;}
.quick_nav1 li:hover a{ color:#fff;}

.quick_nav1 .h3{ font-size:16px; line-height:1; position:relative; margin-bottom:7px;}
.quick_nav1 .h3:before{ content:'\20'; width:10px; height:2px; background:#e10000; position:absolute; left:15px; top:50%; margin-top:-1px;}
.quick_nav1 .p{ font-size:12px; line-height:18px; text-align:left; padding:0 0 0 10px; overflow:hidden;}
.quick_nav1 .p span,.quick_nav1 .p a{ margin-right:8px; float:left; color:#acacac;}
.quick_nav1 .p a:hover{ text-decoration:underline; color:#fff;}
.quick_nav1 li:nth-child(3) .p{ padding:0px;}
.quick_nav1 li:nth-child(3) .p span,.quick_nav1 li:nth-child(3) .p a{ width:50%; margin-right:0px; text-align:center;}

.quick_nav2{}
.quick_nav2 li{ background:#fff; border-radius:3px; margin-bottom:1px; position:relative;transition:0.3s; padding:12px 0;}

.quick_nav2 .pd{ color:#666; display:block;}
.quick_nav2 .pd i{ display:block; height:28px; line-height:28px; font-size:28px;}
.quick_nav2 .pd strong{ font-weight:normal;}
.quick_nav2 .pd:hover{ color:#e81215;}
.quick_nav2 .box{ position:absolute; right:100px; top:0px; width:392px; text-align:left; color:#888888; font-size:14px; display:none;}
.quick_close{ display:none;}
.quick_nav2 .npd{ background:#fff; margin-right:22px; padding:20px; border:1px solid #e8e8e8; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.quick_nav2 .npd:before{ content:'\20'; background:url(../images/sj.png) no-repeat; width:18px; height:29px; display:block; position:absolute; right:16px; top:15px;}
.quick_nav2 li:hover{background:#e81215; color:#fff;}
.quick_nav2 li:hover .pd{color:#fff;}
.quick_nav2 li:hover .box{ display:block;}



.quick_kf .h3{ font-size:24px; color:#e81215; line-height:30px; padding:0 0 20px 38px; border-bottom:1px solid #ececec; position:relative;}
.quick_kf .h3 i{ font-size:30px; position:absolute; left:0px; top:0px; height:30px; line-height:30px; color:#888888;}
.quick_kf .p{ padding:15px 0; margin-bottom:5px;}
.quick_kf .m{ overflow:hidden;}
.quick_kf .m a{ width:33.3333%; float:left; display:block; color:#555555; text-align:center; padding:15px 0 12px 0; background:#f9f9f9;}
.quick_kf .m i{ font-size:28px; color:#e81215; position:relative; display:block; height:34px; line-height:34px; width:34px; margin:0 auto;}
.quick_kf .m i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-8px; top:-5px;}
.quick_kf .m span{ display:block;}
.quick_kf .m a:hover{ background:#f1f1f1;}

.quick_fw .i{width:66px;border-right:1px solid #ececec;height:90px;line-height:90px;float:left;margin-right: 18px;}
.quick_fw .i i{ font-size:28px; position:relative; width:44px; text-align:center; display:block;}
.quick_fw .i i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-5px; top:14px;}
.quick_fw .h3{ font-size:18px; line-height:1; padding:15px 0;}
.quick_fw .p{ font-size:36px; line-height:1; color:#e81215;}
.quick_fw .p a{ color:#e81215; }

.quick_wx{}
.quick_wx .box{ width:186px; bottom:0px; top:auto;}
.quick_wx .npd:before{ top:auto; bottom:20px;}
.quick_wx img{ width:100%; height:auto; display:block;}
.quick_wx span{ display:block; padding-top:15px; text-align:center;}

.quick_top{ display:none;}
.body_top .quick_top{ display:block;}

.frfwxx{ display:none !important;}








.about_brand{ background:url(../images/about_customer.jpg) no-repeat; background-size:100% 100%; padding-bottom:50px; font-size:12px;}
.about_brand .itit{ padding:50px 0;}


.ibrand .img img{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.ibrand{ padding-top:40px;}
.ibrand ul{ border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background: #fff;}
.ibrand li{ float:left; width:16.666666666666668%;}
.ibrand .pd{ border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; display:block; position:relative;}
.ibrand .img img{ width:100%; height:auto; display:block; background-size:cover;}
.ibrand .text{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; text-align:center; line-height:158px; background:#e81215; color:#fff; font-size:18px; opacity:0;}
.ibrand .pd:hover{ box-sizing:border-box; background:#dbdbdb;}
.ibrand .pd:hover .text{ }


.ibrand .pd:hover img{transform: scale(0.92,0.9);}

.ibrand .img img{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
opacity:0.6;
}
.ibrand .pd:hover .img img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
filter: none;
opacity:1;
}
@media screen and (max-width:1600px){
.icase li .text{padding: 50px 50px 0 50px;}


.wp{ width:1180px;}
.imsg .wp{ height:780px;}

.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;}


.iseolist li a .img{padding: 40px 0 0 60px;}
.iseolist li a .text{ padding:40px 0 0 0px;}
.news_info{ min-height: 1200px;}
	
.icase li .text h2{ font-size:20px; line-height: 26px; height: 26px; margin-bottom: 10px;}
.icase li .text p{ line-height: 22px;max-height: 110px;}
}
@media screen and (max-width:1366px){



.quick_nav{ width:92px; top:110px; margin:0px;}
.quick_nav1 .h3{ margin-bottom:3px; font-size:14px;}
.quick_nav2 li{ padding:10px 0;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .box{ right:92px;}
.quick_nav1 .h3:before{ left:12px;}
}


@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}

body{ font-size:12px;}
.wp{ width:980px;}

.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:50%;}
.icase li .img img{ width:100%; height:auto;}
.icase li .text{margin: 0 0 0 50%; padding:20px 20px 0 20px; height:284px;}

.icase li.odd .text{ margin:0 50% 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{}
.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;}



.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;}
	
.news_info{ min-height: 1150px;}
}
@media screen and (max-width:1100px){

}
@media screen and (max-width:1024px){
.about_banner .text h3{ font-size:32px; padding-bottom:25px;}
.about_banner .text .p span{ display:inline;}


.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;}


#form1{ padding-bottom:50px;}

.quick_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; display:none;}
.quick_nav{ top:auto; left:0px; width:auto; bottom:0px; margin:0px; -webkit-transform:none; transform:none;}
.quick_nav1{ display:none;}
.quick_nav2{border-top: 1px solid rgba(255,255,255,0.5);}
.quick_nav2 li{ float:left; width:25%; margin-bottom:0px;border-right: 1px solid #ccc; box-sizing:border-box; padding:0px; display:block; border-radius:0px; position:static;}
.quick_nav2 .pd{ background:#e81214; padding:5px 0; color:#fff;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .pd strong{ display:block; line-height:16px; font-size:12px;}
.quick_nav2 .pd:hover {background: #e81214;}
.quick_nav2 .box{ position:fixed; left:50%; bottom:auto; top:50%; right:auto;}
.quick_nav2 .npd{ margin:0;}
.quick_nav2 .npd:before{ transform:rotate(90deg); right:auto; left:50%; bottom:5px; top:auto; display:none;}
.quick_nav2 li:hover .box{ display:none;}

.quick_kf .box{ margin:-120px 0 0 -196px;}
.quick_fw .box{ margin:-66px 0 0 -196px;}
.quick_wx .box{ margin: -122px 0 0 -93px;}
.quick_close{ position:absolute; left:50%; bottom:-40px; margin:0 0 0 -15px; width:30px; height:30px; border-radius:50%; background:#e10000; color:#fff; text-align:center; line-height:30px; cursor:pointer; display:block;}
}
@media screen and (max-width:1000px)
{

.case_info  .isubmenu{ display:none;}
.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%;}

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: 18px; height: 24px; line-height: 24px;}
.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){

.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%;}

.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;}

.ibrand li{ width:25%;}
}
@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;}

.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;}*/

.ibrand{ padding-top:20px;}
}
@media screen and (max-width:480px){
.quick_nav2 .box{ left:25px; right:25px; width:auto;}
.quick_kf .box{ margin:-120px 0 0 0;}
.quick_fw .box{ margin:-66px 0 0 0;}
.quick_wx .box{ margin: -122px 0 0 -93px; width:186px !important; left:50% !important;}

#nb_icon_wrap{ display:none !important;}

.news_fl{ padding-top:10px;}

.wp{ margin:0 10px;}
.webmap ul{ width:auto; float:none; height:auto;}
.imsg_fl{ padding:10px;}

.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;}



/*03221523*/
.logo{ margin-left:18px;}


.iservice li:nth-child(3){ display:none;}

.icase li .text h2{}
.icase li .text p{ font-size:12px; height:36px; line-height:18px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; color:#666;}
.icase li .text .bq{ font-size:12px; line-height:1;}

.anchor{ width:40px; height:40px;}
.anchor .cen .anh{ margin-top:-2px;}
.anchorbox:hover .anchor .cen .a2, .anchor:hover .cen .a2{ margin-top:-9px;}
.icase li .text{ padding:10px;}

.iseolist li a .img{ padding:20px 0 0 0;}
.iseolist li{ margin-bottom:15px;}
.iseolist li .pd{ padding:0px; box-shadow:0 0 3px rgba(0,0,0,0.2);}
.iseolist li a .text{ padding:20px;}
.iseolist li a .text h3{ text-align:center;}
.iseolist li a .img i{ width:80px; height:80px; line-height:80px; font-size:40px;}
.iseolist li a .text{ font-size:12px; line-height:1.6;}

/*.inews{ display:none;}*/
.inews dl dt{ display:none;}

.imsg_fr{ display:none;}
.imsg_fl .p2 li{ overflow:hidden; margin-bottom:10px;}
.imsg_fl .p2 li .img{ width:32px; float:left; padding-bottom:0px;}
.imsg_fl .p2 li .img i{ font-size:32px;}
.imsg_fl .p2 li .img p{ display:none;}
.imsg_fl .p2 li .text{ margin-left:32px; padding-left:10px; font-size:14px; line-height:1.5;}

.itit em{ display:none;}
.itit strong{ font-size:28px !important; display:block;}

.service_banner{ padding:50px 0;}
.service_banner .text h3{ font-size:24px; padding-bottom:15px; margin-bottom:20px;}
.service_banner .text h3 i{ width:80px; margin-left:-40px; bottom:0px;}
.service_banner .text h3 strong{ display:none;}
.service_banner .text ul{ display:none;}
.service_banner .text .p span{ line-height:1.6; font-size:12px;}

.service{ padding:10px 0;}
.service .wp{}
.service ul .more a{ font-size:14px;}
.service ul .text h3{ font-size:24px;}
.service ul .text .p{ padding-top:0px;}
.service ul .text .p a{ padding:10px 0;}

.about_idea{ padding:50px 0;}
.about_idea .text h2 strong{ display:none;}
.about_idea .text h2{ font-size:28px; padding-bottom:0px;}
.about_idea .text p{ padding:15px 0;}

.about_customer{ background:none;}

.about_customer li{ width:33.3333%; float:left;}
.about_customer li:nth-child(34),.about_customer li:nth-child(35){ display:none;}

.about_banner .text h3{ font-size:28px;}
.about_banner .text h3 strong{ display:none;}
.about_banner .text h3 i{ width:80px; margin-left:-40px;}
.about_banner .text .p span{ line-height:1.6;}

.news_t li a{ padding:20px 0;}
.news_c .anchor{ display:none;}
.news_c li .text{ padding-top:0px;}
.news_c li .text .pd{ padding:15px;}
.news_c li .text em{ margin-bottom:15px;}
.news_c li .text h2{ font-size:16px; padding:0px; margin-bottom:5px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.news_c li .text p{ font-size:12px; line-height:18px; height:36px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}

.icase_box{ padding:20px 0;}
.icase_box li.h3{ margin-bottom:0px;}

.icase .anchor{ display:none;}
.icase li .text{ padding:20px;}
.icase li .text h2{ font-size:16px; height:20px; line-height:20px; margin-bottom:5px;}

.casebanner{ margin-bottom:20px;}
.casebanner .slick-prev{ padding:0px; background-size:40px 100px; background-position:0 0; height:50px; margin-top:-25px; width:20px;}
.casebanner .slick-prev:hover{ background-position:0 -50px;}
.casebanner .slick-next{ padding:0px; background-size:40px 100px; background-position:-20px 0; height:50px; margin-top:-25px; width:20px;}
.casebanner .slick-next:hover{ background-position:-20px -50px;}

.news_page ul{ background:none; margin-bottom:0px;}
.news_page li{ background:#f0f0f0; padding:0 15px;}

.related_case{ padding:20px 20px 0 20px;}
.related_case li strong{ line-height:40px;}

.frcase_t{ padding:15px 0px;}
.frcase{ display:none !important;}
.frservice_c{ padding:15px;}
.frservice_c .p2{ display:none;}
.news_fr{ padding-bottom:30px;}

.isubmenu{ display:none;}
.news_info .h1{ padding:20px;}
.news_info .em .fx{ display:none;}
.news_info .em{ padding:0px 20px 20px 20px;}
.news_info .em .emn{ line-height:1;}

.news_info{ min-height:inherit;}
.news_page{ margin-bottom:0px; padding-top:30px;}
.news_page li strong{ float:left; width:84px; overflow:hidden; height:50px; line-height:50px;}
.news_page li a{ display:block; margin-left:94px; padding:0px !important; height:50px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.back a{ padding:15px 0;}

.mnews_t li a{ padding:15px 0;}
.mnews_c{ height:auto !important; overflow:visible !important;}

.icase_box ul:nth-child(3){ display:none !important;}

.beian{ width:200px !important; margin:0 auto !important; display:block !important;}

.casebanner .slick-dots{ bottom:15px;}
.casebanner .slick-dots li{ margin:0 2px;}
.casebanner .slick-dots li button{ width:16px; height:3px; padding:0px; display:block;}
.quick_fw .p{ font-size:28px}
}
@media screen and (max-width:413px){
.quick_fw .p{ font-size:24px}
.quick_kf .m a{ font-size:12px;}
.quick_nav2 .box{ left:20px; right:20px; width:auto;}

.logo{ margin-left:8px;}
.menu-link{ right:10px;}
}
@media screen and (max-width:374px){
.quick_fw .p{ font-size:22px}
.quick_nav2 .box{ left:15px; right:15px; width:auto;}


}
@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%;}
}
.img_cut{background:no-repeat center center; background-size:cover; overflow:hidden; display:block; width:100%; height:auto;}
.img_max{ display:block !important;}
.img_min{ display:none !important;}


.btext .m a,
.btext .h3,
.btext .p,
.btext .m{
-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;
}
.fa_right,
.btext_2 .h3,
.btext_2 .p,
.btext_2 .m,
.btext_4 .h3,
.btext_4 .p,
.btext_4 .m{ transform:translate(-100px,0); opacity: 0;transition: all .6s linear;}
.fa_left,
.btext_1 .h3,
.btext_1 .p,
.btext_1 .m{ transform:translate(100px,0); opacity: 0;transition: all .6s linear;}
.fa_bottom{ transform:translate(0,-100%); opacity: 0;transition: all .6s linear;}
.fa_top,
.btext_3 .h3,
.btext_3 .p,
.btext_3 .m{ transform:translate(0,100%); opacity: 0;transition: all .6s linear;}

.btext .h3{ transition-delay:0.7s;}
.btext .p{ transition-delay:0.9s;}
.btext .m{ transition-delay:1.1s;}

.slick-active .btext .h3,
.slick-active .btext .p,
.slick-active .btext .m{
transform:translate(0,0); opacity: 1;
}

.btext{ position:absolute; z-index:2; color:#fff;}
.btext .h3{ font-size:72px; line-height:1; margin-bottom:36px;}
.btext .p{ font-size:45px; font-weight:lighter; line-height:1.2444;}
.btext .m{ padding-top:80px;}
.btext .m a{ width:200px; color:#fff; height:52px; border:1px solid #fff; text-align:center; line-height:52px; font-size:16px; display:block; border-radius:26px;}
.btext .m a:hover{ background:#e81215; border-color:#e81215;}

.btext_1{ left:50%; top:26%;}
.btext_2{ left:11%; top:26%;}
.btext_3{ left:40px; right:40px; top:26%; text-align:center;}
.btext_3 .m a{ display:block; margin:0 auto;}
.btext_4{ left:11%; top:22%;}
.btext_4 .p{ color:#e5b581;}


.ibanner .slick-arrow{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
text-shadow:0 0 3px rgba(255,255,255,0.3);
}
.ibanner .slick-slide{ position:relative;}
.ibanner{ position:relative;}
.ibanner .slick-arrow{font-size:22px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:58px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:rgba(0,0,0,0); opacity:0; border-radius:50%; cursor:pointer;}
.ibanner .slick-prev{ left:120px;}
.ibanner .slick-prev:before{ content: "\e602"; }
.ibanner .slick-next{ right:120px;}
.ibanner .slick-next:before{ content: "\e601"; }
.ibanner .single-item:hover .slick-arrow{ opacity:1; background:rgba(0,0,0,0.5);}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:110px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,1); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,0); box-shadow:0 0 0 1px rgba(255,255,255,1); }
.ibanner .pd{ background:#000;}
.ibanner video{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%;}

.btext{ position:absolute; z-index:2; color:#fff;}
.btext .h3{ font-size:72px; line-height:1; margin-bottom:36px;}
.btext .p{ font-size:45px; font-weight:lighter; line-height:1.2444;}
.btext .m{ padding-top:80px;}
.btext .m a{ width:200px; color:#fff; height:52px; border:1px solid #fff; text-align:center; line-height:52px; font-size:16px; display:block; border-radius:26px;}
.btext .m a:hover{ background:#e81215; border-color:#e81215;}

.btext_1{ left:50%; top:26%;}
.btext_2{ left:11%; top:26%;}
.btext_3{ left:40px; right:40px; top:26%; text-align:center;}
.btext_3 .m a{ display:block; margin:0 auto;}
.btext_4{ left:11%; top:22%;}
.btext_4 .p{ color:#e5b581;}

.nb-icon-wrap{ display:none !important;}

@media screen and (max-width:1440px){
.btext .h3{ font-size:48px; margin-bottom:20px;}
.btext .p{ font-size:24px;}
.btext .m{ padding-top:40px;}
.btext .m a{ width:190px; height:44px; line-height:44px;}
.ibanner .slick-prev{ left:80px;}
}
@media screen and (max-width:1024px){
.btext .h3{ font-size:32px; margin-bottom:10px;}
.btext .p{ font-size:16px;}
.btext .m{ padding-top:20px;}
.btext .m a{ width:160px; height:40px; border-radius:20px; line-height:40px; font-size:14px;}

.ibanner{ padding-bottom:0px;}
.ibanner .slick-dots{ bottom:20px;}
.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}

}
@media screen and (max-width:768px){
.btext .h3{ font-size:24px; margin-bottom:5px;}
.btext .p{ font-size:14px;}
.btext .m{ padding-top:15px;}
.btext .m a{ width:100px; height:34px; border-radius:17px; line-height:34px; font-size:14px;}
}
@media screen and (max-width:640px){
.btext .h3{ transition-delay:0.4s;}
.btext .p{ transition-delay:0.6s;}
.btext .m{ transition-delay:0.8s;}

.btext{ position:absolute; box-sizing:border-box; left:30px; right:30px; top:auto; bottom:0px; background:#fff; color:#000; text-align:center; padding:15px; box-sizing:border-box;-webkit-transform: translateZ(0);}
.btext .m{ padding-top:10px;}
.btext .m a{ margin:0 auto; border-color:#333; color:#333; width:130px; height:30px; line-height:30px;}
.btext .m a:hover{ color:#fff;}
.btext .p br{ display:none;}
.btext .h3{ font-size:18px; height:26px; line-height:26px; overflow:hidden;}
.btext .p{ height:20px; line-height:20px; overflow:hidden;}
.btext_4 .p{ color:inherit;}

.ibanner{ background:#f4f0ef;}
.ibanner .pd{ margin-bottom:108px;}
.ibanner .slick-dots{ bottom:155px;}
.ibanner .slick-dots li{ margin:0 3px;}
.ibanner .slick-dots li button{ width:6px; height:6px;}
.ibanner .slick-arrow{ opacity:1;background: rgba(0,0,0,1); width:32px; height:32px; line-height:32px; font-size:16px; margin-top:-70px; display:none !important;}
.ibanner video{ display:none;}

.img_max{ display:none !important;}
.img_min{ display:block !important;}

.ibanner_case{ display:none;}
}
@media screen and (max-width:480px){
.btext{ left:25px; right:25px;}
.btext .p{ height:40px;}
}
@media screen and (max-width:413px){
.btext{ left:20px; right:20px;}

}
@media screen and (max-width:374px){
.btext{ left:15px; right:15px;}
}


/*图片弹出*/
.imgscale-pack{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,1);display:none;z-index:999999;}
.imgscale-pack .imgscale-close{font-family:"iconfont" !important;font-size:16px;  font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
position:absolute;right:0px;top:0px;z-index:10;cursor:pointer;
}
.imgscale-pack .imgscale-close:before{height:40px;width:40px; display:block; content: "\e80c"; color:#fff; text-align:center; line-height:40px;}
.imgscale-pack .imgscale-img{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.imgscale-pack .imgscale-img img{width:100%;position:absolute;top:50%;}
#mes{ display:none;}


/*
#newBridge{ display: none !important;}
.show_sq{ display: none !important ;}
.iservice .img .show_sq{ display: block !important; pointer-events: none;}
*/

/*分页*/
#divload{ display: none;}
.paging{ text-align:center; padding:30px 0;}
.paging .pd{ display:inline-block;}
.paging a,.paging span{ float:left; padding: 0 1em; height:40px; margin:0 5px; font-size:14px; line-height:40px; text-align:center; background:#f5f5f5;}
.paging span.current{ background:#323235; color:#fff;}
.paging a:hover{ background:#e10000; color:#fff;}
.paging span.disabled{ pointer-events: none; visibility: hidden;}





.embed-icon-default{ display: none !important;}
.quick_nav2 li.quick_kf{background:#e81215; color:#fff;}
.quick_nav2 li.quick_kf .pd{color:#fff;}