@charset "utf-8";
/* CSS Document */
html, body {font-size: 12px;margin: 0px;padding: 0px;text-decoration: none;font-family:"Microsoft Yahei","微软雅黑";background: #fff;text-align: center;-webkit-text-size-adjust: none;}
a {	color: #666666;text-decoration: none;outline: 0px none; star:expression(this.onFocus=this.blur());}
a:hover, a:active { color:#00A0E9;}
* { margin: 0px;padding: 0px;list-style: none;}
table {	border-collapse: collapse;}
ul, li {list-style: none;border: 0 none;padding: 0px;}
form {margin: 0px;}
/*
img {border: 0px none;text-align-last: center;vertical-align: middle;_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);}
*/
center {text-align: left;	color: #999;height: 50px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999;}
#dhtmltooltip {z-index: 100;visibility: hidden;	position: absolute;text-align: left;border: 1px solid #ccc;}
#clear, .clear {clear: both;float: none;background: none;width: inherit !important;	height: inherit !important;}
#noData, .noData {color: #ccc;font-size: 14px;text-align: left;padding: 50px 0px;}
.fl-left{ float:left;}
.fl-right{ float:right;}
html::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #ddd;}
html::-webkit-scrollbar {width: 8px;background-color: #ddd;}
html::-webkit-scrollbar-thumb {background-color: #67d4f6;}
.ellipsis{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.huanhang{word-break:break-all; overflow:auto;}
.vb{color:#333; width:280px; margin:5px; font-size:14px; text-indent:10px; height:30px; line-height:30px;vertical-align: middle;}
.vb2{color:#333; width:550px; margin:5px; font-size:14px; padding:10px; height:200px; line-height:20px;}
#showBox1 img{max-width:100%; display:block;}
.content{width:1200px; margin:0 auto;}
.pr{ position:relative}

/*
head
-----------------------------------------------------------------*/

#head {position:fixed; z-index:1000; width:1200px; height:90px;background: rgba(255,255,255,1); margin:0; transition:all .35s;}
#head .logo{ position:absolute; z-index:9;left:0px; text-align:left; height:90px; line-height:90px; transition:all .35s;}
#head .logo img{height:58px; margin-top:11px; width:auto; transition:all .35s;}
#head .menu{ position:absolute; z-index:9; right:50px;height:90px; line-height:90px;}
#head .menu .btn{ display:none;}
#head .menu ul>li{float:left; position:relative; text-align:center; padding:0px 25px; background:url("../images/menu-bar.png") no-repeat; background-position:center right;}
#head .menu ul>li:last-child{ background:none !important;}
#head .menu ul>li:after{position:absolute; left:43%; bottom:10px; font-size:0; width: 0;height: 0; opacity:0;border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #00A0E9; content:''; display:block; transition:all .18s;}
#head .menu ul>li.A:after{ opacity:1;}
#head .menu ul>li>a{font-size:16px; color:#333; line-height:60px; display:inline-block; transition:line-height .35s,height .35s,color .25s;}
#head .menu ul>li .A{ color:#00A0E9;}
#head .menu ul>li .A:after{position:absolute; z-index:2; left:20%; bottom:0; width:60%; height:5px; background:#00A0E9;content:''; transition:all .35s;}
#head .menu ul>li.A>a{color:#00A0E9;}
#head .menu ul>li>div{min-width:100px; background:#00A0E9; box-shadow:0px 2px 3px rgba(0,0,0,.2); position:absolute;z-index:9; left:0; top:80px; display:none; transition:top .35s;}
#head .menu ul>li>div>a{display:block; height:45px; line-height:44px; text-align:left; border-bottom:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.8); padding:0 10px; font-size:13px; transition:all .35s; white-space:nowrap; position:relative; overflow:hidden;}
#head .menu ul>li>div>a:after{content:''; display:block; width:20px; height:20px; position:absolute; background:url(../images/arrow.png?6) no-repeat center center; right:35px; top:12px; filter:alpha(opacity=0); opacity:0; transition:all .5s;}
#head .menu ul>li>div>a:last-child{border-bottom:0px none;}
#head .menu ul>li>div>a:hover{background:#333; color:rgba(255,255,255,1);}
#head .menu ul>li>div>a:hover:after{right:20px; filter:alpha(opacity=60); opacity:.6;}
#head .menu ul>li>div>a:last-child:hover{border-bottom:0px none;}
#head .search{ position:absolute; z-index:9; right:30px;height:80px; top:10px; line-height:80px; cursor:pointer;}
#head .search>img{ height:25px; width:auto;}
#head .language{ position:absolute; z-index:9; right:30px; font-size:14px; color:#999; cursor:pointer; height:90px; line-height:90px;}

.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#00A0E9 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#00A0E9 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#00A0E9 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#00A0E9 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/* index style */
.we{ background:url(../images/we_bg.jpg) no-repeat;width: 1200px;height: 207px; margin:80px auto;}
.we_l{width: 235px; padding:10px 0 0 48px;}
.we_l img{width:235px; height:190px;}
.we_c{ padding:26px 0 0 90px;width: 465px;}
.we_c h2{position:relative;}
.we_c h2 span{position:absolute;width:0;height:100%;overflow:hidden;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}
.we_c h2:hover span{width:100%;}
.we_c p{font-size: 14px; text-align:left; color: #333;line-height: 24px;height: 72px;overflow: hidden; padding:30px 0 0;}
.we_r{font-size: 24px;color: #333;width: 300px;text-align: center;}
.we_r em{display: block;width: 60px; margin:0 auto; padding:50px 0 10px;}
.we_r em img{width: 60px;height: 60px;}

/* index product */

.cp_bg{background: #fafafa;font-size: 0; padding:75px 0 60px;}
.cp_t{font-weight: normal;height: 100px;text-align: center; background:url(../images/cp_line.png) no-repeat center 16px;}
.cp_t a{font-size: 32px;color: #00A0E9;}
.cp_t span{display: block;font-size: 16px;color: #9c9c9c; padding:8px 0 0;}
.cp_l{width: 230px;}
.cp_lt{width: 230px;height: 80px;background: #282828;text-align: center;line-height: 80px;position: relative;}
.cp_lt:before{ content:"";width: 30px;height: 30px;background: #282828;position: absolute;bottom: -8px;left: 100px;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;}
.cp_lt a{font-size: 28px;color: #fff;}
.cp_lt i{font-weight: normal;}
.cp_lm{width: 229px;background: #fff; border-left:#d4d4d4 1px solid; border-bottom:#d4d4d4 1px solid;}
.cp_l ul li{width: 229px;height:67px; text-align:left;}
.cp_l ul li a{font-size: 16px;color: #333;display: block; background:url(../images/cp_ico01.gif) no-repeat 30px center; padding:0 0 0 65px; border-bottom:#d4d4d4 1px solid;width: 164px; height:66px;line-height:66px;}
.cp_l ul li a:hover,.cp_l ul li.on a{color: #fff;font-weight: bold;background:#00A0E9 url(../images/cp_ico02.gif) no-repeat 30px center;}
.cp_l ul li.nobor a{ border:none;}
.cp_r{width: 970px;height: 550px;}
.cp_r img{width: 970px;height: 550px;}
.cp_rm{position: relative;width: 970px;height: 550px;}
.cp_desc{width: 290px;height: 336px; padding:20px 0 0;background: #f3f0f0;position: absolute;top: 77px;right: 50px;box-shadow: 0 3px 5px 3px #d0d0d0;}
.cp_desc h3{font-size: 18px;color: #333;width: 225px; margin:0 auto;height: 58px;line-height: 58px;overflow: hidden; border-bottom:#a2a0a0 2px dotted;}
.cp_desc p{font-size:16px;color:#666; text-align:left; line-height: 26px;height: 208px;overflow: hidden;width: 225px; margin:0 auto; padding:10px 0 0;}
.cp_desc span{display: block;width: 110px;height: 40px; margin:35px 0 0 40px;}
.cp_desc span a,.about dl dd span a{font-size: 14px;color: #fff;display: block;width: 110px;height: 40px;text-align: center;line-height: 40px;background: #00A0E9;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;box-shadow: 0 3px 5px 3px #d0d0d0;}
.cp_desc span a:hover,.about dl dd span a:hover{animation:shake 1s linear;-webkit-animation:shake 1s linear;}
.cp_bot{ padding:30px 0 0; position:relative;}
.cp_bot .uls { width:100%; overflow:hidden; margin:0 auto}
.cp_bot ul li{width:205px; float:left; margin-right:45px;overflow: hidden;}
.cp_bot ul li em{width:205px;height:205px; display: block;overflow: hidden;}
.cp_bot ul li img,.case dl dt img,.news_top dl dt img{width:205px;height:205px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_bot ul li img:hover,.case dl dt img:hover,.news_top dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_bot ul li:first-child{ margin-left:0;}
.cp_bot ul li span{ width:205px; display:block; text-align:center; height:25px; line-height:25px; padding:10px 0 0; overflow:hidden;}
.cp_bot ul li a{font-size: 16px;color: #333;}
.cp_bot ul li a:hover{color: #00A0E9;}

.cp_bot_l a{ background:url(../images/hz_lico01.png) no-repeat; width:40px; height:40px; display:block;}
.cp_bot_l a:hover{ background:url(../images/hz_lico02.png) no-repeat;}
.cp_bot_r a{ background:url(../images/hz_rico01.png) no-repeat; width:40px; height:40px; display:block;}
.cp_bot_r a:hover{ background:url(../images/hz_rico02.png) no-repeat;}
.cp_bot_l{ position:absolute; top:78px; left:-56px;}
.cp_bot_r { position:absolute; top:78px; right:-56px;}

/* Enterprise Strength */
.ys_bg{ padding:70px 0 0;}
.ys_t{height: 312px;}
.ys_t .cp_t{height: 120px;}
.ys_t ul{position: absolute;top: 120px;left: 336px;z-index: 20;}
.ys_t ul li{font-size: 20px;color: #f5c1bf;width: 172px;height: 172px;text-align: center;background: #00A0E9;line-height: 28px;float: left;text-transform: uppercase;box-shadow:1px 2px 10px 2px #d0d0d0; margin-right:6px;}
.ys_t ul li i{display: block;}
.ys_t ul li em{display: block;width: 46px; margin:0 auto; padding:28px 0 10px;}
.ys_t ul li em img{width: 46px;height: 46px;}
.ys_t ul li:hover,.ys_t ul li.on{color: #fff;font-weight: bold;height: 192px;background:#282828;}
.ys_t ul li:hover em,.ys_t ul li.on em{ padding:38px 0 10px;}
.ys_qie{height: 155px; margin-top:-192px; padding:655px 0 0;}
.ys_desc{width: 1200px;height: 130px;background: #fff; margin:0 auto; border-bottom:#dc5a53 2px solid;box-shadow:0 3px 10px 3px #d0d0d0;}
.ys_desc h5{font-size: 26px;color: #282828;line-height: 38px;width: 275px;float: left; text-align:right; padding:25px 0 0;}
.ys_desc h5 i{display: block;}
.ys_r{ padding:30px 0 0 40px;width:720px; text-align:left;}
.ys_r p{font-size: 16px;color: #606060;line-height: 24px; background:url(../images/ys_ico04.gif) no-repeat 0 11px;}
.ys01{ background:url(../images/ys_bg01.jpg) no-repeat center 0;}
.ys02{ background:url(../images/ys_bg02.jpg) no-repeat center 0;}
.ys03{ background:url(../images/ys_bg03.jpg) no-repeat center 0;}

/* customer */
.partner{ padding:0 0 70px;font-size: 0;}
.partner_l a{ background:url(../images/hz_lico01.png) no-repeat; width:40px; height:40px; display:block;}
.partner_l a:hover{ background:url(../images/hz_lico02.png) no-repeat;}
.partner_r a{ background:url(../images/hz_rico01.png) no-repeat; width:40px; height:40px; display:block;}
.partner_r a:hover{ background:url(../images/hz_rico02.png) no-repeat;}
.partner_l{ position:absolute; top:22px; left:-56px;}
.partner_r { position:absolute; top:22px; right:-56px;}
.partner_c{width: 1200px;overflow: hidden;}
.partner_c ul li { width:206px; float:left; padding:0 42px 0 0;overflow: hidden;}
.partner_c ul li img{ width:192px; height:72px; padding:5px; border:#cfcfcf 2px solid;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.partner_c ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}

/* about us */
.zj_bg { background:#f3f3f3; border-top:solid 1px #e3e3e3; height:1040px;}
.zj_con { padding:78px 0 0; height:475px;}
.zj01 {float:left; background:url(../images/zj_picbg.gif) no-repeat; width:560xp; padding-left:11px; height:390px;}
.zj02 { float:left; text-align:left; width:570px; padding-left:58px;}
.zj02 b{  height:52px; line-height:52px; display:block;}
.zj02 b a { font-size:24px; color:#364655;}
.zj02 b a:hover { color:#00A0E9;}
.zj02 p { line-height:26px; font-size:14px; color:#585858; overflow:hidden; height:145px;}
.zj_pic ul { width:150px; float:left; }
.zj_pic ul li { margin-bottom:15px;}
.zj_pic ul li a { background:url(../images/zj_libg01.gif) no-repeat; width:150px; height:45px; line-height:45px; color:#fff; font-size:16px; font-weight:bold; display:block; text-align:center;}
.zj_pic ul li a:hover,.zj_pic ul .cur a { background:url(../images/zj_libg02.gif) no-repeat; }
.zj_pic span { display:block; float:left; width:420px;}
.zj_pic span a{ float:left; display:block;}
.zj_pic span a img { width:191px; height:165px; margin-left:15px;}

/* baike */
.wd { width:460px;}
.wd_top{background: url(../images/wd_xx01.gif) no-repeat 0 bottom; text-align:left; height:65px; line-height:40px; margin-bottom:25px;}
.wd_top em { display:block; float:right; padding:2px 0 0;}
.wd_top em a { background:url(../images/dt_more01.gif) no-repeat; width:121px; height:35px; display:block; }
.wd_top em a:hover { background:url(../images/dt_more02.gif) no-repeat;}
.wd_top span { display:block;}
.wd_top span a { font-size:24px; color:#364655; font-weight:bold;}
.wd_top span a:hover { color:#00A0E9;}

.wd_con dl {padding:0 0 40px; text-align:left;}
.wd_con dl dt { background: url(../images/wd_w.gif) no-repeat left 2px; height:30px; line-height:30px; padding:0 0 10px 40px; overflow:hidden;}
.wd_con dl dt a { color:#585858; font-size:14px; font-weight:bold;}
.wd_con dl dt a:hover { color:#00A0E9;}
.wd_con dd { background:url(../images/wd_d.gif) no-repeat left 4px; width:400px;  line-height:25px; padding-left:40px; font-size:14px;color:#343231; white-space:normal; word-break:normal;}

/* News */
.dt { width:670px; padding-left:70px}
.dt_con dl { height:155px; text-align:left; border-bottom:dashed 1px #ddd; margin:0 0 35px;}
.dt_con .nobor { border:none;}
.dt_con dt { float:left; padding-right:20px;}
.dt_con dt a img { width:188px; height:118px; border:solid 1px #e3e3e3}
.dt_con dt a:hover img { border:solid 1px #00A0E9}
.dt_con dd { float:left; width:448px}
.dt_con dd b { height:35px; display:block;}
.dt_con dd b a { font-size:15px; color:#585858;}
.dt_con dd b a:hover { color:#00A0E9;}
.dt_con dd p { line-height:25px; font-size:14px; color:#686868;}

/* index-pic */
#inditm4{height:400px; position:relative; width:100%; float:left; margin-top:20px; z-index:0; background:url(../images/kn_img.jpg) center top repeat-x;}
#inditm4 .inditm4{width:1200px; margin:0 auto;}
#inditm4 .inditm4 a{width:100%; float:left; display:inline-block; height:400px; text-indent:-9999px;}


/* end*/


/*

search

-----------------------------------------------------------------*/
#search{ display:none; position:fixed; z-index:99; right:0; top:90px; width:20%; height:60px; background:rgba(0,160,233,1);}
#search form{ margin:0px auto;}
#search input[type="text"]{outline:medium;float:left;height:60px;line-height:60px;padding-left:30px;width:80%;border:0px;font-size:14px; font-weight:normal;font-family:微软雅黑; background:none;color:rgba(255,255,255,1);box-sizing:border-box;overflow:hidden;}
#search input::-webkit-input-placeholder{ color:rgba(255,255,255,.8);}
#search button{	float:right;width:20%;height:60px;border:none;background:url(../images/go.png) no-repeat center center;background-size:auto 100%;color:#fff;cursor:pointer;box-sizing:border-box;overflow:hidden;}


/*
language
-----------------------------------------------------------------*/

#language{ position:fixed; z-index:99; right:-120px; top:90px; width:120px; height:auto; background:#666;}
#language a{ display:block; padding:15px;text-align:left; color:#fff;border-bottom:1px solid rgba(255,255,255,.1); transition:all .35s;}
#language a:last-child{border-bottom:0!important;}
#language a>img{ margin-right:5px;}
#language a:hover{ background:#777;}

/* end*/


/*
menuWap
-----------------------------------------------------------------*/
#menuWap{ display:none; position:fixed; z-index:1001; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.86);}
#menuWap .close{ width:80%; margin:30px auto; text-align:right;}
#menuWap .close img{ border:1px solid rgba(255,255,255,.2);}
#menuWap ul{width:80%; margin:0px auto; text-align:left;}
#menuWap ul>li{ position:relative;display: block;width: 100%;padding: 15px 0px;text-align: left;margin: 0px auto;border-bottom: 1px solid rgba(255,255,255,.3);}
#menuWap ul>li img{position:absolute;z-index:9;right:10px;top:18px;width:18px;height:auto;}
#menuWap ul>li>a {display:block; font-size: 20px;padding:0px 5px; color:rgba(255,255,255,.8);}
#menuWap ul>li.A>a{ color:#00A0E9 !important;}
#menuWap ul>li>div{ display:none; padding:10px 0px;}
#menuWap ul>li>div a{display:block;padding:5px;font-size:14px;color:rgba(255,255,255,.6);}

#menuWap .search{width:80%; height:30px; margin:20px auto;}
#menuWap .search form{ margin:0px auto;}
#menuWap .search input[type="text"]{outline:medium;float:left;height:30px;line-height:30px;padding-left:30px;width:80%;border:0px;font-size:14px; font-weight:normal;font-family:微软雅黑; background:rgba(255,255,255,1);color:#666;box-sizing:border-box;overflow:hidden;}
#menuWap .search input::-webkit-input-placeholder{ color:#999;}
#menuWap .search button{float:right;width:20%;height:30px;border:none;background:#00A0E9 url(../images/go.png) no-repeat center center;background-size: auto 100%;color:#fff;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#menuWap .language{ text-align:center; margin:0px auto;}
#menuWap .language a{ display:inline-block; padding:5px; color:rgba(255,255,255,.8);}


/*
banner
-----------------------------------------------------------------*/

#banner{position:relative;background:#fff; height:auto; overflow:hidden; transition:all .35s;}
#banner .swiper-container{width:100%; height:100%;}
#banner .swiper-slide{ width:100%; height:100%; overflow:hidden; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#banner .swiper-slide img{max-width:100%;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px;}
#banner .swiper-pagination-bullet{width:40px; height:6px;-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; background:#fff;opacity:1;}
#banner .swiper-pagination-bullet:hover{opacity:1;}
#banner .swiper-pagination-bullet-active{background:#00A0E9;opacity:1;}
#banner .swiper-button-prev,#banner .swiper-button-next{width:50px; height:50px; background-size:50px 50px; transition:all .2s;}
#banner .swiper-button-prev,#banner .swiper-container-rtl .swiper-button-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAx0lEQVRoge3aMQrCQBRF0Y+4DxuX4VKzB7fgCrKBVDa2dilzLaKFiYIzIP85vlMGAu9CijBJhBCgYzYCh+w9VYCeZ33J/dtvDSsBDBGxX1w+Z2ypBgysDdm7ijhChSNUOEKFI1Q4QsWbiKKXwFTADri+iOiyt33sHjE6IpsjVDhChSOUsD6ykYnYZA9I0cyjFeEYXY5R5RhVLcZcmoiJaOQE5cExqhyjyjGqHKPKMar+IeaYvasKcFqE/M4XriXmH88mKn48uwHHhY37FtUzgAAAAABJRU5ErkJggg==');}
#banner .swiper-button-next,#banner .swiper-container-rtl .swiper-button-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAvklEQVRoge3aMQrCQBCF4cWLeAZ7j5o7eAVPkAuksrG1S+mfQkSM2WJEnLfL+7pAAvNDijDZUgKAIzDzMESelQKMvBuzZ3raBe+/rK4PwPSrYf4KmPjkmHSOUeUYVY5R5RhVvcWsPzKbjhk2Ym7APnu2sErM7JhsjlHlGFWOUVWJCa2aousgq+ni1XKECkeocISKniOurUW0v0lxhApHqHCECkeocISKXiJOzUeUsvkH6pw901d4HTy7I3bwbAFEQY4GwbRw2gAAAABJRU5ErkJggg==');}
#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{opacity:.6;}
#banner>.bg,#b-sub>.bg{width:100%; height:100%; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=50); opacity:.5; z-index:2; display:none;}
#banner .mc-box{ position:absolute; z-index:99; right:0; top:38%; width:900px; text-align:left;}
#banner .mc-box img{ display:block; margin-left:8px; margin-bottom:10px;}
#banner .mc-box img:first-child{ margin-bottom:20px; margin-left:0px!important;}

/*

main

-----------------------------------------------------------------*/
#main{ width:100%; height:auto; margin:0px auto;}
#main .news{ width:50%; text-align:left;}
#main .news .title{ width:80%; padding:40px 10%; text-align:left; font-size:18px; color:#333;margin:0px auto;}
#main .news .hot{ width:80%; padding:0 10%; margin:0px auto 60px auto;}
#main .news .hot .img{ width:30%; height:auto; overflow:hidden;}
#main .news .hot .img img{ width:100%; height:auto;}
#main .news .hot .container{ width:60%; padding:0 5%; text-align:left;}
#main .news .hot .container .name{ padding:0 0 10px 0; font-size:16px;}
#main .news .hot .container .name>a{ color:#333; transition:all .35s;}
#main .news .hot .container .name>a:hover{ color:#00A0E9;}
#main .news .hot .container .time{ color:#ccc;}
#main .news .hot .container .text{padding:10px 0;font-size:14px; color:#666; line-height:25px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
#main .news .hot .container .view{ padding:5px 0;}
#main .news .hot .container .view a{ color:#00A0E9; font-size:14px;}
#main .news .list{ width:80%; padding:0 10%; margin:0px auto;}
#main .news .list a{ position:relative; display:block; padding:10px 0 10px 15px; font-size:16px; color:#666; border-bottom:1px dotted #ddd; transition:all .35s;}
#main .news .list a:after{ position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; background:#00A0E9; content:'';}
#main .news .list a span{ float:right; color:#ccc; font-size:12px;}
#main .news .list a:hover{ color:#00A0E9;}
#main .navigation{ width:50%; text-align:left;}
#main .navigation a{ position:relative; display:block; float:left; width:50%; overflow:hidden;}
#main .navigation a:after{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0); content:''; transition:all .3s;}
#main .navigation a>img{ width:100%; height:auto; transition:all .32s;}
#main .navigation a .text{ position:absolute; z-index:99; left:10%; top:20%; text-align:left; color:#333; font-size:14px;}
#main .navigation a .text h3{ font-size:20px;}
#main .navigation a .text:after{ position:absolute; left:-60%; bottom:-10px; width:0; height:3px; background:#00A0E9; content:''; transition:all .35s;}
#main .navigation a:hover img{transform:scale(1.1);}
#main .navigation a:hover:after{ background:rgba(0,0,0,.5);}
#main .navigation a:hover .text{ color:#fff;}
#main .navigation a:hover .text:after{ width:200px;}

#main .customer{ position:relative; width:100%; margin:0px auto; padding:50px 0;}
#main .customer .swiper-container{ width:90%; margin:0px auto;}
#main .customer .swiper-slide {  position:relative;text-align: center;background: #fff;height:70px;overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#main .customer .swiper-slide:after{ position:absolute; z-index:9; left:0; top:0; width:96%; height:96%; border:1px solid #ddd; content:'';}
#main .customer .swiper-slide img{ width:auto; height:100%;}
#main .customer .button-prev{ position:absolute; z-index:9; left:30px; top:50%; margin-top:-17px; background:#ddd; border-radius:100%; width:35px; height:35px; overflow:hidden; cursor:pointer; transition:all .35s;}
#main .customer .button-next{ position:absolute; z-index:9; right:30px; top:50%; margin-top:-17px; background:#ddd; border-radius:100%; width:35px; height:35px; overflow:hidden; cursor:pointer; transition:all .35s;}
#main .customer .button-prev img, #main .customer .button-next img{ width:100%; height:auto;}
#main .customer .button-prev:hover img, #main .customer .button-next:hover img{ margin-top:-35px;}
#main .customer .button-prev:hover, #main .customer .button-next:hover{ background:#00A0E9;}
#main .customer .button-prev.swiper-button-disabled, #main .customer .button-next.swiper-button-disabled {opacity: .35;pointer-events: none;}

/* history */
.aboutC>span{font-size:26px;color:#fff;padding-bottom:20px;display:block;background:url(../images/xian1.jpg) no-repeat center bottom;text-align:center;font-weight:bold;margin-top:128px}
.aboutC{width:100%;float:left;background:#f9f9f9}
.aboutC>span{color:#333333;background:url(../images/xian.jpg) no-repeat center bottom;margin-top:70px;margin-bottom:14px}
.aboutC .chronicle{ width: 100%; height:510px;float:left;overflow: hidden;background:url(../images/aboutpic4.png) no-repeat center;padding-bottom:50px}
.aboutC .chronicle .content{ overflow: hidden;margin-top:94px}
.aboutC .chronicle .btn{ width:1200px;margin:0 auto;position:relative}
.aboutC .chronicle .btn div{ width: 53px; height: 53px; background:url(../images/aboutico2.png) no-repeat center;top:20px; left:0px;position:absolute;cursor: pointer; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.aboutC .chronicle .btn div.rightBtn{ background:url(../images/aboutico02.png) no-repeat center;right:0px;left:auto}
.aboutC .chronicle .btn div.rightBtn:hover{background:url(../images/aboutico03.png) no-repeat center}
.aboutC .chronicle .btn div.leftBtn:hover{background:url(../images/aboutico3.png) no-repeat center}
.aboutC .chronicle .info{width:788px;margin:0 auto;overflow:hidden}
.aboutC .chronicle .info .dec:not(:first-child){ display: none;}
.aboutC .chronicle .info .dec{overflow: hidden; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.aboutC .chronicle .info .dec span{float:left;font-size:68px;color:#999999}
.aboutC .chronicle .info .dec .decs div{float:right; text-align:left; width:564px}
.aboutC .chronicle .info .dec p{ font-size: 16px;color:#666666;line-height:30px;margin-top:10px}
.aboutC .chronicle .year{ width: 100%;float:left;/*border-bottom:1px solid #c7c7c7*/;background:url(../images/xian2.png) no-repeat center top; margin-top:170px;}
.aboutC .chronicle .year div{width:1200px;margin:0 auto;overflow:hidden;margin-top:-10px; }
.aboutC .chronicle ul{ position: relative; width: 800%; min-height: 25px;}
.aboutC .chronicle ul li{ float: left; margin-right:0px;width: 240px;text-align: center; color:#999999; font-size:30px;padding-top:86px}
.aboutC .chronicle ul li:last-child{ margin-right: 0;}
.aboutC .chronicle ul li.cur{ font-size:40px; color: #00A0E9; position: relative;background:url(../images/abico2.png) no-repeat center top}

/*
navpart
----------------------------------------------------------------*/

#navpart {width:100%;background: #f4f4f4;position: relative; height: 68px; z-index: 1; padding:0px;}
#navpart .btn{ display:none;}
#navpart .column{ position:relative; width:1200px; margin:0px auto;}
#navpart .column li{ float:left;}
#navpart .column li a {width:120px; height: 68px;line-height: 68px;display: inline-block;font-size: 16px;color: #333333;text-align: center; transition:all .35s;}
#navpart .column li a:hover{ color:#00A0E9;}
#navpart .column li a.A {background: url(../images/column-A.png) top center no-repeat;position: relative;top: 0px;-webkit-transition: background 1s;-moz-transition: background 1s;-o-transition: background 1s;transition: background 1s;height: 75px;color: #fff;text-align: center;text-decoration: none;}

/*
@media only screen and (max-width: 1460px){
  #navpart .column li a {width: 130px;}
}
@media only screen and (max-width: 1280px){
  #navpart {background:#00A0E9; height:50px;border-bottom:1px solid rgba(255,255,255,.1);}
  #navpart .btn{ display:block; font-size:16px; color:#fff; line-height:50px; text-align:center;cursor:pointer;}
  #navpart .column{ display:none; position:absolute; z-index:100000; width:100%; left:50%; margin-left:-50%; top:51px;}
  #navpart .column li{ float:none;}
  #navpart .column li a {width: 100%;height: 40px;line-height: 40px;display: block;font-size: 12px; background:#00A0E9; color:#fff;}
  #navpart .column li a.A {background:#fff; color:#555; height:50px; line-height:50px;}
}*/


/* end*/




/*

about

-----------------------------------------------------------------*/
#about{ width:1200px; margin:0px auto; padding:30px 0;}
#about .about{ width:100%; margin:0px auto; padding:40px 0;}
#about .about .img{ margin:0px auto;}
#about .about .img>img{ width:100%; height:auto;}
#about .about .name{ text-align:left; padding:30px 0;}
#about .about .name h2{ display:block; font-family:"Arial"; font-size:60px;font-weight:normal; color:#e6e6e6;}
#about .about .name h3{ display:block; padding:10px 0; font-size:25px;font-weight:normal; color:#00A0E9;}
#about .about .name h4{ display:block; font-size:14px; font-weight:normal; color:#888;}
#about .about .text{ padding:30px 0; text-align:left;}
#about .about .text p{ font-size:16px; color:#555; line-height:30px; margin-bottom:20px;}
#about .organization{ background:#eee url("../images/organization-bg.jpg") no-repeat; background-position:top center; margin:0px auto; padding:100px 0;}
#about .organization .container{ text-align:center; width:90%; margin:0px auto;}
#about .branch{ margin:0px auto; padding:0;}
#about .branch .title{ display:block; padding:30px; margin:0px auto; background:#00A0E9; color:#fff; font-size:24px;}
#about .branch .container{ width:100%; padding:50px 0; border-bottom:1px solid #ddd; margin:0px auto;}
#about .branch .container:last-of-type{ border:0 !important;}
#about .branch .container .img{ width:40%; text-align:left;}
#about .branch .container .img>img{ width:100%; height:auto;}
#about .branch .container .text{ width:55%;text-align:left; color:#666; font-size:14px; line-height:25px;}
#about .branch .container .text .name{ display:block; padding:15px 0; color:#00A0E9; font-size:18px;}
#about .branch .container .text p{ margin-bottom:20px;}

#honor {
	width:1200px;
	overflow:hidden;
	margin: 0px auto;
	text-align: left;
}
#honor .type {
	color:#00A0E9;
	font-size:16px;
	font-weight: bold;
	padding:40px 0px 0px 0px;
	margin:0px;
	float:left;
	text-align: left;
}
#honor .list {
	margin:0px;
	width:1240px;
	float:left;
	padding:30px 0px;
	border-bottom: 1px dotted #ddd;
}
#honor .list:last-child {
	padding-bottom:50px;
	border: 0px !important;
}
#honor .list a {
	position: relative;
	display: block;
	float: left;
	width:270px;
	overflow:hidden;
	margin-bottom:20px;
	margin-right:40px;
	text-align: center;
}
#honor .list a:nth-child(4n) {
	margin-right:0px !important;
}
#honor .list a .img {
	display: block;
	margin:0;
	width:250px;
	height:305px;
	overflow: hidden;
	padding:9px;
	border:1px solid rgba(0,0,0,0.1);
	background:rgba(255,255,255,1);
	text-align:center;
}
#honor .list a .img img {
	display: inline-block;
	height:305px;
	width:250px;
}
#honor .list a .name {
	display: block;
	width:100%;
	font-size: 14px;
	padding:20px 0 0 0;
	margin:0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#honor .list a .look {
	position: absolute;
	z-index:9;
	top: 0px;
	left: 0px;
	width: 100%;
	height:0;
	background:rgba(0,160,233,.7);
	overflow: hidden;
	transition: all .35s;
}
#honor .list a .look img {
	display: inline-block;
	width: 55px;
	height: auto;
	margin:80px auto 15px auto;
	transition: all .35s;
}
#honor .list a .look h3 {
	margin-top:0;
	vertical-align:bottom;
	font-size:16px;
	color:#fff;
	transition: all .35s;
}
#honor .list a:hover .look {
	height:325px;
}
#honor .list a:hover .look img {
	margin-top:130px;
}
#honor .list a:hover .look h3 {
	margin-top:-10px;
}


#feedback {
	width:1200px;
	margin: 0px auto;
	text-align: left;
}
#feedback .img {
	float: left;
	width: 500px;
	text-align: left;
}
#feedback .container {
	width: 650px;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #00A0E9;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family: "微软雅黑", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family: "微软雅黑";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#00A0E9;
	font-family: "微软雅黑";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}
#feedback form dl dt, #volunteer form dl dd {
	padding: 8px 0px;
}

/*
@media only screen and (max-width: 780px){
  #honor{ padding:50px 0;}
  #honor .img{ width:100%; float:none;}
  #honor .list{ width:100%;}
  #honor .list a{ padding:15px 0; font-size:14px;}
}*/

/* end*/

/*
culture
-----------------------------------------------------------------
*/
#culture{width:1200px; margin:0px auto; padding:100px 0;}
#culture .container{ width:60%; text-align:left;}
#culture .container .describe {
	color:#00A0E9;
	font-size: 20px;
	line-height: 40px;
}
#culture .container .describe strong {
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 20px;
	background: #fff;
	color:#00A0E9;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 2px solid rgba(0,160,233,1);
}
#culture .container .tag{margin-bottom:35px; float:left;}
#culture .container .tag>.title{display:inline-block; width:auto; float:left; line-height:180%; background-color:#00A0E9; padding:10px; font-size:18px; color:#fff;}
#culture .container .tag>.text{margin-left:20px; padding-top:10px; font-size:16px; color:#555; float:left; line-height:30px;}
#culture .img{ width:35%; padding-right:5%;}
#culture .img>img{ width:100%; height:auto;}

/*

history

-----------------------------------------------------------------*/
#history{ width:100%; max-width:1400px; margin:0px auto; padding:100px 0;}
#history .hetop{text-align:left;}
#history .container{ text-align:left; background:url("../images/history-bar.png") repeat-y; background-position:27px top; padding:50px 80px;}
#history .container .list{ position:relative;padding:50px 0;}
#history .container .spot{ position:absolute; left:-58px; top:60px; width:40px; height:16px; background:url("../images/history-spot.png"); background-position:0 0; transition:all .35s;}
#history .container .list .years{ padding:5px 0; font-size:18px; color:#00A0E9;}
#history .container .list .text{ font-size:16px; color:#666;}
#history .container .list:hover .spot{ background:url("../images/history-spotA.png");}

/*

production_equipment

-----------------------------------------------------------------*/
#production_equipment{width:90%; margin:0px auto; padding:100px 0;}
#production_equipment a{ position:relative; display:block; float:left; width:24%; margin:1% 1% 1% 0; overflow:hidden;}
#production_equipment a:after{ position:absolute; z-index:9; left:0; bottom:0; width:100%; height:40px; line-height:40px; background:rgba(255,255,255,.8); text-align:center; font-size:14px; color:#00A0E9; content:attr(data-name); overflow:hidden; transition:all .35s;}
#production_equipment a>img{ width:100%; height:auto;}
#production_equipment a:hover:after{ background:rgba(0,0,0,.7); font-size:16px; color:#fff; height:50%; padding-top:50%;}


/*

production_equipment

-----------------------------------------------------------------*/
#office_space{width:90%; margin:0px auto; padding:100px 0;}
#office_space a{ position:relative; display:block; float:left; width:24%; margin:1% 1% 1% 0; overflow:hidden;}
#office_space a:after{ position:absolute; z-index:9; left:0; bottom:0; width:100%; height:40px; line-height:40px; background:rgba(255,255,255,.8); text-align:center; font-size:14px; color:#00A0E9; content:attr(data-name); overflow:hidden; transition:all .35s;}
#office_space a>img{ width:100%; height:auto;}
#office_space a:hover:after{ background:rgba(0,0,0,.7); font-size:16px; color:#fff; height:50%; padding-top:50%;}

/*
@media only screen and (max-width: 780px){
  #office_space{padding:50px 0;}
  #office_space a{width:32%;}
}
@media only screen and (max-width: 420px){
  #office_space a{width:49%;}
  #office_space a:after{ height:30px; line-height:30px; font-size:12px;}
}*/

/* end*/

/*
production_space
-----------------------------------------------------------------*/
#production_space{width:90%; margin:0px auto; padding:100px 0;}
#production_space .title{ padding:15px 0; border-bottom:1px solid #eee; text-align:left; font-size:16px; font-weight:bold; color:#00A0E9;}
#production_space .list{ margin:0px auto; padding:20px 0; text-align:left;}
#production_space .list a{ position:relative; display:block; float:left; width:24%; margin:1% 1% 1% 0; overflow:hidden;}
#production_space .list a:after{ position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; background:rgba(255,255,255,.8); text-align:center; font-size:14px; color:#00A0E9; content:attr(data-name); overflow:hidden; transition:all .35s;}
#production_space .list a>img{ width:100%; height:auto;}
#production_space .list a:hover:after{ background:rgba(0,0,0,.7); font-size:16px; color:#fff; height:50%; padding-top:50%;}


/*
testing_equipment
-----------------------------------------------------------------*/

#testing_equipment{width:90%; margin:0px auto; padding:100px 0;}
#testing_equipment .list{ margin:0px auto;}
#testing_equipment .list>li{ display:block; float:left; width:17.6%; margin:1%;border:1px solid #ddd;}
#testing_equipment .list>li a:after{position:absolute; z-index:9; left:0; top:0; width:100%; height:0; background:rgba(0,0,0,0) url("../images/icon-zoom.png") no-repeat; background-position:50% 0; content:''; transition:all .35s;}
#testing_equipment .list>li .img{ position:relative; width:90%; height:auto; padding:5%; overflow:hidden; margin:0px auto;}
#testing_equipment .list>li .img>img{ width:100%; height:auto;}
#testing_equipment .list>li .name{ padding:15px; height:25px; text-align:center; color:#666;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; transition:all .35s;}
#testing_equipment .list>li:hover .name{ color:#00A0E9;}
#testing_equipment .list>li:hover a:after{height:100%; background:rgba(0,0,0,.7) url("../images/icon-zoom.png") no-repeat; background-position:50% 50%;}
#testing_equipment .more{ padding:50px 0; text-align:left;}

/*
@media only screen and (max-width: 780px){
  #testing_equipment{padding:50px 0;}
  #testing_equipment .list>li{ width:46%; margin:1% 2%;}
}
@media only screen and (max-width: 420px){
  #testing_equipment .list>li{ display:block; float:none; width:98%; margin:0 1% 5% 1%;}
  #testing_equipment .list>li .img>img{ max-height:none; min-height:none;}
}*/

/* end*/

/*
manufacturing_capability
-----------------------------------------------------------------*/

#manufacturing_capability{ width:100%; margin:0px auto; padding:100px 0;}
#manufacturing_capability>ul{ width:90%; margin:0px auto; padding:0; text-align:left;}
#manufacturing_capability>ul>li{ display:block; padding:5%;}
#manufacturing_capability>ul>li:nth-child(2n){ background:#eee;}
#manufacturing_capability>ul>li>.img{ width:50%;}
#manufacturing_capability>ul>li>.img>img{ display:inline-block; width:49%;}
#manufacturing_capability>ul>li>.container{ width:44%; padding:0 3%; text-align:left;}
#manufacturing_capability>ul>li>.container .name{ position:relative; font-size:25px;font-weight:normal; color:#00A0E9;}
#manufacturing_capability>ul>li>.container .name:after{position:absolute; z-index:3; left:0; bottom:-8px; background:#00A0E9; width:80px; height:2px; content:'';}
#manufacturing_capability>ul>li>.container .text{ padding:15px 0; text-align:left;}
#manufacturing_capability>ul>li>.container .text p{ font-size:16px; color:#555; line-height:30px; margin-bottom:10px;}
#manufacturing_capability>ul>li>.container .text p>strong{ display:block;}
#manufacturing_capability>ul>li>.container .text .btn-video{ display:inline-block; padding:3px 15px 3px 36px; background:#ff9900 url("../images/icon-video.png") no-repeat; background-position:10px 50%; background-size:24px auto; border-radius:5px; color:#fff; font-size:14px; transition:all .35s;}
#manufacturing_capability>ul>li>.container .text .btn-video:hover{ background-color:#ffcc00;}


/*
technological_development
-----------------------------------------------------------------*/

#technological_development{ width:100%; margin:0px auto; padding:100px 0;}
#technological_development .container{ width:90%; margin:0px auto; padding:20px 0; text-align:left;}
#technological_development .container .title{ color:#00A0E9; font-size:18px; padding:20px 0; border-bottom:1px solid #ddd;}
#technological_development .container .text{ padding:20px 0; font-size:14px; color:#555; line-height:25px;}
#technological_development .container .text img{ max-width:100%; height:auto;}
#technological_development .container .text>ul.iinstrument{ margin:0px auto;}
#technological_development .container .text>ul.instrument>li{ width:20%; float:left;text-align:center;}
#technological_development .container .text>ul.instrument>li .img{ width:89.6%; margin:0px 3%; padding:2%; border:1px solid #ddd;}
#technological_development .container .text>ul.instrument>li .img>img{ width:100%; height:auto;}
#technological_development .container .text>ul.instrument>li .name{ padding:15px 0; color:#666;}

#case {
	width:1200px;
	margin: 0px auto;
	text-align: left;
}
#case .img {
	margin: 0px auto;
	padding-bottom: 30px;
}
#case .container {
	border: 1px solid #eee;
	margin: 0px auto 30px auto;
	transition: all .35s;
}
#case .type {
	color:#333;
	font-size: 16px;
	font-weight: bold;
	padding: 30px 20px 0px 20px;
	margin: 0px auto;
	text-align: left;
}
#case .type img {
	margin-left: 5px;
}
#case .list {
	margin: 0px auto;
	padding: 10px 20px 30px 20px;
}
#case .list .name {
	display: block;
	float: left;
	width: 33%;
	padding: 5px 0px;
	text-align: left;
	font-size: 14px;
	color:#333;
}
#case .container:hover {
	background: #f5f5f5;
}


#download{max-width:1200px; margin:0 auto; text-align:left;}
#download>.img{width:33%; padding-bottom:100px; text-align:right;}
#download>.img>img{ width:100%; height:auto;}
#download>.download{ width:62%; text-align:left;}
#download>.download>.list-tr{background:#00A0E9;}
#download>.download>.list-tr div{ position:relative; float:left; width:25%; height:40px; line-height:40px; color:#fff; font-size:16px;text-align:center;}
#download>.download>.list-tr div:after{position:absolute; z-index:9; right:0; top:0; width:1px; height:100%; background:#fff; content:'';}
#download>.download>.list-tr div.tdx1{ width:36%;text-align:left; padding:0 2%;}
#download>.download>.list-td{ margin:0px auto;}
#download>.download>.list-td a{display:block;border-bottom:1px solid #e7e7e7; transition:all .35s;}
#download>.download>.list-td div{ position:relative; float:left; width:25%; height:40px; line-height:40px; color:#7f7f7f;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:14px;text-align:center;}
#download>.download>.list-td div.tdx1{ width:36%;text-align:left; padding:0 2%;}
#download>.download>.list-td a:hover{ background:#f7f7f7;}
#download>.view{ padding:5%; text-align:left;}
#download>.view>a{ display:block; font-size:14px; padding:5px 0; transition:all .35s;}
#download>.view>a img{ height:24px; width:auto; margin-right:6px;}
#download>.view>a:hover{ text-decoration:underline;}

/*

mold_development

-----------------------------------------------------------------*/
#mold_development{ width:100%; margin:0px auto; padding:100px 0;}
#mold_development .text{ width:90%; margin:0px auto; text-align:left;}
#mold_development .text p{ font-size:16px; color:#555; line-height:30px; margin-bottom:20px;}
#mold_development .process{ width:90%; margin:0px auto; padding:50px 0;}
#mold_development .process>li{ position:relative; display:block; float:left; width:33%; padding-bottom:2%;}
#mold_development .process>li:after{ position:absolute; z-index:5; right:0; top:0; background:#fff; width:5%; height:100%;content:'';}
#mold_development .process>li .img{ display:block; width:100%;}
#mold_development .process>li .img>img{ width:100%; height:auto;}
#mold_development .process>li .text{ display:block; width:90%; padding:5%; background:#eee; transition:all .35s;}
#mold_development .process>li .text h2{ position:relative; font-size:56px; font-weight:normal; font-family:"Arial"; color:#ccc; transition:all .35s;}
#mold_development .process>li .text h2:after{position:absolute; left:2px; bottom:0; width:30px; height:2px; background:#00A0E9; content:''; transition:all .35s;}
#mold_development .process>li .text h3{ display:block; padding:10px 0; font-size:16px; font-weight:normal; color:#666; transition:all .35s;}
#mold_development .process>li:hover .text{ background:#00A0E9;}
#mold_development .process>li:hover .text h2{color:rgba(255,255,255,.5);}
#mold_development .process>li:hover .text h2:after{ background:#fff;}
#mold_development .process>li:hover .text h3{ color:#fff;}

/*
@media only screen and (max-width: 780px){
  #mold_development{ padding:50px 0;}
  #mold_development .process>li{ width:50%;}
}
@media only screen and (max-width: 420px){
  #mold_development .process>li{ float:none; width:100%; padding-bottom:0!important; margin-bottom:2%;}
  #mold_development .process>li:after{ display:none;}
  #mold_development .process>li .text h2{ display:inline-block; font-size:36px;}
  #mold_development .process>li .text h3{ display:inline-block; padding:0 10px;}
}*/

/* end*/


/*
quality_assurance
-----------------------------------------------------------------*/
#quality_assurance{ width:100%; margin:0px auto; padding:100px 0;}
#quality_assurance .honor{ position:relative; z-index:3; width:90%; margin:0px auto; padding:50px 0;}
#quality_assurance .honor .button-prev{position:absolute; z-index:7; left:5%; top:50%; width:40px; height:40px; margin-top:-20px; background:url("../images/icon-arrow-prev.png") no-repeat; background-size:100% auto; cursor:pointer; }
#quality_assurance .honor .button-next{position:absolute; z-index:7; right:5%; top:50%; width:40px; height:40px; margin-top:-20px; background:url("../images/icon-arrow-next.png") no-repeat; background-size:100% auto; cursor:pointer; }
#quality_assurance .honor .button-prev.swiper-button-disabled, #quality_assurance .honor .button-next.swiper-button-disabled {opacity: .2; -webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%); pointer-events: none;}
#quality_assurance .honor .swiper-container { width:90%; max-width: 1400px;height: 100%; margin:0px auto;}
#quality_assurance .honor .swiper-slide { width:25%; text-align: center;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#quality_assurance .honor .swiper-slide a{ display:block; width:100%;}
#quality_assurance .honor .swiper-slide a>.img{ display:block; border:1px solid #ddd; padding:5%; margin-bottom:20px;transition:all .35s;}
#quality_assurance .honor .swiper-slide a>.name{ padding:0 15px; height:25px; text-align:center; color:#666;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; transition:all .35s;}
#quality_assurance .honor .swiper-slide a img{ width:100%; height:auto; max-height:350px;}
#quality_assurance .honor .swiper-slide a:hover .name{ color:#00A0E9;}
#quality_assurance .honor .swiper-slide a:hover .img{box-shadow:0px 1px 7px rgba(0,0,0,.3);}
#quality_assurance .organization{ padding:80px 0; background:url("../images/quality-assurance-organization-bg.jpg") no-repeat; background-size:100% 100%;}
#quality_assurance .organization .title{ padding:10px 0; color:#00A0E9; font-size:27px;}
#quality_assurance .organization .container{ padding:30px 0; text-align:center; margin:0px auto;}
#quality_assurance .complaint{ padding:80px 0; background:url("../images/quality-assurance-complaint-bg.jpg") no-repeat; background-size:100% 100%;}
#quality_assurance .complaint .title{ padding:10px 0; color:#00A0E9; font-size:27px;}
#quality_assurance .complaint .container{ padding:30px 0; text-align:center; margin:0px auto;}
#quality_assurance .control{ padding:80px 0; background:url("../images/quality-assurance-control-bg.jpg") no-repeat; background-size:100% 100%;}
#quality_assurance .control .title{ padding:10px 0; color:#00A0E9; font-size:27px;}
#quality_assurance .control .container{ padding:30px 0; text-align:center; margin:0px auto;}


/*

awards

-----------------------------------------------------------------*/
#awards{width:90%; margin:0px auto; padding:100px 0;}
#awards .list{ margin:0px auto;}
#awards .list>li{ display:block; float:left; width:18%; margin:1%;}
#awards .list>li .img{ position:relative; width:90%; height:auto; padding:5%; overflow:hidden; margin:0px auto;border:1px solid #ddd;}
#awards .list>li .img:after{position:absolute; z-index:9; left:0; top:0; width:0; height:0; background:rgba(0,0,0,0) url("../images/icon-zoom.png") no-repeat; background-position:0 0; content:''; transition:all .35s;}
#awards .list>li .img>img{ width:100%; height:auto;}
#awards .list>li .name{ padding:15px; height:25px; text-align:center; color:#666;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; transition:all .35s;}
#awards .list>li:hover .name{ color:#00A0E9;}
#awards .list>li:hover .img:after{width:100%;height:100%; background:rgba(0,0,0,.7) url("../images/icon-zoom.png") no-repeat; background-position:50% 50%;}
#awards .more{ padding:50px 0; text-align:left;}

/*
@media only screen and (max-width: 780px){
  #awards{padding:50px 0;}
  #awards .list>li{ width:46%; margin:1% 2%;}
}

@media only screen and (max-width: 420px){
  #awards .list>li{ display:block; float:none; width:98%; margin:0 1%;}
  #awards .list>li .img>img{ max-height:none; min-height:none;}
}*/


/* end*/


/*

partner

-----------------------------------------------------------------*/
#partner{ width:90%; margin:0px auto; padding:100px 0;}
#partner .text{ padding:20px 0; font-size:16px; line-height:30px; text-align:center; color:#999;}
#partner .text h2{ color:#333; font-size:24px;margin-bottom:10px;}
#partner .list{ margin:0px auto; padding:20px 0; text-align:left;}
#partner .list a{ position:relative; display:block;float:left; width:12%;}
#partner .list a:after{position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(0,160,233,.2); border-radius:5px; opacity:0; content:''; transition:all .35s;}
#partner .list a>img{ width:100%; height:auto;}
#partner .list a:hover:after{ opacity:1;}

/*
talent
-----------------------------------------------------------------*/
#talent{ width:1200px; margin:0px auto; padding:100px 0;}
#talent .container{ width:60%; text-align:left;padding:10px 0;}
#talent .container h2{ display:block; padding:15px 0; color:#00A0E9; font-size:30px; font-weight:normal;}
#talent .container p{font-size:16px; color:#555; line-height:30px; margin-bottom:10px;}
#talent .img{ width:35%; padding-right:5%;}
#talent .img>img{ width:100%; height:auto;}

/*
contact
-----------------------------------------------------------------*/

#title {
	width:1200px;
	text-align: left;
	color: rgba(0,0,0,.8);
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0px;
	margin: 30px auto;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

#contact {
	width:1200px;
	margin: 0px auto;
	text-align: left;
}
#contact .img {
	margin: 0px auto;
}
#contact .text {
	font-size: 16px;
	color: #555;
	line-height: 34px;
	padding: 20px 48px;
	text-align: left;
}
#contact .text h2 {
	font-size: 30px;
	color: #222;
	display: block;
	padding: 20px 0px;
}

/*
network
*/

#network{max-width:1200px; margin:0 auto; padding-bottom:100px; text-align:left;}
#network>.img{width:33%; padding-bottom:100px; text-align:right;}
#network>.img>img{ width:100%; height:auto;}
#network>.container{ width:62%; text-align:left;}
#network>.container>.text{ font-size:14px; color:#666; line-height:24px;}
#network>.container>.map{padding:70px 0 20px 0;}
#network>.container>.map>img{ max-width:100%; height:auto;}
#network>.container>.salse{padding-bottom:100px;}
#network>.container>.salse>h3{ display:block; margin:0 auto; text-align:left; padding-bottom:10px; font-size:18px; color:#00A0E9;}
#network>.container>.salse>.item{ float:left; font-size:14px; color:#666; line-height:24px; padding-right:100px;}

/*
guestbook
-----------------------------------------------------------------*/
#guestbook{ width:90%; margin:0px auto; padding:100px 0; }
#guestbook .container{ width:70%; padding-left:4%; text-align:left;border-left:1px solid #eee;}
#guestbook .container .text{ font-size:14px; color:#999; line-height:24px;}
#guestbook .container .text>strong{ color:#00A0E9;}
#guestbook .container form{ text-align:left; width:100%; max-width:750px; float:left;}
#guestbook .container form { margin: 0px auto; padding: 20px 0px; text-align: left;}
#guestbook .container form dl { width: 100%; text-align: left; padding: 0px;}
#guestbook .container form dl dt { width: 90px; font-size: 14px; line-height: 30px; color: #666;  text-align: left;}
#guestbook .container form dl dt, #guestbook .container form dl dd { padding: 8px 0px;}
#guestbook .container form dl dt span { color: #00A0E9; padding-left: 6px;}
#guestbook .container form dl dd { padding-left: 90px;  margin-top: -40px;}
#guestbook .container form dl dd select { width: auto; font-size: 14px;  font-family: "微软雅黑", Arial, "Arial Narrow";  color: #666;  padding: 5px 20px;  border: 1px solid #ddd;  cursor: pointer;  margin-right: 10px;}
#guestbook .container form dl input, #guestbook .container form dl textarea {padding: 5px 20px;  border: 1px solid #ddd; color: #888;  font-size: 14px; font-family: "微软雅黑";  margin-right: 20px;}
#guestbook .container form dl input { width: 45%; height: 30px;}
#guestbook .container form dl textarea {width: 96%; height: 120px; border: 1px solid #ddd; overflow: auto;  padding: 20px 2%;}
#guestbook .container form dl #checksn { width: 10%;}
#guestbook .container form dl .button input { width: auto; height: 45px; line-height: 45px; border: none; color: #fff; padding: 0px 35px; cursor: pointer; font-weight: bold; background:#00A0E9; font-family: "微软雅黑"; font-size: 16px; margin: 15px auto;}
#guestbook .container form dl .button input:hover { background:#333;}
#guestbook .img{ width:22%; text-align:left;}
#guestbook .img>img{ width:100%;height:auto;}

/*
product
-----------------------------------------------------------------*/

#catalog_navigation{position:absolute; z-index:999; left:50%; width:90%; margin-left:-45%; top:70%;}
#catalog_navigation .btn{ display:none;}
#catalog_navigation .prolist{ width:100%; margin:0px auto;}
#catalog_navigation .prolist>li{ display:inline-block; width:12%;}
#catalog_navigation .prolist>li>a{ position:relative; display:block;}
#catalog_navigation .prolist>li>a>.icon{ position:relative; z-index:9; overflow:hidden; margin:0px auto; width:60%; height:60%; padding:10%; background:#00A0E9; border-radius:100%; transition:all .35s;}
#catalog_navigation .prolist>li>a>.icon:after{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;content:''; opacity:0; border-radius:100%;box-shadow:inset 0px 5px 8px rgba(255,255,255,.6); transition:all .35s;}
#catalog_navigation .prolist>li>a>.icon>img{ width:100%; height:auto;}
#catalog_navigation .prolist>li>a>.iconbg{ position:absolute; z-index:2; left:50%; top:20px; background:#fff;border-radius:100%;width:60%; height:60%; margin-left:-30%; opacity:1; transition:all .35s;}
#catalog_navigation .prolist>li>a>.name{ display:block; padding:10px 0; text-align:center; color:#fff;font-size:16px;}
#catalog_navigation .prolist>li:hover .icon{ background:#eee;}
#catalog_navigation .prolist>li:hover .icon:after{ opacity:1;}
#catalog_navigation .prolist>li:hover .iconbg{transform:scale(1.8); opacity:0;}
#catalog_navigation.small{position:fixed!important; left:auto!important; right:50px; top:25%; margin-left:0!important; width:80px!important;}
#catalog_navigation.small .prolist>li{ display:block; width:100%; padding:3% 0;}
#catalog_navigation.small .prolist>li>a>.iconbg{display:none;}
#catalog_navigation.small .prolist>li>a>.icon:after{ display:none;}
#catalog_navigation.small .prolist>li>a>.name{ display:none;}
#catalog_navigation.small .prolist>.A>a>.icon{ background:#333;}
#catalog_navigation.small .prolist>li>a:after{position:absolute; top:0; right:10px; z-index:3; content:attr(data-name); font-size:14px; width:0; height:100%; line-height:65px; border-radius:100px; opacity:0; overflow:hidden; padding:0 70px 0 10px; text-align:right; color:#fff; background:#00A0E9; transition:all .35s;}
#catalog_navigation.small .prolist>li>a:hover:after{ width:80px; opacity:1;}
#catalog_navigation.small .prolist>.A>a:hover:after{ background:#fff;}

#catalog{width:1200px; margin:0px auto; padding:40px 0;}
#catalog .container{ margin:0px auto; padding:20px 0 20px 0; margin-bottom:60px; border-bottom:5px solid #eee;}
#catalog .container:last-of-type{ border-bottom:0!important;}
#catalog .container .title{ position:relative; padding:0 14px; font-size:20px; text-align:left; color:#333;}
#catalog .container .title .more{ position:absolute; top:10px; right:20px;border:1px solid #00A0E9; border-radius:30px; padding:5px 15px; color:#00A0E9;font-size:12px;}
#catalog .container .title>img{ height:40px; width:auto; margin-right:5px;}
#catalog .container .list{ padding:10px 0 10px 0; text-align:left;}
#catalog .container .list .noData{padding:50px;}
#catalog .container .list>a{position:relative; display:block; padding:4px; float:left; width:190px; border:1px solid #ddd; margin:0 14px 30px 14px;}
#catalog .container .list>a:after{ position:absolute; z-index:5; left:0; bottom:0; width:100%; height:0; line-height:50px; background-color:#00A0E9; background-position:0 50%; background-size:auto 21px; opacity:0; color:#fff; overflow:hidden; text-align:center; font-size:16px; content:attr(data-name); transition:all .35s;}
#catalog .container .list>a>.img{ position:relative; width:190px; height:190px; text-align:center; margin:0px auto;}
#catalog .container .list>a>.img>img{ width:190px; height:190px; display:block; transition:all .35s;}
#catalog .container .list>a>.name{padding:15px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#catalog .container .list>a:hover:after{ height:50px; opacity:1;background-position:92% 50%;}
#catalog .container .list>a:hover .name{color:#fff;}
#catalog .container .list>a:hover .img>img{transform:translateY(10px); opacity:.8;}

#news{ width:1200px; margin:0 auto; text-align:left;}
#news .list{ padding:0; margin:0 auto;}
#news .list>a{ position:relative; display:block;margin-bottom:40px;}
#news .list>a .time{ width:60px; text-align:center;}
#news .list>a .time>.day{ width:60px; height:60px; background:#999;border-radius:3px; text-align:center; overflow:hidden; color:#fff; font-size:14px; transition:all .35s;}
#news .list>a .time>.day>span{ display:block; padding-top:5px; font-size:24px;}
#news .list>a .time>.year{ padding:8px 0; font-size:14px; color:#999;}
#news .list>a .content{  width:92%; text-align:left;}
#news .list>a .content>.name{ padding-bottom:20px; font-size:18px; color:#444;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#news .list>a .content>.text{ font-size:14px; color:#444; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#news .list>a:hover .time>.day{ background:#00A0E9;}
#news .list>a:hover .name{color:#00A0E9;}
#newsview{width:1200px; height:auto; padding-bottom:100px; margin:0 auto; transition:all .35s;}
#newsview>.title{ padding:70px 0 20px 0; margin:0 auto; font-size:24px; color:#00A0E9; text-align:left;}
#newsview>.time{ text-align:left; color:#888; font-size:14px;}
#newsview>.container{ position:relative; margin:0 auto; padding:50px 0;}
#newsview>.container>.text{ width:75%; padding-right:35px; padding-bottom:100px; border-right:1px solid #e7e7e7; text-align:left; font-size:14px; color:#444; line-height:24px;}
#newsview>.container>.text table{ width:100%; border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;}
#newsview>.container>.text table td{ border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; padding:10px;}
#newsview>.container>.text img{max-width:100%; height:auto;}
#newsview>.container>.text .tableWap{ overflow:hidden; overflow-x:auto;}
#newsview>.container>.other{ width:20%; text-align:left;}
#newsview>.container>.other h2{ display:block; font-size:24px; font-weight:normal; color:#00A0E9;}
#newsview>.container>.other .list{ padding:10px 0; text-align:left;}
#newsview>.container>.other .list>a{ display:block; font-size:14px; color:#666; line-height:20px; padding-bottom:30px; transition:all .35s;}
#newsview>.container>.other .list>a:hover{ color:#00A0E9; text-decoration:underline;}
#newsview>.container>.other .paper{ padding:10px 0; text-align:left;}
#newsview>.container>.other .paper>a{ display:inline-block; margin-top:10px; padding:10px; border:1px solid #eee; box-shadow:0 1px 3px rgba(0,0,0,.1);}
#newsview>.container>.other .paper>a img{ width:100%; height:auto;}

#page{max-width:1200px; margin:0px auto; padding:40px 0;font-size:14px; color:#999; text-align:center;}
#page a{ display:inline-block; width:32px; height:32px; line-height:32px; margin:0 5px; border:1px solid #fff; border-radius:50%; color:#999;}
#page a:hover, #page .A{color:#00A0E9;border:1px solid #00A0E9;}

/*
view
-----------------------------------------------------------------*/

#view{width:1200px; margin:0px auto; padding:100px 0;}
#view .news-preview{ position:relative; margin:0px auto;}
#view .news-preview .news-view{ width:70%; padding-right:10%; text-align:left; border-right:1px solid #ddd;}
#view .news-preview .news-view .name{ display:block; padding:20px 0; text-align:center; font-size:36px;font-weight:bold; color:#333;}
#view .news-preview .news-view .time{ display:block; padding:5px 0; text-align:center; font-size:14px; color:#999;}
#view .news-preview .news-view .text{ padding:40px 0; font-size:14px; line-height:24px; color:#666;}
#view .news-preview .news-view .text img{ max-width:100%; height:auto;}
#view .news-preview .news-view .text p{ display:block; margin-bottom:20px;}
#view .news-preview .news-view .url{ padding:50px 0;}
#view .news-preview .news-view .url a{ display:inline-block; margin-right:30px;}
#view .news-preview .news-view .url a>img{ height:25px; width:auto; margin-right:5px;}
#view .news-preview .news-view .url a:hover{ text-decoration:underline;}
#view .news-preview .related{ width:13%; padding:0 3%; text-align:left;}
#view .news-preview .related .title{ padding:20px 0; font-size:16px;font-weight:bold;color:#333;}
#view .news-preview .related .list{ padding:10px 0;}
#view .news-preview .related .list a{ display:block; font-size:14px; padding:5px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#view .news-preview .related .list a>img{ height:10px; width:auto; margin-right:5px; opacity:.3;}
#view .news-preview .related .more{ padding:5px 0;}
#view .news-preview .related .more a{ display:inline-block; color:#00A0E9;}

#view .jobs-preview{ position:relative; margin:0px auto;}
#view .jobs-preview .jobs-view{ width:60%; padding-right:10%; text-align:left; border-right:1px solid #ddd;}
#view .jobs-preview .jobs-view .name{ display:block; padding:20px 0; text-align:left; color:#333; font-size:36px;font-weight:bold;}
#view .jobs-preview .jobs-view .time{ display:block; padding:20px 0; text-align:left; font-size:14px; color:#999; border-bottom:1px solid #ddd;}
#view .jobs-preview .jobs-view .text{ padding:40px 0; font-size:14px; line-height:24px; color:#666;}
#view .jobs-preview .jobs-view .text img{ max-width:100%; height:auto;}
#view .jobs-preview .jobs-view .text p{ display:block; margin-bottom:20px;}
#view .jobs-preview .jobs-view .tags{ padding:20px 0;}
#view .jobs-preview .jobs-view .tags .tags_title{ padding:10px 0; border:0 !important; font-size:16px; font-weight:normal; color:#00A0E9; }
#view .jobs-preview .jobs-view .tags .tags_content{font-size:14px; line-height:24px; color:#666;}
#view .jobs-preview .jobs-view .tags .tags_content p{ margin-bottom:20px;}
#view .jobs-preview .jobs-view .tags_contact{ display:none;}
#view .jobs-preview .jobs-view .tags_contact .tags_title{ padding:10px 0; border:0 !important; font-size:16px; font-weight:normal; color:#00A0E9; }
#view .jobs-preview .jobs-view .tags_contact .tags_content{font-size:14px; line-height:24px; color:#666;}
#view .jobs-preview .jobs-view .tags_contact .tags_content p{ margin-bottom:20px;}
#view .jobs-preview .jobs-view .url{ padding:50px 0;}
#view .jobs-preview .jobs-view .url a{ display:inline-block; margin-right:30px;}
#view .jobs-preview .jobs-view .url a>img{ height:25px; width:auto; margin-right:5px;}
#view .jobs-preview .jobs-view .url a:hover{ text-decoration:underline;}
#view .jobs-preview .contact{ width:23%; padding:0 3%; text-align:left;}
#view .jobs-preview .contact .title{ padding:20px 0; font-size:16px;font-weight:bold;color:#333;}
#view .jobs-preview .contact .container{ padding:10px 0;font-size:14px; line-height:24px; color:#666;}


/*
video
-----------------------------------------------------------------*/
#video{ display:none; position:fixed; z-index:1001; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
#video .container{ position:absolute; z-index:5; left:50%; top:50%; padding:20px; background:#fff;border-radius:5px; width:800px; height:500px; margin-left:-400px; margin-top:-250px;}
#video .container>.title{ color:#00A0E9; font-size:18px;font-weight:bold; padding:10px 0; text-align:left;}
#video .container>.close{position:absolute; z-index:2; right:20px; top:20px; cursor:pointer;}
#video .container>.close>img{ width:20px; height:auto;}
#video .container>video{ width:100%; height:auto;}


/*

pdf

-----------------------------------------------------------------*/
#pdf{ display:none; position:fixed; z-index:1001; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
#pdf .container{ position:absolute; z-index:5; left:50%; top:50%; padding:20px; background:#fff;border-radius:5px; width:800px; height:500px; margin-left:-400px; margin-top:-250px;}
#pdf .container>.title{ position:relative; color:#dd0000; border-bottom:1px solid #eee; font-size:18px;font-weight:bold; padding:15px 10px; text-align:left;}
#pdf .container>.title>span{ position:relative; display:inline-block; float:left; margin-right:10px; width:30px; height:30px; overflow:hidden;}
#pdf .container>.title>span>img{ position:absolute; z-index:1; left:0; top:-30px; width:100%; height:auto;}
#pdf .container>.close{position:absolute; z-index:2; right:20px; top:20px; cursor:pointer;}
#pdf .container>.close>img{ width:20px; height:auto;}
#pdf .container>.list{ padding:20px 10px; text-align:left;}
#pdf .container>.list a{ display:block; width:50%; float:left; padding:5px 0; transition:all .35s;}
#pdf .container>.list a>img{ height:20px; width:auto; margin-right:5px;}
#pdf .container>.list a:hover{ text-decoration:underline;}

/*
map
-----------------------------------------------------------------*/
#map{ position:fixed; z-index:99; right:0;bottom:-100%; width:100%; height:91%; background:rgba(0,160,233,.9);}
#map .close{position:absolute; z-index:2; right:0; top:0; cursor:pointer; background:#00A0E9; padding:0 2%; height:100px; line-height:100px;}
#map .title{ position:absolute; z-index:1; right:0; top:0; font-size:24px; width:96%; padding:0 2%; background:#00A0E9; color:#fff; text-align:left; height:100px;line-height:100px;}
#map iframe{ margin-top:100px;}

/*

loading

-----------------------------------------------------------------*/

#loading{ position:fixed; left:0; top:0; z-index:1001; background:#00A0E9; overflow:hidden; width:100%; height:100%; text-align:center; line-height:100%;}
#loading .spinner{ width:500px;height:100px; position:absolute; left:42%; top:50%; margin-left:-100px; margin-top:-50px;}
#loading .spinner .logo{ position:absolute; z-index:9; width:24%; animation: load 1s;-moz-animation: load 1s;-webkit-animation: load 1s;animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
#loading .spinner .logo img{ width:70%; height:auto;}
#loading .spinner .lgo{ left:-4%;margin-top:20px;-webkit-animation-delay:0.1s;}
#loading .spinner .lgp{ left:12%;margin-top:10px;-webkit-animation-delay:0.5s;}
#loading .spinner .lgq{ left:25%;margin-top:10px;-webkit-animation-delay:0.8s;}
#loading .spinner .lgr{ left:34%;margin-top:10px;-webkit-animation-delay:1s;}
#loading .spinner .lgs{ left:43%;margin-top:10px;-webkit-animation-delay:1.2s;}
#loading .spinner .lgt{ left:55%;margin-top:10px;-webkit-animation-delay:1.4s;}
#loading .spinner .lgu{ left:68%;margin-top:10px;-webkit-animation-delay:1.6s;}
#loading .spinner .lgv{ left:81%;margin-top:10px;-webkit-animation-delay:1.8s;}
#loading .progressbar{ position:absolute; left:0; top:115px; z-index:9; height:2px; background:#fff;animation: progress 1s;-moz-animation: progress 1s;-webkit-animation: progress 1s;animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
#loading .text{ position:absolute; left:0; top:150px; z-index:9; width:100%; text-align:center;}
#loading .text span{ display:inline-block; width:20px; color:#fff;animation: txt 11.04s ease infinite;-moz-animation: txt 1.04s ease infinite;-webkit-animation: txt 1.04s ease infinite;}
#loading .text span:nth-child(1){-webkit-animation-delay:0.13s;}
#loading .text span:nth-child(2){-webkit-animation-delay:0.26s;}
#loading .text span:nth-child(3){-webkit-animation-delay:0.39s;}
#loading .text span:nth-child(4){-webkit-animation-delay:0.52s;}

@-webkit-keyframes load{
  0%{
    opacity: 0.2;
  }
  100%{
    opacity: 1;
    margin-top:0;
  }
}

@-webkit-keyframes progress{
  0%{
    width:0;
    opacity: 0;
  }
  100%{
    width:100%;
    opacity: 1;
  }
}

@-webkit-keyframes txt{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0.2;
  }
}


/*
push
*/

#push{display:block; background:#00A0E9; border:2px solid #00A0E9; border-radius:5px; font-size:16px; padding:5px 0; line-height:45px; color:#fff; width:180px; margin:0px auto;}
#push>span{ position:relative; display:inline-block; float:left; margin:10px 5px 0 25px; width:28px; height:28px; overflow:hidden;}
#push>span>img{ position:absolute; z-index:1; left:0; top:0; width:100%; height:auto;}
#push:hover{ background:#fff; color:#00A0E9; text-decoration:none;}
#push:hover span>img{ top:-28px;}

/* footer */
.f_bg {background:url(../images/f_bg.gif) repeat-x center top; height:300px;}
.f_con { height:220px; overflow:hidden;}
.f_img { float:left; text-align:center; width:279px; height:225px; border-top:solid 1px #43515c}
.f_img img { padding:60px 0 0;}
.f_p {color:#fff; text-align:left; line-height:30px; padding:55px 0 0 80px; font-size:14px; width:590px; height:185px;}
.f_p a { color:#fff;}
.f_p em { padding:0 20px;}
.f_p img { padding:0 0 0 10px; float:none;}
.f_img02 { padding:50px 0 0; width:110px; text-align:center;}
.f_img02 a { color:#fff; font-size:14px;}
.f_img02 img { width:110px; height:110px; margin-bottom:10px;}
.f_nav {text-align:center; color:#fff; height:80px; line-height:80px; font-size:14px;}
.f_nav a { color:#fff; padding:0 7px;}
.f_nav a:hover{color:#00A0E9;}
/* youqing */
.yq_bg { background:url(../images/yq_bg.gif) no-repeat center 0; height:80px; overflow:hidden;}
.yq span { display:block; float:left; padding: 31px 100px 0 59px;} 
.yq p { width:860px; float:left; line-height:90px;}
.yq p a { font-size:14px; color:#fff; padding-right:44px;}
.yq p a:hover,.yq p .cur {color:#364655}


/*
huoban
-----------------------------------------------------------------*/
#huoban{ width:1200px; margin:0px auto; padding:20px 0;}
#huoban .text{padding:20px 0; font-size:16px; line-height:30px; text-align:center; color:#999;}
#huoban .text h2{ color:#333; font-size:24px;margin-bottom:10px;}
#huoban .list{margin:0; width:1206px; padding:20px 0; text-align:left;}
#huoban .list a{ position:relative; display:block;float:left; width:194px; margin:10px 7px 10px 0px;}
#huoban .list a:after{position:absolute; z-index:2; left:0; top:0; width:194px; border-radius:5px; opacity:0; content:''; transition:all .35s;}
#huoban .list a>img{width:184px; height:69px; padding:5px;}
#huoban .list a:hover:after{ opacity:1;}

/*
jobs
*/
#jobs{width:1200px; margin:0 auto; text-align:left;}
#jobs>.list-tr {background:#e7e7e7;}
#jobs>.list-tr div{ position:relative; float:left; width:auto; height:40px; line-height:40px; color:#fff; font-size:16px;text-align:center;}
#jobs>.list-tr div:after{position:absolute; z-index:9; right:0; top:0; width:2px; height:100%; background:#fff; content:'';}
#jobs>.list-tr .td1 {width:199px; background-color:#00A0E9; border-right:solid 1px #fff;}
#jobs>.list-tr .td2 {width:199px; background-color:#00A0E9; border-right:solid 1px #fff;}
#jobs>.list-tr .td3 {width:199px; background-color:#00A0E9; border-right:solid 1px #fff;}
#jobs>.list-tr .td4 {width:199px; background-color:#00A0E9; border-right:solid 1px #fff;}
#jobs>.list-tr .td5 {width:199px; background-color:#00A0E9; border-right:solid 1px #fff;}
#jobs>.list-tr .td6 {width:199px; background-color:#00A0E9;}
#jobs>.list-tr .td6:after{display:none;}
#jobs>.list-td {margin:0; width:100%; float:left; padding:0;border-bottom: 1px solid #eee;}
#jobs>.list-td.A div {color:#00A0E9; font-weight:bold;}
#jobs>.list-td div{position:relative; float:left; width:100%; color:#333; cursor:pointer; font-size:15px;text-align:center;}
#jobs>.list-td .td1 {width:200px;padding:10px 0px;}
#jobs>.list-td .td2 {width:200px;padding:10px 0px;}
#jobs>.list-td .td3 {width:200px;padding:10px 0px;}
#jobs>.list-td .td4 {width:200px;padding:10px 0px;}
#jobs>.list-td .td5 {width:200px;padding:10px 0px;}
#jobs>.list-td .td6 {width:200px;padding:10px 0px;}
#jobs>.list-td .td6 .btn {display: inline-block; text-align:center; cursor: pointer;}
#jobs>.list-td .td6 .btn img{ height:18px; width:auto; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); opacity:.3; transition:all .35s;}
#jobs>.list-td .td6 .btn:hover img{ -webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0); opacity:1;}
#jobs>.list-son {display:none; width:100%; float:left; background-color:#fff; padding:20px 0px;font-size:14px; text-align:left; color:#333;}
#jobs>.list-son .text{ padding-bottom:20px;}
#jobs>.list-son .text>.item{float:left; font-size:14px!important; line-height:24px;width:30%; margin-left:3.3%;}
#jobs>.list-son .tag {padding-bottom: 20px; float:left; width:90%; margin-left:3.3%; line-height: 21px; color:#666;}
#jobs>.list-son .tag *{font-size:14px!important;}
#jobs>.list-son .tag h4 {display: block; font-weight:normal; padding: 5px 0px;}

/* recommend */
#volunteer {
	width:1200px;
	margin: 0px auto;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	text-align: left;
}
#volunteer .container {
	width: 780px;
	float: right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #volunteer form dl dd {
	padding: 8px 0px;
}
#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#333;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#00A0E9;
}
#checkimg{cursor:pointer; height:30px; margin-top:15px;}


/*
overseas
*/
#overseas{width:100%; margin:0px auto; padding:100px 0; }
#overseas .office{ width:1200px; margin:0px auto;}
#overseas .office .img{ width:35%; padding-right:5%;}
#overseas .office .img>img{ width:100%; height:auto;}
#overseas .office .container{ width:60%; text-align:left;}
#overseas .office .container .content{ margin:5px auto; text-align:left; width:92%; padding:3% 4%; background:#fff; border-bottom:1px solid #eee;}
#overseas .office .container .content:last-of-type{ border:0 !important;}
#overseas .office .container .content .name{ padding:10px 0; color:#00a0e9; font-size:18px;}
#overseas .office .container .content .text{ color:#666; font-size:14px; line-height:25px;}
#overseas .taiwan{ background:url("../images/overseas-taiwan-bg.jpg") no-repeat; background-position: center center; width:100%; height:450px; margin:100px auto 0 auto;}
#overseas .taiwan .container{ position:relative; width:1200px; height:450px; margin:0px auto;}
#overseas .taiwan .container .img{ position:absolute; z-index:2; right:0; bottom:0; width:400px;}
#overseas .taiwan .container .img>img{ width:100%; height:auto;}
#overseas .taiwan .container .text{ width:90%; margin:0px auto; padding:80px 0; text-align:left;}
#overseas .taiwan .container .text h1{ display:block; padding:10px 0; color:#333;font-size:25px; font-weight:normal;}
#overseas .taiwan .container .text p{ line-height:25px; font-size:14px; color:#666;}

/*
product
*/
#prolist{ position:relative; display:none;}
#product{ width:1200px; margin:0 auto; padding-bottom:50px; text-align:left;}
#product>.prolist{ width:288px; text-align:left; padding-bottom:100px; transition:all .35s;}
#product>.prolist>.container{ padding:0;}
#product>.prolist>.container>ul{ width:100%; margin:0 auto; padding:0;}
#product>.prolist>.container>ul>li{ display:block; width:100%; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #00A0E9; background:#00A0E9 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #00A0E9; background:#00A0E9 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#00A0E9;}
#product>.prolist>.container>ul>li>div .A{color:#00A0E9; font-weight:bold;}
#product>.container{width:912px; padding:0; overflow:hidden; text-align:left; transition:all .35s;}
#product>.container .noData{padding:20px 50px;color:#666;}
#product>.container .list{width:933px; float:left;}
#product>.container .list>a{position:relative;display:block; float:left; margin-right:21px; margin-bottom:20px; padding:9px; width:270px; height:320px; overflow:hidden;border:1px solid #eee; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{display:block; width:270px; height:270px; margin:0;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{width:270px; height:270px; display:block;}
#product>.container .list>a>.name{padding:15px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{ color:#00A0E9;}
#proview{ width:1200px; height:auto; padding-bottom:100px; margin:0 auto; transition:all .35s;}
#proview>.title{ padding:30px 0; margin:20px auto 0 auto; font-size:28px; color:#00A0E9; text-align:left;}
#proview>.container{ position:relative; margin:0 auto;}
#proview>.container>.img-box{position:absolute; z-index:1; right:0; top:0px; width:350px; height:380px; overflow:hidden;}
#proview>.container>.img-box .swiper-container{ width:100%; height:100%; margin:0 auto;}
#proview>.container>.img-box .swiper-slide{ width:100%; height:100%; overflow:hidden; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#proview>.container>.img-box .swiper-slide img{width:100%; height:auto;}
#proview>.container>.img-box .swiper-pagination{top:360px;}
#proview>.container>.img-box .swiper-pagination-bullet {width:10px; height:10px; background:#c4c4c4; opacity:1;}
#proview>.container>.img-box .swiper-pagination-bullet-active{background: #00A0E9;}
#proview>.container>.content{ margin:0 auto;transition:all .35s;}
#proview>.container .tag{ border-top:1px solid #e7e7e7; padding:30px 0 50px 0; text-align:left;}
#proview>.container .tag>.tagtit{ width:13%; font-size:24px; color:#444;transition:all .35s;}
#proview>.container .tag>.tagcon{ text-align:left; width:56%; font-size:14px; color:#444; line-height:24px;transition:all .35s;}
#proview>.container .pdf{ border-top:1px solid #e7e7e7; padding:30px 0 50px 0; text-align:left;}
#proview>.container .pdf>.pdftit{ width:13%; font-size:24px; color:#444;transition:all .35s;}
#proview>.container .pdf>.pdfcon{ text-align:left; width:56%; font-size:14px; color:#444; line-height:24px;transition:all .35s;}
#proview>.container .pdf>.pdfcon>a{ display:block; padding:5px 0;}
#proview>.container .pdf>.pdfcon img{ height:30px; width:auto; margin-right:6px;}

.subnav{width:1200px; margin:0 auto; position:relative; z-index:0;}
.subnav p{width:100%; float:left; padding-top:30px; color:#333333; font-size:14px; text-align:left;}
.subnav p a{color:#333333; text-indent:0rem; font-size:14px;}
.subnav p label{display:inline-block; text-indent:0rem; padding:0 10px;}