body {width:100%;min-width:1440px;padding:0;margin:0;font-family:Arial,微软雅黑;font-size:14px;color:#444444;background:#fff;}
p,h2,h1,h3,ul{ padding:0; margin:0;}
ul{ list-style-type:none;}
a:link,a:visited{ color:inherit; text-decoration:none;}
a:hover{ color:#2b933e; text-decoration:none; }
img{ border:0;}
.clear{ clear:both;}
.container{width:1440px;margin:0 auto;}
.topcity {display:block;line-height:30px; background:#efefef;}
.header{float:left; width:100%; height:133px; text-align:center;}
.header .logo{float:left; margin:39px 0 0 0;}
.header .tel{float:right; margin-top:48px; padding:2px 0 0 52px; line-height:20px; min-height:43px; font-size:13px; text-align:left; background:url(../images/icon_tel.jpg) no-repeat;}
.header .tel b{ line-height:22px; font-size:24px; color:#2b933e;}
.header .search{width:370px; height:40px; margin-top:50px; display:inline-block;}
.header .search input[type="text"]{float:left; width:291px; height:36px; line-height:36px; background:#fff; margin:0; padding:0 10px; border:solid 2px #dddddd; border-right:none; font-size:12px; color:#777; border-radius:5px 0 0 5px;}
.header .search input[type="text"]:focus{color:#444;}
.header .search .btn{float:left; width:57px; height:34px; padding-top: 6px; background:#2b933e; color:#fff; border-radius:0 5px 5px 0;}
.header .search .btn i{ font-size:30px; margin-top:6px;}
.nav{float:left; width:100%; height:55px; background:#f3f3f3; position:relative; z-index:100;}
.nav #dh{float:left; margin:3px 0 0 0; width:85px; height:27px; color:#fff; border-radius:3px; cursor:pointer; position:relative; display:none;}
.nav #dh i{ font-size:35px; position:absolute; left:3px; top:0; color:#2b933e;}
.nav #dh:hover i{color:#2ba942;}
.nav #dh span{ position:absolute; top:8px; left:46px; font-size:16px; line-height:16px; color:#333; text-transform:uppercase;}
.nav ul{float:left; width:100%; height:55px;}
.nav ul li{float:left; width:140px; margin-right:22px; text-align:center; color:#000; font-size:16px; height:55px; line-height:55px; position:relative;}
.nav ul li.last{ margin-right:0;}
.nav ul li.current,.nav ul li:hover{ background:#1b74ae; color:#fff;}
.nav ul li.current a,.nav ul li:hover a{color:#fff;}
.nav ul li .list{ position:absolute; left:0; top:55px; width:100%; padding:0; background:#1679b9; opacity: 1; z-index:100; border-radius:0 0 5px 5px; display:none;}
.nav ul li .list a{float:left; width:100%; border-bottom:solid 1px #1c73ac; line-height:35px; color:#fff; font-size:14px;}
.nav ul li .list a:last-child{ border-bottom:none; border-radius:0 0 5px 5px;}
.nav ul li .list a:hover{ background:#075689;}
.nav ul li:hover .list{ display:block;}
.banner{float:left; width:100%; position:relative;}
.banner img{ width:100% !important;}
.banner .cycle{float:left; width:100% !important; height:632px; overflow:hidden;}
.banner .cycle .item{float:left; width:100% !important; height:632px; background-position:center center; background-repeat:no-repeat; background-size:auto 100%;}
.banner .cycle img{float:left; width:100% !important;}
.banner .pager{ position:absolute; left:0; bottom:4%; width:100%; height:5px; text-align:center; z-index:20;}
.banner .pager a{width:30px; height:5px; background:#fff; background-color:rgba(255,255,255,0.7); color:#fff; font-size:0; margin:0 6px; border-radius:5px; display:inline-block;}
.banner .pager a:hover,.banner .pager a.activeSlide{ background:#2b933e; color:#2b933e;}
.banner a.prev,.banner a.next{ position:absolute; left:0; top:50%; margin-top:-30px; width:40px; height:44px; color:#2b933e; font-size:40px; z-index:20; overflow:hidden;}
.banner a.next{left:auto; right:0;}
.banner a.prev i:before,.banner a.next i:before{ margin-left:0 !important; margin-right:0 !important;}
.title1{float:left; width:100%; text-align:center; line-height:40px; font-size:32px; font-weight:bold; color:#000;}
.title1 a{color:#000;}
.title1 span{ line-height:24px; margin-top:7px; font-size:20px; color:#ddd; font-weight:100; text-transform:uppercase; display:inline-block;}
.title1.s1 span{ margin-top:0;}
.title1.s2{ text-align:left; line-height:32px; font-size:24px;}
.title1.s2 span{ margin-top:0; line-height:20px; font-size:16px;}
.button,a.button{float:left; padding:0 35px; line-height:32px; color:#fff; background:#1b74ae; border-radius:20px;}
.button:hover,a.button:hover{color:#fff; background:#035a92;}
.mod-case-box{float:left; width:100%; margin-top:49px;}
.mod-case-box .listbox{float:left; width:1460px; margin-top:29px;}
.mod-case-box .listbox .item{float:left; margin:8px 21px 0 0; width:344px;}
.mod-case-box .listbox .item .img{float:left; width:100%; height:259px; overflow:hidden;}
.mod-case-box .listbox .item .img img{width:100%; min-height:259px;}
.mod-case-box .listbox .item .title{float:left; width:100%; height:30px; line-height:30px; margin-top:4px; font-size:18px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-team-box{float:left; margin-top:36px; padding:39px 0 43px 0; width:100%; background:#f4f4f4; }
.mod-team-box .title1 span{color:#999;}
.mod-team-box .listbox{float:left; width:100%; margin-top:9px;}
.mod-team-box .listbox .item{float:left; width:225px; padding-top:14px; text-align:center; margin:20px 78px 0 0;}
.mod-team-box .listbox .item img{width:189px; height:189px; border-radius:100%; display:inline-block;}
.mod-team-box .listbox .item .info{float:left; width:100%; margin-top:13px; padding:9px 0 13px 0;  text-align:center;}
.mod-team-box .listbox .item .info .name{float:left; width:100%; line-height:28px; font-size:18px;}
.mod-team-box .listbox .item .info .position{float:left; width:100%; line-height:21px;}
.mod-team-box .listbox .item .info .cont{float:left; width:100%; line-height:19px; min-height:38px; font-size:12px;}
.mod-team-box .listbox .item:hover{ background:#fff;}
.mod-team-box .listbox .item:hover .info{ background:#333; color:#fff;}
.mod-sevices-process{float:left; width:100%; margin-top:54px;}
.mod-sevices-process .listbox{float:left; width:100%; margin-top:11px; position:relative;}
.mod-sevices-process .listbox .item{float:left; width:160px; margin:20px 29px 0 18px; text-align:center;}
.mod-sevices-process .listbox .item.last{ margin-right:0;}
.mod-sevices-process .listbox .item img{float:left; width:100%; height:160px;}
.mod-sevices-process .listbox .item .point{ margin-top:20px; width:12px; height:12px; border-radius:100%; background:#2b933e; display:inline-block;}
.mod-sevices-process .listbox .item .title{float:left; margin-top:11px; width:100%; height:30px; line-height:30px; font-size:18px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-sevices-process .listbox .dividing{ position:absolute; left:0; bottom:47px; width:100%; height:1px; background:#2b933e;}
.mod-website-info{float:left; margin-top:95px; padding:59px 0 52px 0; width:100%; background:#f8f8f8;}
.mod-website-info .left{float:left; width:988px;}
.mod-website-info .videobox{float:left; margin-top:17px; width:456px;}
.mod-website-info .videobox embed{width:100%; height:255px;}
.mod-website-info .videobox .title{float:left; width:100%; height:52px; line-height:52px; font-size:16px; border-bottom:solid 3px #efefef; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-website-info .left .listbox{float:right; margin-top:-1px; width:510px;}
.mod-website-info .left .listbox .item{float:left; margin-top:18px; padding:9px 11px 8px; width:488px; height:74px; background:#eeeeee;}
.mod-website-info .left .listbox .item:hover,.mod-website-info .left .listbox .item:nth-child(1){ background:#333333; color:#fff;}
.mod-website-info .left .listbox .item .img{float:left; width:131px; height:74px; overflow:hidden;}
.mod-website-info .left .listbox .item .img img{width:100%; min-height:74px;}
.mod-website-info .left .listbox .item .item-right{float:right; width:345px;}
.mod-website-info .left .listbox .item .title{float:left; width:100%; height:20px; line-height:20px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-website-info .left .listbox .item .cont{float:left; width:100%; margin-top:3px; line-height:17px; height:51px; overflow:hidden; font-size:12px;}
.mod-website-info .aboutbox{float:right; width:377px;}
.mod-website-info .aboutbox .cont{float:left; width:100%; line-height:27px; margin-top:10px;}
.mod-website-info .aboutbox .button{margin-top:40px; padding-right:29px; }
.mod-pzbz-box{float:left; width:100%; margin-top:60px;}
.mod-pzbz-box .left{float:left; width:1012px;}
.mod-pzbz-box .left .listbox{float:left; width:100%;}
.mod-pzbz-box .left .listbox .item{float:left; margin:16px 26px 0 0; width:225px; height:308px; border:solid 1px #eeeeee; text-align:center;}
.mod-pzbz-box .left .listbox .item img{width:160px; height:160px; margin-top:37px; display:inline-block;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.mod-pzbz-box .left .listbox .item:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);filter: none;}
.mod-pzbz-box .left .listbox .item .title{float:left; width:100%; height:25px; margin-top:18px; line-height:25px; font-size:18px;}
.mod-pzbz-box .left .listbox .item .cont{float:left; padding:0 5px; width:100%; margin-top:3px; line-height:20px; color:#777; box-sizing:border-box;}
.mod-pzbz-box .joinusbox{float:right; width:377px;}
.mod-pzbz-box .joinusbox img{float:left; margin-top:16px;}
.mod-contact-box{float:left; width:100%; margin-top:50px; padding:9px 0; background:#f8f8f8;}
.mod-contact-box .left{float:left; width:986px; height:473px;}
.mod-contact-box .left iframe{width:100%; height:473px;}
.mod-contact-box .right{float:right; margin-top:72px; width:377px; color:#333;line-height: 38px;}
.mod-contact-box .right h1{float:left; width:100%; font-size:35px; font-weight:normal;}
.mod-contact-box .right .cont{float:left; width:100%; margin-top:35px; line-height:38px; font-size:18px;}
.mod-company-tel{float:left; width:100%; margin-top:30px;}
.mod-company-tel .item{float:left; padding-left:73px; height:52px; background:url(../images/icon_tel1.jpg) no-repeat 0 3px; line-height:19px; font-size:13px;}
.mod-company-tel .item b{ font-size:30px; line-height:30px;}
.mod-company-tel .item.s1{margin-left:275px; background:url(../images/icon_tel2.jpg) no-repeat 0 0;}
.mod-company-tel .item.s2{margin-left:210px; background:url(../images/icon_email.jpg) no-repeat 0 center;}
.mod-bottom-nav{float:left; width:100%; margin-top:22px; border-top:solid 1px #dddddd; padding:36px 0 40px;}
.mod-bottom-nav .list{float:left; width:100px; margin-right:90px; line-height:26px; font-size:12px;}
.mod-bottom-nav .list.last{ margin-right:0;}
.mod-bottom-nav .list a{float:left; clear:left;}
.mod-bottom-nav .list a.title{ line-height:30px; margin-bottom:8px; font-size:16px; color:#111;}
.mod-bottom-nav .list a.title:hover{color:#2b933e;}
@media (min-width:1440px)
{
.mod-team-box .listbox .item:nth-child(5n){margin-right:0px;};
}
@media (min-width:1000px)and (max-width:1439px)
{
.banner .cycle{ height:395px;}
.banner .cycle .item{height:395px; background-size:150% auto;}
body {width:100%;min-width:1000px; font-size:13px; overflow-x:hidden;}
.container{width:1000px;}
.nav ul li{width:100px; margin-right:12px; font-size:14px;}
.title1{font-size:28px; }
.title1 span{ font-size:18px;}
.title1.s2{ text-align:left; line-height:32px; font-size:24px;}
.title1.s2 span{ margin-top:0; line-height:20px; font-size:16px;}
.button,a.button{float:left; padding:0 35px; line-height:32px; color:#fff; background:#1b74ae; border-radius:20px;}
.button:hover,a.button:hover{color:#fff; background:#035a92;}
.mod-case-box{margin-top:40px;}
.mod-case-box .listbox{float:left; width:1012px; margin-top:20px;}
.mod-case-box .listbox .item{float:left; margin:8px 15px 0 0; width:238px;}
.mod-case-box .listbox .item .img{float:left; width:100%; height:179px; overflow:hidden;}
.mod-case-box .listbox .item .img img{width:100%; min-height:179px;}
.mod-case-box .listbox .item .title{font-size:15px;}
.mod-team-box{padding:30px 0 35px 0; }
.mod-team-box .listbox{float:left; width:100%; margin-top:9px;}
.mod-team-box .listbox .item{float:left; width:184px; padding-top:14px; margin:20px 20px 0 0;}
.mod-team-box .listbox .item:nth-child(5n){margin-right:0px;};
.mod-team-box .listbox .item img{width:150px; height:150px;}
.mod-team-box .listbox .item .info{float:left; width:100%; margin-top:13px; padding:9px 0 13px 0;  text-align:center;}
.mod-team-box .listbox .item .info .name{float:left; width:100%; line-height:28px; font-size:16px;}
.mod-sevices-process{margin-top:40px;}
.mod-sevices-process .listbox{float:left; width:100%; margin-top:11px; position:relative;}
.mod-sevices-process .listbox .item{float:left; width:118px; margin:20px 15px 0 10px;}
.mod-sevices-process .listbox .item.last{ margin-right:0;}
.mod-sevices-process .listbox .item img{ width:100%; height:118px;}
.mod-sevices-process .listbox .item .title{ font-size:15px; }
.mod-website-info .aboutbox{float:left; margin-top:30px; width:100%;}
.mod-website-info .aboutbox .cont{float:left; width:100%; line-height:27px; margin-top:10px;}
.mod-website-info .aboutbox .button{margin-top:20px; padding-right:29px; }
.mod-website-info{float:left; margin-top:40px; padding:40px 0 40px 0; }
.mod-pzbz-box{float:left; width:100%; margin-top:50px;}
.mod-pzbz-box .left{float:left; width:1012px;}
.mod-pzbz-box .joinusbox{display:none;}
.mod-contact-box{float:left; width:100%; margin-top:50px; padding:9px 0; background:#f8f8f8;}
.mod-contact-box .left{float:left; width:600px; height:300px;}
.mod-contact-box .left iframe{width:100%; height:300px;}
.mod-contact-box .right{float:right; margin-top:15px; width:360px; }
.mod-contact-box .right h1{font-size:28px; }
.mod-contact-box .right .cont{margin-top:15px; line-height:32px; font-size:14px;}
.mod-company-tel .item b{ font-size:25px; line-height:30px;}
.mod-company-tel .item.s1{margin-left:100px;}
.mod-company-tel .item.s2{margin-left:100px; }
.mod-bottom-nav{float:left; width:100%; margin-top:22px; border-top:solid 1px #dddddd; padding:36px 0 40px;}
.mod-bottom-nav .list{margin-right:28px;}
}
@media (min-width:601px)and (max-width:999px)
{
.banner{}
.banner .cycle{ height:263px;}
.banner .cycle .item{height:263px; background-size:150% auto;}
body {width:100%;min-width:0; font-size:13px; overflow-x:hidden;}
.container{width:100%;}
.header{ height:125px;}
.header .logo{ margin-left:2%;}
.header .tel{ margin-right:2%;}
.header .container{ position:relative;}
.header .search{ position:absolute; top:8px; right:2%; width:220px; height:24px; margin-top:0; display:inline-block;}
.header .search input[type="text"]{width:180px; height:22px; line-height:22px;  padding:0 5px; border:solid 1px #dddddd; font-size:12px;}
.header .search .btn{ padding-top:2px; width:28px; height:22px; }
.header .search .btn i{ font-size:15px; margin-top:10px;}
.nav{height:38px;}
.nav #dh{ display:block;}
.nav ul{ margin-top:8px; width:96%; height:auto; padding:0 2% 10px; background:#f3f3f3; display:none;}
.nav.s1{ height:auto;}
.nav.s1 ul{ display:block;}
.nav ul li{width:100%; padding-right:5px; height:auto; margin:0; line-height:45px; font-size:14px; text-align:right; border-bottom:solid 1px #fefefe; border-top:solid 1px #ddd; box-sizing:border-box;}
.nav ul li:last-child{ border-bottom:none;}
.nav ul li.current,.nav ul li:hover{ background:none;}
.nav ul li:hover a{color:#000;}
.nav ul li.current a,.nav ul li a:hover{color:#1b74ae;}
.nav ul li:hover .list{ display:none;}
.title1{font-size:28px; }
.title1 span{ font-size:18px;}
.title1.s2{ text-align:left; line-height:32px; font-size:24px;}
.title1.s2 span{ margin-top:0; line-height:20px; font-size:16px;}
.button,a.button{float:left; padding:0 35px; line-height:32px; color:#fff; background:#1b74ae; border-radius:20px;}
.button:hover,a.button:hover{color:#fff; background:#035a92;}
.mod-case-box{margin-top:40px;}
.mod-case-box .listbox{float:left; width:96%; margin:20px 2% 0; text-align:center;}
.mod-case-box .listbox .item{float:none; margin:8px 10px 0; width:238px; display:inline-block;}
.mod-case-box .listbox .item .img{float:left; width:100%; height:179px; overflow:hidden;}
.mod-case-box .listbox .item .img img{width:100%; min-height:179px;}
.mod-case-box .listbox .item .title{font-size:14px;}
.mod-team-box{padding:30px 0 35px 0; }
.mod-team-box .listbox{float:left; width:96%; margin:9px 2% 0; text-align:center;}
.mod-team-box .listbox .item{float:none; width:184px; padding-top:14px; margin:20px 15px 0; display:inline-block;}
.mod-team-box .listbox .item img{width:150px; height:150px;}
.mod-team-box .listbox .item .info{float:left; width:100%; margin-top:13px; padding:9px 0 13px 0;  text-align:center;}
.mod-team-box .listbox .item .info .name{float:left; width:100%; line-height:28px; font-size:16px;}
.mod-sevices-process{margin-top:40px;}
.mod-sevices-process .dividing{ display:none;}
.mod-sevices-process .listbox{float:left; width:96%; margin:11px 2% 0; position:relative; text-align:center;}
.mod-sevices-process .listbox .item{float:none; width:118px; margin:20px 15px 0 10px; display:inline-block;}
.mod-sevices-process .listbox .item.last{ margin-right:0;}
.mod-sevices-process .listbox .item img{ width:100%; height:118px;}
.mod-sevices-process .listbox .item .title{ font-size:14px; }
.mod-sevices-process .listbox .item .point{ display:none;}
.mod-website-info{float:left; width:96%; margin-top:40px; padding:40px 2% 40px; }
.mod-website-info .left{width:100%;}
.mod-website-info .left .videobox{width:100%;}
.mod-website-info .left .videobox embed{height:300px;}
.mod-website-info .left .listbox{float:left; width:100%;}
.mod-website-info .left .listbox .item{float:left; padding:9px 11px 8px; width:100%; height:auto; box-sizing:border-box;}
.mod-website-info .left .listbox .item .img{float:left; width:30%; height:auto; overflow:hidden;}
.mod-website-info .left .listbox .item .img img{width:100%; min-height:0;}
.mod-website-info .left .listbox .item .item-right{float:right; width:68%;}
.mod-website-info .left .listbox .item .title{float:left; width:100%; height:20px; line-height:20px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-website-info .left .listbox .item .cont{float:left; width:100%; margin-top:3px; line-height:17px; height:51px; overflow:hidden; font-size:12px;}
.mod-website-info .aboutbox{float:left; margin-top:30px; width:100%;}
.mod-website-info .aboutbox .cont{float:left; width:100%; line-height:27px; margin-top:10px;}
.mod-website-info .aboutbox .button{margin-top:20px; padding-right:29px; }
.mod-pzbz-box{float:left; width:96%; margin:40px 2% 0;}
.mod-pzbz-box .left{float:left; width:100%;}
.mod-pzbz-box .left .title1.s2{ text-align:center;}
.mod-pzbz-box .left .listbox{ margin-top:20px; text-align:center;}
.mod-pzbz-box .left .listbox .item{float:none; margin:16px 20px 0; width:200px; height:280px; border:solid 1px #eeeeee; text-align:center; display:inline-block;}
.mod-pzbz-box .left .listbox .item img{width:150px; height:150px; margin-top:20px;}
.mod-pzbz-box .left .listbox .item .title{float:left; width:100%; height:25px; margin-top:18px; line-height:25px; font-size:15px;}
.mod-pzbz-box .left .listbox .item .cont{float:left; padding:0 5px; width:100%; margin-top:3px; font-size:12px; line-height:20px; color:#777; box-sizing:border-box;}
.mod-pzbz-box .joinusbox{float:right; width:377px;}
.mod-pzbz-box .joinusbox img{float:left; margin-top:16px;}
.mod-pzbz-box .joinusbox{display:none;}
.mod-contact-box{float:left; width:96%; margin:40px 0 0; padding:9px 2%;}
.mod-contact-box .left{float:left; width:100%; height:300px;}
.mod-contact-box .left iframe{width:100%; height:300px;}
.mod-contact-box .right{float:left; width:100%; margin-top:15px; text-align:center; }
.mod-contact-box .right h1{font-size:28px; }
.mod-contact-box .right .cont{margin-top:15px; line-height:32px; font-size:14px;}
.mod-company-tel{width:96%; margin:30px 2% 0; text-align:center;}
.mod-company-tel .item{ float:none; width:32%; padding-left:25px; background-size:20px auto; background-position:0 2px; margin:0; display:inline-block; font-size:12px; text-align:left; box-sizing:border-box;}
.mod-company-tel .item b{ font-size:18px; line-height:30px;}
.mod-company-tel .item.s1{margin-left:0;  background-size:20px auto; background-position:0 2px;}
.mod-company-tel .item.s2{margin-left:0;  background-size:20px auto; background-position:0 3px;}
.mod-bottom-nav{ display:none;}
}
@media (max-width:600px)
{
.banner{}
.banner .cycle{ height:198px;}
.banner .cycle .item{height:198px; background-size:150% auto;}
body {width:100%;min-width:0; font-size:13px; overflow-x:hidden;}
.container{width:100%;}
.header{ height:125px;}
.header .tel{ min-height:0;}
.header .container{ position:relative;}
.header .logo{ margin-left:2%;}
.header .tel{ position:absolute; top:8px; right:2%; float:none; margin:0; padding-left:25px; background-size:20px auto; font-size:12px; background-position:0 3px;}
.header .tel b{ font-size:15px;}
.header .search{ position:absolute; top:8px; right:2%; width:220px; height:24px; margin-top:0; display:inline-block; display:none;}
.header .search input[type="text"]{width:180px; height:22px; line-height:22px;  padding:0 5px; border:solid 1px #dddddd; font-size:12px;}
.header .search .btn{ padding-top:2px; width:28px; height:22px; }
.header .search .btn i{ font-size:15px; margin-top:10px;}
.nav{height:38px;}
.nav #dh{ display:block;}
.nav ul{ margin-top:8px; width:96%; height:auto; padding:0 2% 10px; background:#f3f3f3; display:none;}
.nav.s1{ height:auto;}
.nav.s1 ul{ display:block;}
.nav ul li{width:100%; padding-right:5px; height:auto; margin:0; line-height:45px; font-size:14px; text-align:right; border-bottom:solid 1px #fefefe; border-top:solid 1px #ddd; box-sizing:border-box;}
.nav ul li:last-child{ border-bottom:none;}
.nav ul li.current,.nav ul li:hover{ background:none;}
.nav ul li:hover a{color:#000;}
.nav ul li.current a,.nav ul li a:hover{color:#1b74ae;}
.nav ul li:hover .list{ display:none;}
.title1{font-size:22px; }
.title1 span{ font-size:16px;}
.title1.s2{ text-align:center; line-height:32px; font-size:20px;}
.title1.s2 span{ margin-top:0; line-height:20px; font-size:15px;}
.button,a.button{float:left; padding:0 35px; line-height:32px; color:#fff; background:#1b74ae; border-radius:20px;}
.button:hover,a.button:hover{color:#fff; background:#035a92;}
.mod-case-box{margin-top:30px;}
.mod-case-box .listbox{float:left; width:96%; margin:20px 2% 0; text-align:center;}
.mod-case-box .listbox .item{float:none; margin:8px 10px 0; width:145px; display:inline-block;}
.mod-case-box .listbox .item .img{float:left; width:100%; height:109px; overflow:hidden;}
.mod-case-box .listbox .item .img img{width:100%; min-height:109px;}
.mod-case-box .listbox .item .title{font-size:13px;}
.mod-team-box{padding:30px 0 35px 0; }
.mod-team-box .listbox{float:left; width:96%; margin:9px 2% 0; text-align:center;}
.mod-team-box .listbox .item{float:none; width:145px; padding-top:14px; margin:20px 10px 0; display:inline-block;}
.mod-team-box .listbox .item img{width:125px; height:125px;}
.mod-team-box .listbox .item .info{float:left; width:100%; margin-top:13px; font-size:12px; padding:9px 0 13px 0;  text-align:center;}
.mod-team-box .listbox .item .info .name{float:left; width:100%; line-height:28px; font-size:14px;}
.mod-sevices-process{margin-top:40px;}
.mod-sevices-process .dividing{ display:none;}
.mod-sevices-process .listbox{float:left; width:96%; margin:11px 2% 0; position:relative; text-align:center;}
.mod-sevices-process .listbox .item{float:none; width:118px; margin:20px 15px 0 10px; display:inline-block;}
.mod-sevices-process .listbox .item.last{ margin-right:0;}
.mod-sevices-process .listbox .item img{ width:100%; height:118px;}
.mod-sevices-process .listbox .item .title{ font-size:14px; }
.mod-sevices-process .listbox .item .point{ display:none;}
.mod-website-info{float:left; width:96%; margin-top:40px; padding:40px 2% 40px; }
.mod-website-info .left{width:100%;}
.mod-website-info .left .videobox{width:100%;}
.mod-website-info .left .videobox embed{height:300px;}
.mod-website-info .left .listbox{float:left; width:100%;}
.mod-website-info .left .listbox .item{float:left; padding:9px 11px 8px; width:100%; height:auto; box-sizing:border-box;}
.mod-website-info .left .listbox .item .img{float:left; width:30%; height:auto; overflow:hidden;}
.mod-website-info .left .listbox .item .img img{width:100%; min-height:0;}
.mod-website-info .left .listbox .item .item-right{float:right; width:68%;}
.mod-website-info .left .listbox .item .title{float:left; width:100%; height:20px; line-height:20px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-website-info .left .listbox .item .cont{float:left; width:100%; margin-top:3px; line-height:17px; height:51px; overflow:hidden; font-size:12px;}
.mod-website-info .aboutbox{float:left; margin-top:30px; width:100%;}
.mod-website-info .aboutbox .cont{float:left; width:100%; line-height:27px; margin-top:10px;}
.mod-website-info .aboutbox .button{margin-top:20px; padding-right:29px; }
.mod-pzbz-box{float:left; width:96%; margin:40px 2% 0;}
.mod-pzbz-box .left{float:left; width:100%;}
.mod-pzbz-box .left .title1.s2{ text-align:center;}
.mod-pzbz-box .left .listbox{ margin-top:20px; text-align:center;}
.mod-pzbz-box .left .listbox .item{float:none; margin:16px 20px 0; width:200px; height:280px; border:solid 1px #eeeeee; text-align:center; display:inline-block;}
.mod-pzbz-box .left .listbox .item img{width:150px; height:150px; margin-top:20px;}
.mod-pzbz-box .left .listbox .item .title{float:left; width:100%; height:25px; margin-top:18px; line-height:25px; font-size:15px;}
.mod-pzbz-box .left .listbox .item .cont{float:left; padding:0 5px; width:100%; margin-top:3px; font-size:12px; line-height:20px; color:#777; box-sizing:border-box;}
.mod-pzbz-box .joinusbox{float:right; width:377px;}
.mod-pzbz-box .joinusbox img{float:left; margin-top:16px;}
.mod-pzbz-box .joinusbox{display:none;}
.mod-contact-box{float:left; width:96%; margin:40px 0 0; padding:9px 2%;}
.mod-contact-box .left{float:left; width:100%; height:300px;}
.mod-contact-box .left iframe{width:100%; height:300px;}
.mod-contact-box .right{float:left; width:100%; margin-top:15px; text-align:center; }
.mod-contact-box .right h1{font-size:28px; }
.mod-contact-box .right .cont{margin-top:15px; line-height:32px; font-size:14px;}
.mod-company-tel{width:96%; margin:25px 2% 0; text-align:center;}
.mod-company-tel .item{ float:none; width:100%; height:auto; margin:5px 0 0 0; padding:10px 5px 5px 35px; border:solid 1px #f1f1f1; background-size:20px auto; background-position:10px 9px;  display:inline-block; font-size:12px; text-align:left; box-sizing:border-box;}
.mod-company-tel .item b{ font-size:18px; line-height:30px;}
.mod-company-tel .item.s1{margin-left:0;  background-size:20px auto; background-position:10px 7px;}
.mod-company-tel .item.s2{margin-left:0;  background-size:20px auto; background-position:10px 12px;}
.mod-bottom-nav{ display:none;}
}
@media (max-width:400px)
{
.banner{}
.banner .cycle{ height:132px;}
.banner .cycle .item{height:132px; background-size:150% auto;}
}
/*分页专用css1 -- qipapage*/
.qipapage {line-height:30px;list-style:none;margin:30px 0px 20px;text-align:center;}
.qipapage a {border:1px solid #dedede; padding:0 6px; display:inline-block; margin-right:5px;}
.qipapage a:hover,.qipapage li.active a {border:1px solid #000; color:#000; font-weight:bold; text-decoration:none;}
.qipapage span {border:1px solid #dedede; padding:0 20px; display:inline-block;}
.qipapage li {display:inline-block; margin-right:10px; margin-bottom:10px;}
.qipapage td {margin-right:10px; margin-bottom:10px;}


.xiycms-city{border:1px solid #f3f3f3;margin-top:30px;box-shadow:0px 0 10px rgba(0,0,0,0.1);padding:15px;background:#fff;box-shadow:0 1px .5rem rgba(0,0,0,0.07);padding:.5rem 1rem 1rem 0;}
.xiycms-city .city-row {display:block;margin-bottom:10px;margin-top:10px;width:100%;display:flex;}
.xiycms-city .city-row:after {display:block;clear:both;content:' ';}
.xiycms-city .city-left {text-align:right;padding-top:.9rem;color:#999; flex:1;min-width:100px;}
.xiycms-city .city-right {padding-left:.5rem; flex:9;}
.xiycms-city .city-right a{border:1px solid #eaeaea;padding:0px 12px; line-height:42px;border-radius:.1rem;display:inline-block;color:#999;}
.xiycms-city a:hover,.xiycms-city a.active{border-color:#1890FF;color:#1890FF;}