*{padding:0px; margin:0px;}
html {_overflow-y:scroll;height: 100%;}
/*****！！页面通用css样式定义开始******/
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body{
    font-family: Microsoft YaHei;    /*文字字体定义 */
	color: #6f6f6f; /*文字颜色定义 */
	height: 100%;
    max-width: 768px;
	margin: 0 auto;
	font-size: .25rem;
	}
/* 网站超链接css通用设置 */
a{text-decoration: none;} /* 链接无下划线,有为underline */ 
ul,li{list-style-type:none;}
img{border: 0px;max-width: 100%; display: block; margin: 0 auto}
.clear{clear:both; line-height:0; height:0; font-size:0px;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
*{box-sizing:border-box;}
/*整体色调*/
.pCol,.content .page a.select,.in_news ul li .time{background: #0c37af;}
.page{padding: 10px 0;}
/*公共部分（头部、底部）*/
/*头部*/

.banner{ padding-top: 1.4rem}
.header{ width:100%;height: 1.5rem;z-index: 100; position:relative; margin:0 auto; overflow: hidden;background: #FFF }
.logo{width: 80%;position: absolute; left: 10%; top: .2rem;z-index: 100; }
.logo img{ max-width: 100%; display: block; margin: 0 auto}
.header .fr{float: right;width: 36%; margin: .3rem 0 0;}
.header .fr p{width: 100%; display: block; margin-bottom: .1rem; height: .3rem;font-size: .28rem; color: #ba012a;font-weight: bold}
.header .fr p img{width: 7%; float: left; margin-right: .1rem}
.nav{ position:fixed; left:4%; bottom:12%;cursor:pointer;width: 15%;z-index: 999}
.navul{ position:fixed; top:0; left:-300px; height: 100%; padding-top: 20%; width:300px; background:#333436;z-index: 1000;transition:all 0.5s ease-out}
.navul li{ width:100%; margin: 0 auto; line-height:.6rem;position:relative; border-bottom: 1px solid #3d474c; padding: .1rem 0}
.navul li a{color: #fefefe;font-size:.3rem;text-align: left;text-indent: .4rem; padding-left:.1rem;display: block;}
.navul p{width:100%;text-align: center; font-size: .8rem;color: #FFF; }
.box{ position: fixed; top: 0; left:0; display: none; width: 100%; height: 100%; z-index: 998; background: rgba(0,0,0,0.8)}
.navul.on{ left:0}
/*底部*/
/*底部*/
.footer{position:fixed; height: 70px;left:0; bottom:0; width:100%;border-top: 1px solid #dcdcdc; z-index:998;background:url(../images/footerbg.jpg) no-repeat; background-size: 100% 100%; }
.floatLink{ width:100%;   height: 70px;}
.floatLink ul li{ width:33.33%; float:left; text-align: center;line-height: 30px; padding-top: 5px;}
.floatLink ul li a{display:block; font-size:.28rem;color:#fff;position: relative;}
.floatLink ul li a img{ width:35px;  margin:0 auto 0; display:block;}
.floatLink ul li a span{ color:#fff; }
.floatLink ul li:first-child a span{color: #FFF}
.content .img{ margin: 10px 0}

.in-content{ position: relative; z-index: 100; }
.in-content .title{ margin:.2rem 0 .2rem;position: relative ;text-align: center;  }
.in-content .title h2{font-size: .8rem; color: #dee6fb; height: .5rem}
.in-content .title span{padding: 0 .5rem;font-size: .5rem; line-height: .6rem;color: #0b35ab}


.more{ display: block; text-align: center}
.more a{ color: #FFF;width: 40%;text-indent:.5rem;margin: .2rem 0; display: inline-block;background:url(../images/morebg.png) no-repeat; background-size:100% 100%; font-size: .25rem; line-height: .6rem; }
.main{ position: relative}


.layer{width:100%;position: absolute; left: 0; top: 0;}

.in-page1{background: #FFF; padding: .4rem 2% .2rem; overflow: hidden}
.in-page1 ul li{width: 25%;text-align: center; float: left;padding: 1%;}
.in-page1 ul li a{color: #3c3c3c; line-height: .6rem;font-size: .25rem}

.in-page2{ position:relative; overflow: hidden; margin-bottom: .4rem}
.in-page2 hr{width: 96%; height: 1px; background: #0b35ab;border: none; display: block; margin: .6rem auto 0}
.in-page2 .tab_top{text-align: center;width: 95%; overflow: hidden;height:.8rem;margin: -.3rem auto .2rem}
.in-page2 .tab_top li{ display: inline-block;border:1px solid #0b35ab;color:#5f5f5f;font-size:.25rem;height: .6rem; line-height:.6rem;width:30%;background:#FFF}
.in-page2 .tab_top li.on{color:#FFF;background:#0b35ab}
.in-page2 .tab_top li:hover{color:#FFF;background:#0b35ab}
.in-page2 .tab_bottom{display: none}
.in-page2 .tab_bottom.on{display: block}
.in-page2 .tab_bottom li{width: 33.3%;float: left; padding: 1%;}
.in-page3{background: url(../images/page3bg.jpg) no-repeat;background-size:100% 100%;  }
.in-page3 .title h2{height: .9rem}
.in-page3 .title span{color: #FFF;}
.in-page3 .text{ padding: .2rem 2%; color: #FFF;font-size: .25rem; line-height: .4rem;text-align: center}


.in-page4{background: url(../images/page4bg.jpg) no-repeat;background-size:100% 100%; padding-bottom: .4rem}
.in-page4 .tab_bottom li{width: 25%; padding: 0 1%;}

.in-news .tab_bottom li{position:relative;float:left;width: 96%;line-height:.6rem;margin:0 2%;background:#0b35ab}
.in-news .tab_bottom li a{display:block;color: #FFF;font-size: .25rem; line-height: .6rem;}
.in-news .tab_bottom li a span{width: .2rem;height: .2rem;background: #FFF; vertical-align: middle; margin: 0 .2rem; display: inline-block}
.in-news .tab_bottom li a b{position: absolute;right: .2rem;top: .2rem;height: .4rem;border: 1px solid #e0e8fd; padding:0 .6rem 0 .2rem; line-height: .3rem;font-size: .2rem}
.in-news .tab_bottom li a b em{width: .5rem;height: .5rem;background: #e0e8fd;color: #0b35ab;font-size: .3rem; text-align: center; line-height: .4rem;font-style: normal; position: absolute;right: -1px;top: -.1rem}


/*内页*/
.top{ line-height:35px; position:relative; height:35px; background:#e3e3e3; color:#383838; font-size:14px; border-bottom:1px solid #bcbcbc;}
.top .more{ position:absolute;color:#FFF; padding:0 10px 0 40px; right:0; top:0; background-image:url(../images/base/morebg.png) ;background-repeat: no-repeat;background-position: 10px center;}
.moreul{ width:100%;position:absolute; left:0; top:36px; display:none; z-index:100}
.moreul>li{ line-height:35px; }
.moreul>li>div{ color:#616161; display:block;background:/*url(../images/base/icons-arr.png) 40px center no-repeat*/ #ededed;  border-bottom:1px solid #959595;padding: 0 0 0 60px;}
.moreul ul li{padding:0 0 0 75px;background:#fff;border-bottom:1px solid #959595}
.moreul ul li{line-height:35px;padding:0 0 0 75px;background:#fff;border-bottom:1px solid #959595}
.moreul ul li img{vertical-align:middle;margin:0 3px 0 0}
.moreul ul li a{color:#000}
.moreul>li>div a{color:#000}
.ul2{display:none}
.more1{ background:url(../images/base/morebg1.png) no-repeat 90% center #b2b6b1; padding:0 30px 0 10px; line-height:25px; margin:0 auto; width:132px; border-radius:2px; color:#FFF}
.homeico{width: 38px;height: 30px;margin:2px 5px 5px 10px;float: left;border-radius: 3px;}
.nyText{ width:90%; margin:0 5%; padding:10px 0 0; line-height:25px; color:#000;min-height: 200px;}
.newP{position:absolute;width:8px;height:8px;display:block;top:14px;left:7px}
.nynews li a{font-size:14px;color:#02467c;height:25px;line-height:25px;padding:0 0 0 10px}
.nynews li div{line-height:23px;padding:0 0 5px 9px;color:#8d9daa}
.nynews li{border-bottom:1px solid #c1c4c0;position:relative;padding:5px 10px 0 10px;height:82px;line-height:23px;box-shadow:0 0 3px #c1c4c0}
.newsdate{position:absolute;right:8px;bottom:5px;font-size:14px}

/*产品*/
.pro{ width:95%; margin:2% 2.5%;}
.pro li{ width:48%; margin:1%; float:left;text-align: center;}
.pro li a{ display:block;border:1px solid #bfbfbf;box-shadow: 0 0 0 2px #f9e4e4;}
.pro li a img{height: 120px; display:block; margin:0 auto; padding:3px; }
.pro li span{ display:block; line-height:25px; text-align:center; height:25px; overflow:hidden; color:#484848;font-size: 14px;}

/*产品新闻共用内页*/
.news_title{ width:100%; font-size:14px; line-height:20px; text-align:center;}
.news_time{width:100%; font-size:12px; line-height:20px; text-align:center; margin-bottom:10px;}
.news_img{ margin-bottom:10px;}
.news_img img{ max-width:100%; display:block; margin:0 auto}


/*留言*/
.nyMainC3{background-color:#fff;color:#000;font-family:"宋体";line-height:26px;padding:10px 16px}
.nyMainMessage{color:#000;font-family:"宋体";line-height:34px;height:34px}
.nyMainMessage span{color:red;display:block;float:right;margin-right:20px}
.txtInput1{border:solid 1px #929292;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;height:36px;width:99%;padding-left:15px;line-height:36px;-moz-box-shadow:2px 2px 2px #929292 inset;-webkit-box-shadow:2px 2px 2px #929292 inset;box-shadow:2px 2px 2px #929292 inset}
.btnInput{height:45px;color:#000000;width:98%;cursor:pointer;font-size:14px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;border:solid 1px #8f8f8f;background: -moz-linear-gradient(top, #f3f4f3, #dfddda); background: -o-linear-gradient(top,#f3f4f3, #dfddda); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f4f3), to(#dfddda));box-shadow: 1px 2px 3px #888888;}
.btnTJ{margin:10px 0;}


/* 分页 */
.page a { padding:4px 10px; color:#000 }
.page a.num{ margin:0 5px; padding:2px 8px; color:#FFF; background:#ababab;}
.page a.num:hover { color: #fff; background:#1385cc;}
.page a.select{ margin:0 5px; padding:2px 8px; color:#FFF; background:#1385cc;}
.pager-next-pre{width: 100%;margin-top: 20px;}
.pager-next-pre span{width: 50%;float: left;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pager-next-pre span:nth-child(1){background: #ccc}
.pager-next-pre span:nth-child(2){background: #999}
.pager-next-pre span a{color: #333}
.page span{
    display: none;
}
.page{
    text-align: center;
}
.search_title{text-align: center;font-size: .3rem; padding: .1rem 0}
.search_title span{color: red}
.search_list{ padding: .1rem 5%;}
.search_list li{ line-height: .6rem;font-size: .25rem; border-bottom: 1px solid #f1f1f1}
.search_list li a{color: #000000;}
.search_list li span{float: right}