@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ font-size:16px;padding:0px; margin:0px }
body{
	color:#000;
	background-color: #FFF;
	padding:0px; 
	margin:0px auto;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	font-size:16px;
	max-width:400px;
}
div,ul,li,a{ margin:0; padding:0; border:0; color:#333333; }
img{ margin:0; padding:0; border:0; width:100%;}
p{ margin: 0px 0px 1em 0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#000; background: transparent;  outline:none}
a:visited {}
a:focus { outline:none; }
a:hover, a:active{ color:#f00; outline:none;}

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
input{
    border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	margin: 3px 0px;
	padding: 5px 3px;
	width:99%;
	line-height: normal;
}
textarea{
	-moz-box-sizing: border-box;
    border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	margin: 3px 0px;
	padding: 5px 3px;
	width:99%;
}

/*==========@@HTML默认  结束@@==========*/


/*==========@@通用 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*清除浮动*/
.clear { display:block; clear:both;}
.fl { float:left; }
.fr { float:right; }

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{margin:0; float: right; padding-right:10px; } /*more链接*/
.more a{margin:0;padding:0; color:#167312}


/*==========@@通用 结束@@==========*/


/*==========@@布局  开始@@==========*/
.body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback{ }
.single, .article, .picture, .download, .video, .product, .job, .guestbook, .sitemap, .feedback{ width:99%; margin:0px auto }

#top, #logo, #navigation, #banner, #location, #announcement, #link, #copyright { width: 100%;  margin: 0px auto;}

.left_title{position:relative;height:35px;padding-left:65px;line-height:26px;border-bottom:#24201F solid 2px;margin-top: 15px;}
.left_title:after{position:absolute;top:11px;left:49px;content:" ";display:block;border:#CD0A0A solid 2px;height:3px;width:3px;line-height:3px;}
.left_title .fname{position:absolute;top:0;left:0;width:38px;height:35px;border-bottom:#CD0A0A solid 2px;}
.left_title .fname em{display:block;height:26px;background-color:#097ED1;color:#fff;font-style:normal;font-size:22px;line-height:26px;text-align: center;}
.left_title h3{margin-top: 0;margin-bottom: 0;}
.left_title span.more{position:absolute;right:0;top:0;line-height:26px;}
.left_title span.more a{color:#5C5C5C;}.left_title span.more a:hover{color:#097ED1;text-decoration: none;}
.left_body{ padding:3px 5px;overflow:hidden;background: #EFEFEF;}
.left_bottom { clear:both; height:5px; }
/*==========@@布局  结束@@==========*/


/*==========@@公共板块 开始@@==========*/
/*Logo部分*/
#logo{ }
#logo .WebLogo{ text-align:center;  }
#logo .WebLogo img{ max-width:100%; display:block;/*解决img底部空白的bug*/ margin:0 auto;}

/*导航*/
#navigation { padding:0px;margin:0; border: 0px solid red;  clear:both; overflow:hidden}
#menulist{position:relative;overflow:hidden;zoom:1;background: #004AAF;border-bottom: 1px solid #fff;}
#menulist li{float:left;height:50px;border:none;width: 25%;}
#menulist li a{display:block;width:70%;margin:0 auto;height:50px;text-align:center;color:#fff;}
#menulist li a span{display:block;line-height:14px;font-weight: bold;font-size: 14px;padding-top: 11px;}
#menulist li a em{display:block;font-style: normal;font-size: 12px;line-height:20px;}
#menulist li a:hover, #menulist li.active a{text-decoration:none; background:#343333;}

/*当前位置*/
#location{ padding:4px 0px 8px;margin: 0; border-bottom: 1px solid #004AAF;color:#000;  clear:both; text-indent:3px;}
#location a{color:#000}

/*搜索 */
#search{margin-bottom:15px;margin-top:5px;height:110px;padding:28px 20px;background:url("../images/search-bg.jpg") no-repeat top center;}
#search input{border:none;height:54px;width:100%;font-size:18px;line-height:54px;}
.x-c-z{display: none;}
#topsearch{overflow:hidden;zoom:1;}
.search-text{width:85%;}
.search-text input{padding-left:15px;}
.search-btn{width:15%;}
.search-btn input{color:#fff;background-color:#004AAF;}

/*优势*/
.youshi{ width:100%;position:relative;}
.advantage{position:relative;height:378px;margin:0 0 20px 37px;max-width:330px;}
.advantage-img{position:absolute;z-index: 1;left:0;top:0}
.advantage-text{position:absolute;z-index: 2;right:0;bottom:0;width:296px;height:239px;padding:77px 15px 0;background: url("../images/advantage-gray.png") no-repeat right bottom;font-size:12px;box-shadow:2px 2px 2px #ccc;}
.advantage-active .advantage-text{color:#fff;background-image: url("../images/advantage-red.png");box-shadow:2px 2px 2px #DD2E2D;}
.advantage-text h5{font-size:18px;}
.advantage-img i{font-size:14px;text-align:center;line-height:16px;font-style:normal;font-weight:bold;text-align:center;color:#666;display:block;width:37px;height:78px;padding-top:42px;background:#eee url("../images/youshi.jpg") no-repeat 0 0;position:absolute;left:-37px;top:20px;}

/*===优势幻灯片  开始===*/
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
/* Control Nav */
.flex-control-nav{ width: 100%;position:absolute; bottom:0px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

/*===FlexSlider幻灯片  结束===*/

/*标题*/
.home-title{padding:15px 0;text-align: center;background: #FFEFEF;}
.home-title h2{margin:0;padding:0 0 14px;font-weight:bold;background:url("../images/fgx.gif") no-repeat bottom center;color: #E00000;}
.home-title h2 em{display:block;font-style:normal;font-weight:normal;font-size: 0.8em;color:#39393C;}


/*首页产品列表*/
.gridlist li{width:50%;overflow:hidden;float:left; }
.gridlist li .InfoTitle{ height: 25px; line-height:25px; overflow: hidden; font-size:14px; padding:0px 5px; text-align:center;}
.gridlist li .InfoPicture { padding:0px 5px;}
.gridlist li .InfoPicture img{ border:1px solid #C3C3C3; max-height:120px;min-height:120px;padding:3px;}



/*合作伙伴*/
.hzhb{ }
.hzhb li{float: left;width:40%;height:80px;padding:5px 5%; box-sizing: content-box;list-style:none;}
.hzhb li a img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);}
.hzhb li a:hover img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}


/*分页条*/
.page {padding:1px; height:auto; clear:both; line-height:0.5em; text-align:center; margin-top:20px;}
.page li{display:inline;}
.page a, .page span {border:1px solid #D3D1D1; padding:2px 3px; margin: 3px 0px 3px 4px; line-height:22px; background-color:#FFFFFF}
.page a:link, .page_turner a:visited { text-decoration:none; }
.page a:hover { background:#CC0001; color:#ff9900; }
.page .current{ background:#CC0001; color:#FFF;}
.page #total{color:red}
.page .pageinfo{ display: none}
.page .pagefirst{ display: none}
.page .pageend{ display: none}


/*底部信息*/
.footmenu{background-color:#222;padding:8px 0; color:#f8fafa;font-size:16px; margin-top:20px;}
.footmenu li{ width:25%;margin:0;padding:0;float:left;text-align:center;}
.footmenu li a{color:#f8fafa}
.footmenu li a:hover{text-decoration: none;}
.copyright{background-color:#222;position:relative;border-top:#2F2F2F solid 1px;padding:10px;color:#7d7d7d;}
.copyright img{ width:initial;}



/*底部固定工具条*/
#tool { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: absolute; z-index: 900;  left: 0; right: 0;margin: auto; display: block; height: 50px;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;
position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;
box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;
}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}
/*红色主题*/
.toollist_red {
	border-top: 1px solid #097ED1; 
	background-image:linear-gradient(top, #097ED1, #004AAF 60%, #000AAF);
	background-image:-o-linear-gradient(top, #097ED1, #004AAF 60%, #000AAF);
	background-image:-ms-linear-gradient(top, #097ED1, #004AAF 60%, #000AAF);
	background-image:-moz-linear-gradient(top, #097ED1, #004AAF 60%, #000AAF);
	background-image:-webkit-linear-gradient(top, #097ED1, #004AAF 60%, #000AAF );
	
	box-shadow: 0 1px 0 #D7CACA inset;
	-moz-box-shadow: 0 1px 0 #D7CACA inset;
	-webkit-box-shadow: 0 1px 0 #D7CACA inset;
	-o-box-shadow: 0 1px 0 #D7CACA inset;
}
.toollist_red li{ border-right: 1px solid rgba(250, 250, 250, 0.4);}
.toollist_red li a {color: #fff;}
/*==========@@公共板块 结束@@==========*/



.listbox{ text-align:center; padding:30px 0;}

/*应用领域*/
.piclist-title{ color:#33ccff;}
.pic-list{ margin-top:15px;}
.pic-list dl{ width:46%;float:left;margin: 0 2% 3%;}
.pic-list dl dt,.pic-list dl dd{ margin:0;padding:0;}

/*图片详情*/
.nycontent{ overflow:hidden;padding:30px 0 10px;}
.nycontent h1{font-size: 26px;color:#f00;}
.nycontent p{ margin:3px 0 0 0;}

/*产品*/
.prolist-title{ color:#33ccff;}
.pro-list{ margin-top:15px;}
.pro-list dl{ width:46%;float:left;margin: 0 2% 3%;}
.pro-list dl dt,.pro-list dl dd{ margin:0;padding:0;}



/*频道列表*/
.subchannellist{ width:99%;border:0px solid red; margin:0px auto;}
.subchannellist li{float:left;text-align: center; border:0px dashed blue; margin:0 2px; }
.subchannellist li a{
	display:block; margin:8px 3px;  padding:5px 5px;
	background-color:#FFFFFF;
	border:1px solid #CCC ;
	border-radius:3px;-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; 
	-webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); 
	-o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190);
}
.subchannellist .thisclass a { color:#FFF; background:#3d8a32;}
/*频道列表结束*/
.copyright{background-color:#222;position:relative;border-top:#2F2F2F solid 1px;padding:10px;color:#7d7d7d;margin-bottom: 50px;}

ul.toollist { position: fixed; z-index: 900;  left: 0; right: 0; bottom: 0; margin: auto; display: block; height: 50px;}