@charset "utf-8";

/*全局控制*/
body{font-size:12px;line-height:25px; background:#E5EEF6; font-family:"微软雅黑",Arial; -webkit-text-size-adjust:none;color: #333;}
a 		{text-decoration:none; transition-duration:500ms; color:#333;}
a:hover {text-decoration:none; transition-duration:500ms; color:#336095;}
svg{fill: currentColor; vertical-align: middle;}

.title_01{ margin:60px 0; overflow: hidden; font-size:30px; line-height: 40px;}
.title_01 span{color:#00387A;  font-weight: bold;}
.title_02{font-size: 18px; line-height: 18px; border-left: 5px solid #2d78d5; padding-left: 5px; margin-bottom: 15px;}
.title_03{ margin-bottom:15px;}
.title_03 h3{ font-size: 16px; border-bottom: 2px solid #336095; display: inline-block;}
.title_03 p{float: right; color: #999;}

.more_01{ margin:0 auto 30px; text-align: center; overflow: hidden; width: 200px; line-height: 45px; border:1px solid #999; }
.more_01 a{display: block;}
.more_01 a:hover{ background: #336095; color: #fff; }

.sub_title{line-height: 40px; margin-top: -40px; background:rgba(255,255,255,0.7); margin-bottom:30px; overflow: hidden;}
.ban{ height: 200px; background-position: center; background-size: cover;}
.ban_02, .ban_03,.ban_04,.ban_05,.ban_06,.ban_07{background:url(../images/ban_07.jpg);}


.bg_01{background:#fff;}
.bg_02{background:url(../images/bg_02.jpg) center top;}
.pad_30{padding: 30px;}
.pad_40{padding: 40px;}
.mar_15{margin-bottom: 15px;}
.mar_30{margin-bottom: 30px;}

@media (max-width:768px) {
.pad_30{padding: 15px;}
.pad_40{padding: 15px;}
.mar_15{margin-bottom: 15px;}
.mar_30{margin-bottom: 15px;}

}





header {height:auto; background: #ddd;}
header .nav_logo {float:left; height:75px; padding:10px 0;}
header .nav_logo img{ height:100%;}
header .nav_logo span{display: block; text-indent: -9999px;}
header .nav_list {float:right;}
header .nav_list li { float:left; line-height:75px;font-size:16px; margin: 0 0 0 30px; position: relative;}
header .nav_list li a {display:block;}
header .nav_list li a:hover { color:#f93;}
header .nav_list .on{color:#f93;}
header .nav_menu {display:none;}

header .nav_list > li:hover .nav_sub {height:auto;}
header .nav_list .nav_sub { position:absolute; left:-90%;width:180px; height:0; overflow:hidden; z-index:99; background:#fff;box-shadow: 1px 3px 5px #ccc;}
header .nav_list .nav_sub li{float: none; line-height: 35px; text-align: center; margin:0; font-size:14px;}
header .nav_list .nav_sub li a{color: #333;}
header .nav_list .nav_sub li a:hover{ background: #f93; color: #fff;}

/*footer*/			
footer{overflow: hidden; background: #00387a; color: #fff;line-height:30px; }
footer a{color: #fff;}
footer .foot_one{ padding:80px 0 40px; overflow: hidden;}
footer .foot_logo{ height: 37px; margin-bottom: 15px; }
footer h3 {font-weight: normal; font-size:16px; margin-bottom: 15px;}
footer h3 span{ display: block; width: 32px; border-bottom:1px solid #336095; margin-top: 5px;}
footer .f_nav{font-size: 14px;}
footer .copyright{ background: #002c60; padding: 15px 0;}



@media (max-width:1200px) {

}
@media (max-width:992px) {
header .nav_logo { height:60px; font-size:18px;}
header .nav_list li{margin: 0 0 0 15px; font-size: 14px; line-height:60px;}
footer .qrcode{display: none;} 
	
}
@media (max-width:768px) {
.ban{height: 80px;}
.topbox	.top_lianxi, .topbox	.top_gongsi span{display: none;}
header .nav_menu {display:block;float:right;padding:8px 5px;position:relative; border:1px solid #ccc; border-radius:4px;z-index:99;cursor:pointer;margin-top: 10px;}
header .nav_menu span {height:2px;width:25px;display:block;background:#ccc;}
header .nav_menu span + span {margin-top:6px;}
header .nav_list {position:fixed;height:100%;top:0;padding-top:10px;width:70%;left:-70%;background:#f0f0f0;-webkit-transition:1s;transition:1s;z-index:99;}
header .nav_list > li {width:100%; overflow: hidden; margin:0;}
header .nav_list > li a { padding:0 20px; line-height: 40px; border-bottom:1px solid #f8f8f8;}
header .nav_open {left:0%; overflow:auto;}


footer h3{font-size: 14px;margin-bottom: 0;}
footer .f_nav li{font-size:12px;}
footer .copyright{ text-align: center;}
footer .copyright span{display: block;}
}

/*index*/
.banner{position:relative;max-width:100%;text-align:center;overflow: hidden;}
.banner:hover .callbacks_nav{display:block;}
.callbacks{position:relative;overflow:hidden;width:100%;}
.callbacks li{position:absolute;width:100%;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;}
.callbacks_tabs.callbacks1_tabs{display: none;}
.callbacks_nav{position:absolute;top:40%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
.banner_hidden{}
.banner_bg_01 {width: 997px;height: 85px; background: url(../images/ban_bg_01.png) repeat-x; position: absolute; bottom: 0;
    width: 400%; left: -236px; z-index: 999;
    animation: wave1 25s linear .4s infinite normal;
    -moz-animation: wave1 25s linear .4s infinite normal;
    -webkit-animation: wave1 25s linear .4s infinite normal;
    -o-animation: wave1 25s linear .4s infinite normal;
}
.banner_bg_02 { width: 1009px; height: 100px; background: url(../images/ban_bg_02.png) repeat-x; position: absolute; bottom: 0;
    width: 400%; left: 0; z-index: 998;
    animation: wave2 60s linear .4s infinite normal;
    -moz-animation: wave2 60s linear .4s infinite normal;
    -webkit-animation: wave2 60s linear .4s infinite normal;
    -o-animation: wave2 60s linear .4s infinite normal
}
@-webkit-keyframes 	wave1 { from {left: -236px;} to { left: -1233px;} }
@-moz-keyframes 	wave1 { from {left: -236px;} to { left: -1233px;} }
@-o-keyframes 		wave1 { from {left: -236px;} to { left: -1233px;} }
@keyframes 			wave1 { from {left: -236px;} to { left: -1233px;} }
@-webkit-keyframes 	wave2 { from {left: 0;} to {left: -1009px;} }
@-moz-keyframes 	wave2 { from {left: 0;} to {left: -1009px;} }
@-o-keyframes 		wave2 { from {left: 0;} to {left: -1009px;} }
@keyframes 			wave2 { from {left: 0;} to {left: -1009px;} }



.i_acon{overflow: hidden; margin-top: 30px;}
.i_acon li{ transition: all 0.3s; padding-top: 15px;}
.i_acon li:hover{transform:translateY(-15px);}
.i_acon h3{font-size: 18px; font-weight: bold; margin: 20px auto;}

.i_tabs {overflow: hidden; margin-bottom: 30px;}
.i_tabs li{float: left; margin-right: 15px; color: #999; font-size: 16px; cursor: pointer;}
.i_tabs .active{font-weight: bold; color: #333; border-bottom: 2px solid #336095;}
.i_news_tit{ font-size: 16px;font-weight: bold; border-bottom: 2px solid #336095; display: inline-block; margin-bottom: 30px;}
.i_news_01 li{overflow: hidden; border-bottom: 1px dashed #ccc; padding-bottom: 8px; margin-bottom:8px;}
.i_news_01 li:last-child{border-bottom: none;}
.i_news_01 li img{width:120px; height:77px; float: left;}

.i_news_01 li p{float:right; width: 100%; margin: 0 -130px 0 0; padding: 0 130px 0 0; font-size: 14px; }
.i_news_01 li time{display: block; color: #999; font-size: 12px;}
.i_news_02 {overflow: hidden; margin-bottom: 30px;}
.i_news_02 li{font-size: 14px; margin-bottom:6px;}
/*.i_news_02 li:before{content:"• ";}*/
.i_news_02 time{float: right;color: #999;font-size: 12px;}

.i_about{overflow: hidden;}
.i_about_img{margin-bottom: 15px;}
.i_about_desc{font-size: 14px; text-indent: 2em; margin-bottom: 15px;}

.i_ipo{position: relative; overflow: hidden; margin-bottom: 60px;}
.i_ipo li{overflow: hidden;}
.i_ipo li .text{position: absolute;transition: all 0.3s; padding: 30px; z-index: 99; top: 0;bottom: 0;width: 100%; margin-left: 400px; background:rgba(255,255,255,0.7); }
.i_ipo li .text h3{font-size: 16px;text-align: center; margin-bottom: 10px;}
.i_ipo li:hover .text{transform:translateX(-400px);}
.i_ipo li:hover a{color: #333;}


.i_newipo{position: relative; overflow: hidden; margin-bottom: 60px;}
.i_newipo .pics, .i_newipo .text{width: 50%; overflow: hidden;}
.i_newipo .text{padding: 30px;}
.i_newipo .text h3{font-size: 16px;text-align: center; margin-bottom: 10px;}
.i_newipo li:hover .text{color: #336095;}
.i_newipo li:hover .pics{opacity: 0.8; }

.i_goods_title{overflow: hidden; font-size: 16px; line-height: 30px; margin: 30px auto;}
.i_goods_title h3{float: left; color: #336095;}
.i_goods_nav{float: right; font-size: 14px;}
.i_goods_nav li{float: left; margin-left:15px;}
.i_goods{margin-bottom: 30px;overflow: hidden;}
.i_goods li{margin-bottom: 15px;}
.i_goods li .tit{font-size: 14px; height: 50px;overflow: hidden;}
.i_goods li .gli_box{width: 100%; overflow: hidden; padding-top: 15px;}
.i_goods li img{ transition: all 0.6s;}
.i_goods li:hover img{transform: scale(1.1);}

.i_weblink{ padding-bottom: 15px;}
.i_weblink a{padding:10px;}


@media (max-width:1200px) {
	

}

@media (max-width:992px) {

}
@media (max-width:768px) {


	
}

@media (max-width:1200px) {

}

@media (max-width:992px) {

}
@media (max-width:768px) {

}

/*****新闻************/
.news_list{overflow: hidden; color:#999; margin-bottom: 20px;}
.news_list li{ overflow:hidden; margin-bottom:5px; border-bottom:1px dashed #ccc; padding-bottom:5px;}
.news_list .nl_title{font-size:18px;}
.news_list .nl_pic{ overflow:hidden; width:160px; height:98px; margin:0 15px 0 -15px; float: left; text-align: center; position: relative;}
.news_list .nl_pic time{font-size: 18px; display: block; color: #333;}

.news_show_title{ border-bottom:1px dashed #ccc; margin-bottom:20px;}
.news_show_title h1{ font-weight:normal; padding-bottom:5px;}
.news_show_title p{ color:#999; padding-bottom:5px;}
.news_show_title p a{color: #999;}
.news_show_title p span{ padding:0 10px 0 0; }
.news_show_title p svg{ width: 14px; height: 14px;margin-bottom:-2px; }
.news_show{font-size:14px;}
.news_show p{ margin:10px 0;}
.news_show img{ max-width:100%; display:block; margin:10px auto;}
.news_show a{color: #f63;}
.news_show a:hover{text-decoration:underline;}
.news_fanhui{text-align: right;line-height: 30px;}
.news_fanhui a{ border: 1px solid #f63;  width: 100px; display:inline-block; text-align: center; color: #f63;}
.news_prenext{ margin:20px 0;}

.news_hot{margin-bottom: 15px;overflow: hidden;}
.news_hot li{line-height: 30px; height: 30px; overflow: hidden;}
.news_hot li:before{content:"• ";}

.news_top{margin-bottom: 15px;}
.news_top li{padding-bottom: 5px;}
.news_top span{border-radius: 50%; width: 20px; height: 20px; line-height: 20px; color: #fff; text-align: center; display: inline-block; background: #bbb; margin-right: 10px;}
.news_top li:first-child span{background: #f6b834;}
.news_top li:nth-child(2) span,.news_top li:nth-child(3) span{ background: #1a599f;}

.goods_top li{margin-bottom: 15px; text-align: center; font-size: 14px;}
.news_top img, .goods_top img{width:100%;}

.search{ overflow:hidden; border:1px solid #999; }
.search .key{ width:80%; float:left; line-height:30px; height: 30px; text-indent:1em; outline:none; border:none;}
.search .sub{width:20%; font-size:16px; color:#999; float:right; background:none; border:none; line-height:30px; text-align:center;border-left:1px solid #999;}

/*商品*/
.goods_type{overflow: hidden; }
.goods_type h3{ cursor:pointer; font-size: 14px; padding-bottom: 5px; padding-top: 5px;}
.goods_type .goods_sub li{ display: inline-block; padding-right: 10px; line-height: 20px;}
.goods_type .on{color: #f60;}

.goods_show_title{overflow: hidden;margin-bottom: 15px;}
.goods_show_title h1{font-size: 20px;margin-bottom: 15px;}
.goods_show_title span{display: block;}
.goods_show_pic{margin-bottom: 15px;overflow: hidden; position: relative;}
.goods_show_pic .g_txt{position: absolute; top: 90px; left: 125px; width: 200px; color: #fff; line-height: 18px;}
.goods_show_pic .g_txt h6{font-size: 12px; font-weight: normal;}
.goods_show_pic .g_txt p{font-size: 6px; margin-top: 25px;transform: scale(0.6); margin-left: -50px;}

.goods_show{overflow: hidden;margin-bottom: 30px;}
.goods_show strong{border-left: 3px solid #144c8f; padding-left: 10px;}
.goods_show blockquote{ margin-bottom: 15px; font-size: 14px; background: #e8e8e8; padding: 15px;}

.case_show{ }
.case_show img{margin-bottom: 10px; }
.case_show h3{font-size: 16px; line-height: 16px; border-left: 5px solid #2d78d5; padding-left: 5px; margin-bottom: 10px;}
.case_show p{margin-bottom: 10px;}

@media (max-width:1200px) 
{


}

@media (max-width:992px) 
{

}
@media (max-width:768px) 
{
.nl_desc{display: none;}

}


	
}


/*****单页 ************/

.left_nav{overflow: hidden;margin-bottom: 30px;}
.left_nav li{ line-height: 50px; font-size: 15px;}
.left_nav li a{display: block; padding-left: 30px; border-top: 1px solid #ddd;}
.left_nav li a:hover{background: #2d78d5; color: #fff;}
.left_nav .on{color: #2d78d5; font-weight: bold;}
.left_nav .left_nav_title{ font-size: 24px;  padding: 30px;}
.left_nav .left_nav_title p{ font-size: 12px; color: #ccc;}
/*07关于我们*/

.about_01{ font-size: 14px;line-height: 200%;}
.about_01 img{margin-bottom: 15px; }
.about_01 h3{font-size: 18px; line-height: 18px; border-left: 5px solid #2d78d5; padding-left: 5px; margin-bottom: 15px;}
.about_01 p{margin-bottom: 15px; text-indent: 2em;}
.about_01 .table{font-size: 12px;}

.about_15_a li{margin: 15px auto;}
.about_15_a b{margin-bottom: 15px; display: block;}

/*07联系我们*/
.message{overflow: hidden;}
.message ul{margin-bottom: 30px;margin-top: 30px;}
.message li{ height: auto; margin-bottom: 10px; overflow: hidden; line-height: 25px;font-size: 14px;}
.message li span{display: block; width: 70px; float: left; }
.message li p{width: 100%; margin: 0 -70px 0 0; padding: 0 0 0 70px;}
.message input[type="text"]{width: 100%; padding: 5px;}
.message textarea{width: 100%;padding: 5px;height: 180px;}
.message .con_tit{margin-bottom: 10px;}
.message .anniu_01{padding:5px 50px; background: #144c8f; color: #fff; display:inline-block;}
.message .anniu_01:hover{background: #e95420;}


@media (max-width:1200px) {
}
@media (max-width:992px) {
}
@media (max-width:768px) {

.left_nav li a{padding-left: 15px;}	
.left_nav .left_nav_title{ padding: 15px;}	
	
	
	
	
}

/*分页样式*/ /*内容分页*/
.page_info{text-align:center; margin:15px auto; overflow: hidden;}
.page_info span{padding:0 2px;font-weight:bold;}

.page_list, 		.contPage{text-align:center; margin:15px auto;overflow: hidden;}
.page_list a, 		.contPage a{display:inline-block;color:#898989;border:1px solid #e8e8e8;padding:5px 13px;margin:0 1px;}
.page_list a:hover, .contPage a:hover{color:#fff;background:#898989;}
.page_list a.on, 	.contPage a.on{color:#fff;background:#1a599f;border:1px solid #1a599f;}