@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
* {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
*::before {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
*::after {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
body{ font:12px Arial,"MicroSoft YaHei",Helvetica, sans-serif,Verdana; color:#4e4e4e; background:#fff;}
a{ outline:none; text-decoration:none; color:#4e4e4e;}
a:hover{ color:#888;}
img { border:0;}
ol, ul, li { list-style-type:none;}

.main_div1{ overflow:hidden;}
.main_div2{ overflow:hidden; width:1160px; margin:0px auto ; margin-top:20px; z-index:10; position:relative;  padding:0 20px 20px;}
.main_div3{ overflow:hidden; width:100%; margin:0px auto 20px; z-index:10; position:relative; border-top:6px solid #027ac6; padding:12px 20px 30px; background:#FFF;}
.main_div4{ overflow:hidden; width:100%; margin:0px auto 20px; z-index:10; position:relative;  padding:12px 20px 30px; background:#FFF;}
/**/
.wrap {
	margin: 0px auto; width: 1200px; position: relative;
}
.container-fluid {
	padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;
}
.row {
	margin-right: -15px; margin-left: -15px;
}
.container::after {
	display: table; content: " ";
}
.container-fluid::before {
	display: table; content: " ";
}
.container-fluid::after {
	display: table; content: " ";
}
.row::before {
	display: table; content: " ";
}
.row::after {
	display: table; content: " ";
}
.col-sm-6 {
	padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px;
}.col-sm-6 {
	float: left;
}
.col-sm-6 {
	width: 50%;
}
.topcol {
	width: 100%; height: 45px;  min-width: 1200px; background-color: rgb(0, 0, 0);
}
.topcol .topBiaoyu {
	color: rgb(119, 119, 119); line-height: 45px; font-size: 16px; float:left;
}

.topcol .phone {
	color: rgb(255, 255, 255); line-height: 45px; font-size: 20px; float:right;
}
.tr {
	text-align: right;
}
.topcol .phone .w_search{ width:550px; height:32px;  text-align:right; margin-top:6px;}
.w_search input{ border:0; height:32px; float:right;}
.w_search input[type=text]{ width:170px; background:url(../image/Search.png) left center; padding-left:12px;}
.w_search input[type=submit]{ width:40px; background:url(../image/Search.png) right center; cursor:pointer;}
/**/
/**/

.top{ height:80px; margin:0px auto; padding:0px;}
 .header{ width:1200px; margin:0 auto; height:60px; padding:0px;}
 .header .logo{ float:left; }
/*scrollNav Css--菜单*/
 .gridNav{ width:800px;  z-index:300; position:relative;  float:right;}
.gridNav .nav{ width:800px; height:80px; margin: 0px auto; position:relative; z-index:300}
.nav ul.ulBox{ display:block; width:100%; height:80px; position:relative; margin: 0 auto; z-index:9999;}
.nav ul.ulBox li{ display:block; width:100px;  height:80px; float:left; position:relative; margin: 0 auto;/* border-right: 1px solid #03629c; border-left: 1px solid #1174c3;*/}
.nav ul.ulBox li a{ display:block; width:100%; text-decoration:none; height:80px;  text-align:center; color:#666; font-family:'Microsoft YaHei'; font-size:18px; border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; margin: 0 auto; padding:0px; line-height:80px;}
.nav ul.ulBox li a:hover{color:#fff; margin: 0 auto; }
.nav ul.ulBox li ul{ display: block; overflow:hidden; width:100%; height:0px; background:#0da8db;  position:absolute; top:80px; left:0px; margin: 0 auto;}
.nav ul.ulBox li ul li{ height:40px; width:100%; margin: 0 auto;}
.nav ul.ulBox li ul li a{ height:80px; line-height:40px; margin: 0 auto; color:#FFF; font-size:15px;}
.nav ul.ulBox li ul li a:hover{ background:#1074c0; height:40px;  color:#fff; margin: 0 auto;}
.nav .scrollObj{ width:100px; height:80px; position:absolute; z-index:1; left:0px; top:0px; background:#0da8db; margin: 0 auto;}

.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 200;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.ulBox .submenu li:hover a {
    border-left: 3px solid #454545;
    border-radius: 0;
    color: #ffffff;
}
.ulBox > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 1000;
}
.ulBox > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* CSS3 杩囨浮鏁堟灉鐨勫欢杩� */
.ulBox li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.ulBox li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.ulBox li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.ulBox li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.ulBox li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.ulBox li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.ulBox li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.ulBox li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
/*scrollNav Css*/

.chanpin {overflow:hidden; margin-bottom:30px;  padding:2px 0 0; }
.chanpin .cbar{ height:28px; line-height:28px;  repeat-x bottom; margin-bottom:28px;}
.chanpin .cbar img{ float:left;}
.chanpin .cbar a{
	color: #787878;
	margin-left: 45%;
	font-size: 26px;
	font-weight: bold;
	letter-spacing:10px;
}
.chanpin .Cp{ overflow:hidden;}
.chanpin .CpBox{ margin:0 55px; overflow:hidden; position:relative;}
.chanpin .Button{ width:28px; height:173px; background:url(../image/FwButton.png) no-repeat; cursor:pointer;}
.chanpin .Prev{ float:left; background-position:left center;}
.chanpin .Next{ float:right; background-position:right center;}
.chanpin .CpBox ul{width:1000%; position:relative; position:relative; left:0;}
.chanpin .CpBox ul li{ width:200px; height:173px; float:left; margin:0 4px; overflow:hidden;border:1px solid #ccc;}
.chanpin .CpBox ul li img{ width:200px; height:173px; display:block;}
.chanpin .CpBox ul li .txt{ position:relative; background:#027ac6; padding:5px 15px;line-height:25px; color:#FFF;
	filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
	-moz-opacity:0.8;         /*Firefox私有，透明度50%*/
	opacity:0.8;              /*其他，透明度50%*/
}

.main{ overflow:hidden;}
.main .about{ float:left; width:410px; margin-right:20px;}
.main .news{ float:left; width:370px;}
.main .contact{ float:right; width:300px;}
.about .cont, .news .cont, .contact .cont{ line-height:25px;}

.aboutUs{ overflow:hidden; margin-bottom:10px;}
.aboutUs img{ height:300px; float:left; margin:0 20px 0 0;}
.aboutUs .contUs{ line-height:25px; text-indent:2em;}
.linkUs .contUs{ padding:5px 0;}
.linkUs .contUs.img img{ margin:5px 3px; width:160px; border:1px solid #e1e1e1;}
.linkUs .contUs.txt a{ margin:5px 3px;}

.box{ margin-bottom:20px;}
.box .bar{ background:url(../image/bar.png) repeat-x left bottom; overflow:hidden;}

.box .bar .tit{ width:100%; height:34px; padding:2px 0px;  font-size:16px;}
.box .bar .tit11 h5{ height:18px; line-height:18px; display:block; font-size:26px; color:#787878; font-weight: bold;
	letter-spacing:10px; margin-left:45%;}
.box .bar .tit02{ background:#027ac6;}
.box .bar .tit01 h5{ height:18px; line-height:18px; display:block; font-size:14px; color:#787878; font-weight: bold;
	letter-spacing:5px;}
.box .bar .tit01 span{ -webkit-text-size-adjust:none; height:14px; line-height:14px; display:block; font-size:8px; color:#c2c9cf;}
.box .bar .tit02 h5{ height:18px; line-height:18px; display:block; font-size:14px; color:#FFF;}
.box .bar .tit02 span{ -webkit-text-size-adjust:none; height:16px; line-height:16px; display:block; font-size:8px; color:#c8ddf8;}

.box .cont, .box .contUs{ padding:5px 0; overflow:hidden;}

.about p{ line-height:25px; overflow:hidden; text-indent:2em;}
.about img{ float:left; margin-right:10px;}

.news .one{ overflow:hidden}
.news .one img{ float:left; height:75px; margin-right:10px;}
.news .one .tit{ color:#1a1a1a; font-size:14px; line-height:27px; font-weight:bold;}
.news .one .con{ color:#787878; font-size:12px; line-height:24px;}
.news ul li{ height:25px; line-height:25px;}
.news ul li span{ float:right;}

.case ul{ overflow:hidden; margin-top:16px; *margin-top:21px;}
.case ul li{ width:260px; float:left; overflow:hidden; height:233px; margin:0 9px 18px; border:1px solid #ccc; position:relative;}
.case ul li img{ width:260px; display:block; height:233px;}
.case ul li .txt{ position:relative; background:#F74A06; padding:5px 15px;line-height:25px; height:35px; color:#FFF;text-align:center;
	filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
	-moz-opacity:0.8;         /*Firefox私有，透明度50%*/
	opacity:0.8;              /*其他，透明度50%*/
}

.link .bar{ height:30px; line-height:30px; border-bottom:2px solid #bec6cc; padding:0 25px 0 0;}
.link .bar span{ font-size:16px; color:#bec6cc; float:left; font-weight:bold;}
.link .bar a{ font-size:14px; color:#1894aa; float:right;}
.link .cont{ padding:5px 0;}
.link .img img{ margin:5px 10px; width:180px; border:1px solid #e1e1e1;}
.link .txt a{ margin:5px 10px;}

.left{ float:left; width:830px; margin-left:5%;}
.right{ float:right; width:300px; margin-right:5%;}

.main_div3 .box{ margin-bottom:10px;}
.main_div3 .box .bar .tit03{ height:30px; line-height:30px; font-weight:bold; font-size:14px;}

.main_div3 .left .cont{ min-height:600px;}

ul.list li{ color:#121212; height:36px; line-height:36px; border-bottom:1px dashed #ccc}
ul.list li a{ }
ul.list li span{ float:right;}

ul.xmzs{ overflow:hidden; margin-top:16px; *margin-top:21px;}
ul.xmzs li{ width:190px; margin:0 5px 10px; float:left;}
ul.xmzs li a{ display:block;}
ul.xmzs li a.img{ border:1px solid #ccc; padding:3px;}
ul.xmzs li a.img img{ width:182px; height:144px; display:block;}
ul.xmzs li a.txt{ line-height:24px; text-align:center; background:#EBEBEB}

.artName{ font-size:20px; font-weight:bold; text-align:center; margin-bottom:8px; line-height:30px;}
.artInfo{ font-size:12px; text-align:center; margin-bottom:10px; line-height:20px;}
.artCont{ font-size:14px; line-height:25px;}

.artInfo_2{ overflow:hidden; margin-bottom:15px; border-bottom:2px solid #a1a1a1; padding-bottom:10px;}
.artJJ{ line-height:25px; text-indent:2em;}
.artPic{ float:right; width:196px; margin-left:20px; border:1px solid #CCC; padding:3px 2px;}

.sort li{ color:#121212; height:36px; line-height:36px; border-bottom:1px dashed #ccc}
.sort li a{ display:block;}

.mess input, .mess textarea, .mess img{ border:1px solid #CCC; vertical-align:middle;}
.mess input{ line-height:24px;}
.mess textarea{ font-size:12px;}
.mess img{ height:24px;}

.footer{ background:#3e454b;}
.footer .foot{ width:1180px; padding:12px 0; line-height:25px; color:#FFF; margin:0 auto;}
.footer .foot a{ color:#FFF;}
.footer .foot img{ float:right;}

.Page{ text-align:center; font-size:14px; margin-top:10px;}
.Page .selected{ color:#F00;}
.clear{ clear:both;}
/*菜单on*/

.page-header {
	left: 0px; top: 45px; width: 100%; height: 80px; position: absolute; z-index: 8000; box-shadow: 0px 0px 6px rgba(0,0,0,0.2); background-color:rgb(255,255,255) ;
}
.page-header .logo {
	background: url("../img/logo_text_03.jpg") no-repeat 60px; height: 80px; color: rgb(55, 198, 245); text-decoration: none; display: block;
}
.page-header .logo i {
	line-height: 80px; font-size: 60px;
}
.page-header .mainmenu {
	list-style: none; margin: 0px; padding: 0px; text-align: right;
}
.page-header .mainmenu li {
	width: 106px; height: 80px; text-align: center; display: inline-block; position: relative;
}
.page-header .mainmenu li a {
	height: 80px; line-height: 80px; font-size: 18px; text-decoration: none; border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; display: block;
}
.page-header .mainmenu li a:hover {
	color: rgb(255, 255, 255); background-color: rgb(55, 198, 245);
}
.page-header .mainmenu li .software-list {
	padding: 0px; margin:0px auto; top: 80px; width: 1170px; height: opx; display: none; position: absolute; background-color: rgba(255, 255, 255, 0.95);
}
.page-header .mainmenu li .software-list .item {
	width: 138px; float: left; display: block;
}
.page-header .mainmenu li .software-list .item a {
	height: auto; line-height: normal;
}
.page-header .mainmenu li .software-list .item a .icon i {
	font-size: 30px;
}
.page-header .mainmenu li .software-list .item a h3 {
	margin: 0px; font-size: 14px; font-weight: normal;
}
.page-header .mainmenu li .software-list .item a:hover {
	color: rgb(55, 198, 245); background-color: transparent;
}
.page-header .mainmenu li .software-list .item a.no-border {
	border: currentColor; border-image: none;
}
.page-header .mainmenu li .software-list .item a.active {
	color: rgb(55, 198, 245);
}
.page-header .mainmenu li.active {
	background-color: rgb(55, 198, 245);
}
.page-header .mainmenu li.active a {
	color: rgb(255, 255, 255);
}
.page-header .mainmenu li.active .software-list a {
	color: rgb(85, 85, 85);
}
.container-fluid {
	padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;
}
.container-fluid::before {
	display: table; content: " ";
}
.container-fluid::after {
	display: table; content: " ";
}
.container-fluid::after {
	clear: both;
}
.row {
	margin-right: -15px; margin-left: -15px;
}
.row::before {
	display: table; content: " ";
}
.row::after {
	display: table; content: " ";
}
.row::after {
	clear: both;
}
.col-xs-2 {
	padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px;
}
.col-xs-2 {
	float: left;
}
.col-xs-2 {
	width: 16.66%;
}
.col-xs-10 {
	padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px;
}
.col-xs-10 {
	float: left;
}
.col-xs-10 {
	width: 83.33%;
}
/*菜单OFF*/