@charset "utf-8";

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a,a:visited{color:#5e5e5e; text-decoration:none;}
a:hover{color:#333;text-decoration: none;}
body{font:12px/180% Arial,Lucida,Verdana, "微软雅黑",Helvetica,sans-serif;color:#333;background:#fff;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, div, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
	margin: 0;
	padding: 0;
	border-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
div {
	word-break: break-all;
}
/*内容强制换行*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
	font-size: 12px;
	font-family: "Arial", "Microsoft Yahei", "Hiragino Sans GB";
}
input, select, textarea {
	font-size: 100%;
	font-family: "Arial", "Microsoft Yahei", "Hiragino Sans GB";
}
/* IE bug fixed: th 不继承 text-align*/
th {
	text-align: inherit;
}
/* 去除默认边框 */
fieldset, img {
	border: 0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
	display: block;
}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
	border: 0;
	font-variant: normal;
}
/* 一致的 del 样式 */
del {
	text-decoration: line-through;
}
ol, ul {
	list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
a {
	color: #444;
}
/* 鼠标悬停 */
a:hover {
	color: #ccc;
}
/* 默认不显示下划线，保持页面简洁 */
ins, a {
	text-decoration: none;
}
/* 代码字体 */
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}
.font-simsun {
	font-family: SimSun;
}
/* 清理浮动 */
.both {
	clear: both;
}
body .fn-hide {
	display: none;
}
/* 设置内联, 减少浮动带来的bug */





/*header*/
.conWidth { width: 1100px; margin: auto;}
.header-box { background: url(../img/nav-bg.png) no-repeat center top;position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height:94px;transition:all 0.5s;}
.header-box:before { content: ""; width: 100%; height: 2px; background: #2550a0; position: absolute; left: 0; bottom: 0; opacity: 0; transition: 300ms;visibility: hidden; }
.logo { line-height: 0; float: left; height: auto; position: relative; z-index: 10;}
.logo img { display: none; width: 100%; height: auto; line-height: normal; }
.logo .pclogo { display: block; }
.nav { float: left; margin-left:80px; width:650px;}
.nav > li { float: left; position: relative;font-size:12px; padding-top:34px;}
.header-box.scoll { height: 66px; background: rgba(255,255,255,1); background: #fff\9; filter: alpha(opacity=100);transition:all 0.3s;}
.header-box.scoll:before { visibility: visible; opacity: 1; }
.header-box.scoll .logo { overflow: hidden; height: 66px; width: auto; }
.header-box.scoll .pclogo { display: none; }
.header-box.scoll .scolllogo { display: block; width:185px; height: auto;margin-right:30px;margin-top:-10px;transition:all 0.8s;}
.header-box.scoll .nav > li { padding-top: 15px; transition:all 0.6s;}
.header-box.scoll .nav > li:hover { border-top: none;}
.header-box.scoll .nav > li > a { padding-bottom: 21px;}
.header-box.scoll .menu-dwons { top: 58px; }
.header-box.scoll .edite { margin-top: 8px; }
.header-box.scoll .oa a { line-height: 66px; }
.header-box.scoll .header-right{ line-height:50px; transition:all .5s;}

.nav > li{display: inline-block; height:94px;}
.nav > li > a:after {color: #0062a6; content: ""; width: 100%; }
.nav > li > a { display: inline-block; padding: 0 16px 34px; line-height: normal;color: #333; font-size: 16px; position: relative; }
.nav > li:hover {border-top:2px #C33 solid;}
.nav > li:hover, .nav > li.current {border-top:2px #C33 solid;}
.nav > li:hover > a:after, .nav > li.current > a:after { left: 0; width: 100%; opacity: 1; }

.menu-dwons {border:#fff 1px solid; position: absolute; left:-22%;background: rgba(255,255,255,0.85); width:130px; display: none;}
.menu-dwons li { position: relative; }
.menu-dwons li:before { content: ""; width: 0; left: 50%; height: 100%; position: absolute; top: 0; z-index:999;}
.menu-dwons li a { display: block; text-align: center; position: relative; line-height:50px; border-bottom:#fff 1px solid;color: #333; font-size: 13px; z-index:999;}
.menu-dwons li:hover:before {left: 0; width: 100%;}
.menu-dwons li:hover a {text-decoration:none;color: #fff;display: block; background-color:#d41313; transition:all .3s;}

.menubox { display: inline-block; float: right; width: 31px; height: 15px; margin-top: 8px; position: relative; cursor: pointer; display: none;z-index:999; }
.menubox:before, .menubox:after { content: ""; width: 100%; height: 2px; position: absolute; background: #2a3c90; }
.menubox:before { left: 0; top: 0; }
.menubox:after { left: 0; bottom: 0; }
.header-right{ float:right; font-size:14Ppx; line-height:90px;}
/*.header-right .edite{ background: url(../img/line_01.png) no-repeat center;}*/
/*头部结束*/

/*banner切换*/

.flexslider {margin: 55px auto 0px;position: relative;width: 100%;height: 420px; overflow: hidden;zoom: 1;}
.flexslider .slides li { width: 100%; height: 100%;}
.flex-direction-nav a {
        width: 70px;
        height: 70px;
        line-height: 99em;
        overflow: hidden;
        margin: -35px 0 0;
        display: block;
        background: url(../img/ad_ctr.png) no-repeat;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s ease;
        border-radius: 35px;
    }
    
.flex-direction-nav .flex-next {
        background-position: 0 -70px;
        right: 0;
    }
    
.flex-direction-nav .flex-prev {
        left: 0;
    }
    
.flexslider:hover .flex-next {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }
    
.flexslider:hover .flex-prev {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }
    
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50);
    }
    
.flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center;
    }
    
.flex-control-nav li {
        margin: 0 2px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    
.flex-control-paging li a {
        background: url(../img/dot.png) no-repeat 0 -16px;
        display: block;
        height: 16px;
        overflow: hidden;
        text-indent: -99em;
        width: 16px;
        cursor: pointer;
    }
    
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
        background-position: 0 0;
    }
    
.flexslider .slides a img {
        width: 100%;
        height: 430px;
        display: block;
    }
	
	
/*part1*/
.container{ width:1000px; margin:0 auto;}
.part1-bg{ background-color:#fafafa; width:100%; height:390px;}
.about1{ width:240px; height:307px; float:left; overflow: hidden;}
.about1 img{ cursor:pointer; transition:all 0.6s;}
.about1 img:hover{ transform:scale(1.1);}
.part-top{ margin-top:40px;}
.s-about2{ width:526px; height:308px; margin:40px 25px 0 25px; float:left;}
.s-new{ width:526px; height:40px; font-size:14px; color:#666; border-bottom:#e0e0e0 1px solid; position:relative;}
.s-new li{ float:left; padding:10px 30px 0 0; font-size:17px;}
.s-new li a{text-align:center; font-size:17px;}
.s-new li a:hover{ font-size:18px; color:#d41313;}
.s-new .select{color:#d41313 !important;}
.s-new-lie{ width:70px; height:3px; background:#d41313; position:absolute; top:40px; left:-2px;}

.select{font-size:18px; color:#d41313;}
.s-new-lie{ width:70px; height:3px; background:#a73e32; position:absolute; top:40px; left:-2px;}

.s-new-f{ width:526px; height:137px; border-bottom:#dbd9d9 1px dashed; margin-top:20px;}
.s-newf-img{ width:137px; height:119px; float:left;}
.s-newf-new{ width:360px; height:auto; float:right;}
.s-newf-new a{ color:#fff;}
.s-newf-new dd{ font-size:16px; color:#333; line-height:35px; padding-bottom:5px;}
.s-newf-new  dl{ font-size:13px; color:#949494; line-height:22px;}
.s-newf-new dt{ width:38px; height:11px; border-radius:3px; background:#e7261f; float:right; margin-top:30px; font-size:9px; color:#fff; line-height:11px; text-align:center;}
.s-new-bom{ width:526px; margin-top:20px;}
.s-new-bom li{ font-size:14px; color:#909090; line-height:30px; text-align:right;}
.s-new-bom li a{ float: left; font-size:14px; color:#909090; line-height:30px;}

.box{ float: right; width:180px;}
.box1{ width:180px; height:146px; overflow: hidden;}
.box1 img{ display:block; cursor: pointer; transition:all 0.3s ease-in-out;}
.box1 img:hover{ border-radius:80%;}

.box2{ width:180px; height:146px; overflow: hidden;margin-top:14px;}
.box2 img{ display:block; cursor: pointer; transition:all 0.3s ease-in-out;}
.box2 img:hover{ border-radius:50%;}


/*合作伙伴*/
.mr_frbox { height: 160px; width:1000px; margin:0px auto 69px auto; overflow: hidden;}
.mr_frBtnL { float: right;cursor: pointer; display: inline;}
.mr_frUl {height:140px; margin-top:38px;}
.mr_frBtnR { float: right; margin-left:21px;cursor: pointer; }
.mr_frUl ul li{ width:60px; overflow: hidden;margin-right:55px;height:140px;float:left;display:inline;}
.mr_frUl ul li .mr-pic{height: 58px;width: 58px; overflow: hidden;border-radius:100px;border:#efefef 1px solid;}
.mr_frUl ul li .mr-pic img { display: block; }
.mr_frUl ul li a{ width:58px; height:25px; color:#333; position:absolute; top:65px; text-align: center; text-decoration:none;}


/*foot*/
.foot-dis{ margin-top:78px;}
footer{ background-color:#23262a; height:125px; width:100%;}
.f-text{ padding-top:29px; width:1000px; height:35px; color:#959698; margin:auto;}
.f-left{ float:left;}
.f-right{ float: right; height:16px; overflow:hidden;}
.f-right li{ float:left; border-left:#959698 1px solid; height:16px; padding:0 10px;}
.f-right li img{ text-align: center;display:block;}



/*公司简介*/

.a-banner{ width:100%; height:240px; position: relative; margin-top:70px;}
.a-banner img{ display: block; width:100%; height:240px; }
.a-main{ width:1000px; padding-top:218px;}
.nav-left1{ width:294px; float: left; background-color:#ecf1f4; padding:36px 0 65px 0;}
.name-left{ width:215px; margin:auto; font-size:18px; color:#5c6065; font-weight:600;}
.nav-left1 ul{ width:215px; margin:auto; text-align: center; margin-top:22px;}
.nav-left1 ul li{ height:38px; width:100%; background-color:#fff; margin-bottom:11px; line-height:38px;}
.nav-left1 ul li a{ color:#5c6065;}
.nav-left1 ul li:hover{ background-color:#0f7ae2; color:#fff;transition: all 0.8s;}
.nav-left1 ul li a:hover{ color:#fff; width:100%; height:38px; display:block;transition: all 0.5s;}

.a-right{ width:706px; background-color:#fff; float:left; overflow:hidden; padding-bottom:59px;}
.a-add{ width:632px; height:45px; border-bottom:#e4e4e4 1px solid; font-size:12px; padding-top:20px; margin-left:40px;}
.a-add a{color:#a6a5a5; display:block; line-height:45px; float:left; }
.con{ width:632px; margin-left:40px;}
.a-title{ font-size:16px; color:#272727; line-height:91px;}
.a-duan{ line-height:30px; color:#666; font-size:14px;}
.a-pic{ margin:35px 0;}


.con-title{ font-size:17px; color:#272727; line-height:51px; background:url(../img/a-line.jpg) left bottom no-repeat;}
.con-text{ width:100%; border-bottom:#eaeaea 1px solid; display: table;}
.con-left{ float:left; padding:21px 0;}
.con-left li{ font-size:11px; width:100%;}
.a-color{ color:#c8c8c8; display:block; margin-right:8px; float:left;}

.con-right{ float:right; margin-top:40px;}
.message-name{ line-height:70px; font-size:14px; color:#272727; text-align: left;}
.message-box{ width:290px; height:34px; border-bottom:#eaeaea 2px solid; font-size:12px; color:#272727; float:left;}
.r-distance{ margin-right:34px;}
.message-box input{ height:34px; width:250px;}
.message-box1{ width:100%; height:34px; border-bottom:#eaeaea 2px solid; font-size:12px; color:#272727; line-height:34px; margin-top:20px;}
.message-box1 input{ height:34px; width:90%;}
.message-box2{ width:100%; height:85px; border-bottom:#eaeaea 2px solid; font-size:12px; color:#272727; margin-top:20px;}
.message-box2 input{ height:85px; width:90%;}
.m-button{ width:116px; height:37px; background: url(../img/but.jpg) no-repeat center top; line-height:37px; margin-top:25px;}
.m-button a{ color:#fff; padding-left:13px;}


/*主要产品*/
.mp-banner{ width:100%; height:240px; position: relative; margin-top:70px; background:url(../img/mp-banner.jpg) no-repeat center top;}
.mp-box{ width:625px; height:195px; position:relative; margin-top:26px; overflow: hidden;}
.mp-name{ width:181px; height:56px; position:absolute; bottom:0; right:0; background-color:rgba(229,0,20,0.9); line-height:56px; color:#fff; font-size:14px; text-align:center; z-index::999;transition: all 0.6s;}
.mp-name:hover{transform: scale(1.2);}

/*新闻中心*/
.n-banner{ width:100%; height:240px; position: relative; margin-top:70px; background:url(../img/n-banner.jpg) no-repeat center top;}
.n-con{width:632px; margin-left:40px;}
.new-pic{ width:257px; height:152px; overflow: hidden;float: left;cursor:pointer;}
.new-pic img{ display:block; transition:all 0.5s;}
.new-pic img:hover{transform: scale(1.1);}

.n-con li{ height:153px; width:100%; margin-top:25px;}
.n-con li:hover{ background-color:#f4f4f4;transition: all 0.8s;}
	

.n-con li dl{ width:352px; float:left; display:block; padding-left:17px; color:#6a6a6a;}
.n-con li dd{ font-size:13px; color:#3a3a3a; padding-top:15px; }
.n-con li dt{ color:#cfcdcd; font-size:11px; padding-bottom:15px;}

/*分页*/
.fenye{ text-align: center;display:block;margin-top:35px;}
.fenye span{
    margin: 10px;
    padding: 10px;
    width:14px;
    background-color: #0b82f7;
    color: white;
}

/*应用案例*/
.c-con{width:632px; margin-left:40px;}
.case-banner{ width:100%; height:240px; position: relative;  margin-top:70px;background:url(../img/case-banner.jpg) no-repeat center top;}
.c-con ul{ margin-right:-20px;}
.c-con li{ float:left; width:197px; height:193px; border:#e8e8e8 1px solid; display:block; margin-top:18px; margin-right:15px; overflow:hidden;}
.c-con li img{ display:block; cursor:pointer; transition:all 0.5s; width:197px;overflow:hidden;}
.c-con li img:hover{transform: scale(1.1);}
.c-con li dl{ width:178px; margin:auto;}
.c-con li dd{ line-height:50px; border-bottom:#f3f3f3 1px solid; font-size:12px; color:#000; text-align:center;}
.c-con li dt a{font-size:.8em; color:#666; line-height:30px;}
.c-con li dt a.jian{ background:url(../img/jian.png) center 10px no-repeat; width:15px; height:20px; display:block; float:right;}


/*产品页*/
.pro-con{width:632px; margin-left:40px;}
.pro-con ul{ margin-right:-20px;}
.pro-con li{ float:left; width:197px; height:193px; border:#e8e8e8 1px solid; display:block; margin-top:18px; margin-right:15px; overflow:hidden; background-color:#f0f0f0;}
.pro-con li img{ display:block; cursor:pointer; transition:all 0.6s;}
.pro-con li img:hover{ transform:scale(1.1);}
.pro-con li dl{ width:178px; margin:auto;}
.pro-con li dd{ line-height:50px; border-bottom:#e3e3e3 1px solid; font-size:12px; color:#000; text-align:center;}
.pro-con li dt a{font-size:.8em; color:#666; line-height:30px;}
.pro-con li dt a.jian{ background:url(../img/jian.png) center 10px no-repeat; width:15px; height:20px; display:block; float:right;}




























































