@charset "utf-8";
/* CSS Document */
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { border: 0 none; margin: 0; padding: 0; }
body { background: #F8F8F8; color: #626872; font: 14px/24px arial, verdana, tahoma, '微软雅黑', simsun, sans-serif; text-align: center; word-break: break-all; word-wrap: break-word; }
ul, ol { list-style-type: none; }
select, input, select { vertical-align: middle; }
a { color: #626872; text-decoration: none; }
a:hover { color: #017F7E; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-size: 16px; font-weight:normal; }
i,ins { font-size: 12px; font-style: normal; text-decoration:none; }
em { font-style: normal; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.wrapper,.w-box{ clear: both; width:1000px; margin: 0 auto; text-align: left; overflow:hidden; }

#page_home{ background:#fff;}

.main-content{ margin-bottom:30px; border:1px solid #eee; background:#fff;}
.main-content .artcle-content{ padding:30px;}
.main-content .artcle-title{ text-align:center; margin-bottom:50px;}
.main-content .artcle-title h2{ font-size:18px;}
.main-content .artcle-detail{ margin-bottom:50px;}







#top{ width:100%; height:24px; overflow:hidden; background:#434955;}
#top .userinfo{ display:; float:right; color:#fff;}
#top .userinfo a{ color:#fff;}
#header{ width:100%; height:80px; margin-bottom:20px; background:#eee;}
#header .w-box{ overflow: visible;}
#page_home #header{ margin-bottom:0;}
#logo{ float:left; width:300px; height:80px; overflow:hidden;}
#logo h1{ width:1px; width:1px; overflow:visible;}
#nav{ float:right;}
#nav a{transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;

    
}
#nav>ul>li{ position:relative; float:left; height:70px; z-index: 10000;}
#nav>ul>li>a{ display:block; width:100px; padding: 30px 0 16px; text-align:center; line-height:24px; font-size:14px; }
#nav>ul>li>a:hover{background: #D9DBDD; color: #000;}
#nav>ul>li.active>a,#nav>ul>li.active>a:hover{background: #434955; font-weight:bold; color:#fff;}


#nav ul li ul.secnav{display: none; position: absolute; z-index: 20000; width: 250px; background: #fff; border: 1px solid #E4E4E4;border-bottom:none;box-shadow: 0 3px 5px rgba(0,0,0,.26);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.26);
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.26);
-o-box-shadow: 0 3px 6px rgba(0,0,0,.26);
-ms-box-shadow: 0 3px 5px rgba(0,0,0,.26);}
#nav ul li ul.secnav li{border-bottom: 1px solid #E4E4E4;}
#nav ul li ul.secnav li a{display: block; padding-left: 20px; line-height: 40px; }
#nav ul li ul.secnav li a:hover{background: #D9DBDD; color:#000;}

#banner{ height:500px; overflow:hidden;}

#sub_nav{ height:30px; padding-bottom:20px;}
#sub_nav li{ float:left; margin-right:30px; line-height:30px;}
#sub_nav li a{}
#sub_nav li a:hover,#sub_nav li.active a{ color:#398DC9;}


#footer{ width:100%;}
#footer .link{ display:none; padding:50px 0;  background:#434955;}
#footer .link dl{ float:left; width:200px;}
#footer .link dl dt a{ color:#fff;}
#footer .link dl dd a{ color:#AAB2BD;}
#footer .copyright{ height:50px; line-height:50px; background:#353B47; color:#656D78;}

#banner{position:relative; width:100%;}
#banner li{ position:absolute;top:0;left:0; width:100%; height:500px;}
#banner span{ position:absolute; line-height:80px; opacity:0;}
#banner .t1{ top:130px; left:5%; font-size:50px; color:#4A6772; font-weight:bold; transition: left 2s , opacity 2s;-moz-transition: left 2s , opacity 2s;-webkit-transition: left 2s , opacity 2s;	-o-transition: left 2s , opacity 2s;}
#banner .t2{top:230px; left:5%; font-size:46px; color:#4A6772; transition: left 2s , opacity 2s;-moz-transition: left 2s , opacity 2s;-webkit-transition: left 2s , opacity 2s;	-o-transition: left 2s , opacity 2s;}

#banner .bn-show span{opacity:1;}
#banner .bn-show .t1{ left:20%;}
#banner .bn-show .t2{ left:30%;}



/*核心业务*/
#hxyw{ padding:50px 0; }
#hxyw .module-title{ display:none;}
#hxyw .module-content{ width:100%; overflow:hidden; height:350px;}
#hxyw .module-content ul{ width:120%;}
#hxyw .module-content li{ float:left; width:250px; padding:15px;  text-align:center;} 
#hxyw .module-content li.l-i{ width:55px; height:190px;}
#hxyw .module-content li.i-add{  background:url(../images/icon-21.png) no-repeat center center;}
#hxyw .module-content li.i-eq{  background:url(../images/icon-22.png) no-repeat center center;}
#hxyw .module-content li .icon{ width:190px; height:190px; margin:0 auto 20px;  }
#hxyw .module-content li .icon img{ width:190px; height:190px;}
#hxyw .module-content li b{ display:block; margin-bottom:10px; line-height:30px; font-size:16px;}
#hxyw .module-content p{ padding:0;}

/*产品特性*/
#cptx{}
#cptx .module-title{ height:200px; padding:20px 0;}
#cptx .module-title h2{ width:200px; height:30px; margin:0 auto; padding-top:130px; background:url(../images/title-product.png) no-repeat center top; line-height:30px; text-align:center; font-size:20px; }
#cptx .module-content{ width:100%; overflow:hidden; height:300px;}
#cptx .module-content ul{ width:120%;}
#cptx .module-content li{ float:left; width:280px; margin-right:80px; text-align:center;} 
#cptx .module-content li a{ display:block; height:200px; padding:15px; border:1px solid #434955; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  -o-border-radius: 10px;  }

/*公司介绍*/
#gsjs{ float:left; width:480px; margin-right:40px; padding:30px 0 50px;}
#gsjs .module-title{ position:relative; height:60px; margin-bottom:15px; border-bottom:2px solid #EAEAEA;}
#gsjs .module-title h2{ position:relative; padding:15px 0 0 45px; line-height:18px;}
#gsjs .module-title h2 ins{ position:absolute; top:0; left:0; width:40px; background:#F0F4F5; border-bottom:2px solid #424854;  font-size:56px; line-height:60px; color:#424854;}
#gsjs .module-title h2 i{ display:block; width:50%; height:20px; overflow:hidden; text-indent:-9px;}
#gsjs .module-title span{ position:absolute; right:10px; top:30px;}
#gsjs .module-content{}
#gsjs .module-content .pic{ height:150px; margin-bottom:15px;}
#gsjs .module-content .txt{}
#gsjs .module-content .txt b{ color:#06c; font-weight:normal;}



/*新闻资讯*/
#xwzx{ float:left; width:480px; padding:30px 0 50px;}
#xwzx .module-title{ position:relative; height:60px; margin-bottom:15px; border-bottom:2px solid #EAEAEA;}
#xwzx .module-title h2{ position:relative; padding:15px 0 0 58px; line-height:18px;}
#xwzx .module-title h2 ins{ position:absolute; top:0; left:0; width:60px; background:#F0F4F5; border-bottom:2px solid #424854;  font-size:56px; line-height:60px; color:#424854;}
#xwzx .module-title h2 i{ display:block; width:50%; height:20px; overflow:hidden; text-indent:-9px;}
#xwzx .module-title span{ position:absolute; right:10px; top:30px;}
#xwzx .module-content{ position:relative; height:340px; overflow:hidden;}
#xwzx .module-content ul{ position:absolute;}
#xwzx .module-content ul.trigger{ display:none;}
#xwzx .module-content li{ height:102px; margin-bottom:15px;} 
#xwzx .module-content li .pic{ display:block; float:left; width:170px; height:95px;/* padding:15px 10px;*/ background:#3E454C; text-align:center; color:#CEC4C6;} 
#xwzx .module-content li .pic b{ display:block; color:#fff; font-size:40px; line-height:40px; font-weight:normal;}
#xwzx .module-content li .txt{ margin-left:180px;} 
#xwzx .module-content li .txt b{ font-size:16px; line-height:30px; font-weight:normal;} 
#xwzx .module-content li .txt p{ color:#888; font-size:12px;} 



/*合作伙伴*/
#hzhb{}

#hzhb .module-title{ height:50px; margin:-20px 0 15px 0;}
#hzhb .module-title h2{ width:200px; height:40px; margin:0 auto; background:#fff; line-height:40px; text-align:center; border:1px solid #ccc; border-radius:20px;
 border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;  -o-border-radius: 20px; }
#hzhb .btn-more{ clear:both; margin:20px 0;}
#hzhb .btn-more a{ display:block; width:150px; height:40px; margin:0 auto; line-height:40px; border:1px solid #ccc; text-align:center;}
#hzhb .btn-more a:hover{ border:1px solid #017F7E;}
#hzhb .module-content { padding:20px 0;}
#hzhb .module-content ul{ width:120%;}
#hzhb .module-content li{ float:left; width:135px; height:50px; margin:0 38px 40px 0;}
#hzhb .module-content li a img{
	-moz-transition:  -moz-transform 0.35s;	-o-transition:  -o-transform 0.35s;	-webkit-transition:  -webkit-transform 0.35s;	transition: transform 0.35s; 
	-moz-transform: scale(1); -o-transform: scale(1);	-webkit-transform: scale(1);	transform: scale(1);}
#hzhb .module-content li a:hover img{-moz-transform: scale(1.15);	-o-transform: scale(1.15); -webkit-transform: scale(1.15);	transform: scale(1.15)};


/*成功案例*/
/*
#page_case{}
.list-case .item{ height:150px; padding:30px; border-bottom:1px solid #EEEEEE;}
.list-case .item .pic{ float:left; width:270px; height:150px;}
.list-case .item .title{ margin-left:270px; margin-bottom:15px; padding-left:25px;}
.list-case .item .title b{ display:block; margin-bottom:10px; font-size:16px; color:#398DC9; font-weight:normal;}
.list-case .item .title p{ color:#767D89;}
*/

/*成功案例*/
.list-case{padding-top: 20px;}
.list-case .item{float:left; width: 310px; margin-bottom: 20px; padding:10px; }
.list-case .item .pic{ width:270px; height:150px; margin:0 auto 10px;}
.list-case .item .title{}
.list-case .item .title b{ display:block; text-align: center; font-size:14px; font-weight: normal; }


/*产品页*/
#page_ibms{}
#page_ibms .section{ width:100%; }
#page_ibms .section .container{ position:relative; width:1200px; height:750px; margin:0  auto;}
/*驱动*/
#i_drive{ background:#020202 url(../images/p-drive.jpg) no-repeat center top;}
#i_drive .txt{ position:absolute; top:0; left:250px; width:700px; height:180px;background:url(../images/p-drive-1.png);}
#i_drive .pic{ position:absolute; top:370px; left:250px; width:700px; height:450px; background:url(../images/p-drive-2.png);}
#i_drive .pic .num{ position:absolute; top:145px; left:285px; color:#fff; font-size:80px; line-height:120px;}
#i_drive .pic .num b{font-size:100px; font-weight:normal;}
#i_drive .pic .des{ position:absolute; top:260px; left:200px; color:#C69F6B; text-align:right;}
#i_drive .txt,#i_drive .pic{ opacity:0; transition: top 2s , opacity 2s;-moz-transition: top 2s , opacity 2s;-webkit-transition: top 2s , opacity 2s;	-o-transition: top 2s , opacity 2s; }


#i_drive .visible-section .txt{top:50px; opacity:1;}
#i_drive .visible-section .pic{top:270px; opacity:1;}





/*权限*/
#i_power{ background:#FAFAFA;}
#i_power .pic1,#i_power .pic2,#i_power .txt{ position:absolute; top:0; left:250px; width:700px; height:250px; background:url(../images/p-power-1.png); opacity:0;}
#i_power .pic2{ top:605px;  background:url(../images/p-power-2.png);}
#i_power .txt{ top:330px; height:75px; overflow:hidden; text-indent:-3000px;  background:url(../images/p-power-3.png); }

#i_power .pic1,#i_power .pic2{ opacity:0; transition: top 2s , opacity 2s;-moz-transition: top 2s , opacity 2s;-webkit-transition: top 2s , opacity 2s;	-o-transition: top 2s , opacity 2s; }
#i_power .txt{ opacity:0; transition:  opacity 4s;-moz-transition: opacity 4s;-webkit-transition:  opacity 4s;	-o-transition: opacity 4s; }
#i_power .visible-section .pic1{top:80px; opacity:1;}
#i_power .visible-section .pic2{top:405px; opacity:1;}
#i_power .visible-section .txt{ opacity:1;}
/*功能*/
#i_function{ background:#171D25;}

#i_function .pic1,#i_function .pic2{ position:absolute; top:80px; left:-20px; width:575px; height:575px; background:url(../images/p-function-1.png);}
#i_function .pic2{ background:url(../images/p-function-2.png);}
#i_function .txt{ position:absolute; top:325px; left:115px; width:300px; height:80px; background:url(../images/p-function-3.png);}
#i_function .des{ position:absolute; top:125px; left:1230px; width:610px; height:500px;}
#i_function .des ul li{ margin-bottom:45px; padding-left:15px; line-height:30px; font-size:16px; color:#fff; text-align:left;background:url(../images/p-icon.jpg) no-repeat 0 7px;}


#i_function .txt,#i_function .des{ opacity:0; transition: left 2s , opacity 2s;-moz-transition: left 2s , opacity 2s;-webkit-transition: left 2s , opacity 2s;	-o-transition: left 2s , opacity 2s; }
#i_function .visible-section .des{ opacity:1;  left:590px; }



#i_function .visible-section .txt{ opacity:1; }

#i_function .pic1 {
animation: anim_rotate 10s infinite linear;
-moz-animation: anim_rotate 10s infinite linear;
-webkit-animation: anim_rotate 10s infinite linear;
-ms-animation: anim_rotate 10s infinite linear;
}


@-webkit-keyframes anim_rotate
    {
        0% {-webkit-transform:rotate(0deg);}
        50% {-webkit-transform:rotate(180deg);}
        100% {-webkit-transform:rotate(360deg);}
    }

#i_function .pic2 {
animation: anim_rotate2 10s infinite linear;
-moz-animation: anim_rotate2 10s infinite linear;
-webkit-animation: anim_rotate2 10s infinite linear;
-ms-animation: anim_rotate2 10s infinite linear;
}

@-webkit-keyframes anim_rotate2
    {
        0% {-webkit-transform:rotate(0deg);}
        25% {-webkit-transform:rotate(-45deg);}
        75% {-webkit-transform:rotate(45deg);}
		100% {-webkit-transform:rotate(0deg);}
    }
	
	
	
/*设备*/
#i_device{ background:#FAFAFA;}
#i_device .pic1,#i_device .pic2,#i_device .pic3{ position:absolute; top:0px; top:1000px; width:1200px; height:750px; background:url(../images/p-device-1.png);}
#i_device .pic2{top:600px;  background:url(../images/p-device-2.png);}
#i_device .pic3{top:200px;  background:url(../images/p-device-3.png);}
#i_device .txt{ position:absolute; top:0; left:0; width:1250px; height:180px; background:url(../images/p-device-4.png);}

#i_device .pic1,#i_device .pic2,#i_device .pic3,#i_device .txt{ opacity:0; transition: top 2s , opacity 2s;-moz-transition: top 2s , opacity 2s;-webkit-transition: top 2s , opacity 2s;	-o-transition: top 2s , opacity 2s; }
#i_device .txt{ opacity:0;transition: top 2s , opacity 2s;-moz-transition: top 2s , opacity 2s;-webkit-transition: top 2s , opacity 2s;	-o-transition: top 2s , opacity 2s; }
#i_device .visible-section .pic1,#i_device .visible-section .pic2,#i_device .visible-section .pic3{top:0; opacity:1;}
#i_device .visible-section .txt{top:30px; opacity:1;}


/*体验*/
#i_taste{ height:677px; overflow:hidden;  background:url(../images/tybg.png) center top;}
#i_taste .pic1,#i_taste .pic2,#i_taste .pic3,#i_taste .pic4,#i_taste .pic5{ position:absolute; top:0px; top:100px; width:1250px; height:677px; background-image:url(../images/tyc.png); background-repeat:no-repeat}
#i_taste .pic2{top:300px;  background-image:url(../images/tylr.png);}
#i_taste .pic3{top:300px;  background-image:url(../images/tyrl.png);}
#i_taste .pic4{top:600px;  background-image:url(../images/tyll.png);}
#i_taste .pic5{top:600px;  background-image:url(../images/tyrr.png);}
#i_taste .pic1,#i_taste .pic2,#i_taste .pic3,#i_taste .pic4,#i_taste .pic5{ opacity:0; transition: top 2s , opacity 2s;-moz-transition: top 2s , opacity 2s;-webkit-transition: top 2s , opacity 2s;	-o-transition: top 2s , opacity 2s; }
#i_taste .visible-section .pic1,#i_taste .visible-section .pic2,#i_taste .visible-section .pic3,#i_taste .visible-section .pic4,#i_taste .visible-section .pic5{top:0; opacity:1;}
#i_taste .tastego{ display:block; width:290px; height:85px; position:absolute; top:375px; left:455px;}




/*资讯列表页*/
.artcle-list{}
.artcle-list ul li{ position:relative; padding:25px 45px 25px 35px; border-bottom:1px solid #EEEEEE;}
.artcle-list ul li span{ position:absolute; top:32px; left:22px; width:8px; height:8px; overflow:hidden; background:#398DC9; color:#398DC9; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  -o-border-radius: 5px; }
.artcle-list ul li.nodata{ margin-top:80px; border-bottom:none; text-align:center;}
.artcle-list b{ display:block; margin-bottom:15px; font-size:20px; font-weight:normal; color:#767D89;}
.artcle-list p{ color:#767D89; line-height:20px;}







/*历程*/
#page_culture{}
#culture{}
#culture .item{ width:800px; margin:0 auto; padding-bottom:20px; background:url(../images/culture-bg.gif) repeat-y center top;}
#culture .item dt{ width:44px; height:44px; margin:0 auto 40px; border:3px solid #C4E6FF; background:#398DC9; text-align:center; line-height:44px; color:#fff; font-weight:bold; border-radius:25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;  -o-border-radius: 25px; }
#culture .item dd{}
#culture .item li{ position:relative; margin-bottom:50px;}
#culture .item li i{ position:absolute; top:15px; left:392px; display:block; width:11px; height:11px; border:3px solid #C4E6FF; background:#398DC9; border-radius:8px; -moz-border-radius:8px ; -webkit-border-radius: 8px;  -o-border-radius: 8px; }
#culture .item li b{ position:absolute; top:10px; right:435px; font-size:18px; color:#398DC9;}
#culture .item li p{ width:43%; margin-left:55%; padding:10px; color:#fff; background:#398DC9; border-radius:8px; -moz-border-radius:8px ; -webkit-border-radius: 8px;  -o-border-radius: 8px; word-break:break-all;word-wrap : break-word}



#culture .item li.odd b{right:auto; left:435px;}
#culture .item li.odd p{ margin-left:0; text-align:right;}


#culture .item.start{ padding:0;}
/*
#culture .item.start dt{ width:56px; height:56px; border-width:5px; line-height:56px; border-radius:32px; -moz-border-radius: 32px; -webkit-border-radius: 32px;  -o-border-radius: 32px; }
*/



/*合作伙伴*/
#page_cooperate{}
.cooperate-list{}
.cooperate-list li{ float:left; padding:20px 30px;}
.cooperate-list li b{ display:block; text-align:center; line-height:40px;}




/*加入我们*/
.job-btn{ height:50px; margin-bottom:50px;}
.job-btn a{ display:block; float:left; padding:10px 50px; background:#398DC9; border-radius:8px; -moz-border-radius:8px ; -webkit-border-radius: 8px;  -o-border-radius: 8px;  text-align:center; color:#fff; font-size:16px;}



/*分页*/
.page{clear: both; height:50px; padding-top:15px;}
#pages{ float:right; height:50px;}
#pages a,#pages span{ display:block; float:left; margin-right:10px; padding:5px 15px; border:1px solid #EEEEEE;}
#pages span{ background:#eee;}







/*会员 登录 注册*/
.page-member{ width:100%; height:650px; background:url(../images/member.jpg) no-repeat center top;}
.member-form{ float:right; margin:50px 30px 0 0; width:320px; padding:30px 20px 50px; background:#fff;}
.member-form .form-title{  margin-bottom:30px; }
.member-form .form-title h3{font-size:18px; color:#333;}
.member-form .form-content{}
.member-form .form-content ul li{ margin-bottom:15px;}
.member-form .form-content ul li .inputstyle{ width:318px; height:40px; background:#fff; border:1px solid #ccc;-webkit-box-shadow: 0 0 0px 1000px #fff inset; text-indent:20px; color:#666; font-size:14px; }
.member-form .form-content .menu{ height:40px;}
.member-form .form-content .menu span{ height:40px; display:inline-block; width:48%;}
.member-form .form-content .menu span #cookie{ margin-top:-1px;}
.member-form .form-content .menu span.fr{ float:right;}
.member-form .form-content .menu span.txtr{ text-align:right;}
.member-form .form-content .menu span.txtr a{ color:#1D8BCA;}
.member-form .form-button .btn{ background:#1D8BCA; width:100%; height:40px; line-height:40px; font-size:16px; border:none; color:#fff; font-family:'微软雅黑'; cursor:pointer;}
.Validform_right{ display:none;}
.Validform_wrong{ color:#f00; display:block;}







.sys-msg{ width:550px; margin:150px auto; padding:30px; border:1px solid #CBCBCB;}
.sys-msg .info h3{ margin-bottom:15px; line-height:40px;}
.sys-msg .info h3 b,.sys-msg .info h3 span{ color:#1D8BCA;}


.urlgo a{ color:#1D8BCA;}