@charset "utf-8";
/* CSS Document 
→┏━━━━━━━┓ 
┏┫　　　　｜｜｜┣┓　 　　┏┓
┗┫━━　┃　━━┣┛　　　┣┫
　┃　━━━━━　┃　　┏┳┫┣┳┓
　┗━━━┳━━━┛　　┃　　　　┃
————————————————————————————————————————————————————
→版权所有，鄙视抄袭!!!
————————————————————————————————————————————————————
*/
body { width:100%; margin:0 auto; padding:0; font-size:14px; font-family:"微软雅黑"; color:#333; line-height:26px;}
img{ border:0;}
*:focus { outline:none;}
ul,ol,li,dl,dt,dd{ list-style-type:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
img,object{ vertical-align:bottom; border:0;}
.cls{ clear:both; height:0; font:0/0 Arial; margin:0; padding:0;}
a{blr:expression(this.onFocus=this.blur()); outline:none; text-decoration:none;}

.big{ background:#FFF; min-width:1200px;}
.container{ width:1200px; margin:0 auto;}

.top { height:29px; background:#696767; line-height:29px; font-size:14px; color:#FFF;}
.top .left { float:left;}
.top .right { float:right;}
.top .right a { color:#FFF;}
.top .right a:hover { text-decoration:underline;}
.header { height:100px; background:url(../images/header_bg.jpg) repeat-x;}
.logo { float:left;}
.tel { float:right;}
.nav { height:50px; background:url(../images/nav_bg.jpg) repeat-x;}
.nav ul { width:1215px; margin:0 auto;}
.nav ul li { float:left; width:135px; height:50px; line-height:50px; text-align:center; background:url(../images/nav_li_bg.jpg) right no-repeat; position:relative; z-index:9999;}
.nav ul li.nbg { background:none;}
.nav ul li a { display:block; font-size:14px; color:#FFF;}
.nav ul li a:hover { background:#dfdfdf; color:#333;}
.nav ul li .select_nav{ width:135px; height:auto; background:#dfdfdf; margin:0; position:absolute; display:none;}
.nav ul li .select_nav li{ float:none; height:40px; line-height:40px; background:none; border-bottom:2px solid #FFF;}
.nav ul li .select_nav li a{ font-size:14px; color:#333;}
.nav ul li .select_nav li a:hover { color:#0065b7;}
/*banner*/
.wy-mod-banner{ height:580px;position:relative;overflow:hidden; z-index:0;}
.wy-mod-banner .banners{width:1920px;height:580px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;}
.wy-mod-banner .banner{width:1920px;height:580px;overflow:hidden;position:absolute;}
.wy-mod-banner .focus{width:980px;margin:0px auto;padding-top:520px;text-align:center;}
.wy-mod-banner .focus a{text-decoration:none;z-index:3;width:24px;height:20px;position:relative;display:inline-block;*display:inline;overflow:hidden;zoom:1;}
.wy-mod-banner .focus a .bg-m{z-index:4;color:white;line-height:40px;font-size:40px;position:absolute;display:block;left:2px;top:6px;cursor:pointer; display:none;}
.wy-mod-banner .focus a .bg-b{background:url(../images/ico01.png) no-repeat 0 -26px;position:absolute;display:block;left:0px;top:0px;cursor:pointer; width:22px; height:22px;}
.wy-mod-banner .focus a .inner{background:url(../images/ico01.png) no-repeat 0 0;position:absolute;left:0px;top:0px;z-index:9;opacity:0;display:none\0;+display:none;*display:none; width:22px;height:22px;}
.wy-mod-banner .focus a.on .inner,.wy-mod-banner .focus a:hover .inner{cursor:pointer;display:block;border:0;top:-3px;-webkit-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:1;}
.wy-mod-banner .focus .hover .inner{display:block;}

.box_case { width:1200px; margin:40px auto;}
.box_case .title { text-align:center; font-size:40px; padding-left:10px;}
.box_case .ul_fenlei { overflow:hidden; margin-top:30px;}
.box_case .ul_fenlei li { float:left; margin:0 30px 10px 0;}
.box_case .ul_fenlei li a { display:block; color:#000; padding:5px 15px;}
.box_case .ul_fenlei li a:hover { background:#024f95; color:#FFF; border-radius:15px;}
.box_case .ul_pro { overflow:hidden;}
.box_case .ul_pro li { float:left; width:278px; margin:10px; border:1px solid #fff;}
.box_case .ul_pro li .tu { width:278px; height:235px; overflow:hidden;}
.box_case .ul_pro li .tu img { width:278px; height:235px; transition:all 0.6s;}
.box_case .ul_pro li .tu img:hover {transform: scale(1.2);}
.box_case .ul_pro li .text { background:#f5f5f5; text-align:center; padding:10px 0;}
.box_case .ul_pro li .text .name { color:#666; font-size:13px;}
.box_case .ul_pro li .text .more { border:1px solid #999; padding:0 10px;}
.box_case .ul_pro li .text .more a { color:#666; font-size:12px;}
.box_case .ul_pro li:hover { border:1px solid #999;}

.box2 { height:800px; background:url(../images/box2_bg.jpg) center no-repeat;}
.box2 a { display:block; width:1200px; height:800px; margin:0 auto;}
.box3 { height:1200px; background:url(../images/box3_bg.jpg) center no-repeat;}
.box3 a { display:block; width:1200px; height:1200px; margin:0 auto;}

.box_scene { overflow:hidden; text-align:center;}
.box_scene .title01 { font-size:50px; padding:65px 0 35px 0;}
.box_scene .title02 { font-size:24px;}
.box_scene .box { width:1200px; height:auto; margin:0 auto;}
/* tab */
.tab { position:relative;}
.tab .menu{ width:1050px; height:140px; margin:30px auto;}
.tab .menu li{ float:left; width:100px; height:140px; cursor:pointer; margin:0 25px;}
.tab .menu li .tu { width:100px; height:100px;}
.tab .menu li .tu img { width:100px; height:100px; border-radius:100px; transition:all ease .3s;-webkit-transition:all ease .2s;}
.tab .menu li .tu img:hover { transform:scale(1.1);-webkit-transform:scale(1.1)}
.tab .menu li .text { text-align:center; font-size:18px; margin-top:10px;}
.tab .tab_box{ width:1200px; margin:0 auto; clear:both; padding-bottom:50px;}
.tab .menu .selected{ cursor:pointer;}
.hide{ display:none;}

.tab .tab_box .products { width:1200px; height:600px; overflow:hidden; position:relative;}
.tab .tab_box .products .tu { width:1200px; height:600px;}

.guanggao { height:295px; background:url(../images/guanggao.jpg) center no-repeat;}

.footer { width:100%; height:auto; background:url(../images/footer_bg.jpg) repeat; border-top:10px solid #0258a5;}
.footer .fot { overflow:hidden; padding:30px 0;}
.footer .fot .left { float:left;}
.footer .fot .left ul { float:left; margin-right:45px;}
.h2_1 { font-size:16px; margin-bottom:5px;}
.h2_1 a { color:#333;}
.h2_1 a:hover { text-decoration:underline;}
.footer .fot .left ul li { margin-bottom:5px;}
.footer .fot .left ul li a { font-size:14px; color:#2d7dca;}
.footer .fot .left ul li a:hover { text-decoration:underline;}
.footer .fot .right { float:right;}
.footer .fot .right .tu { float:left; margin-right:30px;}
.footer .fot .right .contact { float:left; font-size:14px; line-height:36px; width:320px; overflow:hidden;}
.footer .bottom { text-align:center; height:40px; line-height:40px; border-top:1px solid #ccc; color:#5f666a;}

/*单页*/

.main { width:1200px; margin:0 auto; padding:15px 0 30px 0; overflow:hidden;}
.main .title { font-size:22px; border-bottom:1px solid #afacad; color:#1065a7; padding:15px 0;}
.main .title b { font-weight:normal; padding-right:15px;}
.main .title span { font-size:20px; text-transform:uppercase;}

.main .neimeun{ overflow:hidden; margin:15px 0; background:#e7e7e7;}
.main .neimeun li{ float:left; font-size:18px; text-align:center;}
.main .neimeun li a{ padding:0 22px; line-height:50px; display:inline-block; color:#444; background-color:#e7e7e7;}
.main .neimeun li.thisclass a,.neimeun li a:hover{ background:#c9c9c9;}

.main .box { background:#FFF; height:auto; overflow:hidden;}
.main .box .about { width:1150px; margin:0 auto; padding:20px 0;}
.main .box .contact { width:1150px; margin:0 auto; padding:20px 0;}
.main .box .message { width:1150px; margin:0 auto; padding:20px 0;}
.biaodan1 { width:250px; height:28px; border:1px solid #c8c8c6;}
.biaodan2 { width:350px; height:150px; border:1px solid #c8c8c6;}
.biaodan3 { width:80px; height:28px; border:1px solid #c8c8c6;}
.biaodan4 { width:66px; height:30px; line-height:30px; text-align:center; color:#000; display:block; background:url(../images/an_bg.jpg);}
.biaodan5 { width:80px; height:28px; border:1px solid #c8c8c6; margin-right:10px;}

/*新闻列表*/
.main .ul_news { overflow:hidden;}
.main .ul_news li { height:215px; background:#FFF; overflow:hidden; margin:10px 0 40px 0;}
.main .ul_news li .tu { float:left; width:330px; height:215px;}
.main .ul_news li .tu img { width:330px; height:215px;}
.main .ul_news li .biaoti { float:left; width:800px; height:35px; font-size:18px; color:#1065a7; padding:12px 0 0 45px;}
.main .ul_news li .biaoti a { color:#1065a7;}
.main .ul_news li .biaoti a:hover { text-decoration:underline; color:#000;}
.main .ul_news li .time { float:left; height:35px; font-size:16px; color:#1065a7; padding:0 0 0 45px;}
.main .ul_news li .detail { float:left; width:800px; height:90px; line-height:30px; padding:0 0 0 45px; overflow:hidden;}
.main .ul_news li .more_n { float:left; border:1px solid #999; margin:10px 0 0 45px; padding:0 10px;}
.main .ul_news li .more_n a { color:#333;}
.main .ul_news li .more_n a:hover { color:#F00; text-decoration:underline;}

/*图片列表*/
.main .ul_pro { overflow:hidden;}
.main .ul_pro dl { float:left; width:368px; height:330px; background:#FFF; border:1px solid #e7e7e7; margin:0 15px 30px 15px;}
.main .ul_pro dl dt { width:352px; height:267px; margin:8px;}
.main .ul_pro dl dt img { width:352px; height:267px;}
.main .ul_pro dl dd { height:40px; text-align:center; padding-top:7px; font-size:16px;}
.main .ul_pro dl dd a { color:#1065a7;}

/*详细页*/
.main .box .biaoti_n { text-align:center; height:70px; line-height:70px; color:#1065a7; font-size:18px;}
.main .box .xiangxi { width:1150px; margin:0 auto;}
.up_down { width:1150px; margin:0 auto; padding:30px 0;}
.up_down a { color:#666;}
.up_down a:hover { color:#e50619; text-decoration:underline;}

/*下载列表*/
.main .ul_down { overflow:hidden;}
.main .ul_down li { width:1180px; height:40px; line-height:40px; border-bottom:1px solid #c9c9c9; margin:0 10px;}
.main .ul_down li .a_l { display:block; float:left; padding-left:35px; background:url(../images/li_bg.png) 7px 15px no-repeat; color:#444; width:410px; height:40px; overflow:hidden;}
.main .ul_down li .a_l:hover { color:#0258a5;}
.main .ul_down li .time { float:right; padding-right:10px;}
.main .ul_down li .time a { color:#444;}
.main .ul_down li .time a:hover { text-decoration:underline;}

/*page*/
.page { padding:20px 0 20px 0; float:right;}
.page ul li{float:left; border:1px solid #1065a7; padding:0 8px; height:25px; line-height:25px; overflow:hidden; color:#000; margin:0 3px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}



.pageXinrong * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "微软雅黑";
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	box-sizing: border-box;
	outline: none;
}

.pageXinrong .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

.pageXinrong .clearfix {
	zoom: 1;
}

.pageXinrong {
	width: 1020px;
	margin: 30px auto;
}

.pageXinrong>h1 {
	text-align: center;
	font-size: 26px;
	color: #333;
	padding-bottom: 10px;
}

.pageXinrong>h1>i {
	display: block;
	width: 35px;
	height: 2px;
	background: #4a8bfd;
	margin: 20px auto 0;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft {
	width: 280px;
	border: 1px solid #eee;
	border-radius: 5px;
	float: left;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft>h2 {
	font-size: 18px;
	color: #4a8bfd;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .number {
	font-size: 14px;
	color: #999999;
	padding: 10px 0;
	text-align: center;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .number span {
	color: #4a8bfd;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .form {
	padding: 0 35px;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .form input {
	width: 210px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: auto;
	border: 1px solid #4a8bfd;
	border-radius: 5px;
	font-size: 14px;
	color: #666666;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .form button {
	width: 210px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 10px auto 20px;
	background: #4a8bfd;
	border: 1px solid #4A8BFD;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .form button:hover {
	background: #327bfd;
	border: 1px solid #327bfd;
	margin: 10px 0 20px;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state {
	padding: 0 65px 35px;
	color: #666666;
	font-size: 14px;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state .frontCall {
	display: block;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state .frontCall span
	{
	color: #327BFD;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state .underwayCall
	{
	font-size: 14px;
	text-align: center;
	display: none;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state .underwayCall p
	{
	padding: 15px 0;
	color: #327BFD;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state .successCall {
	text-align: center;
	display: none;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state .successCall p
	{
	padding: 10px 0;
	color: #327BFD;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state .successCall a
	{
	font-size: 14px;
	text-decoration: none;
	color: #666666;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state .failCall {
	text-align: center;
	display: none;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state .failCall p {
	padding: 10px 0;
	color: #327BFD;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .state .failCall a {
	font-size: 14px;
	text-decoration: none;
	color: #666666;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle {
	float: left;
	width: 350px;
	margin: 0 30px 0 50px;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle h2 {
	font-size: 14px;
	color: #999999;
	display: flex;
	align-items: center;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle h2 span {
	color: red;
	padding-right: 5px;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle input {
	width: 100%;
	height: 40px;
	border: 1px solid #eee;
	border-radius: 5px;
	text-indent: 1em;
	outline: none;
	margin-bottom: 20px;
	transition: all 0.5s step-start;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle input:focus,.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle textarea:focus
	{
	border: 1px solid #327BFD;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle textarea {
	width: 100%;
	height: 80px;
	border: 1px solid #eee;
	border-radius: 5px;
	text-indent: 1em;
	max-width: 100%;
	min-width: 100%;
	padding-top: 10px;
	transition: all 0.5s step-start;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle>p {
	text-align: center;
	margin-top: 36px;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle button {
	width: 210px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 10px auto 10px;
	background: #4a8bfd;
	border: 1px solid #4A8BFD;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	margin: auto;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle button:hover {
	background: #327bfd;
	border: 1px solid #327bfd;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxRight {
	float: left;
	width: 300px;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxRight .pageXinrong_boxRightT
	{
	width: 100%;
	height: 125px;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 10px 0;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxRight .pageXinrong_boxRightT button
	{
	width: 210px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 10px auto 10px;
	background: #4a8bfd;
	border: 1px solid #4A8BFD;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxRight .pageXinrong_boxRightT button:hover
	{
	background: #327bfd;
	border: 1px solid #327bfd;
	margin: 10px 0 10px;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxRight .pageXinrong_boxRightB
	{
	width: 100%;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 10px 15px 0;
	margin-top: 10px;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxRight .pageXinrong_boxRightB>h3
	{
	padding: 0 0 15px 5px;
	font-size: 14px;
	color: #666666;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxRight .pageXinrong_boxRightB ul li
	{
	color: #999999;
	font-size: 12px;
	padding-bottom: 12px;
	cursor: pointer;
}

.pageXinrong .pageXinrong_box .pageXinrong_boxRight .pageXinrong_boxRightB ul li span
	{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #4a8bfd;
	margin-right: 10px;
}

@media(min-width:320px)and(max-width:750px) {
	.pageXinrong {
		width: 100%;
	}
	.pageXinrong .pageXinrong_box {
		width: 100%;
		padding: 0 20px;
	}
	.pageXinrong .pageXinrong_box .pageXinrong_boxLeft {
		text-align: center;
	}
	.pageXinrong .pageXinrong_box .pageXinrong_boxLeft,.pageXinrong .pageXinrong_box .pageXinrong_boxMiddle,.pageXinrong .pageXinrong_box .pageXinrong_boxRight
		{
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
}