/*q_css*/
.fl{ float:left;}
.fr{ float:right;}
.clearfix { clear: both; zoom: 1; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

a.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/*.hotbrand{ width:1170px; margin:40px auto 20px;}
.hotbrand li{ float:left; margin:0 1%; width:23%;  text-align:center;}
.hotbrand .img{ border:#f2f2f2 7px solid;border-radius:30px;height:160px;}
.hotbrand .img img{ width:80%;}
.hotbrand li:nth-child(1).on .img{ border-color:#eb1c22; }
.hotbrand li:nth-child(2).on .img{ border-color:#88cc39; }
.hotbrand li:nth-child(3).on .img{ border-color:#622e92; }
.hotbrand li:nth-child(4).on .img{ border-color:#143680; }
.hotbrand li:hover .img img,.hotbrand li.on .img img{ opacity:.6;}
.hotbrand li.on a { color:#eb1c22;}
.hotbrand .txt{ height:50px; line-height:50px; font-size:16px; font-weight:lighter; margin-bottom:10px;}*/

.wrapper{ width:1170px; margin:0 auto;}
.main{ margin:20px 0 40px;}

.main .listname{font-size:16px; font-family:microsoft yahei; padding:10px; background-color:#eee; margin-bottom:10px; font-weight:bold; border-top-right-radius:30px; border-bottom-right-radius:30px;}
.main .listname a:hover{ color:#333;}
.main .pro{ margin-bottom:20px;}
.main .pro li{ float:left; width:25%; box-sizing:border-box; border:1px solid #eee; text-align:center; font-size:14px; position:relative; margin-left:-1px; margin-top:-1px;}
.main .pro .img{ padding:8px;}
.main .pro .img img{ width:100%; transition:.5s; height:219px;}
.main .pro .txt{ margin-bottom:20px; color:#999;}
.main .pro li .bg{ transition:.8s;}
.main .pro li:nth-child(4n){ }
.main .pro li:hover .img img{ transform:scale(0.9,0.9);}
.main .pro li:hover .bg{ position:absolute; top:0px; left:0px; width:100%; height:100%;box-shadow:inset 0 0 50px #ccc; }

.leftside{ width:260px; float:left;}
.leftside h3{ background-color:#eb1c22; color:#fff;padding:20px 0px 15px; text-align:center; font-weight:normal;font-family:microsoft yahei;border-radius:10px; margin-bottom:3px; text-transform:uppercase; font-size:16px;}
.leftside h3 .cn{font-size:30px; margin-bottom:10px; letter-spacing:2px;}
.leftside li{ background-color:#f1f1f1; line-height:40px; border-radius:10px; margin-bottom:3px; font-size:14px; position:relative;}
.leftside li a{ display:block; padding:0px 0px 0px 30px;}
.leftside .on{background-color:#eb1c22;}
.leftside .on a{ color:#fff;}
.leftside .sub{ left:262px; position:absolute; top:0px; width:100px; padding-left:2px; z-index:99; display:none; background:url(../img/transparent.png) repeat center center;}
.leftside .sub a{ color:#555;}
.leftside .sub li{ background-color:#622e92;}
.leftside .sub li a{ color:#fff;}
.leftside .sub01{ left:100px;}
.leftside .sub01 li{ background-color:#88cc39;}
.leftside .sub02 li{ background-color:#f5b031;}
.leftside .sub .on{background-color:#eb1c22;}
.leftside .subcc02 li:hover{background-color:#eb1c22;}

.rightconn{ width:885px; float:right; }

.main .project{ margin-top:40px;}
.main .project li{ font-family:microsoft yahei; padding-bottom:20px; border-bottom:1px dashed #ccc; margin-bottom:20px; transition:0.5s;}
.main .project li a{ color:#eb1c22;}
.main .project li .img{ float:left; padding-left:16px; padding-top:16px; background:url(../images/idea_bg.jpg) no-repeat top left;}
.main .project li .img img{ width:350px; height:220px;}
.main .project li .txt{ padding-left:400px;}
.main .project li .txt h2{ font-size:22px; line-height:35px; height:70px; font-weight:normal; margin-top: 10px;}
.main .project li .txt h2 a{}
.main .project li .txt .riqi{ color:#bbb; padding:20px 0 0;font-family:microsoft yahei;}
.main .project li .txt .neirong{ font-size:14px; line-height:24px; margin-top:10px;}
.main .project li .txt .gengduo{ text-transform:uppercase; margin-top:30px;font-family:microsoft yahei; font-size:15px;}
.main .project li .txt .gengduo a:hover{ text-decoration:underline;}
.main .project li:hover{ background-color:#eee;}
.main .projectlist{ text-align:center; padding-bottom:20px;/* border-bottom:1px dotted #ccc; */ margin-top:28px;    background: url(../images/bolang.png) no-repeat center center;}
.main .projectlist li{  display:inline-block; *display:inline;*zoom:1; position:relative;} 
.main .projectlist li:hover em,.main .projectlist li.on em{ opacity:1; display:block;-webkit-animation: saomiao .2s linear; animation: saomiao .2s linear;   }
.main .projectlist li a{ display:block;font-size:24px;padding:8px 32px; color:#fff; margin:0 22px; background-color:#143680; border-radius:50px; margin-top:20px; transition:0.5s; font-weight:bold;}
.main .projectlist li a:hover{}
.main .projectlist li:nth-child(2n) a{ background-color:#612e93;}
.main .projectlist li:hover a,.main .projectlist li.on a{ background-color:#eb1c22 !important; color:#fff; text-decoration:none;}
.main .projectlist li img{ transition:.4s;}
.main .projectlist li:hover img{ transform:rotate(20deg);}
.main .newslist li a{ background-color:#143680; }
.main .newslist li:hover img{ transform:scale(1.1,1.1)}
.main .newslist li:nth-child(n) a{ background-color:#612e93;}
.main .newslist li:nth-child(2n) a{ background-color:#88cc39;}
.main .newslist li:nth-child(3n) a{ background-color:#143680;}
.main .newslist li:nth-child(4n) a{ background-color:#f5b031;}
.main .news{ margin-top:20px;}
.main .news li{ float:left; margin:20px 11px; width:270px;}
.main .news li .img{ border:1px solid #eee;}
.main .news li .img img{ width:100%; height:245px;}
.main .news .txt{ background-color:#f1f1f1; padding:20px;}
.main .news .timer{ color:#888;}
.main .news .info{ font-size:16px; height:44px; overflow:hidden;}
.main .news .more{ background:url(../images/ffwq.png) no-repeat left center; padding-left:20px; float:right; font-size:14px; color:#eb1c22;}
.main .pageconn{ margin-top:30px; }
.main .pageconn .bigtit{ font-size:22px; font-weight:bold; font-family:microsoft yahei; color:#143680; margin-bottom:30px;}
.main .pageconn .conn{ padding-top:30px;}
.main .pageconn .namecc{ font-size:18px; height:30px; line-height:30px; margin-bottom:10px;}
.main .pageconn .info{ margin-bottom:20px; color:#999; background-color:#eee; padding:15px; border-radius:10px;}

/* picbig */
.imagebig{ position:relative; width:400px; }
.imagebig .MagnifierMain{position: relative;width:400px;height:400px; margin-bottom:10px;}
.imagebig .MagTargetImg{ width:384px; height:384px;border:8px solid #eb1c22; border-radius:10px;}
.imagebig .MagnifierDrag{position: absolute;top:0;left: 0;background-color: #fff; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}
.imagebig .MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(images/loading.gif) no-repeat center center; }
.imagebig .MagnifierImg{position: absolute;top:0; left: 0;}
.imagebig .spec-items{ width:346px; height:54px; margin:0 auto; overflow:hidden; position:relative;}
.imagebig .spec-items ul{width: 500%;position: absolute;top:0px; }
.imagebig .spe_leftBtn,.imagebig .spe_rightBtn{ position:absolute; bottom:0px; left:0px; width:20px; height:54px; background-color:#ccc; cursor:pointer; text-align:center; line-height:54px; background-color:#143680; color:#fff;}
.imagebig .spe_rightBtn{ left:auto; right:0px;}
.imagebig .spec-items li{ width:50px; height:50px; float:left; margin:0 2px; border:2px solid #eee; border-radius:5px;}
.imagebig .spec-items li.on{ border:2px solid #eb1c22;}
.imagebig .spec-items li img{ width:100%; height:100%;}