@charset "gb2312";
/*head_start*/
.head_top{height:35px; background-color:#0256ac; color:#FFF}
.head_top_box{height:35px; line-height:35px; margin: 0 auto; overflow:hidden}
.head_top_box_left{float:left; height:auto}
.head_top_box_right{float:right; height:auto; text-align:right;}
.head_top a{ color:#FFF}


.logo{height:100px; line-height:100px; overflow:hidden;}


.nav{ height:65px; background:#005498;}

/*导航菜单start*/
.menu {
	display:table;
	margin: auto;
	padding:0px;
	overflow:hidden;
}
.menu li {
	float:left;
	line-height:65px;
	text-align:center;
	background:url(../images/menu_x.jpg) no-repeat right center
}
.menu li:last-child{ background:none}
.menu li a {
	display:block;
	padding-top:1px;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	padding-left:22px;
	padding-right:22px;
	transition-duration:500ms;
}
.menu li a:hover {
	text-decoration:none;
	background-color:#ff6700;
	color:#FFFFFF;
}
/*导航菜单end*/

.sub_banner{ height:350px; min-width: 1270px; position:relative; box-shadow:inset 0px 15px 10px -15px #000;}
.sub_banner_nav{ position:absolute; left:0; bottom:0; height:50px; background: rgba(0,0,0,0.4); }
.sub_banner_nav_bj{background: rgba(0,0,0,0.4); overflow:hidden}
.sub_banner_nav_left{ float:left; width:245px; line-height:50px; height:50px; background-color:#0256ac; color:#FFF; font-size:18px; font-weight:bold; text-indent:1em;}
.sub_banner_nav_left a{ color:#FFF}
.sub_banner_nav_right{ float:left; overflow:hidden}
.sub_banner_nav_right li{ float:left; line-height:50px; height:50px;}
.sub_banner_nav_right li a{ display:block; color:#FFF; font-size:16px; padding:0 20px;}
.sub_banner_nav_right li a:hover{ background-color:#666; color:#CCC; text-decoration:none}
/*head end*/

/*内容页_right*/
.coco_right{float:right; width:980px; height:auto}

.content_com_title{background: url(../images/sub01.jpg) left bottom repeat-x; height:45px; margin-bottom: 15px; font-size:18px; color:#333333; font-weight:bold;}
.content_com_title span{float:right; font-size:14px; font-weight:100; color:#666666}
.content_com_title span a{color:#666;}

/* 详细页 */
.content{min-height:300px; padding-bottom:10px; height:auto;}
.view{border-bottom:1px dashed #ccc; margin-bottom:20px; margin-top:20px; padding-bottom:20px; line-height:26px; height:auto; overflow:hidden}

/*新闻列表页*/
.news_list{ width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.news_list li{ height:32px; line-height:32px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; transition-duration:500ms; border-bottom:1px dashed #E3E3E3}
.news_list li span{ font-family:"宋体"}
.news_list li em{ float:right; color:#666666}
.news_list li a:hover{ text-decoration:none}
.news_list li:hover{padding-left:5px;}
.news_list .pic_box{ width:100%; height:98px; overflow:hidden; border-bottom:1px dashed #E3E3E3; transition-duration:500ms; margin-top:10px; padding-bottom:10px;}
.news_list .pic_box .pic{ float:left; width:130px; height:98px}
.news_list .pic_box .pic img{width:130px; height:98px}
.news_list .pic_box .text{ float:left; margin-left:20px; width:700px}
.news_list .pic_box .text h1{ height:30px; line-height:30px; color:#333333; font-size:14px; }
.news_list .pic_box .text h1 span{ font-family:"宋体"}
.news_list .pic_box .text p{ font-size:12px; color:#666666; line-height:26px; margin-top:7px;}
.news_list .pic_box a{ display:block;}
.news_list .pic_box:hover{padding-left:5px;}
/*新闻列表页end*/

/*新闻详细页start*/
.news_view_a{width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.news_view_a h1{font-size:20px;	margin:0; padding:0;line-height:50px; text-align:center; border-bottom:1px dotted #999999}
.news_view_a .date{ font-size:12px; text-align:center; color:#999999}
.news_view_a .date span{ padding-right:15px;}
.news_view_a .jieshao{ width:550px; margin:0px auto; margin-top:15px; border:1px dashed #999999; background-color:#EFEFEF; border-radius:6px; padding:10px;}
.news_view_a .view_content{ margin-top:25px;}
/*新闻详细页end*/
/*新闻view下的框*/
.iboxmessage{
	width:95%;
	margin-top:30px;
	padding:10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
}
/*新闻list*/
.xwlist{ width:99%; margin:0 auto; height:auto}
.xwlist li{ line-height:33px; border-bottom:1px dashed #dddddd; padding-left:10px; transition:all .5s;}
.xwlist li span{ padding-right:10px; font-family:"宋体"}
.xwlist li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); }
/*新闻view下的框*/

/*相关产品前6个*/
#list_pro_tj{MARGIN: 0px auto; width:100%; height:auto; overflow:hidden; }
#list_pro_tj li{ float:left; width:295px; height:221px; margin-right:20px; margin-bottom:15px; position: relative; text-align:center; border:1px solid #EBEBEB}
#list_pro_tj li img{width:295px; height:221px;}
#list_pro_tj li h2{ position:absolute; left:0; bottom:0; right:0; height:40px; line-height:40px; color:#FFF; text-align:center; font-size:14px; font-weight:100; background-color:#333; opacity: 0.7; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; padding:0 10px}
#list_pro_tj li:hover h2{ background-color:#000}
#list_pro_tj li:nth-of-type(3n+0){margin-right:0px;}

/*产品前6个end*/

/*产品页start*/
.products_view_a{width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.products_view_a h1{font-size:18px;	margin:0; padding:0;line-height:30px; text-align:center;}
.products_view_a h1 a:hover{ text-decoration:none}
.products_view_a .jieshao{ width:97%; margin:0px auto; margin-top:15px; border:1px dashed #999999; background-color:#EFEFEF; border-radius:4px; padding:10px;}
.products_view_a .pic{margin:20px 0 20px 0; text-align:center; overflow:hidden;}
.products_view_a .xxjs{ height:50px; background:url(../img/iou7pro.gif) no-repeat;}
.products_view_a .view_content{ margin-top:20px; margin-bottom:20px;}
/*产品页end*/

/*产品列表*/
.lists_cont{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.lists_cont li{float:left; width:306px; height:265px; margin-right:27px; margin-bottom:25px; text-align:center; border: solid 1px #ddd; overflow:hidden}
.lists_cont li img{width:306px; height:230px;}
.lists_cont li .lists_t{ height:35px; line-height:35px; background: #ddd; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.lists_cont li:nth-of-type(3n+0){margin-right:0px;}
.lists_cont li:first-child+li+li{margin-right:0px;}
.lists_cont li:first-child+li+li+li+li+li{margin-right:0px;}
.lists_cont li:first-child+li+li+li+li+li+li+li+li{margin-right:0px;}
.lists_cont li:first-child+li+li+li+li+li+li+li+li+li+li+li{margin-right:0px;}
.lists_cont li a:hover{ color:#000; text-decoration:none}

/*产品列表*/

/*产品列表分页*/
.pro_page{ width:100%; line-height:40px; border-top:1px solid #CCCCCC; margin-top:15px;}
.pro_page_sl{ width:100%; text-align:center; margin-top:15px;}
/*产品列表分页*/

/*图片栏目start*/
.news-zt {width:100%; height:auto; overflow:hidden; margin-bottom:25px; }
.news-zt li{ float:left; width:301px; height:226px; margin-right:22px; margin-bottom:20px; position:relative;}
.news-zt li img{width:301px; height:226px;}
.news-zt li:nth-of-type(4n+0){margin-right:0px;}
.news-zt li ._txt{ position:absolute; left:0; bottom:0; right:0; padding:0 10px; height:45px; line-height:45px; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; background: rgba(0,0,0,0.4);}
/*图片栏目end*/

/*左侧start*/
.coco_left{ float:left; width:245px; padding-bottom:20px;}
.coco_left_title{height:108px; line-height:108px; background: #3697fd url(../images/coco_left_title.jpg) no-repeat left center; padding-left:40px; font-weight:bold; font-size:26px; color:#fff;}
.sub_pro03{
	border:1px solid #ddd;
	border-top:none;
}
/*tech*/
#tech {height:auto}
#tech li {
	line-height:50px;
	text-align:left;
}
#tech li+li{border-top:1px solid #EAEAEA}
#tech li a {
	display:block;
	text-align:left;
	font-size:15px;
	padding-left:10px;
	color:#666666;
	background-image:url(../images/tech1.jpg);
	transition:all .5s;
}
#tech li a:hover {
	text-decoration:none;
	color:#b11c1e;
	padding-left:20px;
}
/*tech_end*/

/*左侧联系方式*/
.contactleft{width:225px;margin-top:10px; background-color:#333333; overflow:hidden; padding:10px;}
.contactleftbian{ width:206; border:1px solid #717171; margin:0px auto}
.conleft_title{ width:220px; height:29px;overflow:hidden;color:#ffc59a;font-size:14px;padding-left:14px; line-height:35px; padding-top:5px;}
.conleft_list{padding-bottom:12px;}
.conleft_list span{font-size:26px; width:100%; height:45px; display:block; line-height:45px; color:#ffc59a;font-family:impact; text-align:center; }
.conleft_list dl{width:90%; margin:0px auto; color:#ffc59a; line-height:26px; overflow:hidden}
.conleft_list dl dt{ width:65px; float:left; text-align:right;}
.conleft_list dl dd{width:135px; float:right;}
/*左侧联系方式*/
/*左侧end*/

/*fwzx*/
.fwzx_zili{width:100%; margin:0 auto; height:auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}
.fwzx_zili dl{float:left; width:312px; height:269px; margin-bottom:20px; margin-right:20px; background-color:#fff}
.fwzx_zili dl dt{width:312px; height:234px; position: relative; overflow:hidden}
.fwzx_zili dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.fwzx_zili dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.fwzx_zili dl dd{ text-align:center; line-height:35px; color:#fff; font-size:14px; position: relative; z-index:666; background-color:#d4e6f9; }
.fwzx_zili dl dd p{position:relative; z-index:5; transition: color 1s; margin:0 auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.fwzx_zili dl dd span{ width:0% ;  display:block; height:35px; position:absolute; background-color:#0256ac; z-index:1; transition: width 0.6s;}
.fwzx_zili dl:hover span{ width:100%;}
.fwzx_zili dl:hover p{color:#fff;}
.fwzx_zili dl:hover img{ transform:scale(1.1,1.1);}
.fwzx_zili dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.fwzx_zili dl:nth-of-type(3n+0){margin-right:0px;}
.fwzx_zili dl dd a{ text-decoration:none}
/*fwzx*/

/*相关图片*/
.pic_xg{overflow:hidden;}
.pic_xg li{float:left; text-align:center; width:300px; height:225px; margin-right:20px; position:relative; overflow:hidden; border:1px solid #EBEBEB}
.pic_xg li img{width:300px; height:225px;}
.pic_xg li p{ position:absolute; left:0; top:180px; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}
.pic_xg li:hover p{top:0; }
.pic_xg li span{ display:block; position:absolute; left:0; top:185px; color:#FFF; width:100%; height:35px; line-height:35px; z-index:1; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pic_xg li:hover span{top:39%; }
.pic_xg li:nth-of-type(4n+0){margin-right:0px;}
/*内容页end*/

/*********footer*********/
.foot_cn_link{background-color: #044c96; padding: 10px 0; text-align: center; }
.foot_cn_link a{line-height:1; border-right:1px solid #CCC; padding:0 8px; color:#FFF; font-size:12px}
.foot_cn_link a:last-child{ border-right:none}

.footer{width:100%; min-width:1270px; height:auto; background-image:url(../images/tyvv.jpg); margin-top:45px; overflow:hidden; color:#FFF; box-shadow:inset 0px 15px 10px -15px #013870;}
.footer a{ color:#FFF}
.footer a:hover{ color:#FC0}

.foot_nav{ height:50px; overflow:hidden; background-color:#044c96}
.foot_nav .foot_nav_menu {
	display:table;
	margin: auto;
	padding:0px;
	overflow:hidden;
}
.foot_nav .foot_nav_menu li{ float:left; line-height:50px;	text-align:center;}
.foot_nav .foot_nav_menu li a{display:block; padding-left:25px;	padding-right:25px; font-size:16px; color:#FFF}

.foot_box{ width:100%; min-width:1270px; height:auto; overflow:hidden; margin-top:30px; margin-bottom:20px}
.foot_box a{transition-duration:500ms;}
.foot_box a:hover{ padding-left:5px; text-decoration:none}

/*menu*/
.foot_menu{ float:left; width:570px; height:auto; overflow:hidden;}
.foot_menu li{ float:left; width:150px; height:auto; margin-right:35px}
.foot_menu li .menu_title{width:100%; height:35px; line-height:35px; font-size:18px; border-bottom:1px solid #fff}
.foot_menu li .menu_list{width:100%; height:auto; margin-top:10px;}
.foot_menu li .menu_list li{ line-height:27px}

/*link*/
.foot_link{ float:left; width:280px; height:auto; overflow:hidden;}
.foot_link .link_title{ width:100%; height:35px; line-height:35px; font-size:18px; border-bottom:1px solid #fff}
.foot_link .link_box{width:100%; height:auto; line-height:26px; margin-top:10px; }
.foot_link .link_box a{ padding-right:10px;}
.foot_link .link_box a:hover{ padding-left:0px; text-decoration:underline}

/*ewm*/
.foot_ewm{ float:right; width:300px; height:auto; overflow:hidden;}
.foot_ewm li{ float:left; width:140px; height:auto; margin-right:20px;}
.foot_ewm li p{ line-height:35px; text-align:center}
.foot_ewm li:nth-of-type(2n+0){margin-right:0px;}


/*最底部*/
.foot_text{line-height:30px; text-align:center; color:#fff; background:#2e3c4b; padding-top:10px; padding-bottom:10px}
.foot_text a{color:#fff; transition-duration:500ms;}
.foot_text a:hover{color:#FC0; text-decoration:none}
/*********footer*********/