@charset "utf-8";
/* CSS Document */

html,
body { color: #444; line-height: 2em; position: relative; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; font-size:14px;overflow-x: hidden; background-color:#fff; }
h1,h2,h3,h4,h5,h6 {  font-weight: 400; color: #303030; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.5em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.5em;}
h5 {  font-size: 1em;}
h6 {  font-size: 0.75em;}

a {  color: #444;  outline: none;  -webkit-transition:all .3s ease; text-decoration:none;}
a:hover {  color: #f80;  text-decoration: none;}
a:active,a:focus,a img {  outline: none;}


ul,ol { list-style: none; margin:0; padding:0; }
.tr { text-align: right; }
.tc { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.clear{ clear:both;}

.w1140{ width:1140px; margin:0 auto;}

.mt20{ margin-top:20px;}

.top{ width:1140px; margin:0 auto; height:100px;}
.top .logo{ width:620px; height:100px; float:left;}
.top .topR{ width:150px; float:right;}
.top .topR label{ color:#777; background:url(../images/telIcon.jpg) left center no-repeat; padding-left:20px; display:block; float:left;}
.top .topR span{ display:block; float:left; width:150px; font-size:18px; font-weight:bold; color:#f60; line-height:25px;}

.menuBg{ width:100%; background:#004cac; height:54px;}
.menu{ width:1140px; height:54px; margin:0 auto; padding:0px 0px;}
.menu ul li{ display:block; float:left; height:54px; line-height:54px; width:126px; }
.menu ul li a{ display:block; float:left; width:126px; height:54px; text-align:center; color:#fff; font-size:16px; text-decoration:none;}
.menu ul li a:hover{ background:#f60;}
.menu ul li a.hover{ background:#f60;}




/*---------- banner style ----------*/
.banner{ width:100%; height:460px; z-index:-9;}
.banner .abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1200px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:10px; list-style:none;background:#fff; width:12px;height:12px; margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#f60; cursor:pointer;}
.banner, .banner a {height:460px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}


.fwxm{ width:700px; float:left;}
.title1{ width:100%; border-bottom:solid 1px #d0d0d0; height:50px; line-height:50px; position:relative;}
.title1 span{ display:block; float:left; border-bottom:solid 3px #0066cc; font-size:26px; font-weight:bold; color:#0066cc; margin-top:-1px;}
.title1 label{ display:block; float:left; font-size:14px; color:#888; text-transform:uppercase; padding:0px 10px;}
.title1 a{ display:block; float:right; padding:0px 10px; color:#0066cc; text-decoration:none;}

.fwxmBox{ width:700px; display:block; float:left;}
.fwxmBox ul li{display:block; float:left; padding:20px 19px;width:280px; height:260px; border:solid 1px #eeeeee; margin-left:20px; margin-top:20px;}
.fwxmBox ul li .fwxmImg{ display:block; float:left; width:280px; height:130px;}
.fwxmBox ul li .fwxmTitle{ display:block; float:left; width:280px; font-size:18px; color:#313131; height:40px; line-height:40px;font-weight:bold; text-align:center;}
.fwxmBox ul li span{ display:block; float:left; width:280px; font-size:14px; line-height:28px; color:#989898;}

.hylx{ width:410px; float:right;}
.hylxBox{ width:410px; float:left; line-height:26px; font-size:12px; margin-top:20px; height:600px; overflow:hidden;}
.hylxBox b{ font-size:14px; color:#f00;}


.mio-about { padding:50px 0; background:#f3f3f3 url(../images/abg2.jpg) no-repeat center; background-size: cover; }
.container{ width:1140px; margin:0 auto;}
.row{ width:1140px; float:left;}
.col-md-5{ width:485px; float:left;}
.col-md-7{ width:620px; float:right;}
.mio-advantage {padding-top: 50px;margin-top: 50px;border-top: #fff 1px dashed; width:1140px; float:left;}

.mio-about img { width: 100%; border:#fff 5px solid; }
.mio-about h2 { margin: 0 0 20px 0; font-weight:bold; color:#fc0; font-size:2em; }
.mio-about .mio-intro { color:#fff; line-height:25px; }
.mio-about .slideBox{ position:relative; overflow:hidden; margin:0 auto; width:100%; border:#fff 2px solid; }
.mio-about .slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:10px; right:15px; z-index:1; }
.mio-about .slideBox .hd li{ display:inline-block; width:18px; height:18px; background:#333; margin:0 3px; text-align:center; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:0.85em; }
.mio-about .slideBox .hd li.on{ background:#f80;  }
.mio-about .slideBox .bd{ position:relative; z-index:0; }
.mio-about .slideBox .bd li{ position:relative; text-align:center;  }
.mio-about .slideBox .bd li img{ background:url(loading.gif) center center no-repeat;  vertical-align:top; width:475px; height:283px;}
.mio-about .slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.mio-about .mio-vmore a { width: 140px; line-height:40px; text-align:center; background-color: #fc0; color:#333; display:block; margin-top:20px; }
.mio-about .mio-vmore a i { margin-left: 10px; }
.mio-about .mio-vmore a:hover { background-color:#f80; color:#fff; }


.mio-advantage { padding-top:50px; margin-top:50px; border-top:#fff 1px dashed; }
.mio-advantage h2 { text-align:center; color:#fff; font-weight:bold; font-size:2em; margin:0 0 30px 0; }
.mio-advantage h2 span { display:block; color:#fff; font-size:0.5em; font-weight: normal; font-family:Arial, Helvetica, sans-serif; padding-top:10px; text-transform:uppercase; }
.mio-advantage .row span { display: block; width: 130px; height:130px; border-radius:120px; color:#fff; background-color:#0066cc; }
.mio-advantage .row span i { font-size:3em; display:block; text-align:center; line-height:100px; height:80px; overflow:hidden; }
.mio-advantage .row span em { font-style: normal; display:block; text-align:center; }

..mio-advantage { padding-top:50px; margin-top:50px; border-top:#fff 1px dashed; }
.mio-advantage h2 { text-align:center; color:#fff; font-weight:bold; font-size:2em; margin:0 0 30px 0; }
.mio-advantage h2 span { display:block; color:#fff; font-size:0.5em; font-weight: normal; font-family:Arial, Helvetica, sans-serif; padding-top:10px; text-transform:uppercase; }
.mio-advantage .row span { display: block; width: 130px; height:130px; border-radius:120px; color:#fff; background-color:#0066cc; margin:0px 30px;}
.mio-advantage .row span i { width:60px; height:80px;display:block; margin:0 auto; margin-top:17px;overflow:hidden; }
.mio-advantage .row span i img{ border:none; margin-top:20px;}
.mio-advantage .row span em { font-style: normal; display:block; text-align:center; }

.col-md-2{ width:190px; display:block; float:left;}

.xwzx{ width:1140px; float:left;}
.title2{ width:100%; margin:10px 0px;}
.title2 span{ display:block; float:left; text-align:center; width:100%; font-size:26px; font-weight:bold; color:#0066cc; height:35px; line-height:35px;}
.title2 label{ display:block; float:left; width:100%; text-align:center; color:#888; font-size:14px; line-height:30px; text-transform:uppercase;}

.xwzxMain{ width:1140px; float:left; margin-top:20px;}
.xwzxMain ul{ width:1180px; margin-left:-40px;}
.xwzxMain ul li{ width:550px; float:left; margin-left:40px; height:120px; margin-top:20px;}
.xwzxMain ul li .xwzxImg , .xwzxMain ul li .xwzxImg img{ width:210px; height:120px; display:block; float:left;}
.xwzxMain ul li .xwzxBox{ width:320px;  float:right;}
.xwzxMain ul li .xwzxBox a{ display:block; float:left; width:320px; height:25px; line-height:25x; font-size:16px; color:#444; font-weight:bold;}
.xwzxMain ul li .xwzxBox a:hover{ color:#f60;}
.xwzxMain ul li .xwzxBox span{ display:block; float:left; width:320px; color:#777; margin:10px 0px 5px 0px; line-height:20px; height:60px; overflow:hidden;}
.xwzxMain ul li .xwzxBox  label{ font-size:12px; background:url(../images/dateIcon.jpg) left center no-repeat; padding-left:20px; color:#999;}

.xwzx .mio-vmore a { width: 140px; line-height:40px; text-align:center; background-color:#0066cc; color:#fff; display:block; margin:40px auto 20px auto; }
.xwzx .mio-vmore a i { margin-left: 10px; }
.xwzx .mio-vmore a:hover { background-color:#f80; }

.yqlj{ width:1140px; float:left;border-top:#ddd 1px solid;padding-top: 30px;}
.yqlj h3{color: #999;font-size: 1em;background: url(../images/link.gif) no-repeat left top;height: 45px;padding-left: 100px; margin-top: 0;line-height: 25px;}

.yqlj li { display: inline; margin: 0 6px 0 0; }
.yqlj a { color:#999; }
.yqlj a:hover { color:#333; }


.footBg{ width:100%; background:#222; margin-top:40px; padding:30px 0px;}
.footBg .footBox1{ width:120px; float:left; margin-right:60px;}
.footBg .footBox1 label{ display:block; float:left; width:120px; color:#fff;}
.footBg .footBox1 ul{ display:block; float:left; width:120px; margin-top:20px;}
.footBg .footBox1 ul li{ display:block; float:left; width:100%; line-height:30px;}
.footBg .footBox1 ul li a{ color:#9c9d9e;}

.footBg .footBox2{ width:400px; margin-right:40px; float:left;}
.footBg .footBox2 label{ display:block; float:left; width:400px; color:#fff;}
.footBg .footBox2 ul{ display:block; float:left; width:400px; margin-top:20px;}
.footBg .footBox2 ul li{ display:block; float:left; width:200px; line-height:30px;}
.footBg .footBox2 ul li a{ color:#9c9d9e;}

.footBg .footBox3{ width:330px; float:right;}
.footBg .footBox3 label{ display:block; float:left; width:330px; color:#fff;}
.footBg .footBox3 span{display:block; float:left;color:#9c9d9e;width:330px; margin-top:20px; line-height:30px;}

.copyright{width:100%; background:#0b0b0b; height:40px; line-height:40px; color:#fff;}
.copyright a{ color:#fff;}



.page{ width:1140px; margin:0 auto;}
.page .pageL{ width:202px; float:left;}
.sub-nav{ width:202px; float:left; margin-top:20px;}
.sub-nav dl{ margin:0 auto;  padding:0px 0px; float:left; display:block;border:1px solid #d3d3d3; border-top:none; width:200px;}
.sub-nav dl dt{width:200px;height:61px;border-top:solid 3px #0066cc;float:left;}
.sub-nav dl dt h2{color:#0066cc;font:normal 22px/22px "微软雅黑";padding:0px 0px 0px 35px;}
.sub-nav dl dt span{color:#FFF;font:normal 18px/18px Arial, Helvetica, sans-serif;padding:12px 0px 0px 35px;display:block;}
.sub-nav dl dd{width:200px;height:49px;border-top:none; float:left; margin-left:0px;}
.sub-nav dl dd a{color:#313131;display:block;font:normal 14px/49px "微软雅黑";text-indent:34px;  -webkit-transition:all 0s ease;background:url(../images/sub-dd-icon.png) no-repeat 149px center; }
.sub-nav dl dd a:hover{display:block;background:url(../images/sub-dd-iconH.png) #0066cc no-repeat 149px center;color:#fff;}
.sub-nav dl dd a.this{display:block;background:url(../images/sub-dd-iconH.png) #0066cc no-repeat 149px center;color:#fff;}
.lianxi{width:202px;height:107px; float:left;background:url(../images/lianxi-pic.png) no-repeat top center;margin:20px 0px 50px 0px;display:block;}



.sub-nav ul{ width:200px; display:block; float:left; padding:0px 0px; margin:0px 0px;border:1px solid #d3d3d3;border-top:none;}
.sub-nav ul li{ float:left; width:157px;padding-bottom:2px; height:28px; line-height:28px; padding-left:43px; background:url(../images/libg1.png) 40px 13px no-repeat;}
.sub-nav ul li a{ color:#333; padding-left:9px;font-family:"微软雅黑";}
.sub-nav ul li a:hover{ color:#C4261D;}
.sub-nav ul li a.newsbodyllia{ color:#C4261D;}


.page .pageR{ width:900px; float:right; border:solid 1px #e2e2e2; border-top:solid 3px #0066cc; min-height:365px; margin-top:20px;}
.right-title{width:870px; height:44px; border-bottom:solid 1px #e2e2e2; background:#f5f5f5; padding:0px 15px;}
.right-title h2{display:block; float:left; font-size:18px; color:#0066cc; line-height:44px; margin:0px 0px;}
.right-title p{color:#acacac;font:normal 14px/14px "微软雅黑";float:right;margin:16px 0px 0px 0px;}
.right-title p a{color:#acacac;}
.right-title p a:hover{text-decoration:underline;}
.right-title p span{color:#0066cc;}


/*in_about*/

.in_con{width:870px;height:100%;overflow:auto;float:left; padding:10px 15px;}
/*about*/
#in_about{float:left;display:block;margin-bottom:20px;width:870px;height:auto;text-align:left;line-height:30px;}



/*-----news----*/

#in_news{ width:870px; float:left;}
#in_news ul li{ width:870px; float:left;height:120px; margin-top:20px; border-bottom:dashed 1px #ccc; padding-bottom:20px;}
#in_news ul li .xwzxImg , #in_news ul li .xwzxImg img{ width:210px; height:120px; display:block; float:left;}
#in_news ul li .xwzxBox{ width:640px;  float:right;}
#in_news ul li .xwzxBox a{display:block; float:left; width:640px; height:25px; line-height:25px; font-size:16px; color:#444; font-weight:bold;}
#in_news ul li .xwzxBox a:hover{ color:#f60;}
#in_news ul li .xwzxBox span{ display:block; float:left; width:640px; color:#777; margin:10px 0px 5px 0px; line-height:20px; height:60px; overflow:hidden;}
#in_news ul li .xwzxBox  label{ font-size:12px; background:url(../images/dateIcon.jpg) left center no-repeat; padding-left:20px; color:#999;}

.pageNav{ width:100%; clear:both; margin:30px 0px; text-align:center;}

/*-----服务项目------*/
#in_project{width:900px; float:left; padding:0px 0px;}

#in_project ul li{display:block; float:left; padding:12px 12px;width:260px; height:260px; border:solid 1px #eeeeee; margin-left:10px; margin-top:20px;}
#in_project ul li .fwxmImg{ display:block; float:left; width:260px; height:120px;}
#in_project ul li .fwxmImg img{ width:260px; height:120px;}
#in_project ul li .fwxmTitle{ display:block; float:left; width:260px; font-size:18px; color:#313131; height:40px; line-height:40px;font-weight:bold; text-align:center;}
#in_project ul li span{ display:block; float:left; width:260px; font-size:14px; line-height:26px; color:#989898;}



/*---产品展示----*/

#in_pro{ width:900px; float:left; padding:0px 0px;}
#in_pro ul{ width:900px; float:left;}
#in_pro ul li { width:204px; float:left; margin:15px 0px 0px 16px;}
#in_pro ul li  .anliImg1 img{ width:200px; height:145px; border:solid 2px #e2e2e2; display:block; float:left;}
#in_pro ul li  .anliTxt1{  width:204px; float:left; height:25px; text-align:center;line-height:25px; font-size:14px;overflow:hidden;}

.titletxt{font-size:24px; text-align:center; line-height:46px; height:56px; margin-bottom:10px; font-weight:bold; width:860px;  border:none; border-bottom:1px #CCCCCC dashed; display:block;}
.subtxt{width:835px; height:20px; font-size:12px; line-height:20px; text-align:center;margin-bottom:10px; margin-left:10px;}
.perNext{width:835px; height:auto; font-size:12px; line-height:20px; text-align:left;margin-bottom:10px; margin-left:10px;}