@charset "utf-8";
/* CSS Document */
/*reset*/
*,
*:before,
*:after {
   -ms-touch-action: pan-y;  /*  站点支持触屏*/
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉元素被点击时背景框的颜色*/
   -moz-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-box-sizing:border-box;  /*传统模型*/
	-moz-box-sizing:border-box;box-sizing: border-box;margin:0;padding:0;font-family:;}
body,html{-ms-overflow-style: none !important;width:100%;height:100%;/*overflow-x: hidden;*/background:#ffffff;}
body {-webkit-text-size-adjust: none;font-family:"微软雅黑", Arial ;display: -webkit-box;                 /*盒模式，控制父容器里面子元素的排列方式、排列顺序、垂直（水平）对齐方式*/-webkit-box-orient: vertical;-webkit-box-align: stretch;color:#444444;}
input,textarea {-webkit-user-select: text;-moz-user-select: -moz-text;-moz-user-select: text;}
img {border: none;}
p {display: block;color: inherit;}
ul,li,dl,dt,dd{list-style:none;}
img{max-width:100%;border:0;}
.clear{float:none;clear:both;width:0;height:0;border:0;display:block;font-size:0;background:none;visibility:hidden;overflow:hidden;}
a{color:#444444;text-decoration:none;outline:none;cursor:pointer;}
a:hover{color:#0059a9; text-decoration:none; outline:none;}
/*font*/
@font-face{font-family:"iconfont";src:url('../other/iconfont.woff') format('woff'),url('../other/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.header{position: relative; z-index: 10; background:url(../images/header.jpg) repeat-x 0px 0px; background-size:1.6%; text-align:center; padding:2.5% 0 3% 0;}
.header1{position: relative; z-index: 10; text-align:center; color:#ffffff; font-weight:bold; font-size:2.0em; background:url(../images/header.jpg) repeat-x 0px 0px; background-size:1.5%; padding:4% 0 5% 0;}
/*common module*/
.logo{display:block;width:78%;margin-left:5%;text-align:center;margin-top: 0}
/*left-btn 返回/搜索*/
.cbtn-search,.cbtn-back{position:absolute;left:5%;top:38%;width:40px;height:27px;display:block;color:#ffffff;font:2.8em/2.2;text-align:center;cursor:pointer;}
.cbtn-search:visited,.cbtn-back:visited{color:#fffff4;}
/*banner*/
.banner{position: relative;width: 100%;}
/*srch*/
.srch{position:absolute;left:0; top: 0;z-index: 99999999;width:90.625%; margin: 1.5% 4.6875%;font-size:1.625em;-webkit-appearance:none;display: none;background: #0064a6;border-radius: 5px;}
.srch-txt{width:100%; border:none;color:#ffffff;font:0.75em/2.6 ; text-indent: 1em;border-radius: 5px;background:#0064a6;cursor:pointer;-webkit-appearance:none;}
.srch-txt::-webkit-input-placeholder{color:#c9e6f9;}
.srch-sub{position:absolute;top:0;right:0;width:17%;height:100%;border:none;border-radius: 5px;color:#c9e6f9;font:2em/1 ;text-align:center;background:#0064a6;cursor:pointer;-webkit-appearance:none;}
/*module slide banner 幻灯片效果*/
.mod-slide{position:relative;visibility:hidden;overflow:hidden;}
.slide-in{position:relative;overflow:hidden;}
.slide-in > div{position:relative;float:left;width:100%;font-size:0;text-align:center;}
.slide-in > div img{display:inline-block;}
.slide-pos{position:absolute;left:0;bottom:1.0em;z-index:9999;width:100%; padding:1% 0 0 0;text-align:center;}
.slide-pos li{width:2em; height:0.2em; margin:0 0.4em; display:inline-block;background:#fff;}
.slide-pos li.on{background:#133169;}
.slide{width:100%;margin:0 auto;}
.inav{width: 93.75; padding: 3% 3.125% 0 3.125%;background: #bbdcf5;}
.inav a{float:left;width: 25%; display: block; padding-top:20% ;color:#5ba1d6;font:1.375em/2.3 ;text-align:center;background: #ffffff;}
.inav a:visited{color:#5ba1d5;}
.inav .inavBg1{background: url(../images/nav01.jpg)  center 27% no-repeat  #ffffff;background-size:66.667% ;}
.inav .inavBg2{background: url(../images/nav02.jpg)  center 27% no-repeat #ffffff;background-size:66.667% ;}
.inav .inavBg3{background: url(../images/nav03.jpg)  center 27% no-repeat #ffffff;background-size:66.667% ;}
.inav .inavBg4{background: url(../images/nav04.jpg)  center 27% no-repeat  #ffffff;background-size:66.667% ;}
.menu_nav{ }
.menu_nav li{ float:left; width:25%; text-align:center; padding:1% 0 0 0;}
.menu_nav li a{ color:#ffffff;}
.pro1T{ background:#2268ae;width: 100%;height: 40px;line-height: 40px;overflow: hidden;}
.pro1T li{float: left;text-indent: 10px}
.pro1T li a{color: #fff;font-size: 16px;}
.pro1T span{float: right;margin-right: 8px}
.pro1T span a{color: #fafafa}
.proT{ background:#155b9d; padding:2.5% 2%;}
.proTL{ float:left; font-weight:bold; font-size:1.4em; color:#ffffff;}
.proTR{ float:right; font-size:1.2em;}
.proTR a{color:#ffffff;}
.proTR a:hover{color:#b4dbff; text-decoration:none; outline:none;}
.pro{ clear:both;}
.pro li{float:left; width:33.333%; text-align:center; margin-top:2.5%;}
.pro li a{ color:#171717;font-size: 1.15rem}
.pro li a:hover{color:#0059a9; text-decoration:none; outline:none;}
.pro li img{border:1px solid #7e7b78; margin-bottom:5%; width:96%;}
.pro li p{width: 100%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list_pro{}
.list_pro li{ border-bottom:1px dashed #b0b0b0; clear:both; padding-left:1%; padding-top:10px; height:auto;overflow: hidden;padding-bottom: 10px}
.list_pro li a{ color:#171717;}
.list_pro li a:hover{color:#0059a9; text-decoration:none; outline:none;}
.img{float:left; width:35%;}
.img img{ border:2px solid #cddcea; border-radius:3px;width: 98%;height: auto !important; margin-top: 5px}
.font{ float:left; width:56%; padding:0 3%; line-height:30px;}
.font h4 a{ color:#171717;font-size: 1.2rem}
.font h4 a:hover{color:#0059a9; text-decoration:none; outline:none;}
.font p{font-size: 1.2rem;line-height: 1.8rem}
.more{ float:left; margin-top:50px;}
.newsT{ margin-top:5%; border-bottom:1px solid #d7dee4;}
.newsT li{ float:left; height:28px; padding:0px 5px; margin-right:5px; font-size:16px;}
.newsT li a{color:#000000; height:28px; font-size:16px; font-weight:100; border:none;}
.newsT span{float: right;margin-right: 8px}
.lihover{ background:url(../images/bg_li.jpg) repeat-x left bottom; padding-bottom:11px;}
.news{padding:0 1.5% 1% 1.5%;}
.news li{border-bottom:1px dashed #b0b0b0; clear:both; height:44px; line-height:44px;}
.news li a{width: 80%; float:left; background:url(../images/ico.jpg) no-repeat 0px 19px; padding-left:1.5%; color:#555555;font-size: 1.15rem;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news li a:hover{color:#0059a9; text-decoration:none; outline:none;}
.news li span{ float:right; color:#555555;}
.caseT{color:#000000;margin-top:5%;border-bottom: 1px solid #d7dee4;height: 29px}
.caseT li{float: left;height: 28px;padding: 0px 5px;margin-right: 5px;font-size: 16px;}
.caseT span{float: right;margin-right: 8px}
.case{ padding:3% 0;}
.case li{ float:left; width:33.333%; text-align:center; margin-bottom:2%;}
.case li a{font-size: 1.15rem}
.case li img{ width:96%; margin-bottom:2%;}
.case_list{padding:3% 0;}
.case_list li{ float:left; width:50%; text-align:center; margin-bottom:2%;}
.case_list li img{ width:96%; margin-bottom:2%;}
footer{position:relative;}
/*首页简介*/
.aboutT{ margin-top:5%; border-bottom:1px solid #d7dee4;}
.aboutT li{ float:left; height:28px; padding:0px 5px; margin-right:5px; font-size:16px;}
.aboutT li a{color:#000000; height:28px; font-size:16px; font-weight:100; border:none;}
.aboutT span{float: right;margin-right: 8px}
.about{padding:3% 1.8%;}
.about p{line-height: 1.9rem;font-size: 1.3rem}
/* navfoot */
.navFoot{width: 90%; margin-left:3.125%; padding-top: 3.125%;}
.navFoot a{float:left;width: 20%; display: block; border-right:0.3em solid #ffffff;color:#fff;font:1.375em/2.2 ; text-align: center;background: #79b8e8;transform: skew(35deg);-webkit-transform: skew(35deg);transform-origin: left top;-webkit-transform-origin:left top;}
.navFoot a:visited{color:#fffffe;}
.navFoot li:nth-child(2n) a{background: #0059a9;}
.navFoot li:last-child a{ margin-right: 0%;}	
.navFoot  span{ display: block; transform: skew(145deg);-webkit-transform: skew(145deg);}
.copy{width: 100%;color:#4b4b4b;font:normal 1.375em/2 ; text-align: center; clear:bothl}
.copy a{color:#4b4b4b;}
.copy a:visited{color:#535352;}
/*one-touch  foot 按钮*/
.one-touch{width:100%;background:#404040; background-size:100% ;color:#ffffff;font-size:1.5em !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;padding:2% 0;}
.one-touch a{float:left;width:25%;padding:0.1em 0;display:block;color:#ffffff;text-align:center;cursor:pointer;}
.one-touch a:visited{color:#ffffff;}
.one-touch a > span{display:block;font:0.4em/1;}
.one-touch .iconfont{font:2em/5;}
/*nav  右导航*/
#rightnav{ display: none;}
#pageslide {display:none;width:22.25em;height:100%;background:#0f2a5d;position: fixed;top: 0; z-index: 999999;}
.rightnav{z-index:9999 !important;width:22.25em !important;height:100%;background:#0064a6;/*box-shadow: 10px 0 10px rgba(0, 0, 0,0.3 ) inset;*/}
.rightnav > *{ padding-top:0.8em; width: 74%; margin: 0 auto; border-bottom: 1px solid #005288;}
.nav-in a{color:#ffffff; font-size:1.5em; text-align: center;display:block;}
.nav-in a:visited{color:#fffffe;	}
.nav-in li{padding:0.8em 1.2em;overflow: hidden;border-bottom: 1px solid #107ac0;border-top: 1px  solid #005288;}
.nav-in li:first-child{border-top: none;}
/* end index module*/
/*right-btn 导航*/
.cbtn-nav{position:absolute;right:5%;top:40%;width:32px;height:22px;display:block;color:#ffffff;text-align:center;cursor:pointer;}
.cbtn-nav:visited{color:#ffffff;}
/*right-btn 导航*/
/*left-btn 返回/搜索*/
.all{min-height:630px;}
/*media query*/
@media screen and (min-width:640px){
.all{width:640px;margin:0 auto;	min-height:630px;}
.rightnav{width:22.25em !important;}
.afPopup{width:640px;}}
@media screen and (max-width:540px){body,html{font-size:16px;}}
@media screen and (max-width:480px){body,html{font-size:14px;}}
@media screen and (max-width:420px){body,html{font-size:12px;}}
@media screen and (max-width:360px){body,html{font-size:12px;}}
@media screen and (max-width:320px){body,html{font-size:10px;}}
.showT{ text-align:center; padding:1%; border-bottom:1px dashed #d2d2d2;}
.showT h1{ margin-bottom:1%; padding:1.5%;font-size: 1.4rem;line-height: 2rem}
.showT p{line-height: 2rem;font-size: 1rem}
.page-ph{margin-top: 15px;font-size: 1.4rem;line-height: 2rem;color: #E64B01}
.page-ph1{font-size: 1.4rem;line-height: 2rem;color: #E64B01;margin: 5px 0}
.page-ph2{font-size: 1.4rem;line-height: 2rem;color: #E64B01;margin-bottom: 15px}
.fanyet,.fanyeb{margin-bottom: 5px;line-height: 1.8rem;font-size: 1.2rem}
.show{padding:1.5%; line-height:2.0em; min-height:505px;padding-top: 3%}
.show td img{width: 96% !important;height: auto !important;padding:2px;border: 1px solid #ccc;margin: 4px 0}
.show p{font-size: 1.28rem;line-height: 2.2rem}
.show p span{font-size: 1.28rem !important;line-height: 2.2rem !important}
.show p img{width: 96% !important;height: auto !important;}
.page{padding:1%; line-height:2.0em; min-height:505px;}
.page td img{width: 96% !important;height: auto !important;padding:2px;border: 1px solid #ccc;margin: 4px 0}
.page p img{width: 96% !important;height: auto !important;}
.page p{font-size: 1.35rem;line-height: 2.4rem}
.page p span{font-size: 1.35rem !important;line-height: 2.4rem !important}
.btn{ width:50%; text-align:center; padding:3.99% 0; float:left; background:url(../images/bg_btn.jpg) no-repeat top center; background-size:85%; margin:3% 0;}
.btn a{ color:#ffffff;}
.share{min-height:505px;}
/*page pro  当前位置*/
.pproPositionHeight{position: relative;width:100%; padding-top: 1em;}
.pproPosition{position: relative;width: 33%;color:#ffffff;font:1.5em/2.5 "Arial";transform: skew(35deg);-webkit-transform: skew(35deg);transform-origin: left top;-webkit-transform-origin:left top;}
.posTitle{ position: absolute; left:-10%; top:0;display: block;padding-left: 25%;color:#ffffff; text-align: center;transform: skew(145deg);-webkit-transform: skew(145deg);background: #0059a9;}
/* pro  class分类 图标 */
.pproclass{/*position:absolute; z-index: 99;cursor:pointer;	width: 33%;right:1%;top:1em;*/background: #000000;}
.pproClass .pproClassMenu{position:absolute; z-index: 99;cursor:pointer;width: 33%;right:1%;top:20%;color:#ffffff;font:1.5em/2.5 "Microsoft Yahei"; border-left:0.5em solid #1d79cc;background: #0059a9;transform: skew(135deg);-webkit-transform: skew(135deg);transform-origin: left top;-webkit-transform-origin:left top;}
/*.pproClass  p{ position: absolute; right:0%; top:0%; padding-right: 0%; display: block; transform: skew(45deg);-webkit-transform: skew(45deg);background: #f98fd2;}*/
.pproClass .p{ position: absolute; width: 32%; right:0%; top:20%;z-index: 999; display: block; color:#ffffff;font:1.5em/2.5 "Microsoft Yahei"; /*transform: skew(145deg);-webkit-transform: skew(145deg);*/background: #0059a9; cursor:pointer;}
.pproClass .iconfont{color:#ffffff; font-size:1.375em; line-height: 1em;}
/*  proclass dl 页*/
.classList{position:absolute;z-index:999;right:0%;min-width: 50%;padding:0% 2%;color:#ffffff;font: normal 1.1em/2.2 "Microsoft Yahei";text-align:left;background:#0059a9;display:none;top:2.8em;}
.classList ul li{border-bottom: 1px solid #1d79cc;line-height:3.5rem;font-size: 1.6rem }
.classList ul li a{display: block;color:#ffffff;}
.classList ul li a:visited{color:#fffffe;}
#popup a{ font:10em; font-weight:bold; color:#ffffff;}
.list_case{ padding-top:3%;}
.list_case li{ float:left; width:50%; text-align:center;}
.list_case li img{ width:96%;}
/*2015.10.28新加*/
.flash{ padding:20px; text-align:center;}
.sproT{ background:url(../images/tit5.jpg) no-repeat 0px 0px; background-size:100%; color:#ffffff; font-size:1.0em; padding:2% 0 2% 1%;}
.showpro{padding:1%; line-height:2.0em;}
.showpro span{ width:50%; padding-left:3%;}
.btn1{ width:50%; text-align:center; padding:1% 0; float:left; background:url(../images/btn1.jpg) no-repeat top center; background-size:98%; margin:3% 0;}
.btn1 a{ color:#ffffff;}
.btn2{ width:50%; text-align:center; padding:1% 0; float:left; background:url(../images/btn2.jpg) no-repeat top center; background-size:98%; margin:3% 0;}
.btn2 a{ color:#ffffff;}
.btn3{ width:50%; text-align:center; padding:1.5% 0; float:left; background:url(../images/btn3.jpg) no-repeat top center; background-size:98%; margin:3% 0;}
.btn3 a{ color:#ffffff;}
.con7R{ width:350px; border-top:2px solid #b9b9b9;}
.text{ background:url(../images/text.jpg) no-repeat 0px 0px; border:none; width:240px; height:22px; height:22px; padding-left:3px; margin:10px 0px; float:left;}
.con7R span{ margin-left:5px;}
.w{ width:70px; float:left;  margin:12px 0px; clear:both;}
.text1{background:url(../images/text.jpg) no-repeat 0px 0px; border:none; width:73px; height:22px; height:22px; padding-left:3px; margin:10px 0px; float:left;}
.area{ float:left; background:#cfcfcf; border-top:2px solid #b4b4b4; border-bottom:none; border-left:1px solid #b4b4b4; border-right:none;}
.yzm{ width:70px; height:22px; float:left; margin:10px 5px;}
.a1{ float:left;margin:10px 5px;}
.btnm{ width:111px; height:36px; background:url(../images/tj.jpg) no-repeat 0px 0px; color:#ffffff; font-size:16px; float:left; margin-left:50px; border:none;}
.btnm1{ width:111px; height:36px; background:url(../images/ct.jpg) no-repeat 0px 0px; color:#ffffff; font-size:16px; float:left; margin-left:15px; border:none;}
/*页码*/
.pages{width:98%;padding:0 1%;margin-bottom:5px;position:relative; height:auto;COLOR:#333;FONT-SIZE:14px;overflow: hidden;}
.pages A:hover{background:#DDD;COLOR:#467fb4}
.pages ul{float:left;margin-top: 30px;}
.pages dd{position: absolute;left:1%;top:2px;}
.pages ul span{float:left;border:1px solid #DDD;margin-left:2px;FONT-WEIGHT:bold;margin-bottom:5px;}
.pages ul span a{padding:3px 10px;display: block;color: #333}
#current{padding:3px 10px;float:left;border:1px solid #DDD; background:#eee}