@charset "utf-8";
ul, ol, dl, li, dt, dd { list-style-type:none; margin:0; padding:0;font-family: "微软雅黑"}
@media(min-width:320px){
.box{ width:320px; margin:0 auto; height:auto; overflow:hidden}
.title{ height:30px; line-height:30px; background:#f3f3f3; border-bottom:1px solid #dddddd}
.aboutnymain h2{ font-size:24px; text-align:center; margin:30px 0}
.aboutnymain p{ line-height:35px; font-size:14px; color:#414141; margin-bottom:20px}
.aboutnymain p img{ margin-right:20px; width:30%}
.aboutqbottom ul li{ width:23.7%; float:left; margin:5px 5px;  padding-bottom:10px}
.aboutqbottom ul li img{ width:100%; height:auto; float:left; margin-right:10px}
.services p{ line-height:30px; font-size:14px}
.services p b{ display:block; width:100%; border-bottom:1px dotted #CCC; border-left:4px solid #b31100; line-height:35px; padding-left:10px; margin:10px 0}
}

@media (min-width:360px){
.box{ width:360px; margin:0 auto; height:auto; overflow:hidden}
.title{ height:30px; line-height:30px; background:#f3f3f3; border-bottom:1px solid #dddddd}
.aboutnymain h2{ font-size:24px; text-align:center; margin:30px 0}
.aboutnymain p{ line-height:35px; font-size:14px; color:#414141; margin-bottom:20px}
.aboutnymain p img{ margin-right:20px; width:30%}
.aboutqbottom ul li{ width:23.7%; float:left; margin:5px 5px;  padding-bottom:10px}
.aboutqbottom ul li img{ width:100%; height:auto; float:left; margin-right:10px}
.services p{ line-height:30px; font-size:14px}
.services p b{ display:block; width:100%; border-bottom:1px dotted #CCC; border-left:4px solid #b31100; line-height:35px; padding-left:10px; margin:10px 0}
}
@media (min-width:480px){
.box{ width:480px; margin:0 auto; height:auto; overflow:hidden}
.title{ height:30px; line-height:30px; background:#f3f3f3; border-bottom:1px solid #dddddd}
.aboutnymain h2{ font-size:24px; text-align:center; margin:30px 0}
.aboutnymain p{ line-height:35px; font-size:14px; color:#414141; margin-bottom:20px}
.aboutnymain p img{ margin-right:20px; width:30%}
.aboutqbottom ul li{ width:23.7%; float:left; margin:5px 5px;  padding-bottom:10px}
.aboutqbottom ul li img{ width:100%; height:auto; float:left; margin-right:15px}
.services p{ line-height:30px; font-size:14px}
.services p b{ display:block; width:100%; border-bottom:1px dotted #CCC; border-left:4px solid #b31100; line-height:35px; padding-left:10px; margin:10px 0}
}
@media (min-width:540px){
.box{ width:540px; margin:0 auto; height:auto; overflow:hidden}
.title{ height:30px; line-height:30px; background:#f3f3f3; border-bottom:1px solid #dddddd}
.aboutnymain h2{ font-size:24px; text-align:center; margin:30px 0}
.aboutnymain p{ line-height:35px; font-size:14px; color:#414141; margin-bottom:20px}
.aboutnymain p img{ margin-right:20px; width:30%}
.aboutqbottom ul li{ width:23.7%; float:left; margin:5px 5px;  padding-bottom:10px}
.aboutqbottom ul li img{ width:100%; height:auto; float:left; margin-right:15px}
.services p{ line-height:30px; font-size:14px}
.services p b{ display:block; width:100%; border-bottom:1px dotted #CCC; border-left:4px solid #b31100; line-height:35px; padding-left:10px; margin:10px 0}
}
@media (min-width:640px){
.box{ width:640px; margin:0 auto; height:auto; overflow:hidden}
.title{ height:30px; line-height:30px; background:#f3f3f3; border-bottom:1px solid #dddddd}
.aboutnymain h2{ font-size:24px; text-align:center; margin:30px 0}
.aboutnymain p{ line-height:35px; font-size:14px; color:#414141; margin-bottom:20px}
.aboutnymain p img{ margin-right:20px; width:30%}
.aboutqbottom ul li{ width:23.7%; float:left; margin:5px 5px;  padding-bottom:10px}
.aboutqbottom ul li img{ width:100%; height:auto; float:left; margin-right:15px}
.services p{ line-height:30px; font-size:14px}
.services p b{ display:block; width:100%; border-bottom:1px dotted #CCC; border-left:4px solid #b31100; line-height:35px; padding-left:10px; margin:10px 0}
}
@media (min-width:768px){
.box{ width:768px; margin:0 auto; height:auto; overflow:hidden}
.title{ height:30px; line-height:30px; background:#f3f3f3; border-bottom:1px solid #dddddd}
.aboutnymain h2{ font-size:24px; text-align:center; margin:30px 0}
.aboutnymain p{ line-height:35px; font-size:14px; color:#414141; margin-bottom:20px}
.aboutnymain p img{ margin-right:20px; width:30%}
.aboutqbottom ul li{ width:23.7%; float:left; margin:5px 5px;  padding-bottom:10px}
.aboutqbottom ul li img{ width:100%; height:auto; float:left; margin-right:15px}
.services p{ line-height:30px; font-size:14px}
.services p b{ display:block; width:100%; border-bottom:1px dotted #CCC; border-left:4px solid #b31100; line-height:35px; padding-left:10px; margin:10px 0}
}
@media (min-width:1200px){
.box{ width:1200px; margin:0 auto; height:auto; overflow:hidden}
.title{ height:30px; line-height:30px; background:#f3f3f3; border-bottom:1px solid #dddddd}
.aboutnymain h2{ font-size:24px; text-align:center; margin:30px 0}
.aboutnymain p{ line-height:35px; font-size:14px; color:#414141; margin-bottom:20px}
.aboutnymain p img{ margin-right:20px; width:40%}
.aboutqbottom ul li{ width:24.1%; float:left; margin:5px 5px;  padding-bottom:10px}
.aboutqbottom ul li img{ width:100%; height:auto; float:left; margin-right:15px}
.services p{ line-height:30px; font-size:14px}
.services p b{ display:block; width:100%; border-bottom:1px dotted #CCC; border-left:4px solid #b31100; line-height:35px; padding-left:10px; margin:10px 0}
}


/*服务*/
.solutions h2{text-align:center;font-size:20px}
.solutions h2 span{color:#0150a9}
.solutions h2 b{font-weight:normal;display:block;font-size:15px;line-height:40px;padding-bottom:10px}
.box_inner p{line-height:30px;height:60px;overflow:hidden}
.box_inner h3{font-size:15px}
.solutions h2{text-align:center;font-size:20px}
.solutions h2 span{color:#0150a9}
.solutions h2 b{font-weight:normal;display:block;font-size:15px;line-height:40px;padding-bottom:10px}
.bottom-text{background:#e7eef4;padding:52px 15px;border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;border:2px solid transparent;}
.bottom-text h3{text-align:center;font-size:20px;font-weight:600;color:#646464;}
.bottom-text p{margin-top:14px;text-align:center;font-size:13px;color:#757575;line-height:2.7em;height:110px;overflow:hidden;padding:0 10px}
.bottom-grid span{position:absolute;font-size:27px;color:#ffffff;background:#0150a9;border-radius:100%;padding:20px 20px;top:-37px;text-align:center;left:37%;}
.bottom-grids{margin-top:50px;}
.bottom-grid:hover div.bottom-text{border:2px solid #0150a9;transition:0.5s all;-webkit-transition:0.5s all;-o-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;}
.bottom-grid:hover div.bottom-text h3{color:#0150a9;transition:0.5s all;-webkit-transition:0.5s all;-o-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;}
.bottom-grid:hover div.bottom-spa span{background:#0150a9!important;color:#fff !important;transition:0.5s all;-webkit-transition:0.5s all;-o-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;}


/*关于我们*/
.list_title{height: 30px; line-height: 30px;font-size: 16px; font-weight: bold;border-bottom: 1px dashed #dedede; padding-bottom: 10px; margin:0px auto; position: relative;}
.list_title span{border-left:4px solid #b31100;  padding-left: 10px;}
.clearfix::before,.clearfix::after{content: "";display: block; height: 0;clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}
.pro_con_ul{ margin: 20px auto;}
.pro_con_ul li{width:18.4%; margin-right: 2%; float: left; margin-bottom: 20px;}
.pro_con_ul li a{display:block;}
.pro_con_ul li:nth-child(5n){margin-right:0;}
.pro_con_ul li img{display:block; width:100%;}
.pro_con_ul li .font{line-height:30px; font-size:14px; color:#666; max-height:30px; overflow: hidden; text-overflow: ellipsis; flex-wrap: nowrap; text-align: center; }
.pro_con_ul li .font.b{color:#f1edee;}