@charset "utf-8";
/* CSS Document */
body { background: #f1f1f1;}
.mainbox { width: 1190px; margin: 0 auto; overflow:hidden; }
.mainbox.mt20{ margin-top:20px;}
.mainbox.mt15{ margin-top:15px;}
.box260{width:260px; float:left;}
.box660 { width: 660px; height: auto; }
.box920{width:920px; float: right;}
.box455{width:407px; height:264px; background:#fff; padding:8px 24px;}

/* topNav */
#m-topnav{width:100%;background-color:#f6f6f6;font-size:14px;color:#999;height:39px; line-height: 39px; border-bottom: 1px solid #e9e9e9;}
#m-topnav .fl span{padding:0 8px; color:#666;}
#m-topnav .fl a{padding:0 10px; color: #666;}
#m-topnav .fl em{height: 10px; line-height: 10px; color: #d2d2d2; font-style:normal;}
#m-topnav a.font_c1{color: #666;padding-left:22px; }
#m-topnav dd a.font_c1{color: #999;padding-left:2px; }
#m-topnav a.font_c2{color: #666;}
#m-topnav a:hover,#m-topnav dd a.font_c1:hover{color:#579ffb;}

#m-topnav .tnr{ float: right;}
#m-topnav .tnl dd a:hover{color: #1981b7;}
#m-topnav dd{position: relative;height: 39px;line-height: 39px;margin-left:10px; color:#666; float: left;}
#m-topnav dd a{width:100px;padding-left:10px;display: block;}
#m-topnav .u-menu{display: none;position: absolute;left:0px;top:39px;min-width: 100%;border: 1px solid #dedee0;border-top: 0;padding-bottom:5px; background: #fff;*width:100px;z-index: 9999;line-height: 30px;}
#m-topnav .u-menu a{width:90px; padding-left:15px;color: #999;}
#m-topnav .u-menu a:hover{color:#579ffb;}
/*status下拉展开*/
#m-topnav dd.traderoom{width: 125px; float:left;}
#m-topnav dd a.sve{ background:url(../images/icon_sev.png) no-repeat 100px 17px; display:block;width:115px; color: #999;}
#m-topnav dd a.sve.active{border:1px solid #ddd;border-bottom: 0;border-top: 0;background:#fff url(../images/icon_sev.png) no-repeat 100px -17px;color:#579ffb;}

/*home footer*/
.m-footer {width: 100%; height:400px; background: #333; position: relative; overflow:hidden; margin-top:40px; }
.m-footer .footer{width:906px;padding-left:260px; margin-top:20px; background:url(../images/logo2.png) no-repeat left top;position:relative;}
.m-footer ul li{width:195px; float: left;}
.m-footer ul li h3{font-size:16px; color:#fff; height:30px; line-height:20px; margin-bottom:6px;}
.m-footer ul li a{display:block; font-size:12px; color:#999;height:24px; line-height:24px;}

.m-footer ul li.last{ float:left;width:240px;height:160px;}
.m-footer ul li.last a{display:block;width:230px; height:45px; line-height:45px; margin-bottom:22px; border-radius:6px; font-size:16px;color:#fff; text-align:center;}
.m-footer ul li.last a.btn_service{ background:#579ffb;}
.m-footer ul li.last a.btn_Exhi{ background:#ff7e00;}
.m-footer ul li.last a:hover{opacity: .7;filter: alpha(opacity=70);}

.m-footer .foot{ clear:both; border-top:1px solid #404040; padding-top:25px;}
.m-footer .foot p { line-height: 26px; color: #555}
.m-footer .foot p a { padding: 0 6px; color:#999;}
.m-footer .foot p a.a1{ padding-left:0;}
.m-footer .foot p span { color:#666;padding-right:10px; }
.m-footer a:hover,.m-footer .foot p a:hover{ color:#fff;}


.footLinks{ clear:both; padding:20px 0; overflow:hidden;}
.footLinks dt{float:left; width:90px; line-height:30px; text-align:center; color:#ccc;font-size:14px;}
.footLinks dd {float:left; line-height:30px; padding-left:10px;}
.footLinks dd a{ font-size:13px; color:#999; text-align:center; display:block;}
.footLinks dd a:hover{ color:#ccc}

/*---------- nav ----------*/
.m-nav{ clear: both; width:100%; height:50px; line-height:50px; background:#333;}
.nav{position:relative;width:1190px; margin:0 auto; height:50px; font-size:21px;}
.nav dt{float:left;width:236px; background:#579ffb; padding-left:24px; margin-right:26px;}
.nav dt a{color:#fff;}
.nav dd { float: left; padding-right:48px;}
.nav dd a { float: left; display: block; height:50px; line-height: 50px;color: #fff;}
.nav dd.active a{ font-weight: bold;color: #579ffb;}
.nav dd a:hover{color: #579ffb;}


.siderMenu {width: 258px; height:348px; margin-bottom:20px; border:1px solid #e9e9e9; position:relative; float:left;}
.sideList_tit{width:258px;}
.sideList_tit h2 { position: relative; height:36px; line-height:36px;border-top:1px solid #fff;border-bottom:1px solid #fff; background:#fff url(../images/icon_tip.png) no-repeat 240px 11px;cursor:pointer;}
.sideList_tit h2 a {font-size: 14px; color: #666; padding-left:24px;}
.sideList_tit h2 a:hover{ color:#579ffb;}

.sideList_tit.active {border-top:1px solid #ff7e00;border-bottom:1px solid #ff7e00;background-color: #fff!important; }
.sideList_tit.active h2 {position:relative;z-index:9995; background-position:240px -19px;border-left:1px solid #ff7e00;}
.sideList_tit.active h2 a{color:#333; display:block;}
.sideList_tit.active h2 a:hover{color:#579ffb;}

.i-list { display:none; position: absolute; z-index:98; left: 257px; top: 0;height: auto; background-color: #fff; border:1px solid #ff7e00;width: 680px; height:347px; overflow:hidden; }
.i-list .i-list-l{width:370px; padding:20px 0;  float:left;}
.i-list .i-list-l .pro_list{overflow: hidden; }
.i-list .i-list-l .pro_list a { display:block; float:left; width:150px; padding-left:25px; line-height: 30px; font-size:12px; color: #666; overflow: hidden; white-space: nowrap; }
.i-list .i-list-l .pro_list a:hover{ color:#579ffb;}
.i-list .i-list-l p.more{width:320px; margin:10px auto; height:18px; line-height:18px; overflow:hidden; text-align:center; color:#999; background:#f1f1f1;}
.i-list .i-list-r{ float:right;width:300px; height:347px; background:#f6f6f6; overflow:hidden;}
.i-list .i-list-r ul{margin-top:15px }
.i-list .i-list-r ul li{ float:left; margin:5px 0 0 20px;}
.i-list .i-list-r ul li .u-img{display: table-cell;width: 120px;height: 120px;vertical-align: middle;*font-size: 105px;border:1px solid #e6e6e6; background:#fff; }
.i-list .i-list-r ul li .u-img img{max-width: 120px;max-height: 120px; margin:0 auto; display:block;
    width: expression(this.width > 120 && this.width > this.height ? 120: true);
    height: expression(this.height >120 ? 120: true);
    vertical-align: middle;overflow: hidden;}
.i-list .i-list-r ul li .u-img:hover{border:1px solid #579ffb;}
.i-list .i-list-r ul li p{max-width: 123px; height:30px; line-height:30px; text-align:center; overflow:hidden;}
.i-list .i-list-r ul li p a{ color:#999; font-size:12px;}
.i-list .i-list-r ul li p a:hover{color:#579ffb;}
/* banner */
.banner{width:670px; height:340px; float:left; margin-top:10px; margin-left:10px;}
.fullSlide{ width:100%;  position:relative;  height:340px; z-index:9;}
.fullSlide .m-bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .m-bd ul{ width:100% !important;}
.fullSlide .m-bd li{ width:100% !important;height:340px; overflow:hidden; text-align:center;  }
.fullSlide .m-bd li a{display:block; height:340px; }

.fullSlide .m-hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; }
.fullSlide .m-hd ul{ text-align:center; }
.fullSlide .m-hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:16px; height:16px; margin:1px; overflow:hidden; background:center 0 no-repeat;border-radius: 8px;background: #fff; line-height:999px; margin-left: 5px;
}
.fullSlide .m-hd ul .active{ background:#579ffb;}

.fullSlide .prev,
.fullSlide .next{display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:0%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow2.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.2; display:none;  }
.fullSlide .next{ left:auto; right:0%; background-position:-6px -137px; }

/*homeLogin*/
.login_sider{float:right;width:238px; height:338px; margin-top:10px;border:1px solid #e9e9e9;background:#fff;}
.login_sider .login_mes { height:110px; border-bottom:1px solid #e9e9e9;}
.login_sider .login_mes em{ display:block;width:100%;height:40px; line-height:40px; text-align:center;font-size:16px; color:#333;}
.login_sider .login_mes b{ display:block;width:100%;height:40px; line-height:40px; text-align:center;font-size:16px; color:#333;}

.login_sider .btn_sign{width:120px; height:30px; line-height:30px;margin:2px auto;border:1px solid #ff7e00;background: #ff7e00;border-radius:5px; text-align:center;}
.login_sider .btn_sign a{display:block;font-size:14px;color:#fff;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}
.login_sider .btn_sign a:hover{font-size:15px; }

.login_sider .link_join{ padding-left:15px; color:#666;}
.login_sider .link_join a{color:#579ffb;font-size:14px; padding-left:10px;}
.login_sider .link_join a:hover{ color:#ff7e00;}

.login_sider .links{margin:0 0 2px; padding-left:16px; background:url(../images/icon_l.png) no-repeat 0 5px;}
.login_sider .links a{color:#666; font-size:12px;}
.login_sider .links a:hover{ color:#36c;}

.help{ clear:both; padding-left:2px;}
.help .tabTit{ width:96%; margin:0 auto;}
.help .tabTit a{ float:left; border-bottom:2px solid #aaa; color:#333;width:50%; display:block; height:30px; line-height:30px; text-align:center; font-size:14px;}
.help .tabTit a:hover{ color:#333;}
.help .tabTit a.active{ border-bottom:2px solid #f60;color:#f60;}
.help dl{width:230px; float:left;}
.help dl dt{ line-height:25px; font-size:14px;}
.help dl dd{ line-height:18px; padding:10px 0 0 10px; color:#aaa; font-size:12px;}
.help dl dd a{ display:block; font-size:14px;color:#666 ;}
.help dl dd a:hover{ color:#579ffb;}
.help dl dd span{ padding-left:22px;}
/*
一直旋转
@-webkit-keyframes btnRotate {

0% {

    -webkit-transform: rotateZ(0deg);

    }

100% {

    -webkit-transform: rotateZ(360deg);

    }

}
.login_sider {  -webkit-animation: btnRotate 1.5s linear infinite; }

*/

.showPrc{width:220px; height:264px; padding:8px 20px; background:#fff; float:left;}
.imgPrc{width:220px; height:140px; background:#ddd; margin-bottom:10px;}
.prcInfo p{ clear:both; font-size:12px; color:#666; line-height:24px;}
.prcInfo p a{ font-size:14px; color:#666; float:left;}
.prcInfo p span{ font-size:14px; color:#ff7e00; float:right;}

.prcInfo p.btnLink2 a{ font-size:14px; color:#579ffb; float:left; text-decoration:underline;}

.m-latest{ height:225px; padding-top:3px;}
.m-latest li{ width:407px;line-height:32px;height:32px; overflow:hidden;}
.m-latest li span{ float:right;width:80px; text-align:right; color:#bbb; font-size:12px;}
.m-latest li i{margin:8px 10px 0 0; display:block; float:left;}
.m-latest li a{float:left; display:block;width:290px; font-size:14px; color:#666;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.m-latest li a:hover{ color:#579ffb;}
.m-latest li i.iconfont{font-size:21px;margin:-1px 10px 0 0;}
.m-latest li i.new{color:#579ffb;}
.m-latest li i.zk{color:#ff7e00;}

/*首页资讯*/
.m-tlist{margin: 10px 0 50px;width:380px;}
.m-tlist li{height: 30px; line-height: 30px; overflow: hidden;color: #666;}
.m-tlist li a{display: block;float: left;width:300px; color: #666;}
.m-tlist li a:hover{ color: #2894f8;}
.m-tlist li span{display:block;width:35px; float:right;color: #999;}

/* company vip */
.m-company{padding:8px 24px;width: 212px; height:373px; background:#fff;}
.companyScroll{ width: 210px; overflow:hidden; position:relative;}
.companyScroll .m-hd{ width:60px; margin:0 auto;height:30px;padding:0 10px; overflow:hidden;  }
.companyScroll .m-hd ul{ zoom:1; margin-top:20px;}
.companyScroll .m-hd ul li{ float:left;  width:10px; height:10px; overflow:hidden; border-radius:5px; margin-right:5px; text-indent:-999px; cursor:pointer; background:#ccc;}
.companyScroll .m-hd ul li.active{ background:#579ffb; }
.companyScroll .m-bd{ margin-top:6px; }
.companyScroll .m-bd ul{ overflow:hidden; zoom:1;}
.companyScroll .m-bd ul li{overflow:hidden;}
.companyScroll .m-bd ul li a{ display:block;height:32px; line-height:32px; font-size:12px; color:#f60; background:url(../images/icon_vip.jpg) no-repeat 0 5px; padding-left:30px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.companyScroll .m-bd ul li a:hover{color:#579ffb;}

.ad260x90 li{width:260px; height:110px; background:#ddd; margin-top:10px;}
.ad120x120{width:100%; height:120px; padding:25px 0 25px 20px; background:#fff;}
.ad120x120 li{width:120px; height:120px; margin-right:6px; float:left;}
.ad120x120 li img{ display:block;width:120px; height:120px;}

.ad165x165{width:100%; height:165px; padding:25px 0 25px 20px; background:#fff;}
.ad165x165 li{width:165px; height:165px; margin-right:14px; float:left;}
.ad165x165 li img{ display:block;width:165px; height:165px;}

/*productList*/
.m-product{width:95%; height:230px; background:#fff; margin-top:15px; padding:6px 24px; position:relative; }
.m-product.h250{ height:250px;}

.picScroll{ width: 860px;overflow:hidden; }
.picScroll .prev,.picScroll .next{ position:absolute;top:100px; display:block;  width:30px; height:70px; overflow:hidden;cursor:pointer;}
.picScroll .m-hd .prev{left:5px; }
.picScroll .m-hd .next{right:10px;}
.picScroll i.iconfont{ font-size:40px; color:#ccc;}

.picScroll .m-bd{ padding:10px 8px;}
.picScroll .m-bd ul{ height:200px; overflow:hidden; zoom:1; }
.picScroll .m-bd ul li{width:152px; height:200px; position:relative; margin:0 10px;}
.picScroll .m-bd ul li .u-img{border:1px solid #e9e9e9; display: table-cell;width: 150px;height: 150px;vertical-align: middle;*font-size: 131px; background:#fff; }
.picScroll .m-bd ul li .u-img img{max-width: 150px;max-height: 150px; margin:0 auto; display:block;
    width: expression(this.width > 150 && this.width > this.height ? 150: true);
    height: expression(this.height >150 ? 150: true);
    vertical-align: middle;overflow: hidden;}
.picScroll .m-bd ul li .u-img:hover{border:1px solid #579ffb;}
.picScroll .m-bd ul li a.u-tit{ display:block;width:152px; height:30px; line-height:30px; overflow:hidden;text-align:center; color:#666;}


/*meeting*/
.m-meeting{padding:8px 24px;width: 212px; height:374px; background:#fff; float:left;}
.m-meeting ul{ margin-top:10px;}
.m-meeting ul li{ clear:both; margin-bottom:18px; overflow:hidden;}
.m-meeting ul li .imgbox{width:80px; height:80px; background:#bbb; float:left;}
.m-meeting ul li .exhi{ width:126px; float:right;}
.m-meeting ul li .exhi h3{ line-height:21px; max-height:42px; overflow:hidden;}
.m-meeting ul li .exhi h3 a{ color:#666; font-size:14px;word-break: break-all;}
.m-meeting ul li .exhi p{ font-size:12px; color:#999;}

/*20170928*/
.m-meeting ul li .exhi.exhi2{ width:136px; float:right;}
.m-meeting ul li .m-date{width:60px; height:60px; float:left;border: 1px solid #579ffb; }
.m-meeting ul li .m-date p{ height: 22px; line-height: 22px; text-align: center; background: #579ffb;color: #fff;}
.m-meeting ul li .m-date span{ display: block;height: 38px; line-height: 38px; text-align: center; font-size:26px; color: #579ffb;}

/*news*/
.m-tab{ overflow:hidden; height:390px;}
.tabMenu{height:50px;}
.tabMenu li{width:227px; height:50px; line-height:50px;float:left; margin:0 1px; border-bottom:2px solid #ddd; text-align:center;font-size:18px; color:#666; cursor:pointer;}
.tabMenu li.active{border-bottom:2px solid #579ffb;color:#000;}

.iList .iNews{ height:86px; margin:20px 0 15px; overflow:hidden;}
.iList .iNews dd{ width:400px; margin-left:40px; float:left; height:86px; overflow:hidden;}
.iList .iNews dd .imgbox{width:106px; height:86px; float:left;}
.iList .iNews dd .newInfo{float:left; margin-left:10px; width:270px;}
.iList .iNews dd .newInfo a{ display:block; font-size:16px; color:#333; height:48px; line-height:24px; text-overflow:ellipsis; overflow:hidden;}
.iList .iNews dd .newInfo a:hover{ color:#579ffb;}
.iList .iNews dd .newInfo p{font-size:12px; color:#aaa; line-height:18px; height:36px; text-overflow:ellipsis;  overflow:hidden;}

/*nopic news*/
.iList .iNews dd .newInfo.nopic{float:none; margin-left:0;width:400px;}
.iList .iNews dd .newInfo a{ display:block; font-size:14px; color:#333; height:48px; line-height:24px; text-overflow:ellipsis; overflow:hidden;}
.iList .iNews dd .newInfo p{font-size:12px; color:#aaa; line-height:18px; height:36px; text-overflow:ellipsis;  overflow:hidden;}

.iList ul li{width:400px; margin-left:40px; float:left; line-height:32px; height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.iList ul li a{width:370px;font-size:14px; color:#666; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.iList ul li a:hover{ color:#579ffb;}
.iList ul li i.iconfont{font-size:20px; color:#ccc; margin:0 5px 0 0; display:block; float:left;}

/*companyList*/
.m-companyLogo{height:288px; background:#fff;  padding:6px 24px; position:relative; }
.companyLogo{ width: 1190px; margin-top:10px;overflow:hidden; }
.companyLogo ul{ overflow:hidden; zoom:1; }
.companyLogo ul li{width:170px; height:200px; border:1px solid #e9e9e9; position:relative; margin-right:22px; float:left;}
.companyLogo ul li .u-img{display: table-cell;width: 170px;height: 150px;vertical-align: middle;*font-size: 131px; background:#fff; }
.companyLogo ul li .u-img img{max-width: 170px;max-height: 150px; margin:0 auto; display:block;
    width: expression(this.width > 170 && this.width > this.height ? 150: true);
    height: expression(this.height >150 ? 150: true);
    vertical-align: middle;overflow: hidden;}
.companyLogo ul li:hover{border:1px solid #579ffb;}
.companyLogo ul li p{width:170px; height:42px; line-height:20px; text-align:center; background:#e9e9e9;color:#999; font-size:12px; padding-top:8px; text-overflow:ellipsis;overflow:hidden;}

/*newsProList*/
.m-newsProList{height:268px; background:#fff;  padding:6px 24px; position:relative; margin-top:15px; }
.newsProList{ width: 1190px; margin-top:10px;overflow:hidden; }
.newsProList ul{ overflow:hidden; zoom:1; }
.newsProList ul li{width:152px; height:200px;  position:relative; margin-right:13px; float:left;}
.newsProList ul li .u-img{display: table-cell;width: 150px;height: 150px;vertical-align: middle;*font-size: 131px; background:#fff;border:1px solid #e9e9e9; }
.newsProList ul li .u-img img{max-width: 150px;max-height: 150px; margin:0 auto; display:block;
    width: expression(this.width > 150 && this.width > this.height ? 150: true);
    height: expression(this.height >150 ? 150: true);
    vertical-align: middle;overflow: hidden;}
.newsProList ul li a:hover{border:1px solid #579ffb;}
.newsProList ul li p{width:150px; height:42px; line-height:18px; text-align:center; color:#999; font-size:12px; padding-top:8px;}

/*Hot categorles*/
#slide { position: relative;width: 887px;height:152px; margin-top:12px; overflow: hidden; }
#slide ul{height:150px;}
#slide ul li{float:left; margin-right:10px;}
#slide ul li.on{ border:1px solid #efefef;}
#slide ul li .container { position: relative; overflow: hidden; height: 150px; }
#slide ul li .container .iconMessage{ float:left;width:150px; height:150px;}
#slide ul li .container .iconMessage a img{ display:block;width:150px; height:150px;}
#slide ul li .container .info{width:220px; height:150px; background:#fff; position:absolute; left:170px;}
#slide ul li .container .info h3{padding-top:10px;}
#slide ul li .container .info h3 a{font-size:18px; color:#333;padding-left:20px; text-align:center; color:#f70;}
#slide ul li .container .info a{ display:block; line-height:26px;  color:#666; font-size:14px; padding-right:30px; }
#slide ul li .container .info a:hover{ color:#579ffb;}


/*skype*/
*html, *html body {background-image:url(about:blank);background-attachment:fixed;}
*html #skype {position:absolute;Bottom:expression(eval(document.documentElement.scrollBottom));}
#skype { border-radius:18px; overflow:hidden; width:100px;position:fixed;top:230px;left:5px;z-index:999;_position:absolute;_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 4)||48)));
}
#skype a{display:block;width:100px;height:108px;background:url(http://meta.glassinchina.com/global2016/images/icon_skype.png) no-repeat;}