@charset "gb2312";
body{margin:0px auto;font:14px Helvetica Bold,,"";color:#333;cursor:default;}
div,ul,ol,li,form,h1,h2,h3,dt,dl,dd,p{margin:0px;padding:0px;list-style-image:none;list-style-type:none;}
div,dl,dt,dd,ul,ol,li{zoom:1;}
h1{font-size:22px;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#008cd6;}
input{outline:0;}
:focus{outline:none;}
img{border:none;}
img a{border:none;}

.clearfix {zoom:1;}    
.clearfix:before{ content:".";display:block;height:0;visibility:hidden;clear:both;}  
.clearfix:after{ content:".";display:block;height:0;visibility:hidden;clear:both;}  

*:link, *:visited, *:hover, *:active, *:focus 
{ 
-webkit-transition: color 0.3s linear, background-color 0.5s linear,  background 0.5s linear; 
-moz-transition: color 0.3s linear, background-color 0.5s linear,  background 0.5s linear; 
transition: color 0.3s linear, background-color 0.5s linear,  background 0.5s linear; 
-o-transition: color 0.3s linear, background-color 0.5s linear,  background 0.5s linear; 
-ms-transtion: color 0.3s linear, background-color 0.5s linear,  background 0.5s linear;
}

::selection{background:#f80;color:#fff; }
::-moz-selection{background:#f80;color:#fff;}
.wbox{width:1200px;margin:0px auto;}
.minw{ min-width:1200px;}
.mtop{margin-top:30px;}
.fl{ float:left;}
.fr{ float:right;}

.top_box{height:85px; position:relative;}
.top_box .logo_box{ width:310px; height:40px;position:absolute; left:0px; top:8px;}
.top_box .tel_box{ width:300px; height:40px;line-height:40px;font-size:16px;color:#008cd6;position:absolute;right:170px;top:22px; text-align:right;}
.top_box .tel_box span{ font-size:14px; margin-left:15px;}
.top_box .txt_box{width:150px; height:40px;line-height:40px; font-size:14px; color:#008cd6;position:absolute; right:150px; top:22px;}
.top_box .lang_box{width:150px; height:40px; line-height:40px;position:absolute; right:10px; top:20px; text-align:center;}
.top_box .lang_box a{display:inline-block;font-size:12px; border:#505050 1px solid; height:20px; line-height:20px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; padding:0px 8px; margin:0px 5px;}
.top_box .lang_box a:hover{border:#008cd6 1px solid;}


.menu_bg{width:100%;height:45px; background:#008cd7;}
.fixtop{ position:fixed; left:0px; top:0px; z-index:999;} 
.menu_box{height:45px; position:relative;}
.menu_box li{height:45px;float:left; position:relative; z-index:30;}
.menu_box li > a{display:inline-block;line-height:45px;color:#fff; padding:0px 32px;}
.menu_box li > a:hover{color:#fff;background:#2baef1;}
.menu_box li.on > a{background:#2baef1;}

.menu_box dl{position:absolute;left:0px;top:45px;width:100%;background:#fff;-webkit-box-shadow:0 2px 5px #ccc;-moz-box-shadow:0 2px 5px #ccc;box-shadow:0 2px 5px #ccc; transition:all 0.3s ease-out 0s;transform:translate3d(0px, 10px, 0px);-moz-transform:translate3d(0px, 10px, 0px);-webkit-transform:translate3d(0px, 10px, 0px);opacity: 0; visibility:hidden;}

.menu_box li:hover dl{opacity:1;visibility: visible;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}

.menu_box dl dd{ text-align:center;height:42px;border-bottom:1px solid #ddd; font-size:12px;}
.menu_box dl dd a{ display:block;height:42px;line-height:42px; color:#666;}
.menu_box dl dd a:hover{ background:#f3f3f3;}
.menu_box li:nth-child(3) dl{}

.menu_box .so_box{ width:45px; height:45px; position: absolute; right:0px; top:0px;}
.menu_box .so_box .so_boxs{width:45px; height:45px; position:relative; z-index:30;} 
.menu_box .so_box .so_boxs a{width:45px; height:45px; display:block;background:url(../images/so_ico.png) no-repeat center center; cursor:pointer;}
.menu_box .so_box .so_boxs a:hover{filter:alpha(opacity=80);opacity:0.8;}

.menu_box .so_box .so_boxs .so_put{ background:#fff; position:absolute; top:45px; right:0px; width:280px; height:50px;transition:all 0.3s ease-out 0s;transform:translate3d(0px, 10px, 0px);-moz-transform:translate3d(0px, 10px, 0px);-webkit-transform:translate3d(0px, 10px, 0px);opacity: 0; visibility:hidden;}

.menu_box .so_box .so_boxs:hover .so_put{opacity:1;visibility: visible;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}

.menu_box .so_box .so_boxs .so_put .put_box{ width:250px; height:30px; line-height:30px;border:#ccc 1px solid; margin-left:8px; margin-top:8px; padding:0px 5px; font-family:"";box-shadow:inset 0 0px 1px rgba(0,0,0,.3);-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;}

/*banner*/
.banner_box{width:100%;position:relative;height:450px;z-index:1;overflow:hidden;min-width:1200px;}
.banner_box .btns{position:absolute;top:50%; margin-top:-35px;z-index:10;font-size:30px;background:rgba(0, 0, 0, 0.3); width:35px; height:70px; line-height:70px; text-align:center;color:#fff;border-radius:4px;}
.banner_box .btns:hover{background:rgba(0, 140, 215, 0.8);}
.banner_box .prev{left:20px;}
.banner_box .next{right:20px;}
.banner_box .hd{ width:100%;position:absolute;bottom:40px;z-index:10;height:20px;overflow:hidden}
.banner_box .hd ul{text-align:center;height:20px;}
.banner_box .hd ul li{cursor:pointer;display:inline-block;*display:inline;margin:0 5px;width:15px;height:15px;background:#fff;filter:alpha(opacity=60);opacity:0.6;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.banner_box .hd ul li.on{background:#008cd6;}

.banner_box .bd{ width:100%;}
.banner_box .bd li{ width:100%;height:660px;background:no-repeat center top;}
.banner_box .bd li a{display:block;height:660px;}
/*banner*/

.info_box{ height:170px; position:relative; z-index:20;}
.info_box_c{ position:absolute; top:-185px; left:0px; width:100%; height:360px; padding-top:20px;overflow:hidden;}
.info_c{width:400px;height:340px;float:left;}
.info_c p{ margin:10px; height:120px; line-height:120px; text-align:center;}
.info_c p span{width:70px; height:60px;display:inline-block;*display:inline;vertical-align:middle;background:url(../images/info_ico.png) no-repeat;}
.info_c dl{ margin:10px; height:188px;overflow:hidden;text-align:center;transition: all 0.3s ease-out 0s;}
.info_c dl dt{ height:45px; line-height:45px; font-size:18px;color:#fff; margin:5px 0 20px 0;}
.info_c dl dt span{ display:block;margin:0px auto; width:50px;height:1px;overflow:hidden; background:#fff;}
.info_c dl dd{ padding:0px 20px; font-size:13px; line-height:32px;}
.info_c dl a{ color:#fff;}
.info_c dl dd a i{ width:0px; transition: all 0.3s ease-out 0s; overflow:hidden;}
.info_c dl dd a:hover{ text-decoration:underline;}
.info_c dl dd a:hover i{ width:20px;}
.info_c:hover dl{border:rgba(255, 255, 255, 0.3) 1px solid!important;} 

.info_box .c1{background:#51bff8;}
.info_box .c1 p{ background:#41b4ef;}
.info_box .c1 p span{ background-position:center top;}
.info_box .c1 dl{ border:#51bff8 1px solid;}
.info_box .c2{background:#5161fa;}
.info_box .c2 p{ background:#5575f9;}
.info_box .c2 p span{ background-position:center -60px;}
.info_box .c2 dl{ border:#5161fa 1px solid;}

.info_box .c3{background:#9878ff;} 
.info_box .c3 p{ background:#8c6feb;}
.info_box .c3 p span{ background-position:center -120px;}
.info_box .c3 dl{ border:#9878ff 1px solid;}

.hvr_info{transition:all 0.6s cubic-bezier(0.2, 0.6, 0.3, 1) 0s;}
.hvr_info:hover{margin-top:-20px;height:380px;}
.hvr_info:hover dl{ padding:20px 0;}

@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}

100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
  }
}

@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}

100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
  }
}


/* Grow Shadow 
.hvr_info{
  -webkit-transform: translateZ(0);
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -moz-osx-font-smoothing:grayscale;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
  -webkit-transition-property:box-shadow, transform;
  transition-property:box-shadow, transform;
}

.hvr_info:hover, .hvr_info:focus, .hvr_info:active {
  z-index:10;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.c_over{
  transition-property:all;
  -moz-transition-duration:0.6s;
  -webkit-transition-duration:0.6s;
  transition-duration:0.6s;
  z-index:-1;
}
*/

.pds_box{}
.tit_box{ padding:30px 0; text-align:center;}
.tit_box dt{ font-size:24px; line-height:40px; color:#696969;}
.tit_box dd{ text-transform:capitalize;font-size:12px; color:#ccc;}

.pds_box .psd_list{ overflow:hidden;}
.pds_box .psd_list ul{ width:1210px;}
.pds_box .psd_list li{ width:290px; height:335px;margin-right:10px; float:left; background:#fff; border-bottom:#dedede 1px solid;transition: all 0.3s ease-out 0s;}
.pds_box .psd_list li a{ display:block;}
.pds_box .psd_list li a:hover{ color:#333;}
.pds_box .psd_list li p{width:284px;height:235px;margin:3px 0 0 3px;-webkit-box-shadow:0 0 5px #ddd;-moz-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd;overflow:hidden;}
.pds_box .psd_list li p img{ width:284px; height:235px;transition: all 0.6s cubic-bezier(0.2, 0.6, 0.3, 1) 0s;}
.pds_box .psd_list li dl{ width:85%; height:40px; line-height:20px; margin:25px auto; position:relative;}
.pds_box .psd_list li dl dt{ font-size:16px;} 
.pds_box .psd_list li dl dd{ font-size:12px; color:#999;}
.pds_box .psd_list li dl span{ position:absolute; right:5px; top:10px; width:15px; height:12px;background:url(../images/arrt_ico.png) no-repeat; background-position:100% top;transition: all 0.8s ease-out 0s;}

.pds_box .psd_list li:hover{background:#2baef1;border-bottom:#2baef1 1px solid;} 
.pds_box .psd_list li:hover p{-webkit-box-shadow:0 0 0px #fff;-moz-box-shadow:0 0 0px #fff;box-shadow:0 0 0px #fff;}
.pds_box .psd_list li:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.pds_box .psd_list li:hover dl{color:#fff;}
.pds_box .psd_list li:hover dd{color:#fff;}
.pds_box .psd_list li:hover span{ background-position:0 top;}

.pds_box .psd_list li.on{background:#2baef1;border-bottom:#2baef1 1px solid;}
.pds_box .psd_list li.on img{-webkit-box-shadow:0 2px 5px #269bd7;-moz-box-shadow:0 2px 5px #269bd7;box-shadow:0 2px 5px #269bd7;}
.pds_box .psd_list li.on dl{color:#fff;}
.pds_box .psd_list li.on dd{color:#fff;}
.pds_box .psd_list li.on span{ background-position:0 top;right:0px;}
.pds_box .more_box{ padding:30px 0;}
.pds_box .more_box a{width:150px; height:43px; line-height:43px; border-top:1px #afafb1 solid; border-bottom:1px #afafb1 solid;display:block;margin:0px auto;transition:all 0.3s ease-out 0s; background:#afafb1; text-align:center; }
.pds_box .more_box a span{width:25px; height:10px;display: inline-block; margin:0px auto;background:url(../images/more_ico.png) no-repeat right center;transition:all 0.3s ease-out 0s;}
.pds_box .more_box a:hover { border-top:1px #999 solid; border-bottom:1px #999 solid; background:#fff;}
.pds_box .more_box a:hover span{background:url(../images/more_ico.png) no-repeat left center;}

.wh_box{ background:#f8f8fa; padding-bottom:80px;}
.wh_c{ position:relative;}
.wh_c .line_box{ position:absolute;left:50%;top:0px;width:1px;height:100%;background:#a9a9a9;z-index:0;}

@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
	src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
	src: local(''), url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Lt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.wh_c .wh_list{ height:155px; padding:10px 0; position:relative; z-index:5; overflow:hidden; cursor:pointer;transition: all 0.3s ease-out 0s;}
.wh_c .wh_list .fl{ width:550px;}
.wh_c .wh_list .fl .txt{ float:right;text-align:right;}
.wh_c .wh_list .fl .date{float:right; text-align:right;}
.wh_c .wh_list .fl .date span{ float:left;background-position:left -20px;}
.wh_c .wh_list .fl .pics{float:right; position:relative; z-index:99;}

.wh_c .wh_list .fr{ width:550px;}
.wh_c .wh_list .fr .txt{ float:left;}
.wh_c .wh_list .fr .date{float:left; text-align:left;}
.wh_c .wh_list .fr .date span{ float:right;background-position:left 0px;}
.wh_c .wh_list .fr .pics{float:left; position:relative; z-index:99;}
.wh_c .wh_list .dot{display:block;opacity:1;width:7px;height:7px;border:#f8f8fa 5px solid;position:absolute;top:10px;background:#c1c1c1;-moz-border-radius:100%; -webkit-border-radius:100%;border-radius:100%; z-index:10;transition: all 0.6s ease-out 0s;}
.wh_c .wh_list .fl.dot{left:50%;margin-left:-8px;}
.wh_c .wh_list .fr.dot{ right:50%; margin-right:-9px;}


.wh_c .wh_list .pics{ width:350px; height:155px; display:none;transition: all 0.6s ease-out 0s;}
.wh_c .wh_list .pics img{width:350px; height:155px;}
.wh_c .wh_list .date{ display:inline-block;font-family:'Conv_HelveticaNeueLTStd-Lt',Arial;color:#999;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.wh_c .wh_list .date dt{ font-size:40px;}
.wh_c .wh_list .date dd{ font-size:14px;}
.wh_c .wh_list .date span{display:inline-block; width:40px; height:20px; margin-top:30px;background:url(../images/arrt_icos.png) no-repeat;}
.wh_c .wh_list .txt{ width:85%; margin-top:10px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.wh_c .wh_list .txt dt{ height:40px; font-size:18px; color:#575757}
.wh_c .wh_list .txt dd{ color:#9e9e9e; line-height:22px; height:90px; overflow:hidden;}

.wh_c .wh_list:hover{ background:#2baef1; z-index:20;}
.wh_c .wh_list:hover .fl.dot{left:20%;opacity:0;}
.wh_c .wh_list:hover .fr.dot{right:20%;opacity:0;}
.wh_c .wh_list:hover .pics{ display:block;}
.wh_c .wh_list:hover .date{ margin:0 40px;color:#fff;}
.wh_c .wh_list:hover .txt{color:#fff;margin-top:5px;}
.wh_c .wh_list:hover .txt dt{color:#fff;}
.wh_c .wh_list:hover .txt dd{color:#fff;}

.wh_c .wh_list.on{ background:#2baef1; z-index:20;}
.wh_c .wh_list.on .dot{ display:none;}
.wh_c .wh_list.on .pics{ display:block;}
.wh_c .wh_list.on .date{ margin:0 40px;color:#fff;}
.wh_c .wh_list.on .txt{color:#fff;}
.wh_c .wh_list.on .txt dd{color:#fff;}

.wh_c .more_box{  padding:50px 0 0 0; position:relative; z-index:10;}
.wh_c .more_box a{width:150px; height:43px; line-height:43px; border-top:1px #afafb1 solid; border-bottom:1px #afafb1 solid;display:block;margin:0px auto;transition:all 0.3s ease-out 0s; background:#afafb1; text-align:center; }
.wh_c .more_box a span{width:25px; height:10px;display: inline-block; margin:0px auto;background:url(../images/more_ico.png) no-repeat right center;transition:all 0.3s ease-out 0s;}
.wh_c .more_box a:hover { border-top:1px #999 solid; border-bottom:1px #999 solid; background:#fff;}
.wh_c .more_box a:hover span{background:url(../images/more_ico.png) no-repeat left center;}

.about_box{padding:0px 0 680px 0;background:url(../images/about_bg.png) no-repeat center bottom; background-size:100% auto;}
.about_box .tit_box{ padding-bottom:55px;}
.about_c{ width:1200px; margin:0px auto; color:#999; line-height:28px;}

.foot_box{ height:110px; position:relative; background:#fff;}
.foot_c{ position:absolute;width:100%;height:220px;background:rgba(68, 156, 231, 0.9); left:0px; top:-29px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B22baef1,endColorstr=#B22baef1);}
.foot_info{ width:1160px; margin:0px auto; overflow:hidden;}
.foot_info .fl{padding:35px 0; display:inline-block;}
.foot_info .fl .qrcode{ width:125px; height:140px; float:left;}
.foot_info .fl .qrcode img{width:125px; height:140px;}
.foot_info .fl .lx_box{ margin-left:30px; padding-left:30px; border-left:1px #fff solid;  float:left;color:#fff;}
.foot_info .fl .lx_box .lx_tit{ font-size:18px; line-height:25px;}
.foot_info .fl .zx_box{margin-top:30px;}
.foot_info .fl .zx_box dt{ font-size:16px;}
.foot_info .fl .zx_box dd{ margin-top:10px;}
.foot_info .fl .zx_box dd a{ width:25px; height:25px;display:inline-block;margin-right:8px;overflow:hidden;-moz-border-radius:100%; 
-webkit-border-radius:100%;border-radius:100%;}
.foot_info .fl .zx_box dd a:hover{filter:alpha(opacity=80);opacity:0.8;}
.foot_info .fl .zx_box dd a.qq{background:url(../images/qq_ico.png) no-repeat -2px -2px #fff;}
.foot_info .fl .zx_box dd a.weixin{background:url(../images/qq_ico.png) no-repeat -2px -32px #fff;}
.foot_info .fl .zx_box dd a.weibo{background:url(../images/qq_ico.png) no-repeat -2px -62px #fff;}
.foot_info .fr{ width:620px; padding:35px 0; line-height:26px; color:#fff; font-size:12px;display:inline-block;}
.foot_info .fr dl dt{ font-size:16px; margin-bottom:30px;}
.foot_info .fr dl dd{ float:left;}
.foot_info .fr dl dd.fls{ width:60%}
.foot_info .fr dl dd.frs{ width:100%; float:right;}

.copyright{ line-height:45px; color:#999; font-size:12px;margin-top:89px;}



.list_box{ padding:120px 0 40px 0;}
.cont_box{ color:#333; line-height:28px;font:Helvetica Bold,,""!important;}
.cont_box p{ margin-bottom:20px;font:Helvetica Bold,,""!important;}
.cont_box img{ max-width:100%; height:auto;}
.cont_box a{ color:#008cd6!important;}
.cont_box a:hover{ text-decoration:underline;}

.list_zs{border-top:1px #ededed solid;}
.list_zs .tit_box{padding-bottom:50px;}
.list_zs .tit_box dt{ font-size:16px; line-height:28px;}
.list_zs .tit_box dd{ font-size:12px;}

.list_zs .zs_box{ background:#008cd7; height:240px; margin-top:150px; position:relative;/*-webkit-box-shadow:0 5px 20x #003cb5;-moz-box-shadow:0 5px 20px #003cb5;box-shadow:0 5px 20px #003cb5;*/}
.list_zs .zs_c{ position:absolute;left:50%; top:-150px; margin-left:-600px; height:340px;}
.list_zs .bd{ position:relative;height:300px;background:#fff;-webkit-box-shadow:0 0px 10px #ccc;-moz-box-shadow:0 0px 10px #ccc;box-shadow:0 0px 10px #ccc; overflow:hidden;}
.list_zs .bd ul{ width:1010px; margin:0px auto;}
.list_zs .bd ul li{width:230px; height:208px; display:inline-block;*display:inline; float:left; margin:40px 15px;}
.list_zs .bd ul li img{width:100%;height:100%; border:#e8e8e8 5px solid;}


.list_zs .bd .tempWrap{ width:1040px!important; margin:0px auto;}
.list_zs .bd .prev{ width:30px; height:80px;display:block; position:absolute; left:0px; top:50%; margin-top:-40px;background:url(../images/arrt_pic.png) no-repeat left center #e8e8e8; z-index:9;}
.list_zs .bd .prev:hover{background:url(../images/arrt_pic.png) no-repeat left center #008cd7;}
.list_zs .bd .next{ width:30px; height:80px;display:block; position:absolute; right:0px; top:50%; margin-top:-40px;background:url(../images/arrt_pic.png) no-repeat right center #e8e8e8;z-index:9;}
.list_zs .bd .next:hover{background:url(../images/arrt_pic.png) no-repeat right center #008cd7;}

.list_zs .hd{ width:100%;height:20px; margin-top:15px;overflow:hidden;}
.list_zs .hd ul{text-align:center;height:20px;}
.list_zs .hd ul li{cursor:pointer;display:inline-block;*display:inline;margin:0 4px;width:10px;height:10px;background:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;filter:alpha(opacity=80);opacity:0.8;}
.list_zs .hd ul li.on{background:#003cb5;}


.honor_box{ width:1200px; margin:0px auto; border-top:#ededed 1px solid; padding:40px 0;}
.honor_box dl{color:#999;border-bottom:1px dotted #eee; padding:20px 10px;transition: all 0.6s ease-out 0s;}
.honor_box dl:hover{padding:20px 0 20px 30px;}
.honor_box dl dt{display:inline-block; width:100px;}
.honor_box dl dt span{ font-size:22px; font-weight:bold;}
.honor_box dl dd{display:inline-block;margin-left:15px;padding-left:60px;background:url(../images/arrt_honor.png) no-repeat left center; }


.sol_box{ height:280px;/*background:url(../images/solu_pic.jpg) no-repeat center top;*/}
.sol_box a{ display:block; height:100%;}
.sol_box a img{  width:100%;max-height:430px;}
.contact_box{ height:280px;background:url(../images/lx_pic.jpg) no-repeat center top;}
.contact_box a{ display:block; height:100%;}
.product_box{ height:280px;background:url(../images/product_pic.jpg) no-repeat center top;}
.job_box{ height:280px;background:url(../images/job_pic.jpg) no-repeat center top;}
.job_box a{ display:block; height:100%;}
.service_box{ height:280px;background:url(../images/service_pic.jpg) no-repeat center top;}
.service_box a{ display:block; height:100%;}
.innovation_box{ height:280px;background:url(../images/innovation_pic.jpg) no-repeat center top;}
.innovation_box a{ display:block; height:100%;}
.investors_box{ height:280px;background:url(../images/investors_pic.jpg) no-repeat center top;}
.investors_box a{ display:block; height:100%;}

/*
.sol_box{ height:280px;background:url(../images/job_banner.jpg) no-repeat center top; min-width:1200px;}
.sol_box a{ display:block; height:100%;}
.contact_box{ height:280px;background:url(../images/job_banner.jpg) no-repeat center top; min-width:1200px;}
.contact_box a{ display:block; height:100%;}
.product_box{ height:280px;background:url(../images/job_banner.jpg) no-repeat center top; min-width:1200px;}
.product_box a{ display:block; height:100%;}
.job_box{ height:280px;background:url(../images/job_banner.jpg) no-repeat center top; min-width:1200px;}
.job_box a{ display:block; height:100%;}
.service_box{ height:280px;background:url(../images/job_banner.jpg) no-repeat center top; min-width:1200px;}
.service_box a{ display:block; height:100%;}
.innovation_box{ height:280px;background:url(../images/job_banner.jpg) no-repeat center top; min-width:1200px;}
.innovation_box a{ display:block; height:100%;}
.investors_box{ height:280px;background:url(../images/job_banner.jpg) no-repeat center top; min-width:1200px;}
.investors_box a{ display:block; height:100%;}
*/


.list_nav{ padding:200px 0 40px 0; position:relative; border-bottom:#ededed 1px solid;}
.list_nav p{ margin-top:10px;width:80%;float:right;text-align:right; overflow:hidden;color:#999;}
.list_nav p a{ padding:0px 25px; color:#999;}
.list_nav p a:hover{ color:#333;}
.list_nav p a.on{ color:#008cd6;}
.list_nav span{ position:absolute; width:50px; height:30px;display:inline-block; right:10px; top:60px;}
.list_nav span a{ display:block;width:50px; height:30px;background:url(../images/back_ico.png) no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.list_nav dl{display:inline-block; color:#666;}
.list_nav dl dt{ font-size:24px;}
.list_nav dl dd{ color:#999;}

.cont_nav{ width:1160px;padding:200px 0 80px;/*border-bottom:#ededed 1px solid;*/}
.cont_nav dl{display:inline-block; color:#666;}
.cont_nav dl dt{ font-size:24px;}
.cont_nav dl dd{ color:#999;}

.list_sol{}
.list_sol li{ padding:40px 0; height:160px; position:relative; padding-left:350px; padding-right:20px;transition: all 0.3s ease-out 0s;}
.list_sol li:hover{padding-left:370px; padding-right:0px;}
.list_sol p{ width:300px; height:180px;display:inline-block; background:#d6d6d6; float:left; position:absolute; left:0px; top:40px; overflow:hidden;}
.list_sol p img{ width:300px; height:180px;transition: all 0.6s cubic-bezier(0.2, 0.6, 0.3, 1) 0s;}
.list_sol li:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}

.list_sol dl{}
.list_sol dl dt{ font-size:16px; margin-bottom:25px; }
.list_sol dl dt a{color:#2cacf3;}
.list_sol dl dt a:hover{ color:#999;}
.list_sol dl dd{ color:#999; height:72px; overflow:hidden; line-height:24px;}
.list_sol dl .more_btn{ width:60px; height:30px; display:block;background:url(../images/arrt_solu.png) no-repeat left center; margin-top:10px;}
.list_sol dl .more_btn:hover{filter:alpha(opacity=80);opacity:0.8;}


.list_c{ padding:70px 0;}
.cont_tit{ margin-bottom:50px;}
.cont_tit dt{ font-size:18px; color:#666; line-height:35px;}
.cont_tit dd{ font-size:12px; color:#999;}

.lx_info{ padding:50px 0;}
.lx_info li.lx_01{width:340px; float:left; margin-right:100px;}
.lx_info li.lx_02{width:360px; float:left; margin-right:100px;}
.lx_info li.lx_03{ width:300px; float:right;}
.lx_info li dl{}
.lx_info li dt{ font-size:16px; margin-bottom:50px;}
.lx_info li dd{ position:relative; padding-left:80px; color:#888; line-height:30px; margin-left:-5px;}
.lx_info li dd span{ position:absolute; left:0px; top:0px;}
.lx_info li.lx_03 dd{ padding-left:0px;}


.list_pds{}
.list_pds .fl{ width:240px;}
.list_pds .pds_nav{ margin-top:40px;}
.list_pds .pds_nav li{/* height:45px; */border-bottom:1px #ededed solid; padding-bottom:4%}
.list_pds .pds_nav li.on span{background:#29aef1;} 
.list_pds .pds_nav li>a{display:block;/* height:45px; */line-height:45px;transition: all 0.3s ease-out 0s;font-weight: bold;position: relative;}
.list_pds .pds_nav li a span{width: 15px;height:12px;background:#fff;display:inline-block;vertical-align:middle;margin:0 10px 0 2px;position: absolute;right: 0;top: 36%;}
.list_pds .pds_nav li a:hover{}
.list_pds .pds_nav li a:hover span{background:url(../images/fdwer.png) center no-repeat;background-size: 100% auto;}
  .list_pds .pds_nav li dl
                        {
                            background: #fff;
                            width: 100%;
                            /*     position: absolute;
                            left: 100%;
                            top: 0px;
                            box-shadow: 2px 2px 5px rgba(0,0,0,0.2);*/
                            display:block;
                            margin-top: 4%;
                        }
  .list_pds .pds_nav li dl dd
                        {
                            line-height: 28px !important;
                            height: 28px !important;
                        }
  .list_pds .pds_nav li dl dd a
                        {
                            font-size: 14px;
                            color: #666;
                            font-weight: normal;
                            display: inline;
                            padding: 0;
                            text-align: left;
                            line-height: 28px;
                        }
  .list_pds .pds_nav li dl dd a:hover
                        {
                            color: #008cd6;
                        }

.list_pds .pds_nav li h3{ font-size:14px; font-weight:normal; display:block; margin-top:4%;}
.list_pds .pds_nav li h3 a{ color:#008cd6;}

.djien>a{ color:#008cd6 !important}
.djien a  span{     background: url(../images/fdwer.png) center no-repeat !important;
    background-size: 100% auto !important;}


.list_pds .fr{ width:850px;}
.list_pds_box{}
.list_pds_box li{ padding:40px 0; height:235px; position:relative; padding-left:300px;}
.list_pds_box p{ width:284px; height:235px;display:inline-block; background:#d6d6d6; float:left; position:absolute; left:0px; top:40px; overflow:hidden;}
.list_pds_box p img{ width:284px; height:235px;transition: all 0.6s cubic-bezier(0.2, 0.6, 0.3, 1) 0s;}
.list_pds_box li:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}

.list_pds_box dl{ width:92%;transition: all 0.3s ease-out 0s;}
.list_pds_box li:hover dl{ padding-left:15px;}
.list_pds_box dl dt{ font-size:16px; margin-bottom:25px; }
.list_pds_box dl dt a{color:#2cacf3;}
.list_pds_box dl dt a:hover{ color:#999;}
.list_pds_box dl dd{ color:#999; height:35px; overflow:hidden;}

.list_pds_box dl .more_btn{ width:60px; height:30px; display:block;background:url(../images/arrt_solu.png) no-repeat left center; margin-top:25px;}
.list_pds_box dl .more_btn:hover{filter:alpha(opacity=80);opacity:0.8;}



.cont_info{ width:1160px;}
.cont_info .fl{ width:284px;}
.cont_info .fl p{ width:284px; height:235px; overflow:hidden;}
.cont_info .fl p img{ width:284px; height:235px;}
.cont_info .fr{ width:730px; color:#999;}
.cont_info .fr p{ line-height:24px; margin:10px 0; position:relative; padding-left:200px;}
.cont_info .fr p span{ width:200px; position:absolute; left:0px; top:0px;}


.cont_next{background: #f5f5f5; margin:50px auto; padding:40px 0; height:30px; line-height:30px; position:relative;}
.cont_next li{display:inline-block;background:#f5f5f5; padding:0 20px;transition: all 0.3s ease-out 0s;}
.cont_next li.fl:hover{ padding-left:10px;}
.cont_next li.fr:hover{ padding-right:10px;}
.cont_next li a{color:#999;zoom:1; vertical-align:middle; position:relative;}
.cont_next li a:hover{ color:#666;}
.cont_next p{ position:absolute; top:40px; left:50%; margin-left:-15px; width:30px; height:30px; line-height:30px;display:inline-block; margin:0px auto;}
.cont_next p a{ color:#666;}
.cont_next p a:hover{color:#008cd6;}
.cont_next li.fl a{border-left:1px #ccc solid; padding-left:30px; margin-left:80px;}
.cont_next li.fr a{border-right:1px #ccc solid; padding-right:30px; margin-right:80px;}
.cont_next li a:before{position:absolute;top:0px;content:"";display:inline-block;width:30px; height:20px;vertical-align:middle;margin:0 20px;}
.cont_next li.fl a:before{ left:-80px;background:url(../images/next_ico.png) no-repeat left center;}
.cont_next li.fr a:before{ right:-80px;background:url(../images/next_ico.png) no-repeat right center;}

.cont_pds{ width:1160px; margin:40px auto; padding:40px 0; color:#666; line-height:28px;border-top:1px #ededed solid;}
.cont_pds p{ margin-bottom:20px;}
.cont_pds img{ max-width:100%; height:auto;}

.list_news{ margin:40px auto;}
.list_news li{ height:65px; line-height:65px; border-bottom:1px #ededed solid; padding:0 5px;transition: all 0.3s ease-out 0s;}
.list_news li:hover{ padding-left:20px;}
.list_news li a{ color:#666;}
.list_news li a:hover{ color:#008cd6;}
.list_news li em{ font-style:normal; color:#999;}
.list_news li span{ padding:0 20px; color:#ccc;}


.list_nk{}
.list_nk li{position:relative; height:250px; padding:40px 180px 40px 250px; border-bottom:#ddd 1px solid;}
.list_nk li p{ position:absolute; left:0px; top:40px; width:200px; height:250px; overflow:hidden;}
.list_nk li p img{ width:200px; height:250px; transition: all 0.6s cubic-bezier(0.2, 0.6, 0.3, 1) 0s;}
.list_nk li:hover p img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.list_nk li dl{}
.list_nk li dl dt{ font-size:16px; line-height:80px;}
.list_nk li dl dt a{color:#666;}
.list_nk li dl dt a:hover{color:#008cd7;}
.list_nk li dl dt span{ color:#999; margin-left:20px;}
.list_nk li dl dd{ margin-top:10px; line-height:28px; color:#999; margin-bottom:30px;}
.list_nk li dl a.btns{display:inline-block;color:#c9c9c9; border:#ddd 1px solid; line-height:32px; padding:0 20px 0 25px;transition: all 0.3s ease-out 0s;}
.list_nk li dl a.btns i{ margin-left:8px;}

.list_nk li .date{display:inline-block; color:#ccc; position:absolute; top:120px; right:0px;font-family:'Conv_HelveticaNeueLTStd-Lt',Arial; font-size:28px; font-weight:normal; font-style:normal; border-left:1px solid #eee; padding:20px 0 20px 30px;}
.list_nk li:hover dd{ color:#666;}
.list_nk li:hover a{color:#333;}
.list_nk li:hover a.btns{ background:#008cd7;border:#008cd7 1px solid; color:#fff;padding:0 30px 0 35px;}
.list_nk li:hover a.btns i{ margin-left:10px;}

.cont_nk{height:600px; overflow:hidden;position:relative;}

/* Basic sample */

.flipbook-viewport{overflow:hidden;width:100%;height:100%;}
.flipbook-viewport .container{position:absolute;top:50%;left:50%;margin:auto;}
.flipbook-viewport .flipbook{width:922px;height:600px;left:-461px;top:-300px;}
.flipbook-viewport .page{width:461px;height:600px;background-color:white;background-repeat:no-repeat;background-size:100% 100%;}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}


.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;
	-webkit-box-shadow:0 0 20px #000;
	-moz-box-shadow:0 0 20px #000;
	-o-box-shadow:0 0 20px #000;
	-ms-box-shadow:0 0 20px #000;
	box-shadow:0 0 20px #000;
}
/* Basic sample */


.list_ld{}
.list_ld li{position:relative; height:215px; padding:40px 10px 40px 250px; border-bottom:#ddd 1px solid; overflow:hidden;}
.list_ld li p{ position:absolute; left:0px; top:40px; width:200px; height:215px; overflow:hidden;}
.list_ld li p img{width:200px; height:215px; transition: all 0.6s cubic-bezier(0.2, 0.6, 0.3, 1) 0s;}
.list_ld li:hover p img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.list_ld li dl{}
.list_ld li dl dt{ font-size:16px; line-height:80px;}
.list_ld li dl dt a{color:#666;}
.list_ld li dl dt a:hover{color:#008cd7;}
.list_ld li dl dt span{ color:#999; margin-left:20px;}
.list_ld li dl dd{ margin-top:10px; line-height:28px; color:#999;}
.list_ld li:hover dd{ color:#666;}


.list_art{}
.list_art li{position:relative; height:200px; padding:40px 180px 40px 350px; border-bottom:#ddd 1px solid;transition: all 0.3s ease-out 0s;}
.list_art li:hover{ padding:40px 160px 40px 370px;}
.list_art li p{ position:absolute; left:0px; top:40px; width:300px; height:200px; overflow:hidden;}
.list_art li p img{width:300px; height:200px;transition: all 0.6s cubic-bezier(0.2, 0.6, 0.3, 1) 0s;}
.list_art li:hover p img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.list_art li dl{}
.list_art li dl dt{ font-size:16px; line-height:80px; height:80px; overflow:hidden;}
.list_art li dl dt a{color:#666;}
.list_art li dl dt a:hover{color:#008cd7;}
.list_art li dl dt span{ color:#999; margin-left:20px;}
.list_art li dl dd{ margin-top:10px; line-height:28px; color:#999; margin-bottom:30px;}

.list_art li .date{display:inline-block; color:#ccc; position:absolute; top:120px; right:0px;font-family:'Conv_HelveticaNeueLTStd-Lt',Arial; font-size:28px; font-weight:normal; font-style:normal; border-left:1px solid #eee; padding:20px 0 20px 30px;}
.list_art li .date span{ display:block;text-align:right; height:0px; overflow:hidden;transition: all 0.3s ease-out 0s;}
.list_art li .date span em{ width:15px; height:20px;display:inline-block;background:url(../images/arrt_ico.png) no-repeat right 20px;transition: all 0.3s ease-out 0s;filter:alpha(opacity=0);opacity:0;}

.list_art li:hover .date span{ height:30px;}
.list_art li:hover .date span em{background:url(../images/arrt_ico.png) no-repeat right 0px;filter:alpha(opacity=100);opacity:1;} 
.list_art li:hover dd{ color:#666;}


.job_list td span{color:#FFFFFF;font-weight:bold;}
.job_list td { height:28px; line-height:28px;border-bottom:#E7E2E2 1px solid; padding:15px 0;}
.job_list p{ padding-left:20px;transition: all 0.3s ease-out 0s;}
.job_list tr{transition: all 0.3s ease-out 0s;}
.job_list tr:hover{ background:#f5f5f5;}
.job_list tr:hover p{padding-left:30px;}

.job_cont_jj{border-bottom:#E7E2E2 1px solid; padding-bottom:20px;}
.job_cont_jj dt{ font-size:16px; height:50px;line-height:50px;margin-bottom:10px;font-weight:bold;}
.job_cont_jj dd{ width:50%;float:left; line-height:30px; color:#666;} 


.job_cont_zz{ margin-top:20px;border-bottom:#E7E2E2 1px solid; padding-bottom:20px;}
.job_cont_zz dt{font-size:16px;height:50px;line-height:50px;margin-bottom:10px;font-weight:bold;}
.job_cont_zz dd{line-height:30px;color:#666;}

.job_cont_xx{ margin-top:20px;padding-bottom:20px; }
.job_cont_xx dt{font-size:16px;height:50px;line-height:50px;margin-bottom:10px;font-weight:bold;}
.job_cont_xx dd{line-height:30px;color:#666;}

.job_put_box td{ height:35px;line-height:35px;}
.job_put_box td span{ color:#F00;}


.job_txt{width:180px;height:28px;padding:0 5px;}
.job_txt2{height:30px;padding:0 5px;}
.job_txt3{width:500px;padding:5px;}
.job_txt4{width:80px;padding:0 5px;}
.job_put{border:#ccc 1px solid;font-family:"";transition: all 0.3s ease-out 0s;}
.job_put:focus{border:rgba(82,168,236,0.8) 1px solid; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
     box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);}

.job_btn{margin-top:20px;}
.job_btn a{display:inline-block; padding:0px 20px; height:42px; line-height:42px; text-align:center;background:#008cd7;font-size:16px;color:#fff;transition: all 0.3s ease-out 0s;}
.job_btn a:hover{ padding:0px 40px;}
.job_btn a i{ vertical-align:middle; margin:0px 5px;transition: all 0.3s ease-out 0s;}
.job_btn a:hover i{ margin-left:10px;}

.job_btns{display:inline-block;padding:0px 35px; height:42px; line-height:42px; text-align:center;background:#008cd7;font-size:16px;color:#fff;transition: all 0.3s ease-out 0s; font-family:""; border:none; cursor:pointer;}
.job_btns:hover{ padding:0px 55px;}


/*·ÖÒ³*/
.pageing{text-align:center;margin:50px auto;}
.pageing li{display:inline-block;}
.pageing li a{display:inline-block;padding:0px 12px;height:35px;line-height:35px;margin:0 3px;text-align:center;font-size:12px;overflow:hidden;border:#ccc 1px solid; color:#666;}
.pageing li a:hover{background:#6b6b6b;color:#fff!important;}
.pageing li.active a{background:#6b6b6b;color:#fff;border:#6b6b6b 1px solid;font-weight:bold;}
/*·ÖÒ³*/