@charset "gb2312";
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font:14px/1.5 "微软雅黑", Arial, sans-serif; overflow-X: hidden; color: #333333; position: relative;}
/*头部*/
#topBar{width: 100%; height: 40px; line-height: 40px; background: #0078fa; color: #ffffff;}
.top_bar_wrap{width: 1200px; height: 40px; margin: 0 auto;}
.top_phone{float: left; line-height: 40px; background: url(../images/phone_icon.png) left center no-repeat; padding-left: 22px; font-weight: bold;}
.top_right{float: right; line-height: 40px; font-size: 12px;}
.top_lang{float: left; background: url(../images/lang_icon.png) left center no-repeat; padding-left: 40px;}
.top_lang a{color: #ffffff;}
.top_search{float: left; background: url(../images/search.png) left center no-repeat; padding-left: 20px; margin-left: 30px; position: relative;}
.search_wrap{position: absolute; right: -10px; top: 40px; width: 285px; padding: 10px; overflow: hidden; background: #00469C; display: none;}
.search_wrap input[type="text"]{width: 200px; height: 28px; border: 1px solid #dddddd; padding-left: 10px; float: left;}
.search_wrap input[type="button"]{width: 65px; height: 28px; background: url(../images/searbtn.jpg) 0 0 no-repeat; border: none; font-size: 0; text-indent: -999em; cursor: pointer; float: left;}
.search_wrap input[type="submit"]{width: 65px; height: 28px; background: url(../images/searbtn.jpg) 0 0 no-repeat; border: none; font-size: 0; text-indent: -999em; cursor: pointer; float: left;}
#nav{width: 1200px; height: 120px; margin: 0 auto;}
#logo{float: left; margin-top: 28px;}
.nav_list{float: right; margin-top: 45px;}
.nav_list li{float: left; margin-left: 40px;}
.nav_list li a{color: #333333; font-size: 16px; display: block; float: left; padding: 10px 0;}
.nav_list li a:hover{color: #0078fa;}
.nav_list li a.active{color: #0078fa;}

/*轮播*/
#banner{position: relative; height: 670px; overflow: hidden;}
.slides{position: relative; z-index: 1; height: 700px; overflow: hidden;}
.slides li{height: 670px;}
.slides li a{width: 100%; height: 100%; display: block;}
.flex-control-nav{position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align:center;}
.flex-control-nav li{display: inline-block; width: 50px; height: 4px; margin: 0 5px; *display: inline; zoom: 1; font-size: 0;}
.flex-control-nav a{display: inline-block; width: 50px; height: 4px; line-height: 4px; overflow: hidden; background: #ffffff; cursor: pointer;}
.flex-control-nav .flex-active{background: #0078fa;}
.flex-direction-nav{position: absolute; z-index: 3; width: 100%; top: 45%;}
.flex-direction-nav li a{display: block; width: 50px; height: 50px; overflow: hidden; cursor:pointer; position: absolute; display: none;}
.flex-direction-nav li a.flex-prev{left: 40px;}
.flex-direction-nav li a.flex-next{right: 40px;}

/*首页样式*/
.index_pro{width: 100%; height: 778px; background: url(../images/index_bg1.jpg) center center no-repeat;}
.index_pro_wrap{width: 1200px; height: 778px; margin: 0 auto; overflow: hidden;}
.index_title{width: 100%; height: 70px; text-align: center; margin-top: 70px;}
.index_brand_list{padding-top: 30px;}
.index_brand_list li{float: left; margin-left: 18px; text-align: center;}
.index_brand_list li:first-child{margin-left: 0;}
.index_brand_list li:nth-child(6n+1){margin-left: 0;}
.index_brand_list li a{width: 185px; height: 70px; border: 1px solid #dddddd; display: block; transition: all 0.3s;}
.index_brand_list li img{width: 183px; height: 68px;}
.index_brand_list li p{font-size: 16px; margin-top: 8px; transition: all 0.3s;}
.index_brand_list li:hover a{border-color: #0078fa;}
.index_brand_list li:hover p{color: #0078fa;}

.index_pro_list_wrap{margin: 30px auto 0; width: 1200px; overflow: hidden;}
.index_pro_list{overflow:hidden; position:relative; margin-left: -26px;}
.index_pro_list .hd .prev,.index_pro_list .hd .next{display:block; width:40px; height:40px; overflow:hidden; cursor:pointer; background:url(../images/arrow.jpg) no-repeat; position: absolute; margin-top: -33px; z-index: 10;}
.index_pro_list .hd .prev{left: 26px; top: 50%; background-position: 0 0;}
.index_pro_list .hd .next{right: 2px; top: 50%; background-position: -40px 0;}
.index_pro_list .hd .prev:hover{background-position: 0 -40px;}
.index_pro_list .hd .next:hover{background-position: -40px -40px;}
.index_pro_list .bd ul{overflow:hidden; zoom:1; height: 234px;}
.index_pro_list .bd ul li{_display:inline; overflow:hidden; float: left; width: 280px; height: 234px; margin-left: 26px;}
.index_pro_list .bd ul li .index_pro_list_pic{ text-align:center; width: 280px; height: 200px; border: 1px solid #dddddd; transition: all 0.3s;}
.index_pro_list .bd ul li .index_pro_list_pic img{ width:278px; height: 198px; display:block;}
.index_pro_list .bd ul li p{margin-top: 10px; font-size: 16px; color: #5b5b5b; text-align: center; width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s;}
.index_pro_list .bd ul li:hover .index_pro_list_pic{border-color: #00469C;}
.index_pro_list .bd ul li:hover p{color: #00469C;}

.index_about{width: 100%; height: 500px; background: url(../images/index_bg2.jpg) center center no-repeat; overflow: hidden;}
.index_about_wrap{width: 1200px; margin: 30px auto 0; color: #ffffff; font-size: 16px; line-height: 30px; text-align: center; height: 180px; overflow: hidden;}
.index_about_btn{width: 160px; height: 50px; margin: 20px auto 0;}
.index_about_btn a{width: 160px; height: 50px; display: block; border: 1px solid #ffffff; line-height: 48px; text-align: center; font-size: 16px; color: #ffffff; transition: all 0.3s;}
.index_about_btn a:hover{border-radius: 25px;}

.index_news{width: 1200px; margin: 0 auto 80px; overflow: hidden;}
.index_news_left{width: 580px; float: left;}
.index_news_left_pic{width: 580px; height: 250px; overflow: hidden; margin-top: 40px;}
.index_news_left_pic img{width: 580px; height: 250px;}
.index_news_left_info{width: 580px; height: 190px; background: #00469C; color: #ffffff; padding: 30px;}
.index_news_left_info a{color: #ffffff;}
.index_news_left_info h1{width: 518px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_news_left_info span{background: url(../images/index_news_icon.png) left center no-repeat; padding-left: 20px; display: block; margin: 20px 0;}
.index_news_left_info p{line-height: 24px; height: 48px; overflow: hidden;}
.index_news_list{float: right; width: 580px; margin-top: 40px;}
.index_news_list li a{color: #333333;}
.index_news_list li a:hover{color: #00469C;}
.index_news_list li{height: 115px; overflow: hidden; padding: 20px 0; border-bottom: 1px dashed #b2b2b2;}
.index_news_list li:first-child{padding-top: 0; height: 94px;}
.index_news_list_time{width: 70px; height: 75px; background: url(../images/index_news_time.jpg) 0 0 no-repeat; float: left; color: #333333;}
.index_news_list_time span{font-family: arial; font-size: 30px; text-align: center; display: block; line-height: 30px; margin: 14px 0 7px 0;}
.index_news_list_time i{font-size: 14px; font-family: arial; display: block; text-align: center;}
.index_news_list li h1{width: 500px; float: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 6px;}
.index_news_list li p{width: 500px; float: right; line-height: 24px; height: 48px; overflow: hidden;}
.bot_nav{width: 100%; height: 60px; background: #f2f2f2;}
.bot_nav li{float: left; line-height: 60px; padding: 0 30px; position: relative;}
.bot_nav li:before{content: ""; width: 1px; height: 10px; background: #c3c3c3; position: absolute; left: 0; top: 50%; margin-top: -5px;}
.bot_nav li:first-child:before{display: none;}
.bot_nav li a{color: #333333;}
.bot_nav li a:hover{color: #00469C;}
.bot_nav ul{display: table; margin: 0 auto;}
#footer{width: 100%; height: 120px; background: #232323;}
.footer_wrap{width: 1200px; margin: 0 auto; color: #c9c9c9;}
.footer_wrap a{color: #c9c9c9;}
.footer_left{float: left; margin-top: 40px;}
.footer_right{float: right; margin-top: 15px;}
.footer_right img{width: 92px; height: 92px; float: right; margin-left: 15px;}
.footer_right p{float: right; text-align: right; margin-top: 22px;}

/*内页样式*/
.min_banner{position: relative; width: 100%; height: 354px; overflow: hidden;}
.min_banner img{position: absolute; width: 1920px; height: 354px; left: 50%; margin-left: -960px; top: 0;}
#container{width: 1200px; margin: 0 auto 80px; position: relative; z-index: 10;}
.inside_left{width: 280px; float: left; top: 110px;}
.inside_left_title{width: 280px; height: 100px; color: #ffffff; background: #0078fa; background: rgba(0,120,250,0.8); border-bottom: 4px solid #0078fa; margin-top: -100px; padding: 25px;}
.inside_left_title p{font-size: 26px; line-height: 26px;}
.inside_left_title span{font-family: arial; font-size: 18px; line-height: 34px;}
.inside_left_list{width: 100%; padding: 0 25px 30px 25px; background: #f8f8f8; border-bottom: 4px solid #0078fa; margin-bottom: 30px;}
.inside_left_list li{width: 100%; height: 52px; position: relative; line-height: 50px;}
.inside_left_list li:before{content: ""; width: 100%; height: 1px; background: #e3e3e3; position: absolute; left: 0; bottom: 1px;}
.inside_left_list li:after{content: ""; width: 100%; height: 1px; background: #ffffff; position: absolute; left: 0; bottom: 0;}
.inside_left_list li a{display: block; width: 100%; height: 50px; padding: 0 20px; color: #333333; font-size: 16px; transition: all 0.2s;}
.inside_left_list li a:hover{color: #00469C; padding: 0 20px 0 25px;}
.inside_left_list li a.active{color: #00469C; background: url(../images/left_nav_arrow.png) 210px center no-repeat;}

.inside_left_feedback{width: 100%; height: 200px; border-bottom: 4px solid #0078fa;}
.inside_left_feedback img{width: 280px; height: 196px;}
.inside_right{float: right; width: 870px;}
.inside_right_top{width: 100%; height: 72px; border-bottom: 2px solid #e5e5e5; overflow: hidden;}
.inside_right_top_left{float: left; font-size: 22px; color: #0078fa; margin-top: 25px;}
.inside_right_top_left span{font-family: arial; font-size: 16px; color: #666666; margin-left: 10px;}
.inside_right_top_right{float: right; color: #666666; margin-top: 35px;}
.inside_right_top_right span{color: #00469C;}
.inside_wrap{width: 100%; min-height: 500px; overflow: hidden;}
.insdie_about{font-size: 16px; line-height: 30px; padding: 10px 0; min-height: 500px;}
.insdie_about img{max-width: 870px; height: auto;}

/*页码*/
.page{text-align: center; height: 30px; margin-top: 20px; font-size: 12px;}
.page span{padding: 0 10px; height: 28px; display: inline-block; line-height: 28px; border: #F0EEEF 1px solid; margin: 0 3px; color: #D3D3D3; background: #FFFFFF; zoom: 1;}
.page a{padding: 0 10px; height: 28px; display: inline-block; line-height: 28px; border: #00469C 1px solid; border-radius: 3px; margin: 0 3px; color: #FFFFFF; background: #00469C; zoom: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.page a:hover{background: #0072ff; text-decoration: none; border-color: #0072ff;}

.text_list li{height: 47px; line-height: 47px; border-bottom: 1px dashed #d8d8d8;}
.text_list li a{width: 710px; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 27px; position: relative; color: #696969;}
.text_list li a:before{content: ""; width: 6px; height: 6px; background: #484f59; position: absolute; left: 5px; top: 50%; margin-top: -4px;}
.text_list li span{width: 110px; float: right; text-align: right;}
.text_list li a:hover{color: #00469C; text-decoration: none;}
.text_list li a:hover:before{background: #00469C;}
.text_list li:hover{background: #e8eff4;}

.news_list{overflow: hidden; margin-bottom: 20px;}
.news_list li{height: 140px; padding: 15px 0; border-bottom: 1px dashed #b8c6cf;}
.news_list_pic{float: left;}
.news_list_pic img{width: 220px; height: 108px; border: 1px solid #eeeeee;}
.news_list_info{width: 630px; margin-left: 18px; float: left;}
.news_list_info h1 a{color: #333333;}
.news_list_info h1 a:hover{color: #00469C; text-decoration: none;}
.news_list_info span{display: block; font-size: 12px; color: #999999;}
.news_list_info p{font-size: 12px; line-height: 22px; height: 66px; overflow: hidden; margin-top: 2px;} 
.news_list_info p a{color: #666666;}
.news_list_info p a:hover{text-decoration: none; color: #00469C;}

.inside_news_show img{max-width: 800px; height: auto;}
.news_show_title{font-size: 18px; text-align: center; margin: 10px 0;}
.news_show_info{text-align: center; margin-bottom: 10px;}
.news_list li a i{color: #00469C; margin-left: 10px;}

.life_list{overflow: hidden; margin-top: 20px;}
.life_list li{width: 284px; height: 204px; float: left; margin: 0 0 50px 9px;}
.life_list li:nth-of-type(3n-2){margin: 0 0 50px 0;}
.life_list li .pic_list_img{width: 284px; height: 204px; border: #c2c2c2 1px solid; padding: 2px; text-align:center; display:block; transition: all 0.3s;}
.life_list li .pic_list_img a{display:table-cell; vertical-align:middle; text-align:center; width:278px; height:198px;}
.life_list li .pic_list_img img{vertical-align:middle;}
.life_list li .text{height: 30px; line-height: 30px; text-align: center; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s;}
.life_list li:hover .pic_list_img{border: #00469C 1px solid; -webkit-filter:contrast(1.1)}
.life_list li:hover .text{color: #00469C;}

.news_show_title{font-size: 18px;}
.news_show_main embed{margin: 10px 0;}

/*配色系统*/
.color_wrap{color: #666666; font-size: 14px;}
.color_title{width: 100%; height: 30px; background: #bbcce1; color: #666666; font-weight: bold; text-align: center; line-height: 30px; margin-bottom: 10px;}
.q2{border-bottom: 1px solid #F0F0F7; line-height: 30px;}
.color_submit{padding: 0 10px; height: 28px; display: inline-block; line-height: 28px; border: #2d257b 1px solid; color: #FFFFFF; background: #2d257b; zoom: 1; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.color_submit:hover{background: #4035a6; text-decoration: none; border-color: #4035a6;}
.color_all{padding: 0 10px; height: 28px; display: inline-block; line-height: 28px; border: #da251d 1px solid; color: #FFFFFF; background: #da251d; zoom: 1; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.color_all:hover{background: #ff4a42; text-decoration: none; border-color: #ff4a42;}
.color_count{padding: 0 10px; height: 20px; display: inline-block; line-height: 20px; border: #2d257b 1px solid; color: #FFFFFF; background: #2d257b; zoom: 1; font-size: 12px; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
table.tList{border-top:1px solid #eee; border-left:1px solid #eee; margin-top: 15px;}
.tList td{border-bottom:1px solid #eee; border-right:1px solid #eee; line-height: 24px; padding: 5px;}
.tList a:link,.tList a:visited{color:#332f7c; text-decoration: underline; font-size:12px;}
.tList a:hover,.tList a:active{color:#00469C; text-decoration: none; font-size:12px;}
.tList .title td{color:#000; font-weight:bold;}
.tList .q2f{border-bottom: 1px solid #ffffff;}
.peifang_table{margin-bottom: 15px;}
.peifang_info td:first-child{width: 130px; background: #f9f9f9; padding-left: 20px;}
.peifang_pic{width: 210px;}
.peifang_pic img{max-width: 400px; height: auto;}
.peifang_title{background: #f9f9f9;}

.news_show_time{width: 100%; height: 30px; text-align: center; line-height: 30px; font-size: 12px; color: #999999; background: #eeeeee;}


/*产品展示*/
.pro_show_img{border: #DFDFDF 1px solid; text-align: center; padding: 3px; background: #FFFFFF; margin-top: 20px;}
.pro_show_img img{max-width: 812px; height: auto;}
.pro_show_info{border: #DFDFDF 1px solid; border-spacing: 0; width: 100%; background: #FFFFFF; margin-top: 15px;}
.pro_show_info td{border-left: #DFDFDF 1px solid; border-top: #DFDFDF 1px solid; padding: 7px 5px; text-align: left;}
.pro_show_info td:first-child{border-left: none;}
.pro_info_main img{max-width: 728px; height: auto;}

/*在线留言*/
.inside_message li{margin-top:10px;}
.inside_message li span{display:block; float:left; width:100px; text-align:right; line-height:25px; margin-right:5px;}
.inside_message li input{border:#CCC 1px solid; height:25px; width:250px; padding:0 5px; line-height: 25px;}
.inside_message li input:focus{outline: none;}
.inside_message li textarea{padding:5px; border:#CCC 1px solid;}
.inside_message li textarea:focus{outline: none;}
.inside_message li i{font-weight:bold; color:#F00; margin-left:5px;}
#btnSubmit{width:80px; height:30px; margin-left:105px; background:#00469C; color:#FFF; cursor:pointer; border:none;}
#btnSubmit:hover{background: #0072ff;}

.feedback_list table{border: #eeeeee 2px solid; border-spacing: 0; width: 100%; background: #FFFFFF; margin: 15px 0;}
.feedback_list table td{border-left: #eeeeee 1px solid; border-top: #eeeeee 1px solid; padding: 10px; text-align: left;}
.feedback_list_left{width: 120px; background: #eeeeee;}
.feedback_list_left p{width: 64px; margin: 0 auto; text-align: center;}
.feedback_list_top{font-weight: bold; color: #00469C;}
.feedback_list_mid{position: relative; padding: 10px 10px 30px 10px!important; vertical-align: top;}
.feedback_list_mid i{position: absolute; right: 10px; bottom: 10px; font-size: 12px; line-height: 12px; color: #999999;}
.feedback_list_bot span{display: table; height: 100%; color: #00469C;}

/*客服部分*/
.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;top:220px;}
.side_content{width:167px;height:auto;overflow:hidden;float:right;}
.side_content .side_list{width:167px;overflow:hidden;}
.show_btn{width:0;height:144px;overflow:hidden;margin-top:50px;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn{background:url(../images/sidebar_bg.png) no-repeat;_background:url(../images/sidebar_bg.png) no-repeat;}
.side_title{height:46px;}
.side_title{height:46px;}
.side_bottom{height:8px;}
.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}
.close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;}
.close_btn span{display:none;}
.side_center .qqserver p{text-align:left;padding:6px 0;margin:0;vertical-align:middle;}
.phoneserver {font-size:14px;text-align:center;}
.phoneserver p{padding:2px 0;_height:16px;margin:0;color:#666666;}
.msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:6px;padding:10px 0 3px 0;}
.msgserver a{background:url(../images/sidebar_bg.png) no-repeat -119px -154px;padding:3px 0 3px 23px;}
.msgserver img{width: 143px; height: auto;}
.side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;}

/* green skin  */
.side_green .side_title{background-position:-682px 0px;}
.side_green .side_center{background:url(../images/green_line.gif) repeat-y center;}
.side_green .side_bottom{background-position:-682px -63px;}
.side_green .close_btn{background-position:-44px -91px;}
.side_green .close_btn:hover{background-position:-65px -91px;}
.side_green .show_btn{background-position:-255px 0;}
.side_green .msgserver a{color:#68c40b;}
.side_green hr{border-bottom:1px solid #edf2e5;}