/* q_css  */

a{ text-decoration:none; color:#333;}
.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

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

.wrapper{ width:1200px; margin:0 auto;}

body{background-color:#f2fafc;}
.main{ margin:40px auto; font-family:microsoft yahei; font-size:14px; }
.leftside{ width:250px; float:left;}
.leftside h3{ font-size:20px; height:50px; line-height:60px;}
.leftside  .pro h3{color:#fff;  padding:0 10px; height:112px; line-height:90px; background:url(../images/leftit.png) #005b98 no-repeat center bottom;}
.leftside  .pro  ul{ margin-top:8px;}
.leftside  .pro li{ line-height:46px; padding:0 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:26px; background:url(../images/tit_b.jpg) top center; /*border-bottom:2px solid #3a73a1;*/}
.content .bigtit h3{ font-weight:bold; color:#003e8b; font-size:20px; padding-right:20px; background-color:#f2fafc; float:left;}

.content .concon{ padding:28px 0; line-height:30px;}

.content .pro li{ float:left;box-shadow:0px 1px 1px #ccc; background-color:#f3f3f3; margin:0 13px 25px; border:2px solid #f3f3f3;}
.content .pro .img{ width:193px;}
.content .pro .img img{ width:100%;height:201px;}
.content .pro .tit{padding-bottom:5px; text-align:center;}
.content .pro li:hover{ background-color:#005b98;box-shadow:0px 1px 1px #005b98;border-color:#005b98;}
.content .pro li:hover .tit{ 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 #e5f7fb;}
.content .news li a h2{	font-size:16px;	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:#e5f7fb;}
.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;}

.content .contact{ line-height:45px;}
.content .contact img{ width:20px; vertical-align:middle;}

.cctit{ font-size:20px; color:#003e8b; line-height:35px;}
.ccpro{ width:100%; border-collapse:collapse; text-align:center;}
.ccpro tr:nth-child(1){ background-color:#003e8b; color:#fff;}
.ccpro tr:nth-child(2n){ background-color:#fff;}
.ccpro td{ border:1px solid #eee; line-height:180%;}

.tabpro{ width:100%; border-collapse:collapse;}
.tabpro td{ border:1px solid #ccc; text-align:center;}
.tabpro tr:nth-child(n){ background-color:#eee;}
.tabpro tr:nth-child(2n){ background-color:#fff;}