@charset "utf-8";



/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,

form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0;}

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; }

ol,ul,li { list-style: none; }

caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }

q:before,q:after { content:''; }

abbr,acronym { border: 0; }

div {margin:auto;}



/*-- All --*/

html{ min-width:1200px;font-family:"Microsoft YaHei",SimSun,SimHei;}

body{ color:#333;font:12px/20px Arial,"Microsoft YaHei","宋体",sans-serif; text-align:center; background:#fff;  }

a{ color:#333; text-decoration:none; outline:none;}

a:hover {color:#f00; text-decoration:none; }

table { border-collapse: collapse; border-spacing: 0; empty-cells:show; }

table td,table th{ border:#ddd solid 1px; padding: 5px 0; }

table th{ background:#39A4DC; color:#fff;  }

table .new td{ color:#f60; font-weight:bold;  }

.z{float:left;}

.y{float:right;}

/* header */

.header {width:100%; height:100%; overflow:hidden; border-top:10px #000 solid;}

.header .box {width:1200px; height:140px; overflow:hidden;}

.header .box .logo{width:470px; height:140px; background:url(../images/logo_new.jpg);}

.header .box .so{width:450px; height:140px;}

.header .box .so .bd {width:300px; height:30px; border:1px #ccc solid; border-radius:8px 0 0 8px; margin-top:40px; line-height: 50px; padding: 10px;}

.header .box .so .button {width:70px; height: 52px; background: #000000; color:#fff; border:0px; margin-top: 40px;font-family:”Microsoft YaHei”; font-size: 16px;border-radius:0px 8px 8px 0px;}

/* nav */

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

.navBar{ position:relative; z-index:1;  background:#000; color:#fff; height:80px; line-height:80px;   }

.nav{ width:1200px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }

.nav .m{ float:left;  position:relative; width: 120px; text-align: center; background:url(../images/li.gif) right center no-repeat;}

.nav h3{ float:left;font-weight:normal; font-size:16px; height:80px; overflow:hidden; text-align: center; width: 120px;  }

.nav h3 a{ display:block; color:#fff; }

.nav .on{ border:0; text-align: center; }

.nav .on h3 a{color:#fff; font-weight:bold;}

.nav .sub{ display:none; /*默认隐藏*/ width:160px; padding:5px 10px 10px 10px;   position:absolute; left:0; top:80px; background:#fff; border:1px solid #000; border-top:0;   }

.nav .sub li{ height:20px; line-height:20px; padding:4px 0;  float:left; width:80px;}

.nav .sub li a{ display:block; padding-left:6px; color:#999;   }

.nav .sub li a:hover{ color:#FA6D06;}

.nav #m7 .sub{ width:320px; left:auto; right:-1px; }

.nav #m3 .sub{ width:320px; left:auto; right:-1px;}

.nav #m3 .sub li{ height:20px; line-height:20px; padding:4px 0;  float:left; width:160px;}

.nav #m5 .sub{ width:500px; left:auto; right:-1px;}

.nav #m5 .sub li{ height:20px; line-height:20px; padding:4px 0;  float:left; width:250px;}

/* pic */

.fullSlide{ width:100%;  position:relative;  height:410px; background:#000;  }

.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }

.fullSlide .bd ul{ width:100% !important;  }

.fullSlide .bd li{ width:100% !important;  height:410px; overflow:hidden; text-align:center;  }

.fullSlide .bd li a{ display:block; height:410px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }

.fullSlide .hd ul{ text-align:center; }

.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }

.fullSlide .hd ul .on{ background:#f00;  }

.fullSlide .prev,

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

.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

/* 第一栏 */

.box_a {width:1200px; height:100%;overflow: hidden;}

.box_a .tops{width: 1200px; height: 100%; overflow: hidden; margin-top: 40px;}

.box_a .tops h1{width: 1200px; height: 40px; line-height: 40px; font-size:28px; font-family:”Microsoft YaHei”; color: #b3b4b4;}

.box_a .tops h2{width: 1200px; height:24px; line-height:24px; font-size:12px; font-family:SimHei; color: #b3b4b4;}

.box_a .heng {width: 1200px; height: 10px; background: url(../images/heng.gif); overflow: hidden; margin-top:5px;}

.box_a .cons{width: 1200px; height: 100%; overflow: hidden; margin:50px 0px;}

.box_a .cons .indexpic {width: 430px; height: 269px; background: url(../images/index.gif);}

.box_a .cons .indextext{width:750px; height:269px; float:left; margin-left: 20px; text-align: left; line-height: 25px; font-size:14px;}



.box_b {width:100%; height:100%;overflow: hidden; background: #f5f5f5;}

.box_b .tops{width: 1200px; height: 100%; overflow: hidden; margin-top: 40px;}

.box_b .tops h1{width: 1200px; height: 40px; line-height: 40px; font-size:28px; font-family:”Microsoft YaHei”; color: #b3b4b4;}

.box_b .tops h2{width: 1200px; height:24px; line-height:24px; font-size:12px; font-family:SimHei; color: #b3b4b4;}

.box_b .heng {width: 1200px; height: 10px; background: url(../images/henghui.gif); overflow: hidden; margin-top:5px;}





.scrollBox{position:relative;padding:50px 10px;width:1200px;}

.scrollBox .piclist{overflow:hidden;zoom:1}

.scrollBox .ohbox{position:relative;left:0px;overflow:hidden;width:1078px}

.scrollBox{position:relative;overflow:hidden;zoom:1}

.scrollBox .piclist li{float:left;display:inline;margin-right:10px;padding:5px;width:240px; height:220px; border:1px solid #c9bea9;background:#fff}

.scrollBox .piclist li img{width:240px; height: 180px;}

.scrollBox .piclist li span{display:block;width:240px; height:40px;text-align:center;line-height:40px;}

.scrollBox .pageBtn span{position:absolute;top:180px;display:block;overflow:hidden;width:28px;height:28px;background:url(../images/ico1.gif) no-repeat;text-indent:-999em;cursor:pointer}

.scrollBox .pageBtn .prev{left:20px;background-position:-0px -0px}

.scrollBox .pageBtn .next{right:20px;background-position:-28px -0px}

.scrollBox .pageBtn .list{overflow:hidden;margin:30px 0 0 555px;zoom:1}

.scrollBox .pageBtn .list li{float:left;display:inline;overflow:hidden;margin-left:10px;width:13px;height:13px;background:url(../images/ico2.png);background-position:-13px -0px;line-height:10000px;cursor:pointer}

.scrollBox .pageBtn .list li.on{background-position:-0px -0px;}

/*时间人数开始*/

.time{ width:100%; height:298px; float:left; background:url(../images/timebg.png) no-repeat center; background-size:cover;}

.time_content{ width:1200px; height:298px; margin:0 auto;}

.time_left{ width:40%; max-width:480px; float:left; height:298px;}

.time_left h1{ width:100%; float:left; height:24px; line-height:24px; font-size:22px; text-align:center; color:#FFF; font-weight:400; margin-top:96px;}

.time_left h2{ width:100%; float:left; height:56px; line-height:56px; font-size:54px; text-align:center; color:#FFF; margin-top:12px; font-weight:bold;}



.time_right{ width:60%; max-width:720px; height:298px; float:left;}

.wrapper { width: 630px; height:90px; float:left; margin-left:100px; margin-top:110px; display:none;}

.wrapper1{ width:200px; float:left; height:90px;}

.wrapper2{ width:200px; float:left; height:90px; margin-left:20px; border-right:1px solid #FFF; border-left:1px solid #FFF;}

.wrapper3{ width:200px; float:left; height:90px;}



.counter { color:#ffe400; border-radius: 5px;}

.time1{ width:100px; height:54px; float:left;}

.time1 h1{ float:left;}

.time1 h2{ float:left;}

.time2{ width:70px; height:54px; float:left; margin-left:50px;}

.time3{ width:100px; height:54px; float:left; text-align:center;margin-left:40px;}

.timex{ width:50px; height:30px; margin-top:24px;color:#FFF; float:left;font-size:16px;}

.timey{ width:200px; float:left; color:#FFF;font-size:16px;}

.wrapper2 .timey{ width:148px; margin-left:52px; float:left;font-size:16px;}

.wrapper3 .timey{ width:152px; margin-left:48px; float:left;font-size:16px;}

.count-title { font-weight: normal; text-align: center;font-size:30px; margin-top: 24px; }

.count-text { font-size:13px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }

/*时间人数结束*/

.box_c {width:1200px; height:100%;overflow: hidden;}

.box_c .tops{width: 1200px; height: 100%; overflow: hidden; margin-top: 40px;}

.box_c .tops h1{width: 1200px; height: 40px; line-height: 40px; font-size:28px; font-family:”Microsoft YaHei”; color: #b3b4b4;}

.box_c .tops h2{width: 1200px; height:24px; line-height:24px; font-size:12px; font-family:SimHei; color: #b3b4b4;}

.box_c .heng {width: 1200px; height: 10px; background: url(../images/heng.gif); overflow: hidden; margin-top:5px;}

.box_c .cons{width: 1200px; height: 100%; overflow: hidden; margin:50px 0px;}

.box_c .cons ul{margin: 0px; padding: 0px; list-style: none;}

.box_c .cons ul li{width: 585px; height: 160px; overflow: hidden; float: left; background: #f7f7f7; margin-top: 25px;}

.box_c .cons ul .kong{margin-left: 25px;}

.box_c .cons ul li .picx{width:160px; height:90px; float: left; margin-top:35px; margin-left:35px;}

.box_c .cons ul li .picx img{width: 160px; height: 90px;}

.box_c .cons ul li .text{width:340px; height:100px; float: left; overflow: hidden; margin-left: 15px; margin-right:35px; margin-top: 30px;}

.box_c .cons ul li .text h1{width: 340px; height: 30px; line-height: 30px; font-size: 16px; overflow: hidden;}

.box_c .cons ul li .text h2{width: 340px; height: 72px; line-height:20px; font-size: 12px; overflow: hidden; margin-top:8px;}



/* more index */

.indexmore {width: 1200px; height:60px;}

.indexmore a{width:180px; height:60px;}





.box_d {width:100%; height:100%;overflow: hidden; background: #f5f5f5;}

.box_d .tops{width: 1200px; height: 100%; overflow: hidden; margin-top: 40px;}

.box_d .tops h1{width: 1200px; height: 40px; line-height: 40px; font-size:28px; font-family:”Microsoft YaHei”; color: #b3b4b4;}

.box_d .tops h2{width: 1200px; height:24px; line-height:24px; font-size:12px; font-family:SimHei; color: #b3b4b4;}

.box_d .heng {width: 1200px; height: 10px; background: url(../images/henghui.gif); overflow: hidden; margin-top:5px;}

.box_d .cons{width: 1200px; height:100%; overflow: hidden; margin-top:60px;}

.box_d .cons ul{margin:0px 0px; padding: 0px; list-style: none;}

.box_d .cons ul li{width: 386px; height: 360px; background: #fff; float:left; margin-left: 20px;}

.box_d .cons ul li .picx{width: 386px; height: 200px;}

.box_d .cons ul li .picx img{width: 386px; height: 200px;}

.box_d .cons ul li:hover{background: #e5e5e5;}

.box_d .cons ul li h1{width: 320px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #333; margin: 20px 33px 0 33px; overflow: hidden;}

.box_d .cons ul li h2{width: 320px; height:72px; line-height: 24px; text-align:left; font-size: 12px; color: #333; margin: 15px 33px 0 33px;overflow: hidden;}

.box_d .cons .on {margin-left:0px;}





.box_e {width:100%; height:100%;overflow: hidden; background: #f5f5f5;}

.box_e .tops{width: 1200px; height: 100%; overflow: hidden; margin-top: 40px;}

.box_e .tops h1{width: 1200px; height: 40px; line-height: 40px; font-size:28px; font-family:”Microsoft YaHei”; color: #b3b4b4;}

.box_e .tops h2{width: 1200px; height:24px; line-height:24px; font-size:12px; font-family:SimHei; color: #b3b4b4;}

.box_e .heng {width: 1200px; height: 10px; background: url(../images/henghui.gif); overflow: hidden; margin-top:5px;}





.clearfix:after{content:".";display:block;height:0;visibility:hidden}

.clearfix{display:inline-block}

* html .clearfix{height:1%}

.clearfix{display:block}

.clearfix:after,.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{zoom:1}



.mr20{margin-right:20px}





.card-area{margin:82px auto 0;height:450px;width:1280px;position:relative;}

.card-area .bg-e8e8e8{background:#ffffff;}

.card-area .bg-e1e1e1{background:#e1e1e1}

.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:25%;height:366px;background-color:transparent}

.card-area .card-item+.card-item{margin-left:-1px}

.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}

.card-area .card-item .card .card-content{width:100%;line-height:2}

.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}

.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}

.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:65px;line-height:26px;font-size:14px;top:0;}

.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%; height:65px;border-bottom:1px solid #cecece;}

.card-area .card-item .card .card-title h1{font-size:22px;color:#d9efff;margin-bottom:0;}

.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}

.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}

.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}

.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}

.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{

	transition:all .15s cubic-bezier(.4,0,.2,1) 0s;

	height:65px;

	line-height:65px;

	color:#000;

}

.card-area .card-item .card .main-info ul{}

.card-area .card-item .card .main-info ul li{width:100%;height:125px;border-bottom:1px solid #cecece;}

.card-area .card-item .card .main-info ul li:last-child{border-bottom:0;}

.card-area .card-item .card .main-info ul li .left{width:50%;height:100%;float:left;padding-left:25px;}

.card-area .card-item .card .main-info ul li .left p.tit{color:#000; margin-top:25px;}

.card-area .card-item .card .main-info ul li .right{width:30%;height:100%;float:right;}

.card-area .card-item .card .main-info ul li .right button{padding:5px 15px; background:none; border:1px solid #000;color:#000;margin-top:30px;}

.card-area .card-item .card .card-content{height:300px;position:absolute;top:66px}

.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}

.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}

.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}

.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}

.card-area .card-item .card .card-content.content-second p{margin:5px 0}

.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}

.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}

.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}

.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}

.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}

.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}

.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:50%;height:386px}

.card-area .card-item.active .card .card-title{background-color:#434142;height:65px;top:-15px;border:none;}

.card-area .card-item.active .card .card-title .content{border-bottom:0;}

.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}

.card-area .card-item.active .card .card-title h1{color:#fff; height:100%; line-height:66px;}

.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}

.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

/* 合作单位 */

.box_f {width:1200px; height:100%;overflow: hidden;}

.box_f .tops{width: 1200px; height: 100%; overflow: hidden; margin-top: 40px;}

.box_f .tops h1{width: 1200px; height: 40px; line-height: 40px; font-size:28px; font-family:”Microsoft YaHei”; color: #b3b4b4;}

.box_f .tops h2{width: 1200px; height:24px; line-height:24px; font-size:12px; font-family:SimHei; color: #b3b4b4;}

.box_f .heng {width: 1200px; height: 10px; background: url(../images/heng.gif); overflow: hidden; margin-top:5px;}

.box_f .cons{width: 1200px; height: 100%; overflow: hidden; margin:50px 0px 30px 0px;}

.box_f .cons ul{margin: 0px;padding: 0px; list-style:none;}

.box_f .cons ul li{width:285px; height: 60px; float: left; background:url(../images/link.gif); margin-left:20px; margin-bottom: 20px; text-align: center; line-height: 60px; font-size:14px; color: #666;}

.box_f .cons .on{margin-left: 0px;}

/* 底部导航 */

.dbnav{width: 100%; height: 54px; background:#434142; line-height: 54px; text-align: center; font-size: 14px; color: #fff;}

.dbnav a{font-size: 14px; color: #fff;}

.dbnav a:hover{font-size: 14px; color: #ff0;}

/* 底部版权信息 */

.footer {width:1200px; height: 100%; line-height:24px; padding: 20px 0px; font-size: 12px; color: #999; text-align:center;}

.footer a {
	color: #999;
}

.footer a:hover {
	color: #f00;
}

/* 列表显示 */

.list {width: 1200px; height: 100%; overflow: hidden; margin-top: 20px;}

.list .lefts{width:1198px; height: 100%; overflow: hidden; float: left; border: 1px #f1f1f1 solid;}

.list .lefts .tops{width:1168px; height:50px; line-height:50px; font-size: 14px; border-bottom: 1px #f1f1f1 solid; text-align: left; padding-left: 30px;}

.list .lefts .cons{width:1198px; height: 100%; overflow: hidden;}

.list .lefts .cons ul{margin: 0px; padding:20px; list-style: none;}

.list .lefts .cons ul li{height:100%; border-bottom: 1px #ccc dotted; margin-top: 20px; overflow: hidden; padding-bottom: 20px;}

.list .lefts .cons ul li .imgx{width:320px; height:240px; float: left;}

.list .lefts .cons ul li .imgx img{width:320px;height:240px;}

.list .lefts .cons ul li .text{width:818px; height:240px; float: left; margin-left: 20px; overflow: hidden;}

.list .lefts .cons ul li .text h1{width:818px; height:30px; line-height: 30px; font-size:24px; text-align: left; overflow: hidden;}

.list .lefts .cons ul li .text h2{width:818px; height:150px; line-height:30px; font-size:14px; text-align: left; overflow: hidden; margin-top: 20px;}

.list .lefts .cons ul li .text h3{width:818px; height:30px; line-height: 30px; font-size:12px; text-align:right; overflow: hidden;}

.list .lefts .page {width:820px; height: 100%; line-height:100px; overflow: hidden;}

.list .lefts .page a{padding:5px 12px; border:1px #f1f1f1 solid; font-size: 14px; color: #555; margin: 0px 5px;}

.list .lefts .page a:hover{padding: 5px 12px; border:1px #f1f1f1 solid; font-size: 14px; color: #555; background: #f1f1f1;}

/* 内容显示 */

.list .lefts .const{width:1198px; height: 100%; overflow: hidden;}

.list .lefts .const h1{width: 1158px; line-height: 60px; overflow: hidden; font-size: 24px; margin:20px 20px 0px 20px;}

.list .lefts .const .info{width:1158px; height: 42px; line-height: 42px; border-bottom: 1px #f1f1f1 solid; border-top: 1px #f1f1f1 solid;}

.list .lefts .constext{width:1158px; line-height:28px; border-bottom: 1px #f1f1f1 solid; text-align: left; overflow: hidden; font-size: 14px; margin-top: 20px; padding-bottom: 20px;}

.list .lefts .shangxia{width: 1158px; height:100%; overflow: hidden; border-top:1px #f1f1f1 solid;}

.list .lefts .shangxia ul{margin:10px 0px; padding: 0px; list-style: none;}

.list .lefts .shangxia ul li{line-height: 32px; text-align: left;}



/* 封面模版 */



.list .lefts .idcons{width:1198px; height: 100%; overflow: hidden;}

.list .lefts .idcons ul{margin: 0px; padding:0px; list-style: none;}

.list .lefts .idcons ul li{width: 374px; height:100%; margin-top: 20px; overflow: hidden; float: left; margin: 20px 0px 0px 20px;}

.list .lefts .idcons ul li .imgx{width:374px; height:240px; float: left;}

.list .lefts .idcons ul li .imgx img{width:374px;height:240px;}

.list .lefts .idcons ul li .text{width:374px; height:100%; float: left; overflow: hidden; padding-bottom: 20px;}

.list .lefts .idcons ul li .text h1{width:374px; height:30px; line-height: 30px; font-size:24px; margin-top: 20px; text-align: left; overflow: hidden;}

.list .lefts .idcons ul li .text h2{width:374px; height:60px; line-height:20px; font-size:12px; text-align: left; overflow: hidden; margin-top:15px;}

.list .lefts .idcons ul li .text h3{width:374px; height:30px; line-height: 30px; font-size:14px; text-align:right; overflow: hidden;}

.list .lefts .tops span{float: right; margin-right: 30px;}

.list .top{margin-bottom: 20px;}

.list .lefts .topsx{width:1168px; height:50px; line-height:50px; font-size: 14px; text-align: left; padding-left: 30px;}



/*悬浮链接*/

.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}

.suspension-box{position:relative;float:right;}

.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}

.suspension .a.active,

.suspension .a:hover{background:#F05352;}

.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}

/* .suspension .a-service .i{background-position:0 0;} */

.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}

.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}

.suspension .a-qrcode .i{background-position:-44px 0;}

.suspension .a-cart .i{background-position:-88px 0;}

.suspension .a-top .i{background-position:-132px 0;}

.suspension .a-top{background:#D2D3D6;display:none;}

.suspension .a-top:hover{background:#c0c1c3;}

.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}

.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}

.suspension .d-service{top:0;}

.suspension .d-service-phone{top:34px;}

.suspension .d-qrcode{top:78px;}

.suspension .d .inner-box{padding:8px 22px 12px;}

.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}

.suspension .d-service .d-service-item{border-bottom:none;}

.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}

.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}

.suspension .d-service-item:hover .i-qq{background-position:center 3px;}

.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}

.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}

.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}

.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

.suspension .d-service-intro{padding-top:10px;}

.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}

.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}

.suspension .d-qrcode{text-align:center;}

.suspension .d-qrcode .inner-box{padding:20px 0;}

.suspension .d-qrcode p{font-size:16px;color:#93959c;}











































