@charset "utf-8";
/* reset */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,i,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;list-style:none;font-size:100%;vertical-align:baseline;background: transparent;}
:focus{outline:0}
a:link{ text-decoration:none; behavior:url(../scripts/blur.htc);}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}


/* 设置HTML5元素为块 */
article,aside,canvas,details,div,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
audio:not([controls]),[hidden] { display: none; }

html { height: 100%; *overflow-x:hidden; }
body { min-height: 100% ; }
body { _height: 100%; /*width:100%; */overflow-x:hidden; }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }

li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal;}
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input[type=text], input[type=password], input[type=file], textarea { -webkit-border-radius: 0; -webkit-appearance: normal }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei","\5b8b\4f53",arial,Georgia, "Times New Roman", Times, serif;  background:#fff;}
body { line-height: 1.17 ;}
a { text-decoration: none; color:#464646; }
a:hover{ color:#ced700;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
a.active{text-decoration:none;}
@charset "utf-8";
/* reset */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,i,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;list-style:none;font-size:100%;vertical-align:baseline;background: transparent;}
:focus{outline:0}


/* 设置HTML5元素为块 */
article,aside,canvas,details,div,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
audio:not([controls]),[hidden] { display: none; }

html { height: 100%; *overflow-x:hidden; }
body { min-height: 100% ;text-align:center; }
body { _height: 100%; /*width:100%; */overflow-x:hidden; }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }

li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal;}
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input[type=text], input[type=password], input[type=file], textarea { -webkit-border-radius: 0; -webkit-appearance: normal }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"SimSun","Microsoft YaHei","Lato",sans-serif; background:#fff;}
body { line-height: 1.17 ;text-align:center;}
a { text-decoration: none; color:#464646; }
a:hover{ color:#ced700;text-decoration:none;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.nav-menu-btn{display:none;}
.clear20{height:20px;}
.fixed{display:none;height:76px;}
*{margin:auto auto;}


.input-select {
    float: left;
    margin-right: 20px;
    width: 30%;
    height:36px;
    overflow: hidden;
    /*箭头背景图*/
    background: url(../images/ico-select.png) no-repeat center right;
    background-color:#fff;
}

    .input-select select {
        background: transparent; /*去掉样式*/
        width: 100%;
        padding: 1px 6px; /*框里字*/
        border: 1px solid #ddd;
        font-weight: bold;
        outline: none;
        height: 36px;
        -webkit-appearance: none; /*去掉样式 for chrome*/
        appearance: none; /*去掉样式*/
        -moz-appearance: none; /*去掉样式*/
    }
     .input-select select option{padding:4px 0px;}
.tempWrap{margin:auto auto;}
/*头部*/
#header {
    width: 100%;
    height: 160px;
    background: url(../images/header_bg.png) no-repeat center top;
}
#header .logo{float:left;padding-top:50px;}
#header .desc-menu{float:right;text-align:right;padding-left:16px;}
#header .desc-menu .desc-a{padding-top:20px;}
#header .desc-menu .desc-a span{margin-left:30px;}
#header .desc-menu .desc-a span a{color:#333;font-size:12px;}
#header .desc-menu .desc-ad {font-size:20px;padding-top:10px;color:#333;text-align:right;}
#header .desc-menu .desc-ad a img{vertical-align:middle;margin-right:6px;}
#header .desc-menu .desc-ad a{color:#333;font-size:18px;display:inline-block;height:24px;line-height:24px;}

#header .header-nav{width:100%;display:table;}
#header .nav{float:left;padding-top:0px;width:100%;}
#header .nav ul{clear:both;width:100%;display:table;}
#header .nav ul li{display:inline-block;padding:18px 4px;overflow:hidden;float:left;margin-right:10px;padding-top:46px;margin-left:10px;}
#header .nav ul .on a.nav-a{color:#000;/*font-weight:bold;*/border-bottom:2px solid #d0111b;}
#header .nav ul li.search{float:right;margin-right:0px;position:relative;padding-top:40px;padding-left:48px;}
#header .nav ul li.search .search-input{border:0px;padding:2px 4px;padding-right:36px;display:inline-block;border:0px;border-bottom:1px solid #B2B2B2;border-radius:0px 0px;font-size:16px;height:36px;width:180px;padding-left:10px;background-color:transparent;}
#header .nav ul li.search .search-btn{display:inline-block;position:absolute;background-image:url(../images/ico-search.png);right:0px;background-color:transparent;border:0px;background-position:center;height:36px;width:36px;background-repeat:no-repeat;}

#header .nav ul li a.nav-a{display:block;color:#333;font-size:18px;padding:0px 0px;font-weight:normal;padding-bottom:2px;border-bottom:2px solid #fff;}
#header .nav ul li a.cur{/*color:#13489d;*/border-bottom:2px solid #d0111b;color:#000;/*font-weight:bold;*/}
#header .nav ul li a.nav-a i{font-size:18px;margin:auto 6px;}
#header .nav ul li a.nav-a:hover{/*color:#13489d;*/border-bottom:2px solid #a03232;color:#000;/*font-weight:bold;*/}
#header .nav ul li a.nav-a:hover i{color:#fff;background-color:#00a4c5}
#header .nav ul li dl{ display:none; width:100%;min-width:1240px; padding:2px 0; position:absolute; left:-1px; top:158px; text-align:center;background-image:url(../images/sub-bg.png);background-repeat:repeat-x;z-index:9999999;overflow:hidden;height:49px; background-position:top center;}
#header .nav ul li dl div{width:1192px;margin:auto auto;text-align:right;}
#header .nav ul li dl dt{display:inline-block;}
#header .nav ul li dl dt a{color:#333;font-size:14px;font-weight:normal;display:inline-block;padding:12px 12px;margin:0px 12px;padding-top:18px;}
#header .nav ul li dl dt a:hover{color:#d0111b;border-radius:4px 4px;}
#header .nav ul li .phone{font-size:20px;color:#666666;padding-left:36px;}
#header .nav ul li .phone i{margin-right:6px;}
#header .nav-menu-btn{padding-top:24px;}
#header .nav-menu-version{padding-top:24px;display:none;float:right;}
#header .nav-menu-btn a{display:inline-block;border-radius:4px 4px;border:1px dotted #808080;width:32px;height:32px;line-height:32px;color:#333;font-size:24px;text-align:center;}

#header .nav ul li div.nav-product{text-align:left;width:672px;}
#header .nav ul li div.nav-project{text-align:left;width:756px;padding-left:146px;}
#header .nav ul li div.nav-servers{text-align:left;width:720px;padding-left:230px;}
#header .nav ul li div.nav-social{text-align:left;width:790px;padding-left:208px;}
#header .nav ul li div.nav-happy{text-align:right;width:695px;padding-right:56px;}
#header .nav ul li div.nav-about{text-align:right;width:900px;padding-right:0px;}
#header .nav ul li div.nav-news{text-align:right;width:770px;padding-left:106px;}

@media screen and (max-width: 960px) {
    #header{height:78px;background-position:top center;position:fixed;z-index:10000;}
    .fixed{height:78px;width:100%;display:block;}
    #header .logo{padding-top:12px;}
    #header .logo img{height:56px;}
    #header .desc-menu{display:none;position:absolute;padding-left:0px;z-index:999999;top:78px;background-color:#fff;width:100%;left:0px;border-top:1px solid #ddd;}
    #header .desc-menu .desc-a{display:none;}
    #header .desc-menu .desc-ad{display:none;}
    #header .nav-menu-btn{display:block;float:right;}
    #header .nav-menu-version hr{width:100%;margin:2px 0px;}
    #header .nav-menu-version{padding-top:24px;display:block;float:right;width:76px;overflow:hidden;padding:20px 8px;}
    #header .header-nav{width:100%;display:table;}
    #header .nav{ border-top:2px solid #fff; margin-top:0px; padding:0; height:auto;}
    #header .nav ul li{ float:none; margin:0; width:100%;padding:1px 0px;background-color:#333;opacity:0.6;}
    #header .nav ul li:last-child{display:none;}
    #header .nav ul li a.nav-a{color:#fff;padding:4px 12px;}
	#header .nav ul > li > a{ height:100%;line-height:24px; color:#00a4c5;text-align:left; font-size:16px; border-bottom:1px solid #fff; display:block; width:auto;}
	#header .nav ul > li > a.cur{ /*background-color:#bfc400;*/}
	#header .nav ul > li dl{ display:block; background:#fff;position:relative;width:100%;min-width:initial;height:auto;overflow:auto;left:auto;top:auto;}
    #header .nav ul > li dl div{width:auto;}
    #header .nav ul li div.nav-product{width:100%}
    #header .nav ul > li dl div.nav-project{width:100%;padding-left:0px;}
    #header .nav ul > li dl div.nav-servers{width:100%;padding-left:0px;}
    #header .nav ul > li dl div.nav-news{width:100%;padding-left:0px;}
    #header .nav ul li div.nav-social{text-align:left;width:100%;padding-left:0px;}
    #header .nav ul li div.nav-happy{text-align:left;width:100%;padding-left:0px;padding-right:0px;}
   #header .nav ul li div.nav-about{text-align:left;width:100%;padding-left:0px;}
     #header .nav ul li div.nav-news{text-align:left;width:100%;padding-left:0px;}
	#header .nav ul > li dl dt{display:block;width:33.3%;float:left;}
    #header .nav ul > li dl dt a{font-size:14px;padding:2px 10px;}
	#header .nav ul > li dl dd a{ color:#b0b1b4; font-size:14px; font-weight:bold; line-height:30px; padding:1% 0; text-indent:70px; text-align:left;}
	#header .nav ul > li dl dd a:hover{ background:none; color:#bfc400;}
}

#banner{ margin:auto auto;width:100%; height:620px; position:relative;  overflow:hidden; /*min-width:1200px;*/  }
#banner .hd{ width:24%;overflow:hidden; position:absolute;bottom:30px;left:40%; z-index:9999;/*display:none;*/}
#banner .hd ul{ overflow:hidden; zoom:1; }
#banner .hd ul li{ width:40px; float:left;text-align:center;margin-right:20px;background-color:#38abd1;filter:alpha(opacity=60);opacity:0.6;color:#fff; font-size:16px;padding:5px 0px;cursor:pointer; }
#banner .hd ul li.on{ background-color:#fff;cursor:pointer; }
#banner .bd li{ vertical-align:middle;width:100%;height:620px;background-position:center top;}
#banner .bd{width:100%;z-index:0;}
#banner .bd li .container{height:100%;height:620px;text-align:center;position:relative;}
#banner .bd li .banner-desc{position:absolute;bottom:0px;left:100px;margin:auto auto;-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);border:0px solid #cccccc;behavior: url(ie-css3.htc);width:980px;padding:12px 12px;background-color:#fff;}
#banner .bd li .banner-desc .cn{font-size:30px;line-height:32px;}
#banner .bd li .banner-desc .en{font-size:26px;line-height:36px;color:#6fba2c;}
#banner .prev,
#banner .next{ position:absolute;display:none; left:2%; /*top:30%;*/z-index:99999; margin-top:-255px; display:block; width:32px; height:29px; background:url(../images/left-arrow.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;border-radius:50%;/*background-color:rgb(255,255,255)*/   }
#banner .next{ left:auto; right:2%;background:url(../images/right-arrow.png) no-repeat;/*border-radius:50%;background-color:rgb(255,255,255)*/  }
#banner .prev:hover,
#banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }


@media screen and (max-width: 960px) {
    #banner{height:180px;}
    #banner .hd ul li{padding:2px 0px;}
    #banner .bd li{height:180px;background-size:cover;}
    #banner .prev,
    #banner .next{margin-top:-70px;}
    #banner .hd{width:200px;left:32%;bottom:12px;}
    #banner .hd ul li{ width:20px; float:left;text-align:center;margin-right:5px;background-color:#38abd1;filter:alpha(opacity=60);opacity:0.6;color:#fff; font-size:16px;padding:4px 0px;cursor:pointer; }
}

.banner-shadow{background:url(../images/headerline.png) center top no-repeat;position:absolute;top:0px;z-index:999999;width:100%;height:64px;}

#middle{background-color:#fff;clear:both;}
#middle .middle-desc{width:100%;background-color:#fff;padding:60px 0px;} 
#middle .middle-desc .desc-title{font-size:30px;color:#333;line-height:28px;padding-bottom:24px;}
#middle .middle-desc .desc-txt{font-size:18px;color:#333;line-height:28px;}
#middle .middle-desc .desc-img{width:890px;padding:60px 0px;display:table;}
#middle .middle-desc .desc-img .left-img{width:360px;height:180px;background-image:url(../images/feature1.png);margin:0px 40px;display:inline-block;}
#middle .middle-desc .desc-img .right-img{width:360px;height:180px;background-image:url(../images/feature2.png);margin:0px 40px;display:inline-block;}
#middle .middle-desc .desc-img .bigFont{font-size:30px;color:#fff;padding-top:32px;}
#middle .middle-desc .desc-img .txtMore{padding-top:20px;}
#middle .middle-desc .desc-img .txtMore a{color:#fff;font-size:16px;}
#middle .middle-desc .desc-img .txtMore a img{vertical-align:middle;margin-left:6px;margin-top:-2px;}

#middle .middle-common-title{text-align:left;font-size:30px;padding:20px 0px;padding-top:80px;line-height:30px;}
#middle .middle-common-title img{vertical-align:middle;margin-right:8px;height:24px;}
#middle .middle-common-desc{text-align:left;font-size:18px;line-height:28px;}

.article-title{padding:0px 0px;padding-top:80px;font-size:30px;color:#333;text-align:left;width:1100px;margin:auto auto;}
.article-title img{vertical-align:middle;margin-right:8px;}
.article-desc{padding:20px 0px;line-height:24px;text-align:left;font-size:18px;color:#333;width:1100px;margin:auto auto;}
.article-txt{padding:20px 0px;line-height:28px;width:1100px;margin:auto auto;font-size:16px;color:#333;text-align:justify;padding-bottom:40px}
.article-txt img{max-width:100%;/*margin-top:12px;*/}
.article-results{padding:20px 0px;line-height:28px;font-size:16px;color:#333;text-align:center;}


@media screen and (max-width: 960px) {
    #middle .middle-desc{padding:24px 0px;}
    #middle .middle-desc .desc-title{font-size:24px;}
    #middle .middle-desc .desc-txt{font-size:14px;}
}

.middle-area{padding:30px 0px;text-align:center;}
.middle-area .area-left{float:left;width:572px;-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);border:0px solid #cccccc;behavior: url(ie-css3.htc);opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1\0/IE9;
	filter: alpha(opacity=100\0/IE9);}
.middle-area .area-left .area-content{position:relative}
.middle-area .area-left .img{width:572px;height:358px;overflow:hidden;}
.middle-area .area-left .img img{width:100%;cursor:pointer;transition: all 0.6s;}
.middle-area .area-left .img img:hover{cursor:pointer;transform: scale(1.10);}
.middle-area .area-left .area-title{width:86%;padding:0px 0px;font-size:18px;text-align:left;margin:auto auto;padding-top:24px;}
.middle-area .area-left .area-desc{width:86%;padding:28px 56px;padding-top:20px;padding-left:0px;font-size:15px;text-align:justify;line-height:24px;margin:auto auto;}
.more-a{position:absolute;right:56px;bottom:34px;}
.shadow{-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);width:378px;border:0px solid #cccccc;behavior: url(ie-css3.htc);opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1\0/IE9;
	filter: alpha(opacity=100\0/IE9);}
.middle-area .area-right{float:right;width:576px;display:table;}
.middle-area .area-right .area-row{display:table;width:100%}
.middle-area .area-right .area-row .area-col{width:278px;float:left;}
.middle-area .area-right .area-row .area-col .img{width:278px;height:191px;overflow:hidden;}
.middle-area .area-right .area-row .area-col img{width:100%;cursor:pointer;transition: all 0.6s;}
.middle-area .area-right .area-row .area-col img:hover{cursor:pointer;transform: scale(1.10);}
.middle-area .area-right .area-row .area-col .area-title{padding:12px 0px;text-align:center;font-size:16px;overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.middle-area .area-right .area-row .area-speart{width:20px;float:left;height:233px;}
.middle-area .area-right .area-row .news{width:100%;text-align:center;}
.middle-area .area-right .area-row .news .news-tab{width:100%;background:url(../images/news-tab.png) center center no-repeat;height:59px;}
.middle-area .area-right .area-row .news .news-list{width:90%;display:table;margin:auto auto;padding:23px 12px;}
.middle-area .area-right .area-row .news .news-list .single-news{padding-bottom:12px;text-align:left;display:table;width:72%;padding-top:5px;}
.middle-area .area-right .area-row .news .news-list .single-news a{background:url(../images/dot.png) no-repeat left center;padding-left:12px;color:#333;font-size:14px;float:left;display:inline-block;width:220px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.middle-area .area-right .area-row .news .news-list .single-news a img{vertical-align:middle;margin-right:4px;}
.middle-area .area-right .area-row .news .news-list .single-news span{float:right;font-size:14px;}
.middle-area .area-right .area-row .news .news-tab ul{ z-index:5; position:relative;  zoom:1;}
.middle-area .area-right .area-row .news .news-tab li{ float:left; height:59px;font-size:16px; line-height:59px;padding:0px 12px;width:170px; margin-right:0px;background-repeat:repeat;cursor:pointer;color:#fff;background:url(../images/newslines.png) center right;background-repeat:no-repeat}
.middle-area .area-right .area-row .news .news-tab li.on{ height:59px; line-height:59px; overflow:hidden; position:relative; color:#fff; }
.middle-area .area-right .area-row .news .news-tab li.on span{ font-weight:bold; color:#c00;  }
.middle-area .area-right .area-row .news .news-list .top-news{width:86%;padding:12px 0px;font-size:16px;text-align:left;font-weight:bold;}
.middle-area .area-right .area-row .news .news-list .top-news a:hover{color:#d0111b}
.middle-area .area-right .area-row .news .news-content{position:relative;}



.common-banner{ margin:auto auto;width:100%; height:440px; position:relative;  overflow:hidden; /*min-width:1200px;*/  }
.common-banner .hd{ width:20%;overflow:hidden; position:absolute;bottom:30px;left:40%; z-index:9999;/*display:none;*/}
.common-banner .hd ul{ overflow:hidden; zoom:1; }
.common-banner .hd ul li{ width:40px; float:left;text-align:center;margin-right:20px;background-color:#38abd1;filter:alpha(opacity=60);opacity:0.6;color:#fff; font-size:16px;padding:5px 0px;cursor:pointer; }
.common-banner .hd ul li.on{ background-color:#fff;cursor:pointer; }
.common-banner .bd li{ vertical-align:middle;width:100%;height:440px;background-position:center top;}
.common-banner .bd{width:100%;z-index:0;}
.common-banner .bd li .container{height:100%;height:440px;text-align:center;position:relative;}
.common-banner .bd li .banner-desc{position:absolute;bottom:0px;left:100px;margin:auto auto;-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);border:0px solid #cccccc;behavior: url(ie-css3.htc);width:980px;padding:12px 12px;background-color:#fff;}
.common-banner .bd li .banner-desc .cn{font-size:30px;line-height:32px;}
.common-banner .bd li .banner-desc .en{font-size:26px;line-height:36px;color:#6fba2c;}
.common-banner .prev,
.common-banner .next{ position:absolute;display:none; left:2%; /*top:30%;*/z-index:99999; margin-top:-255px; display:block; width:32px; height:29px; background:url(../images/left-arrow.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;border-radius:50%;/*background-color:rgb(255,255,255)*/   }
.common-banner .next{ left:auto; right:2%;background:url(../images/right-arrow.png) no-repeat;/*border-radius:50%;background-color:rgb(255,255,255)*/  }
.common-banner .prev:hover,
.common-banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }


@media screen and (max-width: 960px) {
    .common-banner{height:136px;}
    .common-banner .bd li{height:136px;background-size:cover;background-repeat:no-repeat;}
    .middle-area{padding-bottom:20px;}
    .middle-area .area-left{width:100%;}
    .middle-area .area-left .img{width:100%;height:172px;}
    .middle-area .area-right{width:100%;margin-top:24px;}
    .middle-area .area-right .area-row .area-col{width:100%;float:none;margin-bottom:24px;}
    .middle-area .area-right .area-row .area-col .area-title{font-size:14px;width:100%;}
    .middle-area .area-right .area-row .area-speart{float:none;height:0px;}
    .middle-area .area-right .area-row .area-col .img{width:100%;}
    .middle-area .area-right .area-row .news .news-tab li{width:160px;}
    .middle-area .area-right .area-row .news .news-list .top-news{width:100%;}
    .middle-area .area-right .area-row .news .news-list .single-news{width:100%;}
    .middle-area .area-right .area-row .news .news-list .single-news a{width:200px;}
    .news-content .more-a{bottom:8px;right:32px;}
    .clear20{display:none;}
    #middle .middle-common-title{padding-top:24px;}
}

.middle-voide{}
.middle-voide .voide-left {width:340px;height:241px;float:left;}
.middle-voide .voide-left .companyslides li{position:relative;width:340px;height:241px;overflow:hidden;}
.middle-voide .voide-left .companyslides li img{cursor:pointer;transition: all 0.6s;max-width:340px;height:241px;}
.middle-voide .voide-left .companyslides li img:hover{cursor:pointer;transform: scale(1.10);}
.middle-voide .voide-left .companyslides li .play{/*position:absolute;top:40%;left:43%;*/z-index:999;display:block;}
.middle-voide .voide-left .companycontrols .voideprev{ position:absolute; left:10px; top:130px;font-size:36px;color:#fff;opacity:0.6; width:10%;display:none;}
.middle-voide .voide-left .companycontrols .voidenext{ position:absolute; right:10px; top:130px;font-size:36px;color:#fff;opacity:0.6; width:10%;display:none; }
.middle-voide .voide-left .responsive {width: 100%;	height: auto;}
.middle-voide .voide-left .clearfix:after {	content: "";display: table;	clear: both;}

#companyVoide:hover .companyslides li .play{display:block;}
#companyVoide:hover .voideprev,#companyVoide:hover .voidenext{display:block;}

#productVoide:hover .productslides li .play{display:block;}
#productVoide:hover .voideprev,#productVoide:hover .voidenext{display:block;}


#v_box{width:650px;height:520px;background:#fff;position:fixed;top:55%;left:50%;z-index:522222;margin-top:-305px;margin-left:-350px;border-radius:5px;box-shadow: #333 0px 0px 10px;_position:absolute;*border:1px solid #333;border:1px solid #333;display:none;z-index:1005;text-align:left;}
#v_box h3{color:#333;height:48px;font-size:18px;padding-left:28px;line-height:48px;overflow:hidden;font-weight:bold;}
#v_box div{width:650px;margin:0 auto;background:#000;}
#shut{position:absolute;width:30px;height:30px;display:block;top:8px;right:10px;color:#333;font-size:30px;line-height:22px;overflow:hidden;text-align:center;cursor:pointer;}
#shut:hover{text-decoration:none;color:#f00;}
#shut:active{color:#a40606;}

.middle-voide .voide-right {width:805px;height:240px;background:url(../images/voide-bg.jpg) center center no-repeat;float:right;}
.middle-voide .voide-right .voide-content{padding:36px 384px;padding-right:44px;text-align:left;position:relative;padding-bottom:78px;}
.middle-voide .voide-right .voide-content .voide-title{font-size:24px;padding-bottom:24px;}
.middle-voide .voide-right .voide-content .voide-desc{line-height:24px;}

@media screen and (max-width: 960px) {
    .middle-voide .voide-left {width:100%;}
    .middle-voide .voide-right{width:100%;margin-top:24px;background-position:right;}
    .middle-voide .voide-left .companyslides li{background-repeat:no-repeat;background-size:100%;width:100%;}
    .middle-voide .voide-right .voide-content{padding:56px 24px;}
    .middle-voide .voide-left .companyslides li img{width:100%;}
    .more-a {
        right: 24px;
    }
}

.middle-server{background:url(../images/servers-bg.png) no-repeat center;height:499px;width:100%;margin-top:80px;}
.middle-server .server-title{padding:32px 0px;font-size:32px;color:#fff;text-align:left;padding-top:60px;}
.middle-server .server-table{padding:0px 0px;display:table;overflow:hidden;margin:8px 0px;width:100%;}
.middle-server .server-table .server-td{width:25%;height:164px;border-left:1px solid #fff;margin-left:-1px;float:left;border-top:1px solid #fff;margin-top:-1px;}
.middle-server .server-table .server-td a{display:block;padding:36px 0px;padding-bottom:18px;}
.middle-server .server-table .server-td div{font-size:18px;color:#fff;}

@media screen and (max-width: 960px) {
    .middle-server{height:356px;margin-top:24px;}
     .middle-server .server-table{margin-top:0px;}
    .middle-server .server-table .server-td{height:100px;}
    .middle-server .server-table .server-td a{padding:12px 0px;}
    .middle-server .server-table .server-td a img{height:36px;}
    .middle-server .server-table .server-td div{font-size:15px;}
}


#middle .middle-product{background-color:#f7f7f7;padding-bottom:25px;}
#middle .pro-title{font-size:32px;padding:60px 0px;text-align:left;width:100%;padding-bottom:20px;}
#middle .pro-desc{width:100%;text-align:left;line-height:24px;font-size:16px;padding-bottom:40px;}
#middle .pro-input{padding-bottom:40px;display:table;width:100%;}
.input-desc {
    float: right;
    text-align:right;
    font-size:18px;    
}

.middleProductScroll{ position:relative;height:232px; margin-bottom:4px;/*overflow:hidden;*/width:100%;   }
.middleProductScroll ul{ overflow:hidden; zoom:1;height:230px; }
.middleProductScroll ul li{ float:left; margin: 0  0px;margin-top:12px;  width:264px;height:248px; display:inline;margin-right:14px;margin-left:14px; }
.middleProductScroll ul li .single-product {
        background-color: #fff;
        width: 250px;
        height: 180px;
        border: 0px solid #cccccc;
        behavior: url(ie-css3.htc);
        opacity: 1;
        filter: alpha(opacity=100);
        opacity: 1\0/IE9;
        filter: alpha(opacity=100\0/IE9);
        border: 1px solid #fff;
    }
.middleProductScroll ul li .single-product .txt{height:24px;line-height:24px;}
.middleProductScroll ul li .single-product .txt a{display:block;padding:0px 20px;text-align:center;font-size:14px;color:#333;position:relative}
.middleProductScroll ul li .single-product .txt a span{position:absolute;right:20px;top:-4px;}
.middleProductScroll ul li .single-product .img img{ max-width:100%; height:140px; }
.middleProductScroll .prev,
.middleProductScroll .next{ position:absolute;  left:-30px; top: 60px; display:block; width:20px; height:35px; overflow:hidden; background:url(../images/pro-arrow.png) center center no-repeat; cursor:pointer;  }
.middleProductScroll .next{ left:auto; right:-30px;background:url(../images/pro-arrow2.png) center center no-repeat;  }
.middleProductScroll .prevStop{ background-position:0 0; }
.middleProductScroll .nextStop{ background-position:0px 0; }

@media screen and (max-width: 960px) {
    #middle .pro-title{padding-top:32px;}
    .input-select {width:100%;margin-bottom:12px;}
    .middleProductScroll{/*height:auto;*/height:200px;}
    .middleProductScroll ul li .single-product{width:100%;/*height:auto;*/}
    .middleProductScroll ul{height:232px;padding-top:12px;}
    .middleProductScroll ul li{height:232px;margin-left:30px;margin-right:30px;}
    .middleProductScroll .prev,
    .middleProductScroll .next{display:none;}
    .middleProductScroll ul li .single-product .img img{ width:100%; height:auto; }
}


#middle .middle-market{padding-top:20px;padding-bottom:20px;}
#middle .market-title{font-size:32px;padding:40px 0px;text-align:left;width:100%;padding-bottom:20px;}
#middle .market-desc{width:100%;text-align:left;line-height:24px;font-size:16px;padding-bottom:40px;}
#middle .market-img img{max-width:100%;}
#middle .market-img{padding-bottom:100px;}

@media screen and (max-width: 960px) {
    #middle .market-img{padding-bottom:32px;}
}

#footer {
}
#footer .footer-menu{width:100%;background-color:#e6e6e6;}
#footer .footer-menu .footer-logo{float:left;/*padding-left:40px;*/height:140px;padding-right:00px;border-right:0px solid #fff;padding-top:0px;}
#footer .footer-menu .footer-nav{float:right;padding-left:40px;color:#fff;text-align:left;}
#footer .footer-menu .footer-nav .nav-a{width:106px;float:left;}
#footer .footer-menu .footer-nav .nav-a .nav-a-item a{display:inline-block;color:#333;font-size:18px;font-weight:bold;}
#footer .footer-menu .footer-nav .nav-a .nav-a-subitem{padding:6px 0px;}
#footer .footer-menu .footer-nav .nav-a .nav-a-subitem a{display:block;color:#333;font-size:15px;line-height:28px;height:28px;}
#footer .footer-search{background-color:#cccccc;padding:24px 0px;}
#footer .footer-search .nav-kefu{float:left;padding-top:16px;}
#footer .footer-search .nav-input{float:right;}
#footer .footer-search .nav-share{padding:0px 0px;text-align:right;}
#footer .footer-search .nav-share .share-qq{width:32px;height:24px;display:inline-block;background:url(../images/ico/ico-qq.png) left center no-repeat;}
#footer .footer-search .nav-share .share-weixin{width:32px;height:24px;display:inline-block;background:url(../images/ico/ico-weixin.png) left center no-repeat;}
#footer .footer-search .nav-share .share-weibo{width:32px;height:24px;display:inline-block;background:url(../images/ico/ico-weibo.png) left center no-repeat;}
#footer .footer-search .nav-share .share-weibo1{width:32px;height:24px;display:inline-block;background:url(../images/ico/ico-weibo1.png) left center no-repeat;}
#footer .footer-search .nav-share .share-qzone{width:32px;height:24px;display:inline-block;background:url(../images/ico/ico-qzone.png) left center no-repeat;}
#footer .footer-search .nav-share .share-twitter{width:32px;height:24px;display:inline-block;background:url(../images/ico/ico-twitter.png) left center no-repeat;}
#footer .footer-search .nav-share .share-facebook{width:32px;height:24px;display:inline-block;background:url(../images/ico/ico-facebook.png) left center no-repeat;}
#footer .footer-search .nav-share .share-in{width:32px;height:24px;display:inline-block;background:url(../images/ico/ico-inco.png) left center no-repeat;}

#footer .footer-search .nav-search{background:url(../images/footer-search.png);width:300px;height:36px;margin-left:0px;display:table;}
#footer .footer-search .nav-search .input{border:0px solid red;height:36px;width:248px;padding:0px 10px;line-height:36px;color:#333;font-size:14px;background-color:transparent;border-radius:8px 8px;float:left;}
#footer .footer-search .nav-search .btn{border:0px solid red;height:36px;width:50px;color:#333;font-size:14px;background-color:transparent;float:right;}



#footer .footer-desc{width:100%;background-color:#333333;padding-top:15px;padding-bottom:15px;}
#footer .footer-desc .desc-copy{float:left;color:#fff;line-height:24px;text-align:left;font-size:15px;}
#footer .footer-desc .desc-copy a{color:#fff;}
#footer .footer-desc .desc-site{float:right;padding-top:0px;font-size:15px;color:#fff;}

.trbg{width:100%;padding-bottom:80px;}
.trbg:nth-child(2n+1){background-color:#f7f7f7}

.trbg1{width:100%;padding-bottom:80px;}
.trbg1:nth-child(2n){background-color:#f7f7f7}

.modelbg{background-color:#7b7b7b;position:fixed;width:100%;height:100%;z-index:1000;opacity:0.9;top:0px;display:none;}
#ad{position:fixed;display:none;background-color:#f2f2f2;-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);width:960px;z-index:522222;border-radius:6px 6px;padding:12px 12px;top:8%;left:15%;padding-bottom:0px;}

#ad .ad-title{padding:24px 0px;background-image:url(../images/location.png);background-position:bottom left;text-align:center;line-height:28px;color:#005d89;font-size:24px;background-repeat:no-repeat;padding-bottom:36px;padding-top:16px;width:86%;margin:auto auto;}
#ad .ad-desc{padding:12px 0px;width:86%;text-align:justify;line-height:24px;text-justify:inter-ideograph;font-size:14px;margin:auto auto;}


@media screen and (max-width: 960px) {
    .footer-menu{display:none;}
    .nav-kefu{width:100%;}
     .nav-input{width:100%;text-align:center;display:none;}
    #footer .footer-desc .desc-copy{width:100%;float:none;}
    #footer .footer-desc .desc-site{width:100%;float:none;text-align:left;}
   
}

/*产品展示*/
.product-table{display:table;padding:40px 0px;width:1150px;}
.product-table .single-product{width:250px;height:180px;margin:10px 17px;float:left;position:relative}
.product-table .single-product:hover{box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;
-moz-box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;
-webkit-box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;}
.product-table .single-product:hover .product-bg{display:none;}
.product-table .single-product .product-img{width:100%;overflow:hidden;height:140px;}
.product-table .single-product .product-img img{height:140px;max-width:100%;}
.product-table .single-product .product-bg{display:none;background-color:#008cd6;opacity:.5;width:274px;height:40px;position:absolute;z-index:100;bottom:0px;}
.product-table .single-product .product-txt{bottom:6px;width:100%;z-index:1000;}
.product-table .single-product .product-txt a{font-size:14px;color:#333;line-height:40px;display:block;}
.product-table .single-product .product-txt a{font-size:14px;color:#333;line-height:40px;display:block;}
.product-table .single-product:hover .product-txt a{color:#d0121b;/*background-color:#008cd6*/}

.product-dotted{border-bottom:1px dotted #ddd;width:1120px;margin-left:10px;clear:both;height:20px;margin-bottom:30px;}
@media screen and (max-width: 960px) {
    .product-table{width:100%;display:block;}
    .product-table .single-product{width:100%;float:none;margin:5px 0px;}
    .product-dotted{width:100%;margin:auto auto;margin-bottom:0px;}
}

.prodetail-table{width:1100px;display:table;padding-top:100px;}
.prodetail-table .prodetail-img{width:520px;height:420px;float:left;box-shadow:0 0 20px 0 rgba(0,0,0,0.2);
-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
.prodetail-table .prodetail-txt{float:right;width:500px;}
.prodetail-table .prodetail-txt .txt-title{display:table;padding-bottom:20px;padding-top:20px;border-bottom:1px solid #ddd;width:500px;}
.prodetail-table .prodetail-txt .txt-title .protitle{font-size:24px;float:left;}
.prodetail-table .prodetail-txt .txt-title .quick-key{float:right;}
.prodetail-table .prodetail-txt .txt-title .quick-key a{color:#d7d7d9;margin:auto 0px;}
.prodetail-table .prodetail-txt .txt-title .quick-key span{color:#d7d7d9}
.prodetail-table .prodetail-txt .txt-title .quick-key img{vertical-align:top;margin-top:10px;}
.prodetail-table .prodetail-txt .txt-title .quick-key .info-left{display:inline-block;width:24px;height:20px;margin-top:10px;background-image:url(../images/icon-left.png);background-repeat:no-repeat;background-position:center;}
.prodetail-table .prodetail-txt .txt-title .quick-key .info-right{display:inline-block;width:24px;height:20px;margin-top:10px;background-image:url(../images/icon-right.png);background-repeat:no-repeat;background-position:center;}


.prodetail-table .prodetail-txt .prodetail-info{padding-top:30px;height:auto;/*border-bottom:1px solid #ddd;*/}
.prodetail-table .prodetail-txt .prodetail-info table{width:100%;}
.prodetail-table .prodetail-txt .prodetail-info table td{vertical-align:top;padding:4px 6px;text-align:left;font-size:16px;}
.prodetail-table .prodetail-txt .prodetail-info table tr td:nth-child(2n+1){width:112px;}

.prodetail-table .prodetail-img .productSmallImg{display:table;width:520px;height:420px;}
 
.prodetail-table .prodetail-img .slideBox{ width:520px; height:420px; overflow:hidden; position:relative; /*border:1px solid #ddd;*/  }
.prodetail-table .prodetail-img .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.prodetail-table .prodetail-img .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.prodetail-table .prodetail-img .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.prodetail-table .prodetail-img .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.prodetail-table .prodetail-img .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.prodetail-table .prodetail-img .slideBox .bd li{ zoom:1; vertical-align:middle; }
.prodetail-table .prodetail-img .slideBox .bd img{ width:100%; display:block;  }
.prodetail-table .prodetail-img .slideBox .prev,
.prodetail-table .prodetail-img .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/icon-left.png) center no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.prodetail-table .prodetail-img .slideBox .next{ left:auto; right:3%;background:url(../images/icon-right.png) center no-repeat;  }
.prodetail-table .prodetail-img .slideBox .prev:hover,
.prodetail-table .prodetail-img .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.prodetail-table .prodetail-img .slideBox .prevStop{ display:none;  }
.prodetail-table .prodetail-img .slideBox .nextStop{ display:none;  }


.prodetail-table .prodetail-txt .prodetail-btn{padding-top:20px;}
.prodetail-table .prodetail-txt .prodetail-btn a{display:inline-block;padding:8px 32px;color:#fff;background-color:#999;border-radius:6px 6px;margin:0px 18px;font-size:16px;}
.prodetail-table .prodetail-txt .prodetail-btn a.active{background-color:#00489d}
.prodetail-table .prodetail-txt .prodetail-btn a:hover{background-color:#00489d}

.prodetail-3D .detail-title{width:1100px;position:relative;/*border-bottom:1px solid #ddd;*/padding:12px 50px;text-align:left;padding-top:100px;font-size:18px;}
.prodetail-3D .title-h5{font-size:18px;color:#333;text-align:left;width:1100px;padding-top:60px;}




.more-case{padding:8px 0px;width:100%;overflow:hidden;padding-bottom:120px;display:table;}
.more-case .single-more-case {width:250px;height:180px;margin:20px 10px;text-align:center;float:left;margin-right:30px}
.more-case .single-more-case img{max-width:100%;height:136px;}
.more-case .single-more-case div{padding:8px 0px;}
.more-case .single-more-case div a{color:#333;text-decoration:none;font-size:14px;}

.cases-table{display:table;padding:30px 0px;width:1150px;padding-top:0px;}
.cases-table .single-cases{width:340px;height:220px;margin:20px 20px;float:left;position:relative}
.cases-table .single-cases:hover{box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;
-moz-box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;
-webkit-box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;}
.cases-table .single-cases .cases-img{width:100%;overflow:hidden;}
.cases-table .single-cases .cases-img img{height:220px;}
.cases-table .single-cases .cases-bg{background-color:#000;opacity:.5;width:340px;height:40px;position:absolute;z-index:100;bottom:0px;}
.cases-table .single-cases .cases-txt{position:absolute;bottom:0px;width:340px;z-index:1000;}
.cases-table .single-cases .cases-txt a{font-size:16px;color:#fff;line-height:40px;display:block;}

.load-table{display:table;padding:30px 0px;width:1200px;padding-top:35px;}
.load-table .load-single{float:left;width:300px;height:360px;margin:25px 24px;background-color:#f2f2f2;border-radius:1px 1px;margin-right:36px;}
.load-table .load-single:hover{-webkit-box-shadow: rgba(0,0,0,0.166666) 0px 17px 50px 0px;
    -moz-box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;
    box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;}
.load-table .load-single .load-img{padding:20px 20px;}
.load-table .load-single .load-img img{width:260px;height:160px;}
.load-table .load-single .load-txt{padding:0px 20px;width:90%;}
.load-table .load-single .load-txt .load-title{padding-top:10px;width:220px;text-align:left;font-size:16px;color:#333;padding-bottom:10px;}
.load-table .load-single .load-txt .load-desc{width:220px;text-align:left;font-size:12px;line-height:24px;}
.load-table .load-single .load-btn {width:220px;text-align:left;padding-top:30px;}
.load-table .load-single .load-btn a{display:inline-block;text-align:center;height:26px;width:80px;border:1px solid #333;border-radius:3px 3px;text-align:center;line-height:26px;color:#333;}
.load-table .load-single .load-btn a:hover{/*background-color:#fff;*/color:#d0111b;border:1px solid #d0111b;}



@media screen and (max-width: 960px) {
    .prodetail-table{width:100%;display:block;padding-top:20px;}
    .prodetail-table .prodetail-txt .txt-title{width:100%;}
    .prodetail-table .prodetail-img{width:100%;float:none;margin:5px 0px;height:256px;}
    .prodetail-table .prodetail-txt{width:100%;float:none;margin:5px 0px;margin-top:24px;}
    .prodetail-table .prodetail-img .productSmallImg{width:100%;height:256px;}
    .prodetail-table .prodetail-img .slideBox{width:100%;height:256px;}
    .prodetail-3D .detail-title{width:98%;padding-top:24px;padding-left:6px;padding-right:6px;}
    .more-case{padding-bottom:20px;}
    
    .more-case .single-more-case{width:98%;margin-left:16px;margin-right:8px;float:none;}

    .cases-table{width:100%;display:block;}
    .cases-table .single-cases{width:100%;margin:10px 0px;float:none;}
    .cases-table .single-cases .cases-img img{width:100%;}
    .cases-table .single-cases .cases-bg{width:100%;}
    .cases-table .single-cases .cases-txt{width:100%;}

    .load-table{width:100%;display:block;}
    .load-table .load-single{width:100%;float:none;margin-left:0px;margin-right:0px;}
}





#middle .job-list{padding:12px 0px;width:100%;text-align:left;}
#middle .job-list .single-job{padding:6px 0px;width:1000px;margin:auto auto;}
#middle .job-list .single-job .job-title{width:100%;padding:6px 0px;cursor:pointer;background-color:#e6e6e6;display:table;margin-left:0px;background:url(../images/close.png) center #e6e6e6 no-repeat;background-position:98% center;margin-top:4px; }
#middle .job-list .single-job .job-title span{float:left;margin-left:18px;font-size:18px;color:#000;}
#middle .job-list .single-job .job-title a{float:right;margin-right:18px;font-size:20px;color:#676767}
#middle .job-list .single-job .on{ background:url(../images/open.png) center #e6e6e6 no-repeat;background-position:98% center; }
#middle .job-list .single-job .job-main{display:none;}
#middle .job-list .single-job .job-table{padding:12px 0px;width:920px;display:table;margin:auto auto;}
#middle .job-list .single-job .job-table .job-three{width:33.3%;text-align:left;float:left;padding-bottom:8px;}
#middle .job-list .single-job .job-table .job-two{width:100%;text-align:left;float:left;padding-bottom:12px;}
#middle .job-list .single-job .job-table .job-two div{padding:12px 0px;line-height:28px;padding-right:18px;}
#middle .job-list .single-job .job-btn{padding-top:30px;padding-bottom:10px;width:96%;display:table;}
#middle .job-list .single-job .job-btn a{background-color:#8d8989;color:#fff;border-radius:5px 5px;width:136px;height:36px;line-height:36px;line-height:36px;display:block;float:right;text-align:center;}
#middle .job-list .single-job .job-btn a:hover{transform:0.2;background-color:#d0111b}


.company-list .contact-title{font-size:24px;text-align:left;padding-top:40px;width:100%;padding-bottom:0px;}
.company-list .contact-title span{margin-right:12px;}
.company-list .company-table{display:table;padding:30px 30px;width:94%;padding-bottom:0px;margin:auto auto;}
.company-list .company-table .company-single{width:48%;margin:40px 0px;float:left;text-align:left;margin-top:0px;}
.company-list .company-table .company-single .company-title{font-size:20px;padding:20px 0px;padding-top:0px;padding-bottom:10px;}
.company-list .company-table .company-single .company-desc{font-size:16px;padding:0px 0px;line-height:28px;}


.face-title{font-size:26px;padding:30px 0px;color:#333;}
.WFaceScroll{ position:relative;height:392px; padding-bottom:60px;/*overflow:hidden;*/width:96%;  margin:0px auto; }
.WFaceScroll ul{ overflow:hidden; zoom:1; }
.WFaceScroll ul li{ float:left; margin: 18px 35px;  width:262px;height:356px; /*overflow:hidden;*/ display:inline; }
    .WFaceScroll ul li .single-face {
        background-color: #fff;
        
        width: 262px;
        height: 356px;
       
    }
        .WFaceScroll ul li .single-face .img img {
            width: 260px;
            height: 356px;
            -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
            -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
            box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
            border: 0px solid #cccccc;
            behavior: url(ie-css3.htc);
            opacity: 1;
            filter: alpha(opacity=100);
            opacity: 1\0/IE9;
            filter: alpha(opacity=100\0/IE9);
        }
.WFaceScroll .prev,
.WFaceScroll .next{ position:absolute;  left:30px; top:100px; display:block; width:20px; height:140px; overflow:hidden; background:url(../images/case-right.png) center center no-repeat; cursor:pointer;  }
.WFaceScroll .next{ left:auto; right:30px;top:100px;background:url(../images/case-left.png) center center no-repeat;  }
.WFaceScroll .prevStop{  }
.WFaceScroll .nextStop{  }


.BFaceScroll{ position:relative;height:232px; padding-bottom:60px;/*overflow:hidden;*/width:96%;margin:0px auto;  }
.BFaceScroll ul{ overflow:hidden; zoom:1; }
.BFaceScroll ul li{ float:left; margin: 18px 35px;  width:262px;height:208px; /*overflow:hidden;*/ display:inline; }
.BFaceScroll ul li .single-face{background-color:#fff;border:0px solid #ddd;}
    .BFaceScroll ul li .single-face .img img {
        width: 260px;
        height: 190px;
        -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
        border: 0px solid #cccccc;
        behavior: url(ie-css3.htc);
        opacity: 1;
        filter: alpha(opacity=100);
        opacity: 1\0/IE9;
        filter: alpha(opacity=100\0/IE9);
    }
.BFaceScroll .prev,
.BFaceScroll .next{ position:absolute; left:30px; top: 40px; display:block; width:20px; height:140px; overflow:hidden; background:url(../images/case-right.png) center center no-repeat; cursor:pointer;  }
.BFaceScroll .next{ right:30px;top:40px;left:auto;background:url(../images/case-left.png) center center no-repeat;  }
.BFaceScroll .prevStop{  }
.BFaceScroll .nextStop{  }



.main-table .n-list{width:1100px;text-align:left;margin:auto auto; }
.main-table .n-list li{ display:table;height:200px;/*background-color:#f7f7f7;*/overflow:hidden;width:100%;margin-bottom:1px;padding:30px 40px;/*border-radius:6px 6px;*/border-bottom:1px dotted #ddd;}
.main-table .n-list li:hover{box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;
-moz-box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;
-webkit-box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;cursor:pointer;border:0px;}

.main-table .n-list li .detail-a{float:right;width:192px;height:140px;margin-right:-40px;/*background:url(../images/time-bg.png) no-repeat center;*/border-left:1px solid #ddd;margin-left:0px;}
.main-table .n-list li .detail-a .day{font-size:40px;line-height:36px;color:#999;padding-top:20px;text-align:center;font-family:'Arial Black', sans-serif}
.main-table .n-list li .detail-a .month{font-size:30px;color:#999;text-align:center;padding-top:10px;font-family:Arial;}
.main-table .n-list li .detail-a a{display:block;line-height:120px;font-size:24px;text-align:center;color:#999}

.main-table .n-list li .info{float:left;width:600px;padding-left:40px;padding-right:40px;}
.main-table .n-list li .img{float:left;width:220px;overflow:hidden;text-align:center;height:140px;}
.main-table .n-list li .img img{height:140px;}

.main-table .n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.main-table .n-list li h2{ padding:0px 0 6px 0; font-size:18px; line-height:27px; font-weight:normal;margin-top:0px; }
.main-table .n-list li h2 a{ font-size:18px;line-height:29px; color:#333333; text-decoration:none; }
.main-table .n-list li h2 a:hover{ color:#d0111b; }
.main-table .n-list li .info .note{font-size:12px;line-height:20px;text-align:justify;color:#333;}
.main-table .n-list li .info .date{padding-top:12px;}


.detail{padding:40px 0px;padding-top:80px;padding-bottom:100px;}
.detail .share{padding:12px 0px;border-bottom:1px dotted #d7d7d9;padding-bottom:0px;}
.meta{ margin:auto auto; padding:0 0 5px 0; border-bottom:1px dotted #f0f0f0; text-align:center;}
.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h1{ margin:0; padding:0 0 15px 0; color:#666; font-size:24px; line-height:30px; }
.meta .meta-info{ color:#999; font-size:14px; line-height:42px;display:table;padding-right:0px;width:100%; }
.meta .meta-info .time{ background-position:left -158px; }
.meta .meta-info .view{ background-position:left -36px; }
.meta .meta-info .comm{ background-position:left 4px; }
.meta .meta-info .info-txt{float:left;text-align:left;width:60%;height:36px;}
.meta .meta-info .info-txt span{margin-right:4px;margin-left:6px;}
.meta .meta-info .info-txt  a{color:#d7d7d9 }
.meta .meta-info .info-txt span img{margin-right:8px;vertical-align:middle;}
.meta .meta-info .info-nav{float:right;font-size:24px;width:40%;text-align:right;}
.meta .meta-info .info-nav a{color:#d7d7d9;margin:auto 0px;}
.meta .meta-info .info-nav span{color:#d7d7d9}
.meta .meta-info .info-nav img{vertical-align:top;margin-top:10px;}
.meta .meta-info .info-nav .info-left{display:inline-block;width:24px;height:20px;background-image:url(../images/icon-left.png);background-repeat:no-repeat;background-position:center;}
.meta .meta-info .info-nav .info-right{display:inline-block;width:24px;height:20px;background-image:url(../images/icon-right.png);background-repeat:no-repeat;background-position:center;}

.clear24{height:24px;width:100%;clear:both;}
.entry{ margin:15px auto; padding:40px 0px;margin-top:0px; font-size:16px; word-wrap:break-word;text-align:justify;line-height:24px;}
.entry img{ max-width:100%!important; height:auto!important;max-width:528px; }
.star img{vertical-align:middle;height:24px;}
.entry h2,.entry h3,.entry h4{ padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
.entry h2{ font-size:1.2em; }
.entry h3,.entry h4{ font-size:1.1em; }
.entry strong{  }
.entry ul,.entry ol{ margin:1em; }
.entry li{ margin-left:1em; }
.entry ul li{ list-style:disc outside none; }
.entry ol li{ list-style:decimal outside none; }
.entry p{ /*display:inherit;*/ color:#3a3a3a; word-wrap:break-word; }
.entry a{ text-decoration:underline; }
.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; line-height:1.7em; }
.entry b,.entry strong{}
.entry table{ border-left:0.15em solid #eee; border-top:0.15em solid #eee; }
.entry table th{ background-color:#F9F9F9; text-align:center; }
.entry table td,.entry table th{ border-bottom:0.15em solid #eee; border-right:0.15em solid #eee; padding:0.25em 0.5em; }
.next-prev-single{ padding:10px 0; color:#444; font-size:16px; overflow:hidden;text-align:left;position:relative; }
.next-prev-single p{ width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding:6px 0px; }
.next-prev-single p a{ color:#666; text-decoration:none; }
.next-prev-single .prev{  }
.next-prev-single .next{  }
.next-prev-single .back{position:absolute;right:24px;top:20px;}
.next-prev-single .back a{font-size:18px;color:#666; text-decoration:none;}

.content-gray{width:100%;padding:40px 0px;background-color:#f2f2f2}
.content-gray .title{font-size:30px;text-align:left;padding-left:40px;}


.safe-table{padding:16px 0px;padding-bottom:40px;display:table;width:1100px;margin:auto auto;}
.safe-img{float:left;width:400px;}
.safe-txt{float:right;width:660px;text-align:left;}
.safe-txt .safe-title{padding-bottom:24px;font-size:24px;}
.safe-txt .safe-desc{text-align:left;line-height:24px;font-size:16px;}


@media screen and (max-width: 960px) {
    .main-table .n-list{width:100%;}
    .main-table .n-list li{padding:6px 0px;}
    .main-table .n-list li .img{float:none;width:100%;text-align:center;}
    .main-table .n-list li .img img{max-width:100%;height:auto;margin:auto auto;}
    .main-table .n-list li .info{padding-left:0px;width:100%;float:none;padding:12px 0px;}
    .main-table .n-list li .detail-a{display:none;}
    .detail{padding-top:0px;}
    .next-prev-single .back{position:relative;margin-top:12px;right:auto;top:0px;}

}


@media screen and (max-width: 960px) {
    .article-title{padding-top:36px;}
    .article-txt{padding-bottom:0px;}
    .safe-table{width:100%;}
    .safe-img{width:100%;float:none;}
    .safe-img img{width:100%;}
    .safe-txt{float:none;width:100%;padding-top:12px;}
}


.activty-table{display:table;padding:20px 0px;width:1100px;padding-top:0px;padding-bottom:10px;margin:auto auto;}
.activty-table .single-actity{float:left;width:100%;height:400px;margin:25px 0px;background-color:#f2f2f2;border-radius:1px 1px;}
.activty-table .single-actity:hover{background-color:#fff;box-shadow:rgba(0,0,0,0.166666) 0px 17px 50px 0px;}
.activty-table .single-actity .activty-img{width:700px;float:left;height:400px;overflow:hidden;}
.activty-table .single-actity .activty-img img{width:700px;height:400px;}
.activty-table .single-actity .activty-txt{padding:20px 30px;float:left;}
.activty-table .single-actity .activty-txt .activty-title{padding-top:80px;width:330px;text-align:left;font-size:24px;color:#333;padding-bottom:20px;}
.activty-table .single-actity .activty-txt .activty-title a{color:#333;font-size:24px;}
.activty-table .single-actity .activty-txt .activty-desc{width:330px;text-align:left;font-size:14px;line-height:24px;color:#333;}


.activty-table .activty-img .slideBox{ width:700px; height:400px; overflow:hidden; position:relative; border:0px solid #ddd;  }
.activty-table .activty-img .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.activty-table .activty-img .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.activty-table .activty-img .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.activty-table .activty-img .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.activty-table .activty-img .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.activty-table .activty-img .slideBox .bd li{ zoom:1; vertical-align:middle; }
.activty-table .activty-img .slideBox .bd img{ height:400px; display:block;  }
.activty-table .activty-img .slideBox .prev,
.activty-table .activty-img .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/ico-left-arrow.png) center no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.activty-table .activty-img .slideBox .next{ left:auto; right:3%;background:url(../images/ico-right-arrow.png) center no-repeat;  }
.activty-table .activty-img .slideBox .prev:hover,
.activty-table .activty-img .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.activty-table .activty-img .slideBox .prevStop{ display:none;  }
.activty-table .activty-img .slideBox .nextStop{ display:none;  }


@media screen and (max-width: 960px) {
    .activty-table{width:100%;}
    .activty-table .single-actity .activty-txt .activty-title{padding-top:36px;}
    .activty-table .single-actity .activty-txt{width:100%;float:none;}
    .activty-table .single-actity .activty-img{width:100%;float:none;height:auto;}
    .activty-table .single-actity .activty-txt .activty-title{width:auto;}
    .activty-table .single-actity .activty-txt .activty-desc{width:auto;}
    .activty-table .activty-img .slideBox{width:100%;height:auto;}
    .activty-table .activty-img .slideBox .bd img{width:100%;height:auto;}
    .activty-table .single-actity{height:auto;}


   
}
.slideProductsMore{position:absolute;right:0px;}
.slideProductsMore .info-left{display:inline-block;width:24px;height:20px;margin-top:10px;background-image:url(../images/icon-right.png);background-repeat:no-repeat;background-position:center;}
.slideProductsMore .info-right{display:inline-block;width:24px;height:20px;margin-top:10px;background-image:url(../images/icon-left.png);background-repeat:no-repeat;background-position:center;}



.picScroll{ overflow:hidden; position:relative; height:280px;overflow-y:no-display;margin-top:-30px;margin-left:-30px;}
.picScroll .hd{ overflow:hidden;  height:30px; padding:0 10px;position:absolute;right:40px;top:-10px; }
.picScroll .hd .prev,.picScroll .hd .next{ display:block;float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
		cursor:pointer; }
.picScroll .hd .next{   }
.picScroll .hd ul{display:none;}
.picScroll .hd .prevStop{ }
.picScroll .hd .nextStop{ }

.picScroll .bd{ padding:20px;}
.picScroll .bd ul{ overflow:hidden; zoom:1; }
.picScroll .bd ul li{  }

@media screen and (max-width: 960px) {
    .picScroll .hd{right:-12px;}
    .article-desc{width:auto;}
    .article-txt{width:auto;}
    .banner-shadow{height:0px;display:none;}
    
}