﻿/* q_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0; padding:0px;}
body{font-family:microsoft yahei; font-size:14px; color:#666; text-decoration:none; line-height:24px; min-width:1200px; }
ul,li{list-style:none;}
.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {  /* 触发 hasLayout */   zoom: 1;  }

img{border:0px;}
.fl{float:left;}
.fr{float:right;}

a{color:#666; text-decoration:none;}
a:hover{ color:#e57506;}

.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}
.orange{ color:#ffbb77;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}

.wrapper{ width:1200px; margin:0 auto;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
.top{ height:99px; background-color:#474c51;  color:#ffffff;}
.top a{ color:#fff;}
.top .wrapper{background:url(images/topbg.png)  no-repeat right top;}
.topline{ text-align:right;color:#666; font-family:simsun; font-size:12px; padding-right:30px;}
.topline img{ vertical-align:middle;}
.topline a{ color:#666;}
.topline a:hover{ text-decoration:underline;}
.top .logo{ float:left; margin-top:20px;}
.top .nav{ width:730px; float:right;}
.top ul{ margin-top:20px;}
.top li{ float:left; padding-left:22px; font-size:15px; background:url(images/navline.png) no-repeat left center; margin-left:22px;}
.top .nospace{ background:none;}

/*banner*/
.slider-wrapper {width:100%; height:600px; overflow:hidden; position: relative; }
.theme-default {width:100%; height:600px; position:relative; overflow:hidden;}
.theme-default #slider {width:1920px; height:600px;position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider {position:relative;background:#fff url(loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a {border:0; display:block;}
.theme-default .nivo-controlNav {position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a {display:block;width:22px;height:22px;background:url(images/bullets.png) no-repeat;text-indent:-9999px;border:0;float:left;}
.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block;width:30px;height:30px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.theme-default a.nivo-nextNav {background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav {left:100px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}

.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

.hometit{ text-align:center; padding-bottom:30px; background:url(images/titline.jpg) no-repeat bottom center; padding-top:60px;}

.homeabout{ height:780px; background:url(images/homebg01.jpg) no-repeat center center;}
.homeabout .info{ margin-top:50px;}
.homeabout .pic{ float:left;}
.homeabout .txt{ width:730px; height:209px; float:right;}
.homeabout .txt h3{ background:url(images/angle.png) #2363a8 no-repeat right top; color:#fff; font-size:20px; font-weight:bold; line-height:42px; padding:0 12px; margin-bottom:10px;}
.homeabout ul{ margin-top:60px;}
.homeabout li{ float:left; width:190px; height:190px; border-radius:190px; background-color:#80bbe4; color:#fff; text-align:center;font-size:20px; margin-right:60px;}
.homeabout .img{padding-top:40px; padding-bottom:20px;}

.homenews{ height:635px; background:url(images/homebg02.jpg) no-repeat center center;}
.homenews li{ float:left; width:570px; margin-right:60px;}
.homenews .newshot{ margin-top:60px;}
.homenews .newshot .img{ float:left;}
.homenews .newshot .txt{ width:352px; float:right;}
.homenews .newshot .tit{  color:#2363a8; font-size:18px;}
.homenews .newshot .info{ line-height:23px; padding:15px 0; height:46px; overflow:hidden;}
.homenews .newshot .more{ color:#fd0101; text-decoration:underline;}
.homenews .newslist{ margin-top:40px;}
.homenews .newslist li{background:url(images/arrow.png) no-repeat left center; text-indent:15px; font-size:15px; line-height:30px;}

.homepro{ background-color:#ecf7fd; padding-bottom:66px;}
.homepro li{ width:220px; float:left; margin-right:25px; margin-bottom:22px;}
.homepro .img{ background-color:#3e8abe;}
.homepro .img img{ width:220px; height:130px;}
.homepro .txt{ line-height:40px;background:url(images/proarrow.png) #3e4246 no-repeat 200px center; color:#fff; padding-left:10px;}
.homepro .homeinfo{ text-align:center; color:#555; padding:30px 0; font-size:16px;}

.homedevice{ padding:60px 0;}
.homedevice .txt{ background-color:#edf5f9; width:862px; float:left;}
.homedevice .tit{ line-height:44px; font-size:16px; background:url(images/devicetit.png) no-repeat center center; color:#fff; padding:0 15px;}
.homedevice .more{ float:right; margin-top:18px;}
.homedevice .img{ width:315px; float:right;}
.homedevice .conn{ padding:24px 10px 34px;}
.homedevice .pic{ margin-top:30px;}

.footnav{ background-color:#2d3134; color:#d8dadc; padding:35px 0 75px; font-size:13px;}
.footnav a{color:#d8dadc; }
.footnav dl,.footnav .contact{ float:left; padding-right:54px; margin-right:53px; background:url(images/footline.png) no-repeat top right; height:254px;}
.footnav .feedback{ float:left;}
.footnav dt,.footnav .tit{ margin-bottom:10px;}
.footnav dt a,.footnav .tit a{ font-size:16px; color:#fff;}
.footnav dd{ padding-left:10px; background:url(images/arrowpro.png) no-repeat left center;}
.footnav .contact td{ padding:0 2px;}
.footnav .line{ overflow:hidden; margin-bottom:5px;}
.footnav .boxfl{ width:60px; text-align:right; float:left;}
.footnav .boxfr{ width:60px;float:right; width:306px;}
.footnav input,.footnav textarea{ background:#2d3134; border:1px solid #595d61; line-height:20px; width:234px; color:#fff; padding:2px;}
.footnav textarea{ width:300px; height:66px;}
.footnav .btn{ width:110px; background-color:#595d61; line-height:24px; font-family:microsoft yahei;}
.foot{ height:55px; background-color:#202224; color:#ffffff; line-height:55px; overflow:hidden;}
.foot a{ color:#fff;}
.foot a:hover{ text-decoration:underline;}

.bannerx{ height:200px; background:url(images/bannerx.jpg) no-repeat center center;}

.bg{ background-color:#eff6fc;}
.bannerx{ height:180px; background:url(images/bannerx.jpg) no-repeat center center;}
.wrap{ width:1120px; margin:0 auto;}
.main{ margin-top:50px; line-height:160%;}
.leftside{ width:250px; float:left;}
.leftside h3{  background-color:#2363a8 ; line-height:120%;  color:#fff; font-size:24px; padding:20px 30px 10px;}
.leftside h3 p{ font-weight:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;}
.leftside ul{ padding:0 20px;  padding-top:10px;background-color:#fff;}
.leftside li{ padding-left:25px; line-height:35px; margin-top:10px; font-size:13px; transition:.5s; background:url(images/arrowfl.png) #f1f1f1 no-repeat 160px center; border-radius:20px;}
.leftside .on,.leftside li:hover{ border-left:4px solid #007acd;}
.leftside .on a,.leftside li:hover a{color:#007acd;}
.leftside .hotline{ padding:20px 20px 0; background-color:#fff;}
.leftside .hotline img{ height:45px; float:left; margin-right:10px;}
.leftside .hotline .txt{ color:#007acd; padding-bottom:15px;}
.leftside .hotline .txt p{ font-weight:bold; font-size:22px; letter-spacing:-1px;  font-family:Arial, Helvetica, sans-serif;}
.leftside .contact{ border-top:2px solid #2363a8; margin-top:20px; padding:15px; line-height:28px; padding-bottom:20px; background:url(images/map.png) #f8f8f8 no-repeat bottom center;}

.content{ width:800px; float:right; background-color:#fff; padding:20px; min-height:600px;}
.content .title01{ background-color:#f5f5f5; padding:0px 15px; font-size:12px; display:none;}
.content .title02{ /*border-top:1px solid #e60000;*/line-height:45px; background:url(images/line.jpg) repeat-x center center;}
.content .title02 h3{ font-size:25px; padding-top:5px; float:left; background-color:#fff; padding-right:20px; color:#007acd;}
.content .con{ margin:15px 0;}
.content .news{ margin-top:5px;}
.content .news li a{display:block;height:122px;font-size:14px;	font-family:microsoft yahei;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:16px;	margin-left:200px;line-height:30px; color:#007acd;}
.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;margin-top:10px;}
.content .news li a:hover{text-decoration:none;}
.content .pro li{ width:220px; float:left; margin:0 23px; margin-top:20px;}
.content .pro .img{ background-color:#3e8abe;}
.content .pro .img img{ width:220px; height:130px;}
.content .pro .txt{ line-height:40px;background:url(images/proarrow.png) #3e4246 no-repeat 200px center; color:#fff; padding-left:10px;}

.protab{ border-collapse:collapse; background-color:#fff; width:100%;}
.protab strong{ color:#fff; font-weight:normal;}
.protab td{ border:1px solid #eee; padding:2px; text-align:center; font-size:13px; letter-spacing:-1px;}
.protab tr:hover{ background-color:#f1f1f1 !important;}
.techmore{ display:block; background-color:#FF9900; color:#fff; padding:5px; text-align:center; font-size:15px; margin-top:10px; margin-bottom:10px;}













