/* q_css  */
.bannerx{ height:200px; background:url(images/bannerx.jpg) no-repeat center center;}

.main{ margin:40px auto;}
.leftside{ width:250px; float:left;}
.leftside h3{ font-size:20px; height:50px; line-height:50px;}
.leftside  .pro h3{background-color:#3a73a1; color:#fff;  padding:0 10px;}
.leftside  .pro  ul{ margin-top:8px;}
.leftside  .pro li{ line-height:20px; padding:10px 10px; font-family:microsoft yahei; margin-bottom:2px; background:url(images/grey_jt.png) #ececec no-repeat 214px center;}
.leftside  .pro li a{ display:block;}
.leftside  .pro li:hover,.leftside  .pro li.on{ background:url(images/white_jt.png) #5d90ba no-repeat 214px center;}
.leftside  .pro li:hover a,.leftside  .pro li.on a{ color:#fff;}
.leftside  .pro li a:hover{ text-decoration:none;}
.leftside .contact{ margin-top:30px;}
.leftside .contact .conn{ margin-top:20px; line-height:180%;}
.content{ float:right; width:892px;}
.content .bigtit{ line-height:30px; background-color:#eee; padding-left:10px; /*border-bottom:2px solid #3a73a1;*/border-left:5px solid #3a73a1;}
.content .concon{ padding:20px 0; line-height:30px;}
.content .pro li{ float:left; padding:5px 9px 15px; width:278px;}
.content .pro .img img{ width:100%; height:202px;}
.content .pro a:hover{ text-decoration:none;}
.content .pro .tit{ padding:5px 0; padding-left:20px; height:40px; overflow:hidden; line-height:20px; background:url(images/dot.png) no-repeat left 10px;}
.content .pro li:hover .tit{ background-color:#3a73a1; color:#fff;}
.content .news{ margin-top:5px;}
.content .news li a{display:block;height:122px;font-size:14px;	font-weight:bold;padding:10px 3px;border-bottom:1px dotted #ccc;transition:0.5s;}
.content .news li a img.a{width:180px;height:113px;	background:url(images/news_bg.jpg) no-repeat center center;float:left; border:1px solid #eee;}
.content .news li a h2{	font-size:20px; font-weight:normal;	margin-left:200px;line-height:30px; color:#272f42;}
.content .news li a span{display:block; font-family:13px; font-family:microsoft yahei;font-weight:normal;	line-height:20px;	margin-left:200px;	margin-top:6px;}
.content .news li a em{ margin-left:200px; font-style:normal; font-size:12px; color:#999; display:block; font-weight:normal;}
.content .news li a:hover{text-decoration:none; background-color:#eee;}
.content .quality li{float:left; padding:5px 9px 15px; width:278px;}
.content .quality .img{ border:2px solid #ddd; overflow:hidden; transition:.5s;}
.content .quality .img img{ width:100%; height:202px; transition:.5s;}
.content .quality li:hover .img { border-color:#3a73a1; border-radius:10px;}
.content .quality li:hover .img img{ opacity:.8;}