@charset "utf-8";
/* base 公共部分 */
body {font: 14px/22px 思源黑体;color: #555;margin: 0px;text-align: center; background:#f3f3f3;}
* {padding: 0;margin: 0; font-family:"思源黑体";}
a {color: #555;text-decoration: none;}
a:hover {color: #fc4242;text-decoration: none !important;}
ul, li {list-style: none;}
img {border: none;}
.clearboth {clear: both;}
.page {text-align: center; margin-bottom:20px;width: 100%;float: left;}
.page a {background: #b3b3b3;color: #fff;margin: 0 2px;padding: 2px 8px;}
.page a.dq, .page a:hover {background: #555;}

.page1{width: 100%;text-align: center;padding:30px 0px;}
.page1 a{display:inline-block;width:72px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-5px; padding:0 10px;}
.page1 a:hover{ background:#e81727; color:#FFF}
.page1 a.cur{ background:#e81727; color:#FFF}
.page1 a.on{ background:#e81727; color:#FFF}


.menu{ height:60px;background:none!important; border:none!important; position:fixed;  top:0px; left:0; z-index:998; width:100%; line-height:60px;}
.menu.white{ background:#FFF !important;}
.menu ul{ margin-left:0; float:left; width:100%;}
.menu li{list-style:none; /*float:left; display:inline-block;*/ font-size:16px;}
.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 15px}
.menu li.active{ color:#f00; border-bottom:2px solid #fff;}
.menu.white li.active{ border-bottom:2px solid #f00 !important;}
.menu .navbar{ height:50px !important; line-height:50px; color:#fff; margin:5px 0 !important;}
.menu .navbar a{ color:#666 !important;}
.menu.white .navbar a{ color:#666 !important;}
.menu .navbar a:hover{background-color:none !important;}
.navbar-brand{ width:80%;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff !important;}
.menu.white .navbar-default .navbar-toggle .icon-bar {background-color: #666 !important;}
.navbar-collapse.in {background: #fff;width: 100%;height: 600px;}
.navbar-collapse.in a{display: block;font-size:16px;line-height: 44px;padding: 0 1px 22px; width:100%; text-align:left; border-bottom:1px solid #ccc;}
.nav > li > a{ padding:0 5px !important;}
.slide{ position:absolute; z-index:999;}
.product{ display:none;}

.gongneng{ margin-top:100px; margin-bottom:50px;}
.gongneng .title{text-align: center;margin-bottom:25px;}
.gongneng .title h4 {font-size:24px;color: #333;line-height:24px;font-weight:normal;}
.gongneng .title:after {content: '';display: block;width: 60px;height: 2px;background-color: #f00;margin:15px auto auto auto;}
.oa-aMeau {width: 100%;text-align: center;border-bottom: 1px solid #ddd;font-size: 0; margin-bottom:30px;}
.oa-aMeau ul{ margin:0;}
.oa-aMeau li{cursor: pointer; display: inline-block; width:48%; line-height:40px; text-align: center; /*margin: 0 20px; */background-color: #d8d8d8; font-size:15px; color: #fff}
.oa-aMeau li a{ color:#fff; display:block;}
.oa-aMeau li.cur{ background-color: #f00; color: #fff}
.oa-aMeau li.li-b.cur{ background-color: #f00}
.oa-aMeau li.li-c.cur{ background-color: #f00}
.oa-aMeau li:hover{ color: #f00}
.oa-aMeau li.cur:hover{ color: #fff}
.slideTxtBox{ width:100%;text-align:left; padding:20px 0;}
.slideTxtBox .hd{border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{/*position:absolute; left:0; top:0;*/ width:100%; margin-bottom:0;}
.slideTxtBox .hd ul li{ float:left; width:20%; /*padding:0 15px; */cursor:pointer; text-align:center; font-size:15px;}
.slideTxtBox .hd ul li img{ width:40%; padding-bottom:10px;}
.slideTxtBox .hd ul li.on{background:#fff;border-bottom:none; }
.slideTxtBox .bd ul{ padding:20px 0;  zoom:1; text-align:center;font-family:"思源黑体" !important;}
.slideTxtBox .bd ul img{display:block; max-width:100%; margin:0 auto;}
.slideTxtBox .bd ul .biaoti1{ display:none;}
.slideTxtBox .bd ul .biaoti2{ height:20px; line-height:20px; border-bottom:1px solid #ddd; display:block; margin-bottom:40px;}
.slideTxtBox .bd ul .biaoti2 span{ display:block; height:40px; line-height:40px; margin:0 auto; width:200px; font-size:20px; background:#f00; color:#fff;box-shadow: 2px 2px 5px #aaa;} 
.slideTxtBox .bd ul dl img{width:70px; height: 70px; display: inline-block;}
.slideTxtBox .bd ul dd{ color: #333; font-size:24px; line-height: 30px; padding-top:15px}
.slideTxtBox .bd ul .nr-text{ color: #666; font-size: 16px; line-height: 28px; margin-top:25px}
.slideTxtBox .bd ul .nr-img{ padding:30px;}
.slideTxtBox .bd ul .nr-img img{ display:block; max-width:100%; margin:0 auto;}
.slideTxtBox .bd ul .oa-ePri{ width:90%; margin:20px auto;}
.slideTxtBox .bd ul .oa-ePri a{ display: block; width:48%; float:left; margin:0 1%; line-height:40px; border: 1px solid #f00; text-align: center; color: #f00; font-size:16px; margin-top: 10px;}
.slideTxtBox .bd ul .oa-ePri a:hover{ background-color: #f00; color: #fff;}
.slideTxtBox .bd ul .oa-ePri .on{background-color: #f00; color: #fff;}

.gn_nr{ width:100%; margin:0 auto;}
.gn_nr img{ margin-bottom:15px;box-shadow: 2px 5px 10px #bbb;}

.zhinan{ text-align:left; padding:15px; margin-top:0; padding-top:0;}
.zhinan .tit{line-height:34px; background:url(../images/t1.png) no-repeat left;padding-left:50px; margin-bottom:20px; color:#222; font-size:20px; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #f00;}
.zhinan .tit1{ line-height:26px;color:#666; font-size:16px; padding-bottom:10px;}
.zhinan .tit1 span{ color:#f00; padding-right:10px;}

.ny_banner{ width:100%; position:relative;}
.ny_banner img{ display:block; margin:0 auto; max-width:100%;}
.ny_banner .wenzi{ position:absolute; /*left:0 ;*/top:150px;}
.ny_banner .wenzi h2 {font-size: 40px;font-weight: bold;color: #ffffff;margin-bottom: 15px; margin-top:0;}
.ny_banner .wenzi p{font-size: 14px;color: #fff;}
.ny_banner .wenzi p a{ color:#fff;}
.ny_banner .wenzi .mouse {width: 34px;height: 70px;background: url(../images/mouse.png) no-repeat top center;position: relative;z-index: 10;margin: 30px 0 0 15px;}

.ny_weizhi{ width:100%; background:#fff; line-height:60px;}
.ny_weizhi ul{ margin-bottom:0;}
.ny_weizhi ul li{ float:left;}
.ny_weizhi ul li a{ display:block; color:#222; font-size:18px;padding:0 20px;}
.ny_weizhi ul li a:hover{ background:#f00; color:#fff;}
.ny_weizhi ul li .on{background:#f00; color:#fff;}

.news_list { padding-top: 60px;padding-bottom:60px; }
.news_list .tit{ font-size:26px; color:#333; font-weight:bold; margin-bottom:30px;}
.news_list .tit span{ font-size:16px; font-weight:200; float:right;}
.news_list a:hover{ color:#f00;}
.news_list .con{ padding: 7%; display: block;background: #ffffff; margin-bottom:20px;}
.news_list .date{ margin-bottom:20px; padding-top:20px;}
.news_list .date .d{ font-size: 52px; /*color: #fd961e;*/ }
.news_list .date .m{ margin-left:10px; margin-right:10px; font-size: 16px; color:#464646; }
.news_list .con h4{ font-size: 18px; font-weight: normal;line-height: 1; margin-bottom: 20px; line-height:36px; height:36px; overflow:hidden;}
.news_list .con .txt{ height:5.1em; margin-bottom: 50px; color:#464646; }
.news_list .con .more{ font-size: 14px; }
.news_list .con .more i{ display: inline-block; margin-left: 15px;vertical-align: -1px; background:url(../images/news_arr.png) no-repeat -10px 0; width: 10px; height: 12px; }
.news_list .con:hover .more i{ background-position: 0 0; }
.news_list .con:hover { background: #fff;  }

.news_show{ padding-top: 60px;padding-bottom:60px; }
.news_show .n_left{ background:#fff; padding:30px;}
.news_show .n_left .news_title{font-size:26px;color:#000;margin-bottom: 10px;font-weight: normal;}
.news_show .n_left .l_tools{margin-bottom:40px;line-height:20px;}
.news_show .n_left .l_tools { font-size:0; color:#7e7e7e; margin-bottom:15px;}
.news_show .n_left .l_tools i{ font-size:18px; padding-right:10px;}
.news_show .n_left .l_tools ._tool{ font-size:12px; margin-right:10px; display:inline-block; height:30px; line-height:30px; overflow:hidden;}
.news_show .n_left .l_tools .ion { font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;}
.news_show .n_left .l_tools b { font-weight:normal; }
.news_show .n_left .nr{ line-height:27px; font-size:16px;text-indent: 2em;}
.news_show .n_left .nr img{ display:block; max-width:100%; margin:0 auto;}
.news_show .n_right{}
.news_show .n_right .n_top{ background:#fff; padding:30px; padding-top:10px;}
.news_show .n_right .n_top .l1{border-bottom: 1px #ececec solid;}
.news_show .n_right .n_top .l1 ._mark{ padding-bottom:8px; font-size:19px; font-weight:bold; color:#000000;display:block; }
.news_show .n_right .n_top .l1 ._date{ height:30px; line-height:30px; margin-bottom:7px; font-size:13px; color:#676767; display:block;}
.news_show .n_right .n_top .l1 ._date i { font-size:20px; height:30px; vertical-align:-2px; padding-right:10px;}
.news_show .n_right .n_top .l1 ._title:hover { color:#fda203; }
.news_show .n_right .n_top .l1 ._title { font-size:16px; font-weight:bold; color:#5c5c5c; }
.news_show .n_right .n_top .l1 { padding: 27px 0; }
.news_show .n_right .n_top .l1._prev{ border-bottom:1px #ececec solid; }
.news_show .n_right .n_center{overflow: hidden; color:#666; background:#fff; margin-top:20px;}
.news_show .n_right .n_center .tit{padding:20px 30px;font-size: 19px;font-weight: bold;color: #000000;}
.news_show .n_right .n_center .ul li{ display:block; border-bottom:1px dashed #cccccc; padding-bottom:10px; margin-bottom:20px; overflow:hidden; margin-left:30px; margin-right:30px;}
.news_show .n_right .n_center .ul li h1{ font-weight:normal; font-size:16px; color:#000000; height:30px; line-height:30px; overflow:hidden; margin-top:0; margin-bottom:0;}
.news_show .n_right .n_center .ul li h1 a{color:#000000;}
.news_show .n_right .n_center .ul li h1 a:hover{color:#e81727; border-bottom:none;}
.news_show .n_right .n_center .ul li p{ color:#666666; font-size:14px; height:36px; line-height:36px; overflow:hidden;}
.news_show .n_right .n_center .ul li:last-child{ border-bottom:0; margin-bottom:0;}

 @media(min-width:768px) {
	.menu{ height:80px;line-height:80px;}
	.menu .navbar{ height:50px !important; line-height:50px; margin:15px 0 !important;}
	.menu .navbar a {color: #fff !important;}
	.menu ul{ margin-left:30px; float:right;width: auto;}
	.menu li{list-style:none; /*float:left; display:inline-block;*/ font-size:13px;}
	.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 0;}
	.nav > li > a{ padding:0 3px !important; margin-top:20px;}
	.menu li.active{ color:#f00; border-bottom:2px solid #fff;}
	.navbar-brand{ width:100%;}
	/*.i-pro .list .li{ margin-bottom:40px;}
	.i-pro .list .li a img {margin:15px 0 15px 30px;}
	.i-pro .list .li a span {margin-left:20px;}*/
	.navbar-collapse.in {background:none;}
	.i-smart{ padding-top:25%;}
	.tits {margin-bottom:80px;}
	.tits h2 { font-size:24px;}
	.tits h1 { font-size:30px;}
	.tits p { font-size:16px; margin-top:30px;}
	.product{ display:block;}
	
	.gongneng{ margin-top:140px; margin-bottom:50px;}
	.gongneng .title{text-align: center;margin-bottom: 35px;}
	.gongneng .title h4 {font-size: 36px;color: #333;line-height:36px;font-weight:normal;}
	.gongneng .title:after {content: '';display: block;width: 60px;height: 2px;background-color: #f00;margin: 35px auto auto auto;}
	.oa-aMeau {width: 100%;text-align: center;border-bottom: 1px solid #ddd;font-size: 0; margin-bottom:50px;}
	.oa-aMeau ul{ margin:0;}
	.oa-aMeau li{cursor: pointer; display: inline-block; width: 220px; line-height: 60px; text-align: center; margin: 0 20px; background-color: #d8d8d8; font-size: 18px; color: #fff}
	.oa-aMeau li a{ color:#fff; display:block;}
	.oa-aMeau li.cur{ background-color: #f00; color: #fff}
	.oa-aMeau li.li-b.cur{ background-color: #f00}
	.oa-aMeau li.li-c.cur{ background-color: #f00}
	.oa-aMeau li:hover{ color: #f00}
	.oa-aMeau li.cur:hover{ color: #fff}
	.slideTxtBox{ width:100%;text-align:left; padding:30px 0;}
	.slideTxtBox .hd{border-bottom:1px solid #ddd;  position:relative; }
	.slideTxtBox .hd ul{/*position:absolute; left:0; top:0;*/ width:100%; margin-bottom:0;}
	.slideTxtBox .hd ul li{ float:left; width:6.6%; /*padding:0 15px; */cursor:pointer; text-align:center; font-size:15px;}
	.slideTxtBox .hd ul li img{ width:35%; padding-bottom:10px;}
	.slideTxtBox .hd ul li.on{background:#fff;border-bottom:2px solid #f00; }
	.slideTxtBox .bd ul{ padding: 80px 0;  zoom:1; text-align:center;}
	.slideTxtBox .bd ul img{display:block; max-width:100%; margin:0 auto;}
	.slideTxtBox .bd ul dl img{width:70px; height: 70px; display: inline-block;}
	.slideTxtBox .bd ul dd{ color: #333; font-size: 30px; line-height: 30px; padding-top: 16px}
	.slideTxtBox .bd ul .nr-text{ color: #666; font-size: 16px; line-height: 28px; margin-top: 35px}
	.slideTxtBox .bd ul .nr-img{ padding:30px;}
	.slideTxtBox .bd ul .nr-img img{ display:block; max-width:100%; margin:0 auto;}
	.slideTxtBox .bd ul .oa-ePri{ width:50%; margin:20px auto;}
	.slideTxtBox .bd ul .oa-ePri a{ display: block; width:48%; float:left; margin:0 1%; line-height:46px; border: 1px solid #f00; text-align: center; color: #f00; font-size:18px; margin-top: 10px;}
	.slideTxtBox .bd ul .biaoti1{ display:block;}
	.slideTxtBox .bd ul .biaoti2{ display:none;}
	.gn_nr{ width:86%; margin:0 auto;}
	.zhinan{ margin-top:30px; padding:15px;padding-top:15px;}
	.zhinan .tit{line-height:34px;padding-left:50px; margin-bottom:20px; font-size:20px;}
	.zhinan .tit1{ line-height:34px;}
}

 @media(min-width:992px) {
.navbar-brand{ width:100%;}
.i-pro .list .li{ margin-bottom:40px;}
.i-smart{ padding-top:25%;}
.gn_nr{ width:100%; margin:0 auto;}
}

 @media(min-width:1200px) {
.i-smart{ padding-top:25%;}
.nav > li > a{ padding:0 20px !important;}
.menu ul{ margin-left:60px; float:right;width: auto;}
.menu li{list-style:none; /*float:left; display:inline-block;*/ font-size:16px;}
.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 15px}
.menu li.active{ color:#f00; border-bottom:2px solid #fff;}
.gn_nr{ width:86%; margin:0 auto;}
}

