﻿ul,li,ol,li,p{list-style:none; margin:0; padding:0;}
body{font-family:"微软雅黑"; min-width:1200px;}
.indexBanner{height:699px; min-width:1200px;}
.indexBanner .carousel-inner{top:-3px;}
.indexBanner .item{height:100%;}
.indexBanner .item a{display:block; height:100%;}
.indexBanner .item a img{height:100%;}
.indexBanner .item img{opacity:0; visibility:hidden; height:100%;}

.indexBanner .carousel-indicators li{width:90px; height:6px; border-radius:0; background:rgba(225,225,225,0.6); margin:0;}
.indexBanner .carousel-indicators li.active{background:#fff;}

.mainBody{width:1200px; margin:0 auto;}

/* 推荐产品 */
.recommend_pro{overflow:hidden;}
.title{ margin:26px 0; font-size:18px;}
.title a{float:right; font-size:12px; color:#787878;}
.title a span{border:solid 1px #ddd; display:inline-block; position:relative; top:-2px; width:12px; height:12px; line-height:7px; font-size:12px;}
.title i{display:inline-block; position:relative; top:2px; height:18px; margin-right:10px; width:3px; background:#346ab4;}
.recommend_pro .recommend_con{margin:0 -10px;}
.recommend_pro .recommend_con .left,.recommend_pro .recommend_con .center,.recommend_pro .recommend_con .right{float:left;}
.recommend_pro .recommend_con  .left{width:42%;}
.recommend_pro .recommend_con  .center{width:33.3%;}
.recommend_pro .recommend_con  .right{width:24.6%;}

.recommend_list{float:left; position:relative; margin:6px;}
.recommend_list .img{}
.recommend_list .img img{width:100%;}
.recommend_list .text{position:absolute; left:0; bottom:0; width:100%; height:42px; text-align:center; color:#fff; line-height:42px; background:#1f5db0; background:rgba(31,93,176,0.8);}
.recommend_list .cover{position:absolute; transition:0.6s; transition-timing-function:ease-out; filter:alpha(opacity=0); opacity:0; left:0; top:0; width:100%; height:100%; background:rgba(31,93,176,0.8); color:#fff;}
.recommend_list .cover:hover{filter:alpha(opacity=100); opacity:1;}
.recommend_list:hover .text{display:none;}
.recommend_list .cover .cover_table{display:table; width:100%; height:100%;}
.recommend_list .cover .cover_table_cell{display:table-cell; vertical-align:middle; text-align:center;}
.recommend_list .cover .cover_table_cell a{padding:3px 10px; color:#ffd936; border:solid 2px #ffd936; margin-top:16px; display:inline-block;}
.recommend_list .cover .cover_table_cell a:hover{text-decoration:none;}


/*新闻活动*/
.index_news{width:675px; float:left;}
.index_news .news_con{}
.index_news .news_con .news_list{ border:solid 1px #ddd; overflow:hidden; padding:10px; margin-bottom:15px;}
.index_news .news_con .news_list .date{float:left; margin-right:20px;}
.index_news .news_con .news_list .date .day{float:left; font-size:26px; font-weight:bold; color:#747474; margin-left:10px;}
.index_news .news_con .news_list .date .year{float:left; font-size:12px; padding-left:8px; position:relative; top:5px;}
.index_news .news_con .news_list .date .year span{display:block; line-height:14px;}
.index_news .news_con .news_list .img{float:left; width:123px; margin-right:20px;}
.index_news .news_con .news_list .img img{width:100%;}
.index_news .news_con .news_list .text{float:left; width:370px;}

.index_news .news_con .news_list .text h5{margin-top:0;}
.index_news .news_con .news_list .text p{color:#787878; height:2.8em; overflow:hidden;}
.index_news .news_con .news_list .text .view{padding:4px 10px; border:solid 1px #ddd; color:#ddd; border-radius:4px; display:inline-block; margin-top:10px;}
.index_news .news_con .news_list .text .view:hover{border:solid 1px #2f68b7; color:#2f68b7;}


/*快速通道*/
.express_lane_on_line{width:468px; float:right;}

.express_lane{overflow:hidden;}
.express_lane .exprss_lane_list{float:left; width:94px; margin-right:28px;}
.express_lane .exprss_lane_list:last-child{margin-right:0;}
.express_lane .exprss_lane_list a{display:block; width:94px; height:94px; background-position:center center;}
.express_lane .exprss_lane_list .one{background:url("../images/express1.png") no-repeat; background-size:contain;}
.express_lane .exprss_lane_list .one:hover{background:url("../images/express_hover1.png") no-repeat;}
.express_lane .exprss_lane_list .two{background:url("../images/express2.png") no-repeat; background-size:contain;}
.express_lane .exprss_lane_list .two:hover{background:url("../images/express_hover2.png") no-repeat;}
.express_lane .exprss_lane_list .three{background:url("../images/express3.png") no-repeat; background-size:contain;}
.express_lane .exprss_lane_list .three:hover{background:url("../images/express_hover3.png") no-repeat;}
.express_lane .exprss_lane_list .four{background:url("../images/express4.png") no-repeat; background-size:contain;}
.express_lane .exprss_lane_list .four:hover{background:url("../images/express_hover4.png") no-repeat;}
.express_lane .exprss_lane_list p{font-size:14px; margin-top:15px; text-align:center;}

/*粤嵌在线*/
.on_line{}
.on_line .on_line_con {}
.on_line .title{margin-top:10px;}
.on_line .on_line_con .on_line_banner img{width:100%;}
.on_line .on_line_con  ul{padding-top:6px;}
.on_line .on_line_con  ul li{height:42px; line-height:42px;}
.on_line .on_line_con  ul li:first-child,.on_line .on_line_con  ul li:last-child{border-bottom:solid 1px #ddd;}
.on_line .on_line_con  ul li span{float:right; color:#326ab5;}
.on_line .on_line_con  ul li p{color:#326ab5;}
.on_line .on_line_con  ul.auto li{height:auto; line-height:22px; padding:10px 0;}
.on_line .on_line_con  ul.auto li:last-child{padding-top:0;}



/*产品*/
.pro-banner{height:270px; margin-bottom:30px;}
.pro-banner img{opacity:0; visibility:hidden; width:100%;}

.left_content{float:left; width:260px;}
.subMenu{margin-bottom:20px;}
.subMenu li{height:60px; line-height:60px; background:#f7f7f7; border-bottom:solid 1px #fff;}
.subMenu li a{display:block; color:#555; padding:0 15px 0 75px;}
.subMenu li a:hover,.subMenu li a.active{background:#326ab5; color:#fff;}

.subMenu.pro{}
.subMenu.pro li{}
.subMenu.pro li a{background-repeat:no-repeat; background-position:15px center;}
.subMenu.pro li:nth-child(1) a{background-image:url("../images/proIcon1.png");}
.subMenu.pro li:nth-child(1):hover a,.subMenu.pro li:nth-child(1) a.active{background-image:url("../images/proIcon_hover1.png");}

.subMenu.pro li:nth-child(2) a{background-image:url("../images/proIcon2.png");}
.subMenu.pro li:nth-child(2):hover a,.subMenu.pro li:nth-child(2) a.active{background-image:url("../images/proIcon_hover2.png");}

.subMenu.pro li:nth-child(3) a{background-image:url("../images/proIcon3.png");}
.subMenu.pro li:nth-child(3):hover a,.subMenu.pro li:nth-child(3) a.active{background-image:url("../images/proIcon_hover3.png");}

.subMenu.pro li:nth-child(4) a{background-image:url("../images/proIcon4.png");}
.subMenu.pro li:nth-child(4):hover a,.subMenu.pro li:nth-child(4) a.active{background-image:url("../images/proIcon_hover4.png");}

.subMenu.pro li:nth-child(5) a{background-image:url("../images/proIcon5.png")}
.subMenu.pro li:nth-child(5):hover a,.subMenu.pro li:nth-child(5) a.active{background-image:url("../images/proIcon_hover5.png");}

.subMenu.pro li:nth-child(6) a{background-image:url("../images/proIcon6.png");}
.subMenu.pro li:nth-child(6):hover a,.subMenu.pro li:nth-child(6) a.active{background-image:url("../images/proIcon_hover6.png");}

.subMenu.pro li:nth-child(7) a{background-image:url("../images/proIcon7.png");}
.subMenu.pro li:nth-child(7):hover a,.subMenu.pro li:nth-child(7) a.active{background-image:url("../images/proIcon_hover7.png");}

.subMenu.pro li:nth-child(8) a{background-image:url("../images/proIcon8.png");}
.subMenu.pro li:nth-child(8):hover a,.subMenu.pro li:nth-child(8) a.active{background-image:url("../images/proIcon_hover8.png");}

.subMenu.pro li:nth-child(9) a{background-image:url("../images/proIcon9.png");}
.subMenu.pro li:nth-child(9):hover a,.subMenu.pro li:nth-child(9) a.active{background-image:url("../images/proIcon_hover9.png");}


/* newsIcon、about */
.subMenu.aboutIcon{}
.subMenu.aboutIcon li{}
.subMenu.aboutIcon li a{background-repeat:no-repeat; background-position:15px center;}
.subMenu.aboutIcon li:nth-child(1) a{background-image:url("../images/about_icon1.png");}
.subMenu.aboutIcon li:nth-child(1):hover a,.subMenu.aboutIcon li:nth-child(1) a.active{background-image:url("../images/about_icon_hover1.png");}

.subMenu.aboutIcon li:nth-child(2) a{background-image:url("../images/about_icon2.png");}
.subMenu.aboutIcon li:nth-child(2):hover a,.subMenu.aboutIcon li:nth-child(2) a.active{background-image:url("../images/about_icon_hover2.png");}

.subMenu.aboutIcon li:nth-child(3) a{background-image:url("../images/about_icon3.png");}
.subMenu.aboutIcon li:nth-child(3):hover a,.subMenu.aboutIcon li:nth-child(3) a.active{background-image:url("../images/about_icon_hover3.png");}

.subMenu.aboutIcon li:nth-child(4) a{background-image:url("../images/about_icon4.png")}
.subMenu.aboutIcon li:nth-child(4):hover a,.subMenu.aboutIcon li:nth-child(4) a.active{background-image:url("../images/about_icon_hover4.png");}

.subMenu.aboutIcon li:nth-child(5) a{background-image:url("../images/about_icon5.png");}
.subMenu.aboutIcon li:nth-child(5):hover a,.subMenu.aboutIcon li:nth-child(5) a.active{background-image:url("../images/about_icon_hover5.png");}

.subMenu.aboutIcon li:nth-child(6) a{background-image:url("../images/about_icon6.png");}
.subMenu.aboutIcon li:nth-child(6):hover a,.subMenu.aboutIcon li:nth-child(6) a.active{background-image:url("../images/about_icon_hover6.png");}

.subMenu.aboutIcon li:nth-child(7) a{background-image:url("../images/about_icon7.png")}
.subMenu.aboutIcon li:nth-child(7):hover a,.subMenu.aboutIcon li:nth-child(7) a.active{background-image:url("../images/about_icon_hover7.png");}

.subMenu.aboutIcon li:nth-child(8) a{background-image:url("../images/about_icon8.png");}
.subMenu.aboutIcon li:nth-child(8):hover a,.subMenu.aboutIcon li:nth-child(8) a.active{background-image:url("../images/about_icon_hover8.png");}

.subMenu.aboutIcon li:nth-child(9) a{background-image:url("../images/about_icon9.png");}
.subMenu.aboutIcon li:nth-child(9):hover a,.subMenu.aboutIcon li:nth-child(9) a.active{background-image:url("../images/about_icon_hover9.png");}

/* solution */
.subMenu.solutionIcon{}
.subMenu.solutionIcon li{}
.subMenu.solutionIcon li a{background-repeat:no-repeat; background-position:15px center;}
.subMenu.solutionIcon li:nth-child(1) a{background-image:url("../images/solution_icon1.png");}
.subMenu.solutionIcon li:nth-child(1):hover a,.subMenu.solutionIcon li:nth-child(1) a.active{background-image:url("../images/solution_icon_hover1.png");}

.subMenu.solutionIcon li:nth-child(2) a{background-image:url("../images/solution_icon2.png");}
.subMenu.solutionIcon li:nth-child(2):hover a,.subMenu.solutionIcon li:nth-child(2) a.active{background-image:url("../images/solution_icon_hover2.png");}

.subMenu.solutionIcon li:nth-child(3) a{background-image:url("../images/solution_icon3.png");}
.subMenu.solutionIcon li:nth-child(3):hover a,.subMenu.solutionIcon li:nth-child(3) a.active{background-image:url("../images/solution_icon_hover3.png");}

.subMenu.solutionIcon li:nth-child(4) a{background-image:url("../images/solution_icon4.png");}
.subMenu.solutionIcon li:nth-child(4):hover a,.subMenu.solutionIcon li:nth-child(4) a.active{background-image:url("../images/solution_icon_hover4.png");}

.subMenu.solutionIcon li:nth-child(5) a{background-image:url("../images/solution_icon5.png");}
.subMenu.solutionIcon li:nth-child(5):hover a,.subMenu.solutionIcon li:nth-child(5) a.active{background-image:url("../images/solution_icon_hover5.png");}

.subMenu.solutionIcon li:nth-child(6) a{background-image:url("../images/solution_icon6.png");}
.subMenu.solutionIcon li:nth-child(6):hover a,.subMenu.solutionIcon li:nth-child(6) a.active{background-image:url("../images/solution_icon_hover6.png");}

.right_content{float:right; width:910px;}


.product_con{}
.product_con .pro_list{width:290px; float:left; margin-right:20px;}
.product_con .pro_list:nth-child(3n){margin-right:0;}
.product_con .pro_list .img{width:100%;}
.product_con .pro_list .name{padding:15px 0;}
.product_con .pro_list .img img{width:100%;}

/*产品内容页*/
.product_con_info{}
.product_con_info .product_info_title{font-size:18px; font-weight:bold; margin:18px 0;}
.product_con_info .product_info_title span{font-size:12px; color:#326ab5; padding-left:40px;}
.product_info_list{overflow:hidden; margin-bottom:30px;}
.product_info_list .img{margin-bottom:20px;}
.product_info_list .text{}
.product_info_list .text .name{font-size:18px; font-weight:bold; float:left; width:160px; margin-right:10px;}
.product_info_list .text .text_con{width:728px; float:right; line-height:28px;}
.product_info_list .text .text_con table{width:100%;}

/*about*/
.about_img{}
.about_img img{width:100%;}
.about_con{padding:20px 0;}


/*分页*/
.page{text-align:center;}
.page ul li{margin:0 2px; display:inline-block;}
.page ul li a{color:#5f5c4d;}
.page ul li a:hover,.page ul li a.active{background:#346ab4; color:#fff;}
.page ul li a:first-child,.page ul li a:last-child{border-radius:0;}

/*解决方案*/
.solution{ margin-bottom:20px;}
.solution .solution_con{}
.solution_list{overflow:hidden; padding:15px 0; border-bottom:dashed 1px #ddd;}
.solution_list .img{width:240px; float:left;}
.solution_list .img img{width:100%;}
.solution_list .text{width:630px; float:right;}
.solution_list .text .name{font-weight:bold; margin:6px 0 10px 0; height:18px; overflow:hidden; color:#5a5a5a;}
.solution_list .text .name a{color:#5a5a5a;}
.solution_list .text .text_con{line-height:1.8em; height:5.4em; overflow:hidden; color:#909090;}
.solution_list .text .date{color:#909090; margin-top:6px;}

/*新闻中心*/
.news{}
.news_con{}
.news_list{padding:15px 0; border-bottom:dashed 1px #ddd; overflow:hidden;}
.news_list .news_date{width:63px; height:63px; background:#326ab5; border-radius:4px; position:relative; overflow:hidden; line-height:44px; float:left;}
.news_list .news_date .day{font-size:28px; color:#fff; text-align:center;}
.news_list .news_date .year{font-size:12px; line-height:14px; height:18px; text-align:center; color:#fff; background:rgba(0,0,0,0.4); position:absolute; left:0; bottom:0; width:100%;}

.news_list .news_date.acitve{background:#ffc71e;}
.news_list .news_date.acitve .year{background:#f5961e;}
.news_list .news_text{float:right; width:818px;}
.news_list .news_text .name a{color:#5a5a5a;}
.news_list .news_text .name{font-weight:bold;}
.news_list .news_text .news_text_con{color:#909090;}

/*新闻详细页*/
.news_info{}
.news_info_title{font-size:20px; margin:15px 0;}
.share_date{height:45px;}
.share_date .share{float:left;}
.share_date .date{float:right;}
.share_date .date p{margin:0; padding:0; line-height:24px; color:#787878; font-size:12px;}

.news_con_info{padding:20px 0;}
.news_info .link{padding:15px 0;}
.other{padding:15px 0;}
.other a{color:#5a5a5a;}
.other .prev{float:left;}
.other .next{float:right;}


/*当前位置*/
.position{color:#787878; padding-bottom:8px; border-bottom:solid 1px #ddd; margin-bottom:10px;}
.position a{color:#787878;}
.positionIcon{width:24px; height:24px; display:inline-block; background:url("../images/positionIcon.png") no-repeat center bottom; margin-right:8px;}
.position i{font-size:22px; padding-right:10px; position:relative; top:3px;}
.position a+a:before {content:">"; color:#787878; padding:0 6px;}