@charset "utf-8";
/*全局初始化样式*/
body{ font-size:14px; padding:0px; margin:0px auto; font-family:Microsoft YaHei; color: #333; width: 100%; zoom:1; overflow-x:hidden; word-break:break-all;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;*/
       
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;  
}


ul,li,form,dl,dt,dd,div{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
ul,li{ list-style:none;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ font-family:'Microsoft Yahei'; border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
ul,li,img{ vertical-align:top;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none; text-decoration:none;}
a:hover{ color: #333; text-decoration:none;}


/*清楚浮动*/
.clearfix:after{
    display: block;
    font-size: 0;
    line-height:0;
    visibility: hidden;
    height: 0;
    clear: both;
    content: " ";  
}
/*全局样式*/


/************************** 以下是页面样式 *************************/
.contain{ padding:0 15px;}


/*头部*/
header{ border-top:4px solid #054c81; position:relative; z-index:1000;}
.navbar{ margin-bottom:0; border:none;}
.navbar-brand{ height:auto; padding:15px 0;}
.navbar-toggle .icon-bar{ background-color:#333;}
.navbar-nav{ margin:0 -15px;}
.navbar-nav>li{ position:relative;}
.navbar-nav>li>a{ font-size:16px; position:relative;}
.navbar-nav>li>i,.quickNav>ul>li>i{ padding:15px 20px; position:absolute; right:0px; top:0px; z-index:8;}
.navbar-nav>li>i span,.quickNav>ul>li>i span{ display:block; width:9px; height:9px; border-left:1px solid #333; border-top:1px solid #333; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg); }
.quickNav>ul>li>i{ padding:7px; top:0px; right:0px; z-index:99;}
.quickNav>ul>li>i span{ width:6px; height:6px; }



.dropdown-menu>li>a{ font-size:14px;}


.navbar-collapse{ position:absolute; left:0; top:58px; right:0; z-index:9999; border:none; background-color:#f2f2f2;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background-color:#ccc; }

.navbar-toggle{ position:absolute; float:none; padding:0; margin:0; top:50%; right:15px; margin-top:-8px;}

.navbar-nav>li:last-child{ padding-top:10px; padding-bottom:20px;}

.navbar-nav .open .dropdown-menu>li>a{ padding-left:50px; background-repeat:no-repeat; background-position:15px center; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -o-background-size:20px 20px; -ms-background-size:20px 20px; background-size:20px 20px;}
    
.searbox{ background-color:#c0d1dd; height:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; border-radius:30px; margin:0 15px; position:relative; padding-right:38px; padding-left:10px;}
.searbox input{ width:100%; padding:5px;}
.searbox a{ width:18px; height:18px; position:absolute; right:10px; top:6px; cursor:pointer; background:url(../images/c19.png) no-repeat center; }

.quickNav{ display:none; position:absolute; right:15px; top:6px;}
.quickNav>ul>li{ display:inline-block;}

header .subNav{ display:none;}


/*Banner*/
.bannerWrap{ margin-bottom:40px;}
.bannerWrap .carousel-indicators{ margin-bottom:0; height:20px; bottom:5px;}
.bannerWrap .carousel-indicators li{ width:25px; height:5px; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0; border:none; background:rgba(255,255,255,.4);}
.bannerWrap .carousel-indicators .active{ background-color:#fff;}
.bannerWrap .carousel-indicators li,.bannerWrap .carousel-indicators .active{ margin:0 3px;}
.bannerWrap .carousel-control.left,.bannerWrap .carousel-control.right{ background-image:none;}
.bannerWrap .carousel-inner > .item{ height:300px; background-position:center top; background-repeat:no-repeat;  -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; -ms-background-size:auto 100%; background-size:auto 100%;}
.bannerWrap .carousel-inner a{ color:#000; display:block; height:300px; position:relative;}
.bannerWrap .carousel-inner a .info{ position:absolute; left:38px; right:38px; z-index:2; top:11%;}
.bannerWrap .carousel-inner a h2,.bannerWrap .carousel-inner a p{ margin:0; padding:0;}
.bannerWrap .carousel-inner a h2{ font-size:28px; margin-bottom:5px;}
.bannerWrap .carousel-inner a div{ font-size:18px; line-height:26px; margin-bottom:36px;}
.bannerWrap .carousel-inner a span{ text-align:center; width:154px; height:46px; font-size:16px; border:1px solid #fff; display:inline-block; line-height:46px; -webkit-border-radius:46px; -moz-border-radius:46px; -o-border-radius:46px; -ms-border-radius:46px; border-radius:46px;}
.bannerWrap .carousel-inner a span em{ padding-right:27px; font-style:normal; background:url(../images/cv4.png) no-repeat right center;}



.banners{ height:200px; background-position:center top; background-repeat:no-repeat;  -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; -ms-background-size:auto 100%; background-size:auto 100%; color:#fff; position:relative; }
.banners .info{ position:absolute; left:38px; right:38px; bottom:16%;}
.banners h2,.banners p{ margin:0; padding:0;}
.banners h2{ font-size:28px; margin-bottom:14px;}
.banners div{ font-size:16px; line-height:20px;}


/*当前位置*/
.location{ padding:12px 0; font-size:16px; border-bottom:1px solid #e5e5e5; color:#9699a0;}
.location .contain>a:last-child{color:#9699a0;}


/*底部*/
.bottoms{ background-color:#383838;}
.footNav,.footNav2{ padding-bottom:31px;}
.footNav{ display:none;}
.footNav dt,.footNav2 dt{ position:relative;}
.footNav dt a,.footNav2 dt a{ color:#e6e6e6;}
.footNav2 dt a{ display:block; padding:15px; border-bottom:1px solid #4B4B4B;}
.footNav2 dt span{ padding:19px 15px; position:absolute; right:0px; top:0;  z-index:99;}
.footNav2 dt i{ display:block; width:12px; height:12px; border-left:2px solid #e6e6e6; border-top:2px solid #e6e6e6; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -o-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}


.footNav dd,.footNav2 dd{ padding:15px; padding-top:5px; border-bottom:1px solid #4B4B4B; overflow:hidden; background-color:#f2f2f2;}
.footNav2 dd{ display:none;}
.footNav dd a,.footNav2 dd a{ display:block; color:#afafaf; margin-top:10px;}
.footNav2 dl.cur dt i{  -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.footNav2 dd a{ padding-left:27px; background-position:15px center; background-repeat:no-repeat;}


.floorLeft div:nth-child(1){ color:#9f9f9f;}
.floorLeft div:nth-child(1) span{ float:left; display:inline; width:37px; height:36px; background-repeat:no-repeat; background-position:center; cursor:pointer; margin-right:14px;}
.floorLeft div:nth-child(1) span:nth-child(1){ width:auto; font-style:normal; line-height:36px; margin-right:0;}
.floorLeft div:nth-child(1) span:nth-child(2){ background-image:url(../images/c1.png);}
.floorLeft div:nth-child(1) span:nth-child(3){ background-image:url(../images/c2.png);}
.floorLeft div:nth-child(1) span:nth-child(4){ background-image:url(../images/c3.png);  display:none;}
.floorLeft div:nth-child(1) span:nth-child(4) div{ display:none;}
.floorLeft div:nth-child(1) span:nth-child(5){ background-image:url(../images/c4.png);}
.floorLeft div:nth-child(1) span:nth-child(2):hover{ background-image:url(../images/c11.png);}
.floorLeft div:nth-child(1) span:nth-child(3):hover{ background-image:url(../images/c22.png);}
.floorLeft div:nth-child(1) span:nth-child(5):hover{ background-image:url(../images/c44.png);}
.floorLeft div:nth-child(2) a,.floorLeft div:nth-child(3){ color:#e6e6e6;}
.floorLeft div:nth-child(2){ margin-top:19px;}
floorLeft div:nth-child(2) em{ font-size:12px; font-style:normal; color:#5b5b5b; margin:0 10px; position:relative; top:-1px;}
.floorLeft div:nth-child(3){ margin-top:8px;}
.floorRight{ text-align:center;background-color:#e6e6e6;padding:15px 0 30px 0;}
.floorRight dl{ display:inline-block; padding:0 10px;}
.floorRight dt{ font-weight:normal; color:#959595;}

.floorLeft div span a{display: block;width: 37px;height: 36px;}



/*分页*/
.Pages{ font-size:12px; text-align:center; padding:58px 0;}
.Pages a,.Pages em{ display:inline-block; *display:inline; zoom:1;}
.Pages a{ margin:0 2px; padding:2px 8px; color:#acacac; background-color:#fff;  border:1px solid #eaeaea;}
.Pages em{ font-style:normal;}
.Pages a:hover,.Pages a.page-num-current{ color:#fff; background-color:#ed5519; border-color:#ed5519;}

.Pages2{ border-bottom:1px solid #ebebeb;}


/*首页*/
.channel li,.globalSer li{ margin-bottom:40px;}
.channel .pic,.globalSer .pic{ text-align:center;}
.channel h2,.channel p,.globalSer h2,.globalSer p{ margin:0;}
.channel a h2,.globalSer a h2{ font-size:24px; margin-top:15px; margin-bottom:11px;}
.channel a p,.globalSer a p{ font-size:16px; line-height:24px;}


.proIndex2 li{ margin-bottom:40px;}
.proIndex2 li .pic{ text-align:center;}
.proIndex li h2,.proIndex li p,.proIndex2 li h2,.proIndex2 li p{ margin:0;}
.proIndex li h2,.proIndex2 li h2{ font-size:24px; margin-bottom:4px; margin-top:20px;}
.proIndex li p,.proIndex2 li p{ font-size:18px;}
.proIndex{ display:none;}

.videoHome{ position:relative; margin-bottom:40px; z-index:88;}
.videoHome a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; background:url(../images/c9.png) no-repeat center 70%; background-size:40px 40px; text-align: center; font-size: 14px; color: #fff; padding-top: 5%}
.videoWrap{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.5); z-index:10001; display:none;}
.videoBox{  position:fixed; bottom:30%; left:2%; right:2%;  display:none; z-index:10002;}
@media screen and (min-width:768px){
    .videoBox{ left:15%; right:15%;  }
    .videoHome a{ font-size: 24px;}
}
.videoBox video{ position:relative;}
.videoBox .closeBtn{ width:30px; height:30px; background:url(../images/videor.png) no-repeat center; position:absolute; right:10px; top:10px; z-index:10004;}

.newIndex li{ text-align:center; margin-bottom:30px; border-bottom:1px solid #f1f1f1;}
.newIndex li span{ display:inline-block; position:relative;}
.newIndex li span a{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:3;}
.newIndex li span a em{ padding:9px 14px; width:60px; height:60px; font-size:16px; font-weight:bold; color:#fff; font-style:normal; position:absolute; left:0; top:0; background-color:#0093f1; line-height:20px; display:none;}
.newIndex li span a:after{ content:''; position:absolute; left:18px; bottom:-1px; width:0;height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-bottom:14px solid #fff;}
.newIndex li a.memos{ text-align:left; display:block; padding:28px 20px 22px 20px;}
.newIndex li h2,.newIndex li p{ margin:0;}
.newIndex li h2{ font-size:16px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newIndex li p{ line-height:20px; margin:9px 0;}
.newIndex li a div{ color:#b6b6b6;}
.newIndex li a div i{ font-style:normal; font-size:30px; position:relative; padding-right:18px; color:#999;}
.newIndex li a div i:after{ content:''; width:18px; height:1px; background-color:#999; transform:rotate(-45deg); position:absolute; right:1px; bottom:12px;}
.newIndex li:hover span a em{ display:block;}
.newIndex li:hover span a:after{ border-bottom-color:#0093f1;}
.newIndex li:hover a.memos{ background-color:#0093f1; }
.newIndex li:hover a.memos h2{ color:#fff;}
.newIndex li:hover a.memos,.newIndex li:hover a.memos div,.newIndex li:hover a.memos div i{ color:#95c6f7;}
.newIndex li:hover a div i:after{ background-color:#95c6f7;}

.globalIndex{ background-color:#f7f7f7;  padding:40px 0;}

.faqIndex{ margin-top:20px;}
.faqIndex .pic{ text-align:center;}
.faqIndex .pic span{ display:inline-block; text-align:left; position:relative;}
.faqIndex .pic span h2{ font-size:24px; padding:12px 22px; margin:0; position:absolute; left:0; right:0; bottom:0; color:#fff; background-color:rgba(51,144,207,.6);}
.faqIndex .pic span h2:after{ content:''; position:absolute; bottom:0; right:22px; width:0;height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-bottom:14px solid #fff;}
.faqIndex .item{ background-color:#fff; padding:21px 24px 24px 24px;}
.faqIndex .item ul{ margin-bottom:16px;}
.faqIndex li a{ text-align:left; display:block; color:#555; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:13px; position:relative;}
.faqIndex li a:before{ content:''; width:3px; height:3px; background-color:#555; position:absolute; left:0; top:50%; margin-top:-2.5px; }
.faqIndex .item a.more{ font-weight:bold; color:#2da0f7; padding-right:24px; background:url(../images/c15.png) no-repeat right center; margin-left:13px;}

/*社会责任*/
.title{ font-size:24px; color:#ff7e46; margin:0; padding-bottom:28px; padding-top:47px; position:relative;}
.benefitWrap .title{ padding-top:57px; padding-bottom:31px;}

.brandList li{ margin-bottom:63px;}
.brandList .pic{ text-align:center;}
.brandList h2,.brandList p{ margin:0;}
.brandList h2{ font-size:24px; padding-bottom:11px; padding-top:20px;}
.brandList p{ line-height:18px;}

.benefitWrap{ background-color:#f7f7f7;}
.benefitList li{ padding-bottom:71px;}
.benefitList li div{ text-align:center;}
.benefitList li h2,.benefitList li p{ margin:0;}
.benefitList li a{ display:block;}
.benefitList li h2{ font-size:18px; margin-top:20px;}
.benefitList li span{ display:block; margin:7px 0; color:#999;}
.benefitList li p{ line-height:24px;}


/*登录 注册*/
.registerWrap{ padding-bottom:87px; padding-top:40px;}
.title2{ font-size:28px; color:#ff7e46; position:relative;}


.registerWrap .title2{ margin-bottom:37px;}

.formList .form-group{ margin-bottom:27px;}
.formList label{ font-size:16px; font-weight:normal;}
.formList .form-control{ height:41px; padding:0px 16px; font-size:16px; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none;}
.formList .userCheck{ text-align:right;}
.formList .userCheck,.formList .userCheck a{ color:#999;}
.formList .userCheck span{ padding-left:26px; position:relative; float:left; display:inline;}
.formList .userCheck span input{ position:absolute; left:0; top:4px; margin-top:0;}
.formList .userCheck a{ text-decoration:underline;}
.formList em{ display:inline-block; border:1px solid #ccc; margin-top:20px;}
.formList .btns input{ font-size:16px; color:#fff; background:#ff7e46; border:none; padding:12px 73px; cursor:pointer;}

.registerRight{ position:relative;}
.userBox{ padding:76px 0; text-align:center; background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.userBox div:nth-child(2){ margin-top:33px;}
.userBox div:nth-child(2) a{ font-size:16px; color:#fff;}
.userBox div:nth-child(3){ margin-top:68px;}
.userBox div:nth-child(3) a{ font-size:16px; color:#ff7e46; display:inline-block; text-align:center; border:1px solid #ff7e46; padding:11px 56px;}


/*联系我们*/
.contactPage{ padding-top:40px; padding-bottom:54px;}
.contactPage .title2{ margin-bottom:21px;}
.contactList{ padding-bottom:27px; }
.contactList li{ color:#808080; line-height:26px; padding:20px 0; border-bottom:1px solid #eee;}
.contactList li:last-child{ border-bottom:none;}
.contactList .pic{ text-align:center;}
.contactList h2,.contactList p{ margin:0;}
.contactList h2{ font-size:16px; font-weight:bold; color:#4f4f4f; margin-top:20px; margin-bottom:4px;}
.contactNum th,.contactNum td{ padding:12px 20px; vertical-align:middle;}
.contactNum th{ font-weight:normal; color:#fff; background-color:#c0d1dd;}
.contactNum td{ border-bottom:1px solid #f0f0f0; color:#999; word-break:break-all;}
.contactNum td:first-child{ color:#333;}
.contactRight{ display:none;}
.contactList .memos p span{ display:block;}

/*愿景*/
.ideaPage{ padding-top:40px; padding-bottom:62px;}


/*产品*/
.proPage{ padding-top:40px; padding-bottom:52px;}
.proFea li{ overflow:hidden; position:relative; text-align:center; margin-top:10px;}
.proFea img{ width:100%; -webkit-transition:all ease-in 1s; -moz-transition:all ease-in 1s; -o-transition:all ease-in 1s; -ms-transition:all ease-in 1s; transition:all ease-in 1s;}
.proFea a{ display:block; color:#fff; text-align:left;}
.proFea a.box{ text-align:center;}
.proFea h2,.proFea p{ margin:0;}
.proFea h2{ font-size:24px; margin-bottom:7px;}
.proFea p{ font-size:16px; height:48px; overflow:hidden; line-height:24px;}
.proFea a.memos{ padding:42px 28px 16px 28px; }
.proFea li:nth-child(1) a.memos{ background:rgba(142,112,248,.9);}
.proFea li:nth-child(2) a.memos{ background:rgba(111,141,249,.9);}
.proFea li:nth-child(3) a.memos{ background:rgba(65,160,208,.9);}
.proFea li:nth-child(4) a.memos{ background:rgba(236,122,73,.9);}
.proFea li:nth-child(5) a.memos{ background:rgba(96,128,238,.9);}

.proList{ padding-top:4px;}
.proList li{ margin-top:39px; text-align:center;}
.proList li a{ display:block;}
.proList li span{ display:inline-block; position:relative;}
.proList li span a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.proList h2 { font-size:18px; margin:0;  }
.proList h2 a{ padding:0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:20px;}

.proList li:hover span a{ border:2px solid #ed5519;}
.proList li:hover a{ color:#ed5519;}


.renPro{ overflow:hidden; margin-top:15px;}
.proList3 li,.renPro .item{ border:1px solid #eee; margin-top:45px;}
.proList3 a,.renPro .item{ display:block;}
.proList3 .pic,.renPro .item .pic{ text-align:center; background-color:#fbfbfb;}
.proList3 .memos,.renPro .item .memos{ text-align:center; padding:37px 23px 50px 23px;}
.proList3 a h2,.proList3 a p,.renPro .item a p{ text-transform:uppercase; margin:0; padding:0;}
.proList3 a h2,.renPro .item a h2{ font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.proList3 a p,.renPro .item a p{ color:#737373; margin-top:16px; height:40px; overflow:hidden; }


.renPro .owl-theme .owl-controls{ margin-top:50px; border-bottom:1px solid #eee; padding-bottom:16px;}
.renPro .owl-theme .owl-dots .owl-dot span{ width:12px; height:12px; margin:0 5px;}
.renPro .owl-theme .owl-dots .owl-dot.active span{ background-color:#ff7e46;}
.renPro .item{ margin:0 4%;}

@media screen and (min-width:768px){
    .proList3 li{ width:32%; float:left; display:inline; margin-right:2%;}
    .proList3 li:nth-child(3n){ margin-right:0;}
    .proList3 li:hover{ box-shadow:0px 0px 12px #ccc;}
    
}
@media screen and (min-width:992px){
    .proList3 li{ width:22.03%; }
    .proList3 li,.proList3 li:nth-child(3n){ margin-right:3.96%;}
    .proList3 li:nth-child(4n){ margin-right:0;}
    .renPro .item{ margin:0 8%;}
}
.title13,.title14{ padding-top:42px; }
.title13{padding-bottom:27px;}
.proTypes{ border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.proTypes li{ position:relative; padding-top:28px;}
.proTypes li>div{  display:block; padding-left:33px; padding-right:10px; font-size:20px; background-position:left center; background-repeat:no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; background-size:24px 24px; border-bottom:1px solid #eee; height:54px; line-height:54px; margin-bottom:16px;}
.proTypes li>div a{ color:#333;}
.proTypes li>div em{ font-style:normal;}
.proTypes li>div:hover,.proTypes li div:hover a{ color:#2da0f7;}


.proTypes li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.proTypes li dl dd{ /*height:41px;*/ overflow:hidden; padding-bottom:10px;}
.proTypes li dl dd:last-child{ padding-bottom:0;}
.proTypes li dl dd>a{  padding-left:32px; font-size:16px; font-weight:bold; background:url(../images/c47.png) no-repeat 5px center; margin-bottom:18px; }
.proTypes li dl dd.cur>a{ background-image:url(../images/c48.png);}
.proTypes li dl dd p,.proTypes li dl dd span{ font-size:14px; padding-left:32px;}
.proTypes li dl dd p{ display:none;}
.proTypes li dl dd span{ display:none; color:#0066cc;}


/*解决方案*/
.solutePage{ padding-top:9px; padding-bottom:176px;}
.soluteFea li{ margin-top:41px;}
.soluteFea li a{ display:block; text-align:center;}
.soluteFea li h2{ font-size:18px;  margin:0; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.title3{ margin-top:32px; }
.soluteList li{ margin-top:10px;}
.soluteList li:nth-child(1){ margin-top:23px;}
.soluteList a{ display:block; padding:22px 30px 21px 37px; position:relative; background:#f7f7f7 url(../images/c6.png) no-repeat 20px center;}
.soluteList h2{ margin:0; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.soluteList a span{ display:none;}
.soluteList a:hover{ background-color:#ed5519; background-image:url(../images/c7.png);}
.soluteList a:hover,.soluteList a:hover span{ color:#fff;}

.solutebox li{ margin-bottom:41px; position:relative;}
.solutebox li a{ display:block; text-align:center;}
.solutebox li h2{ font-size:18px; margin:0; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; bottom:0; left:0; padding:0 10px 0; box-sizing:border-box; color:#fff; width:100%;}

.soluteList2 a{ padding-right:78px;}
.soluteList2 a span{ font-size:14px; color:#e56201; display:block; padding-right:24px; background:url(../images/cv.png) no-repeat right center; position:absolute; right:15px; top:50%; margin-top:-10px;}
.soluteList2 a:hover span{ background-image:url(../images/cv2.png);}

.soluteFea2{ margin-top:-14px; padding-bottom:100px;}


/*会议活动*/
.meetPage{ padding-bottom:100px;}
.title4{  font-size:24px; font-weight:bold; color:#ff7e46; padding-bottom:5px; padding-top:37px; position:relative;}
.title4 a,.title a,.title7 a{ font-weight:normal; position:absolute; right:0; bottom:10px;  font-size:16px; color:#666; }
.title a{ bottom:36px;}
.title7 a{ bottom:26px;}
.title5{ padding-top:54px; border-bottom:1px solid #f2f2f2;}
.meetNew li{  margin-top:30px;}
.meetNew a{ display:block;}
.meetNew li .pic{ text-align:center;}
.meetNew li .memos{ padding-top:24px;}
.meetNew a h2,.meetNew a p{ margin:0;}
.meetNew a h2{ font-size:16px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.meetNew a p{ font-size:14px; color:#999; line-height:24px; margin-top:17px;}

.meetPost li{ margin-top:13px; border-bottom:1px solid #ccc;}
.meetPost li:last-child{ border-bottom:none;}
.meetPost a{ display:block; color:#999;}
.meetPost a .pic{ text-align:center;}
.meetPost .memos{ padding-top:17px;}
.meetPost a h2,.meetPost a p{ margin:0;}
.meetPost a h2{ font-size:16px; font-weight:bold; padding-left:10px; background:url(../images/c6.png) no-repeat 0px 5px; color:#333;}
.meetPost a span{ display:block; margin-top:10px;}
.meetPost a p{ line-height:24px; padding:22px 0;}

.moreSee{ padding:14px 0; font-size:14px; font-weight:bold; display:block; background-color:#ff7e46; color:#fff; text-align:center; margin-top:40px;}
.moreSee span{ padding-right:24px; position:relative;}
.moreSee span:after{ position:absolute; right:4px; top:4px; content:''; width:9px; height:9px; border-left:1px solid #fff; border-top:1px solid #fff; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -o-transform:rotate(225deg); -ms-transform:rotate(225deg);  transform:rotate(225deg);}
.moreSee:hover{ color:#fff;}

/*会议回顾*/
.meetPage2{ padding-top:33px;}


/*视频*/
.videoList{ padding-top:5px;}
.videoList li{ text-align:center; margin-top:38px; position:relative;}
.videoList li a,.videoList li h2 em,.videoList li h2 b{ display:block;}
.videoList li span.box{ display:block; position:relative;}
.videoList li span.box a,.videoList li span.box b{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:33; /*background:url(../images/c9.png) no-repeat center;*/}
.videoList li h2{ font-size:18px; margin:0;  }
.videoList li h2 a,.videoList li h2 em{ font-style:normal; padding:0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:20px;}
.videoList li:hover span a,.videoList li:hover span b{ border:2px solid #ed5519;}
.videoList li:hover h2 a,.videoList li:hover h2 em{ color:#ed5519;}
.videoList2 a{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:1000;}


.videoPoup{ text-align:center;}
.playerWrap{ padding-bottom:40px; background:#000;}
.popup-modal-dismiss{ display:inline-block; padding:20px; line-height:40px; text-align:center; color:#fff; font-size:18px; position:absolute; right:0px; top:0px; z-index:11000;}
.popup-modal-dismiss:hover{ color:#fff;}

.jwlogo{ display:none;}

/*行业概览*/
.ViewPage{ padding-top:39px; padding-bottom:81px;}


/*全球视野*/
.title6,.title7{ padding-top:42px;}
.title6{ padding-bottom:10px;}
.title7{ padding-bottom:17px; position:relative;}
.worldList li{ text-align:center; margin-bottom:54px;}
.worldList li span{ display:inline-block; position:relative;}
.worldList li span a{ font-size:24px; position:absolute; left:0; right:0; top:0; bottom:0; z-index:3; color:#fff;}
.worldList li span em{ text-align:left; font-style:normal; position:absolute; left:22px; right:22px; bottom:17px;}

.indusLeft h2,.indusLeft p{ margin:0;}
.indusLeft h2{ font-size:36px; color:#ff7e46;}
.indusLeft p{ font-size:14px; line-height:24px; margin-top:47px; margin-bottom:28px; min-height:121px;}
.indusLeft a,.honorList a{ font-size:16px; color:#ff7e46; padding-right:30px; background:url(../images/c12.png) no-repeat right center;}
.indusRight{ text-align:center; margin-top:30px;}

.stander{ background-color:#f7f7f7; padding-bottom:70px;}
.stanLeft{ text-align:center;}
.stanLeft span.box{ display:inline-block; position:relative;}
.stanLeft .videoBox{ position:absolute; left:0; top:0; bottom:0; right:0; z-index:99;}
.stanLeft a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; background:url(../images/c9.png) no-repeat center;}
.stanRight{ background-color:#fff; margin-top:20px;}
.honorList h4,.honorList h2,.honorList p{ margin:0;}
.honorList h4{ font-size:18px;}
.honorList h2{ font-size:24px; margin-top:13px;}
.honorList p{ line-height:20px; margin-top:10px; margin-bottom:13px;}

.voiceList li{ text-align:center; margin-bottom:60px;}
.voiceList li span.box{ display:inline-block; position:relative;}
.voiceList li span.box a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.voiceList li span.box p { margin:0; position:absolute; left:0; bottom:0;}
.voiceList li span.box a em,.voiceList li span.box p em{ padding:6px 16px; font-size:14px; font-style:normal; margin:0; color:#fff; position:absolute; left:0; bottom:0; background-color:#ff7e46; z-index:12;}
.voiceList li span.box p em{ position:static;}
.voiceList li span.box a i{ width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px; background:url(../images/c9.png) no-repeat center;}
.voiceList li .memos a{ font-size:14px; display:block; text-align:left; padding-top:21px;}
.voiceList li h2,.voiceList li p{ margin:0;}
.voiceList li h2{ font-size:18px;  }
.voiceList li .memos a div{ color:#999; margin-top:7px;}
.voiceList li .memos a div span{ color:#0066cc;}
.voiceList li .memos p{ line-height:24px; margin-top:6px;}
.voiceList .videoBox{ position:absolute; left:0; top:0; bottom:0; right:0; z-index:9; }
.hotWrap{ background-color:#054c81; padding-bottom:56px;}
.title8{ padding-top:32px; color:#fff;}
.hotList{ margin-top:-15px;}
.hotList li{ margin-top:34px;}
.hotList a{ display:block; padding:16px; background-color:#085b8d;}
.hotList a h2{ margin:0; font-size:18px; color:#fff; line-height:24px;}
.hotList a span{ display:block; margin-top:19px; color:#accde1;}
.hotWrap .more{ margin-top:32px;}
.hotWrap .more a{ font-size:16px; color:#fff; padding-right:33px; background:url(../images/c13.png) no-repeat right  center;}


/*服务全球*/
.serPage{ padding-top:60px; padding-bottom:110px;}

.mapTi{ font-size:24px; margin-top:29px;}

.mapList dl{ background-color:#f7f7f7; padding:22px 16px; margin-top:20px;}
.mapList dl dt{ font-size:20px;}
.mapList dl dd{ color:#999;}

.mapBox{ padding:50px 0; border-bottom:1px solid #ebebeb;}

.modify{ padding:60px 0;}


/*详情页*/
.activeInfoPage{ padding-top:40px; padding-bottom:100px;}
.infoTitle{ font-size:24px; text-align:center; }
.infoTime{ font-size:12px; text-align:center; color:#999; padding-top:5px;}
.mediaplayer{ margin-top:17px;}
.infoEdit{ margin-top:22px;}


/*应用案例详情页*/
.title9,.title10{ font-size:28px; padding-top:35px; padding-bottom:6px;}
.title10{ padding-bottom:15px;}

.relateList{ border-bottom:1px solid #dcdcdc;}
.relateList li,.reportList li{ margin-bottom:30px; word-break:break-all;}
.relateList a,.reportList li a{ display:block; }
.relateList li div,.reportList li div{ text-align:center;}
.relateList h2,.relateList p,.reportList h2,.reportList p{ margin:0;}
.relateList h2,.reportList h2{ font-size:16px; margin-top:19px;}
.relateList a p,.reportList a p{ height:36px; overflow:hidden; color:#666; line-height:18px; margin-top:11px;}
.reportList a p{ line-height:28px; height:auto; margin-bottom:8px;}
.reportList a em{ font-style:normal; color:#ff7e46;}

.cardList li{ text-align:center; margin-bottom:44px;}

/*员工发展*/
.stuffList li{ margin-bottom:49px;}
.stuffList li:last-child{ margin-bottom:0;}
.stuffList li a{ display:block;}
.stuffList .pic{ text-align:center;}
.stuffList h2,.stuffList p{ margin:0;}
.stuffList h2{ font-size:16px; font-weight:bold; margin-top:10px;}
.stuffList p{ line-height:24px; margin-top:10px;}


.payTi{ font-size:16px; font-weight:bold; border-bottom:1px solid #f6f6f6; padding-bottom:8px;}
.payWel,.payWel a{ color:#fff;}
.payWel dl{ -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px;  border-radius:6px; margin-top:15px;}
.payWel dl dt,.payWel dl dd{ position:relative;}
.payWel dl dt:after,.payWel dl dd:before{ content:''; height:1px; position:absolute; left:0; right:0;}
.payWel dl dt:after{ bottom:0; background:rgba(0,0,0,.1);}
.payWel dl dd:before{ top:0;}
.payWel dl:nth-child(1){
    background:-moz-linear-gradient(left,#4A72B8,#79A9E7);
    background:-webkit-gradient(linear,0 50%,100% 50%,from(#4A72B8),to(#79A9E7));
    background:-webkit-linear-gradient(left,#4A72B8,#79A9E7);
    background:-o-linear-gradient(left,#4A72B8,#79A9E7);
}
.payWel dl:nth-child(1) dd:before{

    background:-moz-linear-gradient(left,#6D9DDB,transparent);
    background:-webkit-gradient(linear,0 50%,100% 50%,from(#6D9DDB),to(transparent));
    background:-webkit-linear-gradient(left,#6D9DDB,transparent);
    background:-o-linear-gradient(left,#6D9DDB,transparent);
    
}
.payWel dl:nth-child(2){
    background:-moz-linear-gradient(left,#F19D47,#CB6E42);
    background:-webkit-gradient(linear,0 50%,100% 50%,from(#F19D47),to(#CB6E42));
    background:-webkit-linear-gradient(left,#F19D47,#CB6E42);
    background:-o-linear-gradient(left,#F19D47,#CB6E42);
}
.payWel dl:nth-child(2) dd:before{
    background:-moz-linear-gradient(left,transparent,#F39D4A);
    background:-webkit-gradient(linear,0 50%,100% 50%,from(transparent),to(#F39D4A));
    background:-webkit-linear-gradient(left,transparent,#F39D4A);
    background:-o-linear-gradient(left,transparent,#F39D4A);
    
}
.payWel dt,.payWel dd{ padding:16px 20px;}
.payWel dt{ font-size:24px; font-weight:normal;}
.payWel li{ padding-left:13px; position:relative; margin-bottom:10px;}
.payWel li:before{ content:''; width:4px; height:4px; background:#fff; position:absolute; left:0; top:50%; margin-top:-2px;}

.payDetail{ margin-top:33px; margin-bottom:65px;}
.payTab{ width:20%; float:left; display:inline;}
.payTab dt{ padding:4px; margin-bottom:10px; }
.payTab dt,.payTab dt a{ color:#666;}
.payTab dt.cur{ background-color:#5d8ccc; color:#fff;}
.payDetail .tabBox{ color:#666; width:70%; float:right; display:inline;}
.payDetail .tabBox .tabCon{ display:none;}
.payDetail .tabBox h2{ margin:0; font-size:14px; font-weight:bold; margin-bottom:23px;}
 
 
/*社会招聘*/
.jobBanner{ margin-top:40px;}
.RecruitTi{ position:relative; margin-top:64px;}
.RecruitTi:before{ content:''; height:2px; background-color:#ff7e46; position:absolute; left:0; right:0; top:50%; margin-top:-1px;}
.RecruitTi span{ font-size:28px; position:relative; z-index:333; padding-left:58px; padding-right:16px; background:#fff url(../images/c25.jpg) no-repeat left center; }

.jobLeft,.jobRight,.jobRight2{ margin-top:40px;}
.jobLeft2{margin-top:0;}
.jobList li{ margin-bottom:1px;}
.jobList a{ font-size:18px; display:block; padding:14px 49px 16px 20px; position:relative; background-color:#f6f6f6; }
.jobList a:after{ content:''; position:absolute; right:22px; top:50%; margin-top:-6px; width:12px; height:12px; border-top:2px solid #c7c7c7; border-right:2px solid #c7c7c7; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);  transform:rotate(45deg);}
.jobList li a:hover,.jobList li.cur a{ background-color:#ff7e46; color:#fff;}
.jobList li a:hover:after,.jobList li.cur a:after{ border-color:#fff;}
.jobSide,.jobLeft2{ background-color:#f6f6f6; padding:16px;}
.searchTi{ color:#666;}
.searchTi span{ font-size:20px; color:#ff7e46; margin-right:12px;}
.jobSearch{ position:relative; margin-top:6px;}
.jobSearch input{ width:100%; font-size:14px; padding:8px 50px 8px 10px; border:1px solid #dcdcdc; background:#fff;}
.jobSearch a{ position:absolute; right:16px; top:50%; margin-top:-9px; cursor:pointer; width:20px; height:19px; background:url(../images/c24.png) no-repeat center;}.searchFilter dt,.searchFilter dd{ margin:0;}
.searchFilter dd a{ float:left; display:inline; margin-right:15px;}
.searchFilter dt{ margin-top:25px; margin-bottom:7px;}
.jobImg{ display:none;}


.JobTitle{ background-color:#ff7e46; color:#fff;}
.JobTitle2{ margin-top:38px;}
.JobTitle span,.JobPanel dt span{ width:25%; float:left; display:inline; text-align:center; padding-left:5px; padding-right:5px; }
.JobTitle span{ padding-top:8px; padding-bottom:11px;}
.JobPanel a{ display:block;}
.JobPanel dt span{ padding-top:15px; padding-bottom:17px;}
.JobPanel dl{ border-bottom:1px solid #dcdcdc;}
.JobPanel dt{ font-weight:normal; cursor:pointer; }
.JobTitle span:nth-child(1),.JobPanel dt span:nth-child(1){ display:none;}


.infoTi span,.faqTi span{ font-size:16px; font-weight:bold; display:block;}
.faqTi{ text-align:right;}
.faqTi2{ border-bottom:1px solid #ebebeb; }
.faqTi span{ float:left; display:inline;}
.faqTi2 span{ padding-bottom:9px; border-bottom:1px solid #ff7e46; position:relative; top:1px;}
.infoMemos{ margin-top:25px;}
.infoMemos span{ font-weight:bold; color:#ff7e46;}
.jobFrame{ margin-top:31px;}
.jobBtn{ text-align:center;  margin-bottom:60px;}
.jobBtn a{ padding:11px 34px; background-color:#ff7e46; font-size:16px; font-weight:bold; display:inline-block; color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; border-radius:6px; margin:0 8px; margin-top:42px;}
.jobBtn a span{ display:block; padding:3px 0; padding-left:40px; background-repeat:no-repeat; background-position:left center;}
.jobBtn a:nth-child(1) span{ background-image:url(../images/c26.png);}
.jobBtn a:nth-child(2) span{ background-image:url(../images/c27.png);}


.linePage{ padding-bottom:90px;}


.faqPage{ padding-bottom:128px;}
.faqList li:first-child{ margin-top:22px;}
.faqList li{ margin-top:28px;}
.faqList a{ padding-left:14px; position:relative;}
.faqList a:before{ content:''; width:4px; height:4px; background-color:#999999; position:absolute; left:0; top:8px;}
.faqRight{ margin-top:60px;}


.faqsPage{ padding-bottom:10px;}
.faqCon{ margin-top:43px;}
.faqCon dt{ background-color:#f6f6f6; padding:14px 18px;}
.faqCon dd{ padding:16px 0;}


.socials{ padding-bottom:92px;}
.socials li{ margin-top:40px;}
.socials li dt{ text-align:center;}
.socials li dd{ margin-top:25px;}
.socials li a{ display:block; padding-left:15px; padding-right:20px; position:relative;}
.socials li a:before,.socials li a:after{ content:''; position:absolute; top:50%;}
.socials li a:before{ width:4px; height:4px; margin-top:-2px; left:0; background:#999;}
.socials li a:after{ right:0; width:10px; height:10px; border-top:1px solid #999; border-right:1px solid #999; -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}


.schoolPanel li{ margin-top:40px;}
.schoolPanel li a{ display:inline-block; position:relative;}
.schoolPanel li span{ font-size:16px; position:absolute; padding:16px 20px; color:#fff; left:0; right:0; bottom:0; z-index:33; background:rgba(0,0,0,.45);}
.jobHe{ font-size:16px; font-weight:bold; padding-left:20px; position:relative; margin-bottom:26px;}
.jobHe2{ margin-top:57px;}
.jobHe:before{ content:''; width:5px; height:16px; background-color:#ff7e46; position:absolute; left:0; top:50%; margin-top:-8px;}
.jobCaren table{ border-collapse:collapse;}
.jobCaren th,.jobCaren td{ width:33.33%; text-align:center; font-weight:normal; vertical-align:middle; border:1px solid #ff7e46; padding:12px 5px;}
.jobCaren th{ color:#fff; background-color:#ff7e46; font-size:16px;}
.jobCaren th span{ background-repeat:no-repeat; background-position:left center; padding-left:31px;}
.jobCaren th:nth-child(1) span{ background-image:url(../images/c29.png);}
.jobCaren th:nth-child(2) span{ padding-left:35px; background-image:url(../images/c30.png);}
.jobCaren th:nth-child(3) span{ background-image:url(../images/c31.png);}
.jobTip{ color:#999; font-size:15px; margin-top:14px;}


.jobInfoTi{ font-size:16px; font-weight:bold; margin-bottom:16px;}

/*行业声音列表*/
.voicePage{ padding-top:30px;}


/*基本信息*/
.title11{ padding-bottom:15px; padding-top:33px;}
.basicPage{ padding-bottom:40px;}


.upload{ padding-top:15px;}
.upload h2,.upload a{ line-height:47px;}
.upload h2{ font-weight:bold;  padding:0 15px; font-size:16px; color:#fff; background-color:#e56201; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.upload a{ color:#fff; display:inline-block; padding:0 30px; text-align:center; background-color:#313131; margin-top:14px; font-size:16px;}
.upload a b{ font-weight:bold ;  display:inline-block;  padding-right:22px; background:url(../images/cv2.png) no-repeat right center; }

.energyPage{ padding-bottom:135px;}

.upload2 h2,.upload2 a{ font-weight:bold;}


.title12{ margin-top:72px;}


.prodPage{ padding-top:43px; padding-bottom:43px;}
.proPic{ text-align:center;}
.proWd h2,.proWd p{ margin:0; padding:0;}
.proWd h2{ font-size:30px; margin-top:20px;}
.proWd p{ font-size:16px; line-height:30px; margin-top:19px;}
.proWd div.txt{ text-align:center; margin-top:36px;}
.proWd span.box{ display:inline-block; position:relative; }
.proWd span.box a{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:22;/* background:rgba(0,0,0,0.5) url(../images/v.png) no-repeat center;*/ }

.proDetail{ border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; margin-top:35px;}
.proDetail h2{ font-size:24px; font-weight:bold; margin:0; padding:42px 0;}

.hisWrap{ padding:12px 0; background-color:#f7f7f7;}
.hisWrap .hisTabs{ padding:0 30px; position:relative;}
.hisWrap .hisTabs:before{ content:''; position:absolute; left:30px; right:30px; height:1px; background:#ccc; top:48px;}
.hisWrap .item{ text-align:center;}
.hisWrap a{ width:97px; height:97px; display:inline-block; font-size:15px; font-weight:bold; background:url(../images/hi2.png) no-repeat center; line-height:97px;}
.hisWrap .cur a{ color:#fff; background-image:url(../images/hi1.png);}
.hisBox .history-list{ display:none;}
.hisBox .history-list.active{ display:block;}



.proInfos,.hotBuy,.diagram,.techPoint,.rentCase,.proRent{ padding:40px 0; border-bottom:1px solid #eee;}
.rentCase{ border-bottom:none; padding-bottom:100px;}
.title15{   font-size:28px; padding-top:0px; padding-bottom:24px; text-transform:uppercase;}
.proInfos .right,.hotBuy .right,.techPoint2 .right{ text-align:center; margin-top:40px;}
.proInfos2 .left .shareBox{ display:none;}


 
.hotBuy .box{ display:inline-block; text-align:center; position:relative;}
.hotBuy .box .poBox{ background:#000; position:absolute; left:0; right:0; top:0; bottom:0; z-index:99;}
.renList{ margin-top:-30px;}
.renList li{ margin-top:30px;}
.renList li a{ display:block; text-align:center;}
.renList li .memos{ text-align:left; padding-top:38px;}
.renList li h2,.renList li p{ margin:0; padding:0;}
.renList li a h2{ font-weight:bold; font-size:16px; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.renList li a p{ line-height:24px; color:#999; margin-top:17px;}

.proList2{ margin-top:-39px;}


.contaPage{ padding-top:26px; padding-bottom:103px;}
.conTips{ font-size:16px; color:#808080; border-bottom:1px solid #eee; margin-top:31px; padding-bottom:16px;}
.conTips span{ color:#ff7e46; padding-right:6px;}
.areaList{ padding-top:23px; padding-bottom:59px;  }
.areaList dl{ padding:13px 0; border-bottom:1px solid #eee;}
.areaList dt,.areaList dd{ display:inline-block; }
.areaList dt{ font-size:16px; color:#ff7e46; margin-right:10px; margin-bottom:10px;}
.areaList dd{ width:100%;}
.areaList span{ display:inline-block; color:#808080; padding:5px 13px;  margin-right:32px; cursor:pointer;}
.areaList span.cur{  color:#fff; background-color:#ff7e46;}

.conth{ background:#e56201; color:#fff; font-size:15px;}
.conth span,.conItem span,.conItem div{ padding:12px 4px; text-align:center; float:left; display:inline; width:20%; word-break:break-all;}
.conth span:last-child,.conItem div{ width:40%;}
.conth2 span,.conItem2 span{ width:25%;}
.conth2 span:last-child,.conItem2 span:last-child{ display:none;}

.conBx{ border-bottom:1px solid #eee;}
.conItem{ display:none;}
.conItem span,.conItem div{ color:#808080; padding-top:16px; padding-bottom:16px;}
.conItem div{ text-align:left;}
.conItem div p{ margin:0;}
.conItem div p:nth-child(1){ margin-bottom:7px;}


.reminder{ background-color:#fafafa; padding:32px 38px; margin-top:70px;}
.reminder h2{ margin:0; color:#e56201; font-size:14px;}
.reminder div{ color:#808080; line-height:28px; margin-top:6px;}
.reminder p{ margin:0; }

.languageTip{ font-size:18px; padding-bottom:20px;}
.languageList{ padding-bottom:200px;}
.languageList li{ margin-top:20px;}
.languageList li a{ color:#337ab7;}
.languageList li a:hover{ text-decoration:underline;}


.topFix{ width:50px; height:50px; background:#333 url(../images/top.png) no-repeat center; -webkit-background-size:90% 90%; -moz-background-size:90% 90%; -o-background-size:90% 90%; -ms-background-size:90% 90%; background-size:90% 90%; position:fixed; right:20px; bottom:20px; z-index:10000;}


.socialTxt{ border-bottom:1px solid #eee; padding-bottom:30px;}

.voiceletivs{ margin-top:40px;}
.voiceletivs .more{ text-align:left; margin-top:20px;}
.voiceletivs .more a{ color:#ff7e46;}


.title16{ font-size:24px; color:#ff7e46; padding-top:32px;}
.contaPage2{ padding-top:63px; padding-bottom:95px;}
.title17{ padding:32px 0;}
.title18{ padding-bottom:20px; padding-top:0;}
.serIdeaPage{ padding-top:34px; padding-bottom:80px;}
.layPage{ padding-top:38px; padding-bottom:80px;}


.proList4{ margin-top:14px;}
.proList4 li{ margin-top:0px;}


.caseRent{ margin-top:41px; border-bottom:1px solid #eee; padding-bottom:49px;}
.caseRent li{ text-align:center; margin-top:15px;}
.caseRent a{ display:inline-block; }
.caseRent a img{ border:6px solid #eeeeee;}

@media screen and (min-width:768px){
    .caseRent li{ width:29.92%; float:left; display:inline; margin-right:5.12%; }
    .caseRent li:nth-child(3n){ margin-right:0;}
}

.honorIntro,.honorPub{ padding-top:40px;}
.honorBox .left{ padding:26px; background-color:#fbfbfb;  border:1px solid #eee;}
.honorBox .left li{ padding-left:18px; background:url(../images/c38.png) no-repeat 0px 7px; padding-bottom:26px;}
.honorBox .left h2,.honorIntro .left p{ margin:0; padding:0;}
.honorBox .left h2{ font-size:24px; margin-bottom:10px;}
.honorBox .left li:nth-child(2){ padding-bottom:0;}
.honorBox .left li:nth-child(2) h2{ margin-bottom:22px;}
.honorBox .left li p{ font-size:16px; color:#737373;}
.honorBox .left dl{ padding-left:58px; background-repeat:no-repeat; background-position:left top; margin-bottom:17px;}
.honorBox .left dl:nth-child(2){ background-image:url(../images/c39.png);}
.honorBox .left dl:nth-child(3){ background-image:url(../images/c40.png);}
.honorBox .left dl:nth-child(4){ background-image:url(../images/c41.png); margin-bottom:0;}
.honorBox .left dt{ font-size:16px; color:#555; font-weight:normal;}
.honorBox .left dd{ font-size:14px; color:#737373;}
.honorBox .right{ display:none;}
@media screen and (min-width:992px){
    .honorBox{ background:#fbfbfb; border:1px solid #eee;}
    .honorBox .left,.honorIntro .right{ width:50%; float:left; display:inline;}
    .honorBox .left{ border:none;}
    .honorBox .right{ text-align:center; padding:26px;}
}
@media screen and (min-width:1340px){
    .honorBox{ background:none; border:none;}
    .honorBox .left{ border:1px solid #eee; border-right-color:#fbfbfb; padding:41px;}
    .honorBox .right{ padding:0;}
}

.honorImgs{ margin-top:-34px;}
.honorImgs li{ display:none; text-align:center; margin-top:34px;}
.honorImgs li a{ display:inline-block;}
.honorImgs li div{ padding:2px; border:1px solid #eee;}
.honorImgs li a h2{ font-size:16px; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0; margin-top:19px; }
.honorMore2{ border-bottom:1px solid #e4e4e4; padding-bottom:50px;}
.honorMore{ text-align:center; margin-top:52px;}
.honorMore span{ font-size:14px; color:#737373; display:inline-block; padding:0px 32px; height:36px; line-height:36px; background-color:#f7f7f7; -webkit-border-radius:36px; -moz-border-radius:36px; -o-border-radius:36px; -ms-border-radius:36px; border-radius:36px;}
.honorMore span i{ padding-right:22px; background:url(../images/c42.png) no-repeat right center; font-style:normal;}
@media screen and (min-width:768px){
    .honorImgs li{ width:23.125%; float:left;  margin-right:2.5%;}
    .honorImgs li:nth-child(4n){ margin-right:0;}
}


.showPage{ padding-top:32px;}
.meetPo{ position:relative;}
.meetSide{ background-color:#f7f7f7; border-top:2px solid #ed5519;}
.meetSide dl{ padding:15px; border-bottom:1px solid #eee;}
.meetSide dl:last-child{ border-bottom:none;}
.meetSide dt{ font-size:18px; font-weight:normal; padding-left:23px; background:url(../images/c45.png) no-repeat left center;}
.meetSide dd{ padding-left:23px; margin-top:5px;}
.meetSide dd a{ margin-right:15px; color:#616161;}
.showPage .left{ padding-top:15px;}


@media screen and (min-width:768px){
    .meetSide dl{ border:none; width:49%; margin-right:2%; float:left; display:inline;}
    .meetSide dl:last-child{ margin-right:0;}
    .showPage .left{ padding-top:0px;}
}
@media screen and (min-width:992px){
    .showPage .left{ width:74.14%;}
    .meetSide{ width:269px; position:absolute; right:0; top:13px; z-index:100000;}
    .meetSide dl{ border-bottom:1px solid #eee; float:none; display:block; width:auto; margin-right:0;}
    .meetSide dl:last-child{ border-bottom:none;}
    .meetSide dd{ margin-top:25px; }    
    .meetSide dd a{ display:block; margin-bottom:10px;}
    .meetSide dd a:last-child{ margin-bottom:0;}
    .meetSide dl:nth-child(2) dt{ background-image:url(../images/c43.jpg);}
    .meetSide dl:nth-child(2) a{ padding-left:11px; background:url(../images/c46.png) no-repeat left center;}
}

@media screen and (min-width:430px){
    .faqIndex{ width:400px; margin:0 auto;}
}


@media screen and (min-width:656px){
    .proIndex li{ width:626px; margin:0 auto;}
}


    .dropdown-menu li a:hover{color: #49a7ff;}

/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width:768px){
    .navbar-nav{ float:right; clear:left; margin-right:0;}
    /* .navbar-nav>li:nth-child(1),.navbar-nav>li:nth-child(8),.navbar-nav>li:nth-child(9),.navbar-nav>li:nth-child(10){ display:none;} */
    .navbar-collapse{ background-color:transparent; position:static; padding-left:0px; padding-right:0px; }
    .dropdown-menu{ border:none;}
    .navbar-nav>li>a{ height:50px; padding-right:28px; }
    .navbar-nav>li>i{ right:0px; top:1px; padding:20px 9px;}
    .navbar-nav>li:last-child{ position:absolute; right:0px; top:6px;}
    .navbar-nav > li.onnav>a,.navbar-nav > li:hover>a,.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ border-bottom:3px solid #054c81; background:none;}
    
    .navbar-nav > li.onnav>a:after,.navbar-nav > li:hover>a:after,.nav>li>a:focus:after, .nav>li>a:hover:after,.nav .open>a:after, .nav .open>a:focus:after, .nav .open>a:hover:after{ content:''; width:28px; height:4px; background-color:#fff; position:absolute; right:0; bottom:-3px;}
    .navbar-nav > li.onnav>a:before,.navbar-nav > li:hover>a:before,.nav>li>a:focus:before, .nav>li>a:hover:before,.nav .open>a:before, .nav .open>a:focus:before, .nav .open>a:hover:before{ content:''; width:15px; height:4px; background-color:#fff; position:absolute; left:0; bottom:-3px;}
    .navbar-nav>li:nth-child(6) .dropdown-menu{ left:auto; right:0;}
    header #nav6 .dropdown-menu{ right:0; left:auto;}
    .dropdown-menu>li>a{ padding-top:10px; padding-bottom:10px;}
    .quickNav{ display:block; position:absolute; right:242px; top:22px;}
    .quickNav>ul>li{ padding-left:20px; background-repeat:no-repeat; background-position:left center; margin-left:12px;}
    .quickNav>ul>li>a{ padding-right:20px; position:relative;}
    .quickNav .dropdown-menu{ min-width:99px;}
    
    .quickNav .dropdown-menu > li > a{ padding-left:50px; background-repeat:no-repeat; background-position:15px center; background-size:20px 20px;}
    
    .bannerWrap .carousel-indicators li,.bannerWrap .carousel-indicators .active{ margin:0 10px;}
    .bannerWrap .carousel-inner a{ color:#fff;}
    .bannerWrap .carousel-inner a .info{ top:20%;}
    
    
    .videoHome a{ background-size:60px 60px; background-position:center 54%; font-size: 26px; color: #fff; text-align: center; padding-top: 25px;}
    
    
    .newWrap{ position:relative;}
    .newWrap:before{ content:''; position:absolute; left:0; right:0; bottom:0;  height:168px; background-color:#f7f7f7; }
    .newIndex{ position:relative; z-index:99;}
    .newIndex li{ margin-bottom:0; float:left; display:inline; width:31.25%; margin-right:3.125%;}
    .newIndex li:nth-child(3n){ margin-right:0;}
    .newIndex li span{ display:block;}
    .newIndex li p{ height:40px; overflow:hidden;}
    .newIndex li a.memos{ background-color:#fff;}
    
    
    .globalIndex{ padding-top:84px; padding-bottom:108px;}
    
    
    .serIndex{ width:65.625%; float:left; display:inline;}
    .faqIndex{ width:31.25%; float:right; display:inline; margin:auto;}
    
    
    .brandList li{ width:49.44%; float:left; display:inline; position:relative; overflow:hidden;}
    .brandList li:nth-child(2n){ float:right;}
    .brandList li a{ display:block; color:#fff;}
    .brandList li .info,.brandList li .info a{ position:absolute; left:0; right:0; top:0; bottom:0;}
    .brandList li .info div{ position:absolute; bottom:13px; left:25px; right:25px;}
    .brandList li .info p{ display:none;}
    
    
    .benefitList li{ width:31.25%; float:left; display:inline; margin-right:3.125%;}
    .benefitList li:nth-child(3n){ margin-right:0;}
    
    
    .contactRight{ display:block; margin-top:40px;}
    #dituContent img{max-width: none !important;}
    
    
    .proFea li{ width:32.81%; float:left; display:inline; margin-right:0.78%;}
    .proFea li:nth-child(4){ width:66.40%;}
    .proFea li:nth-child(3),.proFea li:nth-child(5){ margin-right:0;}
    .proFea a.memos{ position:absolute; left:0; right:0; bottom:0; z-index:3;}
    
    .proFea h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .proFea li:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
    
    .Pages a{ padding:6px 11px;}
    
    
    .proList li{ width:31.25%; float:left; display:inline; margin-right:3.125%;}
    .proList ul li:nth-child(3n){ margin-right:0;}
    
    

    .proTypes li{ width:21.875%; float:left; display:inline; margin-right:4.16%;}
    .proTypes li:nth-child(4n){ margin-right:0;}
    
    .soluteFea li{ width:31.25%; float:left; display:inline; margin-right:3.125%;}
    .soluteFea li:nth-child(3n){ margin-right:0;}
    .soluteFea li a{ text-align:left;}
    .soluteFea li a h2{ position:relative; padding-right:48px;}
    .soluteFea li div{ position:relative;}
    .soluteFea li:hover div:before{ content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:3px solid #ff7e46; z-index:99;}
    .soluteFea li:hover a h2{ color:#ff7e46;}
    .soluteFea li:hover a h2:after{ content:''; position:absolute; width:18px; height:10px; background:url(../images/cv3.png) no-repeat center; right:0; top:50%; margin-top:-5px;}
    
    .soluteList a{ padding-right:128px; }
    .soluteList a span{ display:block; font-size:12px; color:#999; position:absolute; top:50%; margin-top:-8px; right:30px;}
    
    .solutebox li{ width:31.25%; float:left; display:inline; margin-right:3.125%;}
    .solutebox li:nth-child(3n){ margin-right:0;}
    .solutebox li a{ text-align:left;}
    
    
    .meetPage{ padding-bottom:226px;}
    .meetNew li{ width:49.14%; float:left; display:inline; margin-right:1.64%;}
    .meetNew li:nth-child(2n){ margin-right:0;}
    .meetNew li .memos{ padding:38px 28px 33px 28px;}
    .meetNew li .memos p{ height:72px; overflow:hidden;}
    
    
    .meetPost{ padding-top:17px;}
    .meetPostn{ padding-top:0;}
    .meetPost li{ padding:15px; padding-right:70px; background-color:#f7f7f7; border:none;}
    .meetPostn li{ padding-right:28px;}
    .meetPost a h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .meetPost .pic{ width:22.05%; float:left; display:inline;}
    .meetPost .memos{ padding-top:0;}
    .meetPost .memos div{ position:relative; padding-right:100px;}
    .meetPost .memos{ width:76.20%; float:right; display:inline;}
    .meetPost a span{ position:absolute; right:0; top:-1.5px; margin-top:0;}
    .meetPost a p{ padding-bottom:0; height:70px; overflow:hidden;}
    .meetPostn a p{ height:94px;}
    .meetPost li:hover{ background-color:#ed5519;}
.meetPost li:hover a,.meetPost li:hover a span,.meetPost li:hover a h2{ color:#fff;}
    .meetPost li:hover a h2{ background-image:url(../images/c8.png);}
    
    .meetPost2{ padding-top:0;}
    
    
    .videoList li{ width:31.25%; float:left; display:inline; margin-right:3.125%;}
    .videoList li:nth-child(3n){ margin-right:0;}
    
    
    .worldList li{ float:left; display:inline; width:49.45%; margin-right:1.09%;}
    .worldList li:nth-child(2n){ margin-right:0;}
    
    
    .stanRight{ width:627px; margin:0 auto;}
    
    
    .voiceList li,.hotList li{ float:left; display:inline; width:31.25%; margin-right:3.125%;}
    .voiceList li:nth-child(3n),.hotList li:nth-child(3n){ margin-right:0;}
    .voiceList li .memos p{ height:72px; overflow:hidden;}
    
    
    .hotList a h2{ height:48px; overflow:hidden;}
    
    
    .channel li{ width:31.25%; float:left; display:inline; margin-right:3.125%; position:relative; overflow:hidden;}
    .proIndex li h2{ font-size:20px; overflow:hidden;}
    .channel li:nth-child(3n){ margin-right:0;}
    .globalSer li{ width:49.5%; float:left; display:inline; margin-right:1%; position:relative; overflow:hidden; margin-bottom:100px;}
    .globalSer li:last-child{ margin-right:0;}
    .channel li a,.proIndex li a,.globalSer li a{ display:block; color:#fff;}
    .channel li .info,.channel li .info a,.proIndex li .info,.proIndex li .info a,.globalSer li .info,.globalSer li .info a{ position:absolute; left:0; right:0; bottom:0; top:0;}
    .channel li .info a div,.proIndex li .info a div,.globalSer li .info a div{ position:absolute; left:15px; right:15px; bottom:5px;}
    .proIndex li .info a div{ left:30px; right:30px; bottom:25px;}
    .channel li .info p,.proIndex li .info p,.globalSer li .info p{ display:none;}
    
    
    
    
    
    .proIndex2{ display:none;}
    .proIndex{ display:block; margin-bottom:40px; position:relative;}
    .proIndex li{ width:16.66%; float:left; display:inline; margin:auto; border-right:1px solid #fff; position:relative; overflow:hidden; }
    .proIndex li:nth-child(1){ width:50%;}
    .proIndex li .pic{ height:400px; background-repeat:no-repeat; background-position:left center;}
    
    
    .caseInfoPage{ padding-bottom:169px;}
    .relateList li,.cardList li,.reportList li{ width:22.82%; float:left; display:inline; margin-right:2.90%;}
    .cardList li,.reportList li{ margin-bottom:0;}
    .relateList li:last-child,.cardList li:last-child,.reportList li:last-child{ margin-right:0;}
    .relateList h2,.reportList h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .reportList a p{ height:112px;}
    
    
    .jobLeft{ width:22.9%; float:left; display:inline;}
    .jobRight{ width:73.36%; float:right; display:inline;}
    .jobLeft2,.jobRight2{ width:100%; float:none; display:block;}
    
    .searchTi span{ display:block;}
    .jobSearch input{ padding-right:36px;}
    .infoTi{ text-align:right;}
    .infoTi span{ float:left; display:inline;}
    .infoMemos li{ float:left; display:inline; margin-right:6.28%;}
    .infoMemos li:last-child{ margin-right:0;}
    
    .jobImg{ display:block;}
    
    .JobTitle{ font-size:16px; background-color:#ff7e46; color:#fff;}
    .JobTitle span,.JobPanel dt span{ width:20%;}
    .JobTitle span:nth-child(1),.JobPanel dt span:nth-child(1){ display:inline;}
    
    
    .faqList2 li{ width:50%; float:left; display:inline; margin-top:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    
    
    .socials li{ width:30.5%; float:left; display:inline; margin-right:4.25%;}
    .socials li:last-child{ margin-right:0;}
    
    
    .schoolPanel li{ width:49.14%; float:left; display:inline;}
    .schoolPanel li:last-child{ float:right; }
    
    
    .stuffList .pic{ width:12.46%; float:left; display:inline;}
    .stuffList .memos{ width:83.70%; float:right; display:inline;}
    .stuffList h2{ margin-top:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .stuffList p{ height:48px; overflow:hidden;}
    
    
    .mapList dl{ width:32%; float:left; display:inline; margin-right:2%;}
    .mapList dl:nth-child(3n){ margin-right:0;}
    
    
    .modify{ padding-top:73px; padding-bottom:218px;}
    
    
    
    .payWel li{ width:33.33%; float:left; display:inline; }
    .payTab{ width:29.81%; border-bottom:1px solid #f6f6f6;}
    .payTab dt{ padding:11px 48px 11px 0; border-left:1px solid #f6f6f6; border-top:1px solid #f6f6f6; margin-bottom:0; padding-left:8.24%; position:relative; }
    .payTab dt:after{ content:''; width:12px; height:11px; position:absolute; right:30px; top:50%; margin-top:-5px; z-index:2; background:url(../images/c34.png) no-repeat center;}
    .payDetail .tabBox{ width:66.02%; padding-top:15px;}
    .payTab dt.cur{ background:url(../images/c35.png) no-repeat right center; }
    .payTab dt.cur:after{ background-image:url(../images/c36.png);}
    .payTab dt.cur,.payTab dt.cur2{ border-top-color:#fff;}
    
    
    .basicPage{ padding-bottom:110px;}
    
    .soluteList2 a span{ font-size:14px; color:#e56201; display:block; padding-right:24px; background:url(../images/cv.png) no-repeat right center;}
    
    .upload h2,.upload a{ float:left; display:inline;}
    .upload h2{ width:447px; margin-right:3px;}
    .upload a{ margin-top:0;}
    
    .prodPage{ padding-bottom:259px;}
    .proPic{ width:40.54%; float:left; display:inline;}
    .proWd{ width:56.71%; float:right; display:inline;}
    .proWd h2{ margin-top:0;}
    .proWd div.txt{ text-align:left;}
    
    
    
    
    
    
    .renList li{ width:49.14%; float:left; display:inline; margin-right:1.72%;}
    .renList li:nth-child(2n){ margin-right:0;}
    .renList li a{ background-color:#f7f7f7;}
    .renList li .pic{ float:left; display:inline; width:44.74%;}
    .renList li .memos{ padding:16px 24px; padding-bottom:0; width:55.26%; float:right; display:inline;}
    .renList li a p{ height:48px; overflow:hidden; }
    
    .proList2 li{ width:22.8%; }
    .proList2 li:nth-child(3n),.proList2 li{ margin-right:2.933%;}
    .proList2 li:nth-child(4n){ margin-right:0;}
    
    .areaList dt{ margin-bottom:0;}
    .areaList dd{ width:auto;}
    .conItem div{ padding-left:73px;}
    .conth2 span:last-child,.conth2 span,.conItem2 span{ width:20%;}
    .conth2 span:last-child,.conItem2 span:last-child{ display:inline;}
    
    
    
    .languageList li{ float:left; display:inline; width:25%;}
 }  
 
 /* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width:992px){
    header .contain{ position:relative;}
    .navbar-brand{ padding-top:23px;}
    .nav > li{ margin-right:13px;}
    
    .navbar-nav > li:last-child{ position:static; padding-top:10px; padding-bottom:0; margin-right:0; }
    .dropdown-menu{ margin:0;}
    .searbox{ margin:0;}
    .quickNav{ right:15px; top:13px;}
    
    
    .carousel-control{ display:none;}
    .bannerWrap .carousel-inner > .item,.bannerWrap .carousel-inner > .item > a{ height:560px;}
    .bannerWrap .carousel-inner a h2{ font-size:58px;}
    .bannerWrap .carousel-inner a .info{ top:24%;}
    
    
    .banners{ height:370px;}
    .banners h2{ font-size:58px;}
    .banners .info{ bottom:22%;}
    .banners div{ font-size:21px; line-height:30px;}
    
    
    .newIndex li a.memos{ padding-left:27px; padding-right:27px;}
    

    .footNav2{ display:none;}
    .footNav{ display:block; padding-left:15px; padding-right:15px;}
    .footNav dl{ float:left; display:inline; margin-right:4.5%;}
    .footNav dd,.footNav dt{ border-bottom:none;}
    .footNav dl:last-child{ margin-right:0;}
    .footNav dt{ padding:36px 0 18px 0;}
    .footNav dt:before{ content:''; position:absolute; border:none; width:20px; height:1px; left:0; bottom:5px; -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); background-color:#4a4a4a;}
    .footNav dd{ background:none;  display:block; padding:0;}
    
    .floor2{ border-top:1px solid #484848; padding-top:22px; padding-bottom:40px;}
    .floorLeft{ float:left; display:inline;}
    .floorLeft div:nth-child(1) span:nth-child(4){ position:relative; display:inline-block;}
    .floorLeft div:nth-child(1) span:nth-child(4) div{ position:absolute; left:-41px; top:-122px;  width:120px; height:130px;}
    .floorLeft div:nth-child(1) span:nth-child(4):hover{ background-image:url(../images/c33.png); }
    .floorLeft div:nth-child(1) span:nth-child(4):hover div{ display:block;}
    .floorRight{ float:right; display:inline; padding:0;}
    .floorRight dl:nth-child(2n){ padding-right:0;}
    
    
    .registerLeft{ width:34.84%; float:left; display:inline;}
    .registerRight{ width:58.21%; float:right; display:inline;}
    .formList .form-group{ position:relative; padding-left:96px;}
    .formList .yz{ padding-right:123px;}
    .formList label{ display:inline-block; width:96px; text-align:right; padding-right:31px; position:absolute; left:0; top:0; margin:0; line-height:41px;}
    .formList em{ position:absolute; right:0; top:0; margin-top:0;}
    .userBox{ text-align:right; padding-right:70px;}
    
    
    .contactLeft,.contactList .pic{ float:left; display:inline;}
    .contactLeft{ width:51.09%;}
    .contactList .pic{ width:28.2%;}
    .contactList .memos{ width:67.27%;}
    .contactList h2{ margin-top:0;}
    .contactRight,.contactList .memos{ float:right; display:inline;}
    .contactRight{ width:41.87%; margin-top:0;}
    
    
    
    .meetNew li{ background-color:#f7f7f7; }
    .meetNew li .pic{ width:44.74%; float:left; display:inline;}
    .meetNew li .memos{ width:55.26%; float:left; display:inline; padding-bottom:0;}
    
    
    .meetPost .memos{ padding-top:17px;}
    
    
    .indusLeft{ width:48.83%; float:left; display:inline; padding-top:80px;}
    .indusRight{ width:48.95%; float:right; display:inline; margin-top:0;}
    
    
    .brandList li .info div{ bottom:-19px;}
    .brandList li .info div p{ display:block; opacity:0; height:36px; overflow:hidden;}
    .channel li .info a div,.globalSer li .info a div{ bottom:-40px;}
    .channel li .info p,.globalSer li .info p{ display:block; opacity:0; height:48px; overflow:hidden;}
    
    
    .proIndex li h2{ font-size:24px; margin-top:0;}
    .proIndex li .info{/* background-color:rgba(38,147,180,.8);*/ background:url(../images/proindex-li-bg.png) repeat-x left bottom;}
    .proIndex li.cur .info{ background:none;}
    .proIndex li .info a div{ bottom:-28px;}
    .proIndex li .info p{ display:block; opacity:0; }
    
    
    .brandList li img,.brandList li .info,.brandList li .info div,.brandList li .info div p,.channel li img,.channel li .info,.channel li .info div,.channel li .info div p,.proIndex li img,.proIndex li .info,.proIndex li .info div,.proIndex li .info div p,.proIndex li:nth-child(1):hover .info div:before,.proIndex li .info,.proIndex li,.globalSer li img,.globalSer li .info,.globalSer li .info div,.globalSer li .info div p{ transition:all ease 0.3s;}
    .brandList li:hover img,.channel li:hover img,.proIndex li:hover img,.globalSer li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
    .brandList li:hover .info,.channel li:hover .info,.globalSer li:hover .info{ background:rgba(0,0,0,.6);}
    .brandList li:hover .info div,.globalSer li:hover .info div{ bottom:25px;}
    .channel li:hover .info div{ bottom:16px; }
    
    
    .proIndex li:hover .info,.proIndex li.cur .info{ background:rgba(0,0,0,.5);}
    .proIndex li:hover .info div,.proIndex li.cur .info div{ padding-left:68px; bottom:30px;}
    .proIndex li:hover .info div:before,.proIndex li.cur .info div:before{ width:52px; height:43px;  position:absolute; left:0; top:50%; margin-top:-21px;}
    .proIndex li:nth-child(1):hover .info div:before,.proIndex li:nth-child(1).cur .info div:before{content:url(../images/c16.png);}
    .proIndex li:nth-child(2):hover .info div:before,.proIndex li:nth-child(2).cur .info div:before{content:url(../images/c18.png); margin-top:-31px;}
    .proIndex li:nth-child(3):hover .info div:before,.proIndex li:nth-child(3).cur .info div:before{content:url(../images/c17.png);}
    .proIndex li:nth-child(4):hover .info div:before,.proIndex li:nth-child(4).cur .info div:before{content:url(../images/c49.png);}
    .brandList li:hover .info div p,.channel li:hover .info div p,.proIndex li:hover .info div p,.proIndex li.cur .info div p,.globalSer li:hover .info div p{ opacity:1;}
    
    
    .searchTi span{ display:inline;}
    .jobSearch input{ padding-right:50px;}
    
        
    .jobLeft2{ width:60.39%; float:left; display:inline; min-height:282px;}
    .jobRight2{ width:39.61%; text-align:right; margin-top:0; float:right; display:inline;}
    
    
    .payWel dl{ width:48.56%; margin-right:2.76%; float:left; display:inline; }
    .payWel dl dd{ height:152px;}
    .payWel dl:last-child{ margin-right:0;}
    .payWel li{ width:50%; }
    
    
    .renList li a p{ height:72px; margin-top:17px;}
    
    
    .languageList li{ width:20%;}
    
    
    .proFea a.memos{ bottom:-68px; padding-top:16px;}
    .proFea a.memos h2{ margin-bottom:20px;}
    .proFea a.memos p{ opacity:0; -webkit-transition:all ease-in .6s; -moz-transition:all ease-in .6s; -o-transition:all ease-in .6s; -ms-transition:all ease-in .6s; transition:all ease-in .6s;}
    .proFea li:hover a.memos{ bottom:0; -webkit-transition:all ease-in .5s; -moz-transition:all ease-in .5s; -o-transition:all ease-in .5s; -ms-transition:all ease-in .5s; transition:all ease-in .5s;}
    .proFea li:hover a.memos p{ opacity:1;}
    
    
    .proInfos .left,.hotBuy .left,.techPoint2 .left{ width:70.3125%; float:left; display:inline;}
    .proInfos .right,.hotBuy .right,.techPoint2 .right{ width:26.25%; float:right; display:inline; margin-top:0;}
    .proInfos2 .left,.hotBuy2 .left,.techPoint2 .left{ width:59.375%;}
    .proInfos2 .left .title15,.hotBuy2 .left .title15,.techPoint2 .left .title15{ padding-right:50px;}
    .proInfos2 .proEdit,.hotBuy2 .hotEdit,.techPoint2 .techEdit{ border-right:1px solid #eee; padding-right:50px;}
    .proInfos2 .right,.hotBuy2 .right,.techPoint2 .right{ width:40.625%; padding-left:50px; padding-top:66.85px;}
    .proInfos2 .left .shareBox{ display:block; margin-top:43px;}
}



@media screen and (min-width:1200px){
    .footNav dl{ margin-right:5%;}
    
.videoHome a{padding: 170px 0 0}
    .navbar-nav > li:last-child{ padding-left:100px;}
    
    
    .faqFrame{ position:relative;}
    .faqLeft,.faqRight{ float:left; display:inline;}
    .faqLeft{ width:52%; padding-right:3.2%;}
    .faqRight{ width:48%; text-align:right; margin-top:0px; border-left:1px solid #ebebeb; }
    
    
    .stuffList p{ height:96px;}
    
    
    
    
    .renList li .memos{ padding-top:38px;}
    
    
    .conth span, .conItem span,.conItem div,.conth2 span,.conItem2 span{ width:8.5%;}
    .conth span:last-child,.conItem div{ width:74.5%; text-align:left;}
    .conth span:last-child{ padding-left:52px;}
    .conItem div{ padding-left:22px;}
    .conth2 span:nth-child(4),.conItem2 span:nth-child(4){ width:12.03%;}
    .conth2 span:last-child,.conItem2 span:last-child{ width:62.47%; text-align:left; }
    .conth2 span:last-child{ padding-left:75px;}
    .conItem2 span:last-child{ padding-left:36px;}

    
}
 
 
/* 大屏幕（大桌面显示器，大于等于 1310px） */
@media screen and (min-width:1340px){
    .nav > li{ margin-right:29px;}
    .nav > li:nth-child(7){ margin-right:0;}
    .navbar-nav > li:last-child{ padding-left:246px;}
    .navbar-nav > li:hover ul,.navbar-nav > li > .dropdown-menu{ display:none;}
    header .subNav{ display:block; position:absolute; top:116px; left:0; right:0; z-index:2;}
    header .subWrap{ display:none; background:#f7f7f7 url(../images/sh1.jpg) repeat-x left top;}
    header .navBox{ width:1280px; margin:0 auto; display:none;}
    header .navBox li{ float:left; display:inline;}
    header .navBox a{ font-size:14px; text-align:center; display:block; padding:24px;}
    header .navBox a span{ display:block; position:relative; width:84px; height:42px; background-position: center; background-repeat:no-repeat; margin-bottom:9px;}
    header .navBox a:hover{ color:#49a7ff; background:rgba(237,237,237,.5);}
        header .navBox li.liHs a:hover{color: #a0a0a0}

    header .navBox:nth-child(3) ul{ padding-left:130px;}
    header .navBox:nth-child(4) ul{ padding-left:312px;}
    header .navBox:nth-child(5) ul{ padding-left:178px;}
    header .navBox:nth-child(6) ul{ padding-left:479px;}
    header .navBox:nth-child(7) ul{ padding-left:698px;}
    
    
    .contain,.footNav{ width:1310px; margin:0 auto; }
    .footNav dl{ margin-right:5.6%;}
    
    
    .stanLeft{ width:48.99%; float:left; display:inline;}
    .stanRight{ width:49.6%; float:right; display:inline; margin-top:0;}
    .honorList p{ height:60px; overflow:hidden;}
    
    
    .brandList li .info div{ padding-right:49%;}
    
    
    .channel li .info a div,.globalSer li .info a div{ left:30px; right:30px;}
    
    .channel li .info div p{ padding-right:50px;}
    .globalSer li .info div p{ padding-right:224px;}
    
    .jobCaren th,.jobCaren td{ width:19.16%; text-align:center; font-weight:normal; vertical-align:middle; border:1px solid #ff7e46; padding:12px 5px;}
    .jobCaren th,.jobCaren td:nth-child(2){ text-align:left;}
    .jobCaren th:nth-child(2),.jobCaren td:nth-child(2){ width:61.68%; }
    .jobCaren th:nth-child(2) { padding-left:37px;}
    .jobCaren td:nth-child(2){ padding-left:73px; padding-right:73px;}
    .jobCaren th:nth-child(1),.jobCaren th:nth-child(3){ padding-left:44px;}
    
    
    .mapList dl{ width:15.62%; }
    .mapList dl,.mapList dl:nth-child(3n){ margin-right:1.256%;}
    .mapList dl:nth-child(6n){ margin-right:0;}
}
@media screen and (min-width:1200px){
.videoList li video{ width: 100%; height: 250px;}

}

.bannerWrap .carousel-inner  a .info1 h2, .bannerWrap .carousel-inner a .info1 p {
color: #323232
}

.bannerWrap .carousel-inner a  .info1 span{color: #34332f; border: 1px solid #34332f;}
.bannerWrap .carousel-inner a .info1 span em {
 
    background: url(../images/cv5.png) no-repeat right center;
}


.clearfix  .table {
    margin-top: 20px; max-width: 663px;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
}
.clearfix .table table tr th {
    background: #e56201;
    color: #fff;
    padding: 5px 15px;
    border-right: 1px solid #fff;
    line-height: 20px;
}

.clearfix .table table tr td {
    color: #333;
    padding: 5px 15px;
    line-height: 20px;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
}



.quickNav > ul > li > a.dropdown-toggle{cursor: pointer;}

.txtbox .honorImgs li{display: block;}

.title4 span{ display: inline-block; margin-right: 35px; color: #333; cursor: pointer;}
.title4 span.on{color: #ff7e46; }
.qhList .meetPost1{position: relative;}
.qhList .meetPost1.soluteList2.soluteList .more{position: absolute; right: 0; top: -50px; display: block;
color: #333; font-size: 16px;  
    padding: 0;
     background: none;
}


.proTypes li dl dd b > span {
    padding-left: 32px; display:inline-block; height:20px;
    font-size: 16px; cursor: pointer;
    font-weight: bold; float: left;
    background: url(../images/c47.png) no-repeat 5px center;
    margin-bottom: 18px;
}
.proTypes li dl dd b {display: block; padding-bottom: 10px;}
.proTypes li dl dd b > a {overflow: inherit;
 display:inline-block; height: 11px;overflow: inherit;
 
 
}
.proTypes li dl dd.cur b > span{
    background-image: url(../images/c48.png);}


    .socials li dt{width: 100%; overflow: hidden;  position:relative; color: #fff; cursor: pointer; }
    .socials li dt .info { position:absolute; left:0; right:0; bottom:0; top:0; text-align: left;}
    .socials li dt .info div { position:absolute; left:15px; right:15px; bottom:5px;}
    .socials li dt .info p{ display:none;}
   
    .socials li dt .info, .socials li dt .info div,    .socials li dt .info div p{ transition:all ease 0.3s;}
        .socials li dt:hover .info{ background:rgba(0,0,0,.6);}
    .socials li dt:hover .info div { bottom:25px;}
        .socials li dt:hover .info div{ bottom:16px; }
   
.socials li dt:hover .info div p{ opacity:1; display: block;}
.socials li dt   img,.socials li dt .info,.socials li dt .info div,.socials li dt .info div p{ transition:all ease 0.3s;}
  .socials li dt:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
   

.subCol{padding:20px 0;  text-align: center;}
.subCol span{display: inline-block; padding: 10px 0; cursor: pointer; width: 90%; font-size: 16px; border: 1px solid #eee; margin: 0 auto 10px;}
.subCol span.on{color: #054c81; border: 1px solid #054c81; }

.proCate dt{ border: 1px solid #eee; margin: 10px auto 10px; width: 90%; font-size: 16px; padding: 10px 20px;  }
.proCate dd{ float: left;margin: 10px 0 0;  font-size: 16px; padding: 10px 0; width: 50%;text-align: center; max-width: 160px; }
.proCate dd a:hover,.proCate dd.on a{color: #054c81;}

.clear{ clear: both;}

@media screen and (min-width:768px){
.subCol span{ width: 30%;  margin: 0 1.05% 10px; max-width: 280px;}
.proCate dt{  max-width: 160px; float: left; text-align: center; }
.proCate dd{}
.DateContent.proList li{width: 23%;float: left;display: inline;margin-right:2.66%;}
.DateContent.proList ul li:nth-child(3n){margin-right:2%;}
.DateContent.proList ul li:nth-child(4n){margin-right:0%;}
}



.title12.title15{padding-top: 15px;}

.qhg1{margin: 0 0 60px}





#main{ width:100%; padding-top:30px;}
#timeline {max-width:1200px;overflow: hidden;margin: 0px auto;position: relative; padding-top:10px;}
#timeline .hd{margin:0 50px;}
#dates {max-width: 3000px;height: 100px;overflow: hidden; /*margin:0 8%;*/}
#dates li{float: left;/*padding:0 2%;*/ height: 56px;font-size: 24px;text-align: center; width:92px !important;}
#dates li a{color:#999; font-size: 18px; font-family:"微软雅黑"; display:block; padding-top:8px; text-align:left;}
#dates a{line-height: 16px;padding-bottom: 24px;  font-size:18px; color:#999;}
#dates li a.selected{ color:#e4000b;  }
.DateContent{margin-bottom:15%; }
.DateContent h5{ padding-left:30px; color:#008FD7; font-size:24px; font-weight:bold;  line-height:18px;}
.block{display:block !important;}
.DateContent ul{display:none;}
.bx-viewport{  display: inline-block;}

#timeline .hd .bx-prev{
    left: 10px; background:#eeefef url(../images/history_08.png) no-repeat center center;
}
 


#timeline .hd .bx-next {
    right: 10px;
    background:#eeefef url(../images/history_11.png) no-repeat center center;
}
#timeline .hd .bx-prev:hover{
background:#e4000b url(../images/history_08.png) no-repeat center center;}

#timeline .hd .bx-next:hover {
    background:#e4000b url(../images/history_11.png) no-repeat center center;
}

#timeline .hd .bx-controls-direction a {
    position: absolute;
    top:0;
    outline: 0;
    width: 27px;
    height: 54px;
    text-indent: -9999px;
    z-index: 0; border-radius:5px;
}
#timeline .bx-pager-item{display:none;}
 




.bx-wrapper{ max-width: 965px !important;/* max-width: 943px !important; */}

@media screen and (min-width:1024px){
    #date li{padding:0 2%;}
   
    }

@media screen and (max-width:1139px){
span.xta{ display:none;}
   
    }
   
   
   
@media screen and (max-width:640px){
.DateContent li img,span.xta{ display:none;}
    }
@media screen and (max-width:480px){

.DateContent{margin-bottom:50%;}
}







    .schoolPanel li{  overflow: hidden;  position:relative; color: #fff; cursor: pointer; }
    .schoolPanel li .info { position:absolute; left:0; right:0; bottom:0; top:0; text-align: left;}
    .schoolPanel li .info div { position:absolute; left:15px; right:15px; bottom:5px;}
    .schoolPanel li .info p{ display:none;}
   
    .schoolPanel li .info, .schoolPanel li .info div,    .schoolPanel li .info div p{ transition:all ease 0.3s;}
        .schoolPanel li:hover .info{ background:rgba(0,0,0,.6);}
    .schoolPanel li:hover .info div { bottom:25px;}
        .schoolPanel li:hover .info div{ bottom:16px; }
        .schoolPanel li:hover .info h2{color: #fff }
   
.schoolPanel li:hover .info div p{ opacity:1; display: block; color: #fff}
.schoolPanel li img,.schoolPanel li dt .info,.schoolPanel li .info div,.schoolPanel li .info div p{ transition:all ease 0.3s;}
.schoolPanel li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
   
.Mapq .img{ display: inline-block; position: relative;}

.Mapq li b{display: none;}
.Mapq li{padding: 25px 0; border-bottom: 1px solid #eee}
.Mapq li .text{text-align: left;}

.picMap{ display: inline-block; position: relative;}

.picMap li b{display: none;}
.picMap li{padding: 25px 0; border-bottom: 1px solid #eee}
.picMap li .text{text-align: left;}


@media screen and (min-width:637px){
.Mapq li{position:  absolute; border:0; padding: 0}
.Mapq li b{ /*border: 1px solid #f00; */display: block;  position: absolute; cursor: pointer; }
.Mapq li .text{display: none; background: #fff; position: relative; padding: 20px; border: 1px solid #999; width: 560px; margin: 0 auto; margin-top: 30px;}
.Mapq li .text .close{ position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; display: inline-block; background: url(../images/fancybox_sprite.png) no-repeat top center;}
.Mapq li span{display: none;}

.Mapq li.li1{ top: 119px; left: 0px}
.Mapq li.li1 b{ left: 147px; top: 0; width: 40px; height: 40px;border-radius: 40px;}

.Mapq li.li2{ top:323px; left: 0px}
.Mapq li.li2 b{ left: 175px; top: 0; width: 30px; height: 30px;border-radius: 30px;}



.Mapq li.li3{ top:233.6px; left: 0px}
.Mapq li.li3 b{ left: 284.8px; top: 0; width: 30px; height: 30px;border-radius: 30px;}


.Mapq li.li4{ top:250.6px; left: 0px}
.Mapq li.li4 b{ left: 287.4px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li5{ top:211.5px; left: 0px}
.Mapq li.li5 b{ left:323px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li6{ top:271.5px; left: 0px}
.Mapq li.li6 b{ left:351.5px; top: 0; width: 30px; height: 30px;border-radius: 30px;}




.Mapq li.li7{ top:326.5px; left: 0px}
 .Mapq li.li7 b{ left: 298.45px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li8{ top:323px; left: 0px}
.Mapq li.li8 b{ left: 345px; top: 0; width: 30px; height: 30px;border-radius: 30px;}



.Mapq li.li9{ top:401px; left: 0px}
.Mapq li.li9 b{ left: 282.5px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li10{ top:380.5px; left: 0px}
.Mapq li.li10 b{ left: 331.5px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li11{ top:430px; left: 0px}
.Mapq li.li11 b{ left: 350.5px; top: 0; width: 30px; height: 30px;border-radius: 30px;}


.Mapq li.li12{ top:174.2px; left: 0px}
.Mapq li.li12 b{ left: 383.5px; top: 0; width: 39px; height: 39px;border-radius: 39px;}

.Mapq li.li13{ top:179.2px; left: 0px}
.Mapq li.li13 b{ left: 431.5px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li14{ top:199.2px; left: 0px}
.Mapq li.li14 b{ left: 440.5px; top: 0; width: 30px; height: 30px;border-radius: 30px;}


.Mapq li.li15{ top:219.2px; left: 0px}
.Mapq li.li15 b{ left: 390.5px; top: 0; width: 30px; height: 30px;border-radius: 30px;}


.Mapq li.li16{ top:212.2px; left: 0px}
.Mapq li.li16 b{ left: 422.5px; top: 0; width: 30px; height: 30px;border-radius: 30px;}


.Mapq li.li17{ top:232.2px; left: 0px}
.Mapq li.li17 b{ left: 445.5px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li18{ top:262.2px; left: 0px}
.Mapq li.li18 b{ left: 406.5px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li19{ top:297.2px; left: 0px}
.Mapq li.li19 b{ left: 450px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li20{ top:293px; left: 0px}
.Mapq li.li20 b{ left: 477px; top: 0; width: 30px; height: 30px;border-radius: 30px;}


.Mapq li.li21{ top:303px; left: 0px}
.Mapq li.li21 b{ left: 504px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li22{ top:317px; left: 0px}
.Mapq li.li22 b{ left: 486px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li23{ top:321px; left: 0px}
.Mapq li.li23 b{ left: 419px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li24{ top:353px; left: 0px}
.Mapq li.li24 b{ left: 404px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li25{ top:346px; left: 0px}
.Mapq li.li25 b{ left: 441px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li26{ top:376px; left: 0px}
.Mapq li.li26 b{ left: 486px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li27{ top:408px; left: 0px}
.Mapq li.li27 b{ left: 414px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li28{ top:420px; left: 0px}
.Mapq li.li28 b{ left: 430px; top: 0; width: 40px; height: 40px;border-radius: 40px;}

.Mapq li.li29{ top:480px; left: 0px}
.Mapq li.li29 b{ left: 377px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li30{ top:410px; left: 0px}
.Mapq li.li30 b{ left: 514px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li31{ top:89px; left: 0px}
.Mapq li.li31 b{ left: 516px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li32{ top:119px; left: 0px}
.Mapq li.li32 b{ left: 510px; top: 0; width: 30px; height: 30px;border-radius: 30px;}

.Mapq li.li33{ top:147px; left: 0px}
.Mapq li.li33 b{ left: 492px; top: 0; width: 30px; height: 30px;border-radius: 30px;}










}






@media screen and (min-width:1205px){
.picMap li{position:  absolute; border:0; padding: 0}
.picMap li b{/* border: 1px solid #f00;*/ display: block;  position: absolute; cursor: pointer; }
.picMap li .text{display: none; background: #fff; position: relative; padding: 20px; border: 1px solid #999; width: 1100px; margin: 0 auto; margin-top: 30px;}
.picMap li .text .close{ position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; display: inline-block; background: url(../images/fancybox_sprite.png) no-repeat top center;}
.picMap li span{display: none;}

.picMap li.li0{ top: 280px; left: 0px}
.picMap li.li0 b{ left: 402px; top: 0; width: 40px; height: 40px;border-radius: 40px;}

.picMap li.li1{ top: 109px; left: 0px}
.picMap li.li1 b{ left: 367px; top: 0; width: 40px; height: 40px;border-radius: 40px;}

.picMap li.li2{ top:185px; left: 0px}
.picMap li.li2 b{ left:45px; top: 0; width: 40px; height: 40px;border-radius: 40px;}



.picMap li.li3{ top:263.6px; left: 0px}
.picMap li.li3 b{ left: 262px; top: 0; width: 40px; height: 40px;border-radius: 40px;}


.picMap li.li4{ top:315.6px; left: 0px}
.picMap li.li4 b{ left: 54px; top: 0; width: 40px; height: 40px;border-radius: 40px;}

.picMap li.li5{ top:446.5px; left: 0px}
.picMap li.li5 b{ left:110px; top: 0; width: 40px; height: 40px;border-radius: 40px;}

.picMap li.li6{ top:307px; left: 0px}
.picMap li.li6 b{ left:287px; top: 0; width: 40px; height: 40px;border-radius: 40px;}


.picMap li.li7{ top:304px; left: 0px}
.picMap li.li7 b{ left:376px; top: 0; width: 40px; height: 40px;border-radius: 40px;}

.picMap li.li8{ top:366px; left: 0px}
.picMap li.li8 b{ left: 377px; top: 0; width: 40px; height: 40px;border-radius: 40px;}



.picMap li.li9{ top:445px; left: 0px}
.picMap li.li9 b{ left: 480px; top: 0; width: 40px; height: 40px;border-radius: 40px;}

.picMap li.li10{ top:218px; left: 0px}
.picMap li.li10 b{ left: 905px; top: 0; width: 40px; height: 40px;border-radius: 40px;}



.picMap li.li11{ top:286px; left: 0px}
.picMap li.li11 b{ left:901px; top: 0; width: 40px; height: 40px;border-radius: 40px;}

.picMap li.li12{ top:383px; left: 0px}
.picMap li.li12 b{ left: 1067px; top: 0; width: 40px; height: 40px;border-radius: 40px;}

}

/*17-12-26 新增*/
.PrevNext{margin-top:20px;}
.NextPage,.PrevPage{float: left;max-width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.NextPage{float: right;}


.proInfos2 .right{padding-right: 10%;padding-top: 20px;}
.right .big_img{height:100%; width:100%;}
.right .big_img li{width:100%;  height:100%; }
.right .big_img li .table{ display:table; width:100%; height:100%;}
.right .big_img li .table_cell{ display:table-cell; vertical-align:middle; padding:0 5%;position: relative;}
.right .big_img li .table_cell:hover span{display: block;}
.right .big_img li .table_cell span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/fangda.png)no-repeat center;display: none;}
.right .big_img li img{ max-height:100%;}
.right .big_img li h2{font-size:28px; color:#ff7e46}
.right .big_img li{ text-align:center;}
.right .big_img .table{border:none;}

.right .list{ padding:0 30px;position:relative;}
.right .list .prev,
.right .list .next{ position:absolute; width:26px; height:26px; background:url(../images/righinfo001278-btn_prev.png) no-repeat center center; cursor:pointer;top:50%; margin-top:-13px; z-index:10;}
.right  .list a.prev{ left:0;}
.right .list a.next{ right:0; background-image:url(../images/righinfo001278-btn_next.png);}
.right .list a.prevStop,
.right .list a.nextStop{ cursor:default;}
.right .list li{position:relative; text-align:center;float: left;}
.right .list li .table{width:90%; margin:0 auto;padding:5px;border:1px solid #f2f2f2;}
.right .list li.on .table{ border-color:#6ad1f4;}
.right .list li h2{display: none;}

@media screen and (max-width:768px){
    .NextPage,.PrevPage {float: none;max-width: 100%;} 
}

@media screen and (max-width:992px){
    .proInfos2 .right{padding:0;}
    .right .list{}
    .right .big_img li{border:none;}
    .clearfix .table{border:none;}
}