body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{ margin: 0; padding: 0; }
html{ margin: 0; padding: 0; font-size:14px;}
html,body{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
    font-family:'Microsoft YaHei';
}
ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#2b292f;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
img{/*display:block;border: 0; */ font-size:0;}
body {color:#444; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }
.section{width: 1200px; margin: 0 auto;}
.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.ml{margin-left: 2%;}
.h67{width: 100%; height: 67px;}
.m-menu{width: 96%; border-bottom: 1px solid #dedede; padding: 10px 2%; overflow: hidden;position: fixed;z-index: 999; background: #fff;    box-shadow: 0 0 20px rgba(0, 0, 0, .2); }
.m-menu .m-logo{width: 20%;float: left;}
.m-menu .m-nav{width: 900px;float: left;}
.m-menu .m-nav ul{width: 100%; }
.m-menu .m-nav ul li{width:14.25%;height: 46px; text-align: center; float: left;font-size: 16px;font-weight: bold;}
.m-menu .m-nav ul li a:hover{color: #000;}
.m-menu .m-nav ul li span{display: block; width: 100%; height: 44px; line-height: 44px;}
.m-menu .m-nav ul li em{display: block; width: 2px; height: 2px; background: #fff; margin: 0 auto; }
.m-menu .m-nav ul li a:hover span{ color: #2657b2;}
.m-menu .m-nav ul li a:hover em{ width: 100%;background: #2657b2; transition: width 1s;}
.m-menu .t-icon{width: 72px; float: right; display: none;}
.m-menu .t-icon a{display: block; width: 26px; height: 26px; margin: 10px 5px;float: left;}
.m-menu .t-icon .s{display: block; background:url(../images/s-icon.jpg); }
.m-menu .t-icon .t{display: block;background:url(../images/t-icon.jpg);}

/*ban*/
.ban{width: 100%; height: 230px;text-align: center;}
.ab-ban{background: url(../images/ab-ban.jpg) no-repeat center center;}
.cp-ban{background: url(../images/ab-ban.jpg) no-repeat center center;}
.hz-ban{background: url(../images/hz-ban.jpg) no-repeat center center;}
.yy-ban{background: url(../images/yy-ban.jpg) no-repeat center center;}
.con-ban{background:url(../images/con-ban.jpg) no-repeat center center;}
.news-ban{background:url(../images/news-ban.jpg) no-repeat center center;}
.ban img{max-width: 100%;}

/*main-about*/
.main-about{width:100%; margin:0 auto; background: #f7f7f7;  overflow: hidden;  }
.main-about h2{font-size: 36px; color: #333; text-align: center; margin-top: 50px;}
.main-about .ab-con{width: 100%;padding: 40px 0;  color: #666;font-size: 16px;line-height: 30px; text-indent: 2em; }
.main-about .ab-con p{padding: 10px 0;}
.main-about .ab-img{width: 100%; }
.main-about .ab-img img{max-width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-about .ab-img:hover{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}

.digital{width: 100%; overflow: hidden; color: #444;}
.mumping_mun li{width: 380px;display: inline-block; vertical-align:top;margin: 30px auto;}
.mumping_mun{width: 100%;list-style: none; text-align: center;}
.mumping_mun em{display: block; width: 40px; margin:auto; height: 2px; background: #ea7515;}
.mumping_mun p{ width:250px;font-size: 20px; margin:0 auto;display: block;clear: both; padding: 10px 0;}
.mumping_mun h2{font-size: 75px;font-weight: bold;text-align: center; color: #183885; font-family: Arial;}

.department{width:100%;padding:60px 0;}
.department h2{font-size: 36px; color: #333; text-align: center;}
.department ul{width: 100%;font-size: 0; margin-top: 30px; overflow: hidden;}
.department ul li{width:18%; margin: 0 1%; display: inline-block; *zoom: 1; *display:inline;}
.department ul li img{max-width:100%;border:3px solid #eeeeee;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.department ul li:hover{transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}
.department .more{display: block; width: 180px; height: 40px; line-height: 40px; margin: 20px auto; text-align: center;  border-radius: 5px;background: #183885; color: #fff;}
.certified{width: 100%; padding: 50px 0;}
.certified img{ margin: 50px auto;}

/*main-news*/
.main-news{width: 100%; padding:60px 0; background: #f7f7f7; overflow: hidden;}
.main-news h2{font-size: 36px; color: #333; text-align: center;}
.news-class{width: 100%;margin:20px auto; overflow: hidden;}
.news-class ul{ width:35%;  background:#eee; }
.news-class ul li{ width:46%; margin-right:4%;  height:40px; line-height:40px; text-align: center; float: left; }
.news-class ul li a{display:block;color:#fff; background: #183885; font-size:16px; border: 1px solid #eee;box-sizing: border-box;  }
.news-class ul li a:hover{background: #0f2969; color: #fff;}
.main-news dl{width:94%; padding:30px 3%; background: #fff; margin: 30px 0; overflow: hidden; box-shadow: 0 0 20px rgba(143, 143, 143, .2); }
.main-news dl a{width:100%; display: block;color: #666666;}
.main-news dl dt{width:20%; max-height: 235px; overflow: hidden; float: left;}
.main-news dl dt img{max-width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s; opacity: 0.9;}
.main-news dl dd{width: 77%;  float: left; margin-left: 3%;}
.main-news dl dd h4{ font-size:24px; height:30px; line-height: 30px;  overflow: hidden; color: #121212; }
.main-news dl dd p{ font-size: 14px; line-height: 25px; text-indent: 2em; }
.main-news dl dd h5{display: block;  font-size: 14px;color:#b4b4b4;width:165px; line-height: 30px; text-align: center;z-index: 9999; background: url(../images/case31.png) no-repeat left center; padding-left:18px; margin: 5px 0 2px 0;}
.main-news dl dd span{color: #183885;}
.main-news a:hover h4{color: #183885; }
.main-news a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}
.main-news .news-fl{ width: 70%;float: left;}
.main-news .news-fl .news-title{ font-size: 30px; color: #000;line-height: 30px;padding-bottom: 5px;  }
.main-news .news-fl .news-time{width: 100%; font-size: 14px;padding: 20px 0;border-bottom: 1px solid #bebdbd; color: #949494; }
.main-news .news-fl .n-news-content{width: 100%;font-size: 14px; line-height: 28px; color: #444;margin: 30px 0;}
.main-news .news-fl .bot-paging{width: 100%; padding-top: 25px; border-top: 1px solid #f2f2f2; line-height: 30px; font-size: 14px;color: #666;}
.main-news .news-fl .bot-paging a{color: #999;}
.main-news .news-fr{width: 25%;float: right; background: #fff;}
.main-news .news-fr h2 {font-size: 22px; color: #fff;line-height: 55px; text-align: left; text-indent: 2em; background: #666 url(../images/icon33.png) no-repeat 15px 18px; }
.main-news .news-fr ul{width: 94%; margin:0 auto;}
.main-news .news-fr ul li{width: 100%;}
.main-news .news-fr ul li a{ display: block; width: 88%; border-bottom: 1px solid #f1f1f1;  font-size: 16px;color: #666;  line-height: 26px;padding: 7px 0 7px 12%;    background: url(../images/case23.png) no-repeat 13px 17px; }
.main-news .news-fr .more{display:block;width: 88%; height: 55px;  line-height: 55px;  background: #183885 url(../images/news04.png) no-repeat 80% center; color: #fff;  font-size: 18px;  padding: 0 0 0 12%; transition: background .3s, color .3s, padding .3s; margin-top: 15px;}


/*main-app*/
.main-app{width: 100%; padding:60px 0; background: #f7f7f7; overflow: hidden;}
.main-app h2{font-size: 36px; color: #333; text-align: center;}
.main-app h4{font-size: 25px; color: #222; border-bottom: 1px solid #ddd; padding: 10px 0; margin: 30px 0;}
.main-app ul{width: 100%; overflow: hidden;}
.main-app ul li{width: 49%;  margin-top: 20px; height: 241px; overflow: hidden; margin-bottom: 20px;  float: left;position: relative;}
.main-app ul li img{max-width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-app .app-dl{width:100%; height:100%;position: absolute; top: 0; background: rgba(0,0,0,.6);}
.main-app .app-dl dl{width:80%; margin: 40px 10% 0 10%;}
.main-app .app-dl dl dt{width:18%; float: left;}
.main-app .app-dl dl dd{width:82%; float: left; color: #fff;}
.main-app .app-dl dl dd span{display:block; width: 100%; padding-bottom: 10px; font-size: 20px;}
.main-app .app-dl dl dd p{ line-height: 24px; font-size: 14px; background: url("../images/case25.png") no-repeat 0 8px; padding-left: 14px;}
.main-app ul li:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}

.main-product{width: 100%; padding:60px 0; background: #f1f1f1; overflow: hidden;}
.main-product h2{font-size: 36px; color: #333; text-align: center;}
.main-product h3{font-size: 25px; color: #222; /*border-bottom: 1px solid #ddd; padding: 10px 0; margin: 30px 0;*/}
.main-product ul{width: 100%; margin-top: 30px;}
.main-product ul li{width:29%; margin:10px 2%; display: inline-block; vertical-align: top;}
.main-product ul li a{display: block; width:100%; height:100%;background: #ccc!important;}
.main-product .product-img{width: 100%; height: 230px; overflow: hidden;}
.main-product ul li img{width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-product ul li h4{font-size: 17px; line-height: 50px; text-align: center;}
.main-product ul li a:hover{background: #183885; color: #fff !important;;}
.main-product ul li a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}
.main-product .product-main{width: 100%;}
.main-product .cp-pic{width: 50%; padding: 20px 0; float: left;}
.main-product .cp-pic img{max-width: 100%;}
.main-product .cp-con{width: 50%; padding: 10px 0; float: left;}
.main-product .cp-con ul{width: 100%;}
.main-product .cp-con ul li{width: 98%; font-size: 16px; line-height:30px; background: url(../images/case24.png) no-repeat 0 12px; padding-left: 2%;}

.news-product{width: 100%; padding:60px 0; background: #f1f1f1; overflow: hidden;}
.news-product h2{font-size: 36px; color: #333; text-align: center;}
.news-product h3{font-size: 25px; color: #222; /*border-bottom: 1px solid #ddd; padding: 10px 0; margin: 30px 0;*/}
.news-product p{padding: 18px; line-height: 22px; color: #404040; margin: 0 auto; background-color: #f1f1f1;}
.news-product ul{width: 100%; margin-top: 30px;}
.news-product ul li{width:29%; margin:10px 2%; display: inline-block; vertical-align: top; border: 1px solid #e0e0e0;}
.news-product ul li a{display: block; width:100%; height:100%;background: #ccc!important;}
.news-product .product-img{width: 100%; height: 230px; overflow: hidden;}
.news-product ul li img{width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.news-product ul li h4{font-size: 17px; line-height: 39px; text-align: center; background-color: #ececec;}
.news-product ul li a:hover{background: #183885; color: #fff !important;;}
.news-product ul li a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}
.news-product .product-main{width: 100%;}
.news-product .cp-pic{width: 50%; padding: 20px 0; float: left;}
.news-product .cp-pic img{max-width: 100%;}
.news-product .cp-con{width: 50%; padding: 10px 0; float: left;}
.news-product .cp-con ul{width: 100%;}
.news-product .cp-con ul li{width: 98%; font-size: 16px; line-height:30px; background: url(../images/case24.png) no-repeat 0 12px; padding-left: 2%;}

.arctic{width: 100%; padding:30px 0; background: #f1f1f1; overflow: hidden;}
.arctic h2{font-size: 36px; color: #333; text-align: center;}
.arctic h3{font-size: 20px; color: #222; /*border-bottom: 1px solid #ddd; padding: 10px 0; margin: 30px 0;*/}
.arctic ul{width: 100%; margin-top: 30px;}
.arctic ul li{width:29%; margin:10px 2%; display: inline-block; vertical-align: top;}
.arctic ul li a{display: block; width:100%; height:100%;background: #ccc!important;}
.arctic .product-img{width: 100%; height: 230px; overflow: hidden;}
.arctic ul li img{width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.arctic ul li h4{font-size: 17px; line-height: 50px; text-align: center;}
.arctic ul li a:hover{background: #183885; color: #fff !important;;}
.arctic ul li a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}
.arctic .product-main{width: 100%;}
.arctic .cp-pic{width: 100%; padding: 20px 0; float: left;}
.arctic .cp-pic img{max-width: 100%;}
.arctic .cp-con{width: 50%; padding: 10px 0; float: left;}
.arctic .cp-con ul{width: 100%;}
.arctic .cp-con ul li{width: 98%; font-size: 16px; line-height:30px; background: url(../images/case24.png) no-repeat 0 12px; padding-left: 2%;}
/*main-hz*/
.main-hz{width: 100%; padding:60px 0; background: #f1f1f1; overflow: hidden;}
.main-hz h2{font-size: 36px; color: #333; text-align: center;}
.main-hz ul{width: 100%; margin-top: 30px; font-size: 0;}
.main-hz ul li{width:16%; margin:10px 2%; display: inline-block; vertical-align: top;}
.main-hz ul li a{display: block; width:100%; height:100%;}
.main-hz ul li img{max-width: 100%; border-radius: 8px; border: 1px solid #999;}
.main-hz ul li h4{font-size: 15px; line-height: 40px; text-align: center;}
/*main-contact*/
.main-contact{width:100%; overflow: hidden; margin:45px 0  60px 0;}
.main-contact h1{ font-size: 18px;  color: #555;  font-weight: normal;  padding: 5px 0;}
.main-contact ul{width: 100%; overflow: hidden; margin: 50px 0; border-top: 1px solid #eee;}
.main-contact ul li{width: 27%; float: left; border-right: 1px solid #eee; padding: 30px 3%}
.main-contact ul li h3{font-size: 25px; padding: 15px 0 20px 0; color: #000; }
.main-contact ul li p{font-size: 15px; line-height: 30px;color: #444;}
.main-contact ul li:last-child{border: 0;}


.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0px; text-align:center;}
.qt-pagination a{background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px;  height: 30px;   line-height: 30px;   display: inline-block;   text-align: center;}
.qt-pagination  .pages{ background:#183885; color:#fff;}
.copyright { background: #302f2f; width: 100%; height: 195px; text-align: center; font-size:12px; padding: 30px 0; color: #fff;z-index: 10; }
.copyright a{ color: #fff;}