*{padding:0px;margin:0px;}
body{font-size:12px;font-family:Î¢ÈíÑÅºÚ;}
img{border:none;}
a{ text-decoration:none;outline:none; cursor:pointer;}
ul,li{list-style:none;}
.clear{ clear:both;}

.head{ width:100%; padding:0; margin:0;}
.top{ width:100%; height:30px; background:#4b4b4b;}
.db{ width:1025px; margin:0 auto; line-height:30px; color:#fff; padding-left:15px;}
.db p{ float:right; padding-right:15px;}
.db a{ color:#fff;}
.db a:hover{ color:#FFCC00;}
.logo{ width:100%; background:url(../images/bg_lo.png) repeat-x; height:127px; text-align:center;}
.nav{ width:100%; height:36px; background:#01448b;border-top:1px solid #fff;}
.nav ul{ width:1025px; margin:0 auto; padding-left:5px; padding-right:5px;}
.nav ul li{ width:139px; float:left; border-right:1px solid #fff; line-height:36px; text-align:center;font-size:14px;}
.nav ul li a{ color:#fff;}
.nav ul li:hover{ background:url(../images/nav.png) no-repeat;width:139px;}
.banner{ width:100%; height:480px; text-align:center; margin-top:3px;}
.banner img{ width:100%; height:480px;}

.main{ width:1025px; margin:0 auto; margin-top:10px; }
.product{ width:1025px;}
.product h3{padding-left: 50px;
height: 39px;
background: url(../images/title.png) no-repeat left top;
line-height:39px; color:#fff; font-size:14px;}
.more{float: right;
margin: 16px 15px 0 0;
width: 35px;
height: 11px;
overflow: hidden;}
.more img {
float: left;
}

.pro_tt{width:1023px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; height:182px;}
.pro_tt ul{ padding-left:15px; padding-top:10px;}
.pro_tt ul li{ width:175px; height:165px; padding:10px 3px 5px 3px; float:left;}
.pro_tt ul li img{ width:156px; height:124px; border:1px solid #ddd;}
.pro_tt ul li img:hover{border:1px solid #afafaf;}
.pro_tt ul li p{ line-height:24px; width:156px; text-align:center}
.pro_tt ul li p a{ color:#000;}
.pro_tt ul li p a:hover{ color:#0c65c1;}

.cp{ }
.cp td{ font-size:12px; color:#666666;}
.cp td a{ color:#4e4d4d;}
.cp td img{ border:1px solid #ddd;}
.cp td img:hover{ border:1px solid #0c65c1;}
.cp td a:hover{ color:#0c65c1; text-decoration:underline;}





.about{ width:306px; float:left; margin-top:6px;}
.about h3{padding-left: 50px;
height: 39px;
background: url(../images/title.png) no-repeat left top;
line-height:39px; color:#fff; font-size:14px;}
.about_01{ width:304px;border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; height:224px;}
.about_01 img{ float:left; padding:18px 5px 5px 8px; width:120px; height:88px;}
.about_01 p{  line-height:25px; color:#4e4d4d; padding:12px 5px 5px 5px;}
.about_01 p a{ color:#FF0000;}

.news{ width:350px; float:left; margin-top:6px; margin-left:8px;}
.news h3{padding-left: 50px;
height: 39px;
background: url(../images/title.png) no-repeat left top;
line-height:39px; color:#fff; font-size:14px;}
.news_01{ width:348px;border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; height:224px;}
.news_01 ul{list-style-type: none;padding: 7px;}
.news_01 ul li{height:32px; line-height:32px; overflow:hidden; border-bottom:1px dashed #d9d9d9; padding:0 5px; text-indent:20px; background:url(../images/src.jpg) no-repeat 10px center;}
.news_01 ul li a{color:#4e4d4d;}
.news_01 ul li a:hover{ text-decoration:underline; color:#074e98;}






.apply{ width:352px;float:left; margin-top:6px; margin-left:8px;}
.apply h3{padding-left: 50px;
height: 39px;
background: url(../images/title.png) no-repeat left top;
line-height:39px; color:#fff; font-size:14px;}

.apply_01{ width:350px;border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; height:224px;}
.apply_01 ul{list-style-type: none;padding: 7px;}
.apply_01 ul li{height: 32px;line-height: 32px; overflow:hidden; padding:0 5px; text-indent:20px; background:url(../images/lit.jpg) no-repeat 10px center; width:100px; float:left; }
.apply_01 ul li a{color:#4e4d4d;}
.apply_01 ul li a:hover{ text-decoration:underline; color:#074e98;}









.foot{ width:100%; background:#074e98; margin-top:8px;}
.foot_01{ width:1025px; height: 35px;
line-height: 35px;
overflow: hidden;margin:0 auto;text-align:center; padding-top:15px; color:#fff; border-bottom:1px solid #063564;}
.foot_01 a{color:#fff;display: inline;
margin: 0 12px;}

.foot_01 a:hover{ color:#aacdf1;}
.foot_w{ width:1025px; text-align:center;  line-height:30px; color:#fff; margin:0 auto; border-top: 1px solid #1c7cdd; padding:10px 0 0 0;}

.foot_w a{ color:#FFFFFF; }
.foot_w a:hover{ color:#fb0300;}





/*about Ò³Ãæ */

.left{ width:250px; float:left; margin-bottom:15px;}
.left_01{ width:248px; float:left; border:1px solid #ddd;padding-bottom: 8px;}
.left_01 h3{padding-left: 50px;height: 39px;background: url(../images/title.png) no-repeat left top;line-height:39px; color:#fff; font-size:14px; }
.list{ list-style-type:none; margin:8px;}
.list li{float: left;width: 218px;height: 29px;line-height:29px;background: url(../images/nbg.gif) no-repeat;display: inline; padding-left:33px; margin:8px 8px 0;}
.list li a{color:#3c3e40;}
.list li a:hover{color:#0b64c0; text-decoration:underline;}

.left_02{ width:248px; float:left; border:1px solid #ddd;padding-bottom: 8px; margin-top:8px;}
.left_02 h3{padding-left: 50px;height: 39px;background: url(../images/title.png) no-repeat left top;line-height:39px; color:#fff; font-size:14px; }


.right{ width:765px; float:right; border:1px solid #ddd;margin-left: 6px; margin-bottom:6px;}
.about_us{ height:42px; background:url(../images/tit.png) no-repeat; line-height:42px; }
.tit{float: left;width: 180px;font-size: 15px; color:#fff; background:#0c65c1; text-align:center;}
.tit a{ color:#fff;}
.dh{ float:right; width:320px; text-align:right; margin-right:10px; color:#3a3a3a;}
.dh a{ color:#3a3a3a;}
.dh a:hover{ color:#FF0000;}

.content{margin: 20px 10px 10px 10px;line-height:36px;color: #3c3e40; min-height:500px;}
.content p{  line-height:36px;}




/* newslist  */
.newslist{margin: 25px 15px 15px 15px;min-height:500px;}
.newslist ul{list-style-type: none;}
.newslist ul li{height: 36px;line-height: 36px;border-bottom: dashed 1px #dedede;color: #6f6f6f; background:url(../images/huang.jpg) no-repeat left; padding-left:15px;}
.newslist ul li a{ color:#3c3e40; font-size:12px;}
.newslist ul li a:hover{ color:#0b64c0; text-decoration:underline;}






/* productlist  */
.prolist{ margin:25px 15px 15px 15px; min-height:500px;}
.pro_tit{ width:100%; height:40px; margin-bottom:5px; border-bottom:1px dashed #0c65c1; font-size:14px; font-weight:bold; line-height:40px; color:#0c65c1}
.prod{ list-style-type:10px; }
.prod li{ width:165px; height:156px; float:left; margin:10px 8px; }
.prod li img{ border:1px solid #ddd; height:130px; width:162px;}
.prod li img:hover{ border:1px solid #0b64c0}
.prod li  p{ text-align:center; line-height:24px; }
.prod li  p a{ color:#3c3e40;}
.prod li  p a:hover{color:#0b64c0;}


/* video   */
.video{ margin:25px 15px 15px 15px; min-height:550px;}
.video ul{ list-style-type:none;}
.video ul li{float: left;
margin: 15px 20px;
width: 310px;
height: 276px;}
.video ul li p{ width:310px; text-align:center; line-height:30px;padding-top: 5px;}



/*  products  */

.prolist h3{ width:720px; text-align:center; font-size:16px; height:36px; line-height:36px; color:#0b64c0;}
.date{ color:#555; font-size:12px; text-align:center; padding-top:15px; padding-bottom:8px; border-bottom:1px dashed #ddd;}

.wz{ line-height:30px; margin-top:30px;}

.wz p{  color:#666666;}

.page{ width:720px; text-align:left; padding-left:30px; margin-top:40px; margin-bottom:30px; height:40px;line-height:32px;}
.page ul li{ width:720px; float:left; height:30px; line-height:30px; }
.page ul li a{ color:#666666;} 
.page ul li a:hover{ color:#FF6600; text-decoration:underline;}




/* solution   */
.jieju{ margin:25px 15px 15px 15px;}
.jieju ul li{ width:350px; height:100px; float:left; padding:4px; background:#f1f1f1;margin:10px 3px 8px 6px;}
.jieju ul li img{ float:left; width:97px; height:95px;border: 1px solid #E4E4E4;}
.solu{ float:right; width:250px; height:90px;} 
.solu h2{ text-align:center; padding-top:2px; font-size:14px;color:#09509a;}
.solu h2 a{color:#09509a;}
.solu h2 a:hover{ color:#FF0000;}
.solu p{ line-height:24px; color:#999999; padding-top:5px;}





.link{ width:1025px; margin:0 auto; margin-top:3px;height:140px;margin-bottom:5px;}

#flash{width: 100%; display: block;}
#flash .swiper-slide{ width: 100%; }
#flash .swiper-slide .img{ width: 100%; display: block; }
#flash .swiper-slide .img img{ width: 100%; display: block; }
#flash .swiper-pagination-bullet{background: #fff;
    width: 8px;
    height: 8px;
    opacity: 1;
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;}
#flash .swiper-pagination-bullet-active {
    background: none;
    border: 1px solid #fff;
    padding: 1px;
}
#flash .swiper-button-prev{ background: url(../images/ad_ctr_01.png) no-repeat; width: 46px; height: 73px; }
#flash .swiper-button-prev:after{ display: none; }
#flash .swiper-button-next{ background: url(../images/ad_ctr_02.png) no-repeat; width: 46px; height: 73px; }
#flash .swiper-button-next:after{ display: none; }
#flash .swiper-pagination-bullets{ bottom: 40px !important; }