﻿@charset "utf-8";
/* CSS Document */
body{
	font-size:14px;
	line-height:150%;
	font-family:"微软雅黑",verdana,tahoma,arial;
	margin:0 auto;
	}
img{
	vertical-align:bottom;
	}
a:link{
	color:#222;
	text-decoration:none;
	}
a:visited{
	color:#222;
	text-decoration:none;
	}
a:hover{
	color:#f75a53;    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
	text-decoration:none;
	}
a:active{
	color:#222;
	text-decoration:none;
	}
a img{
	border:none;
	}
ul,ol,p,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{
	margin:0;
	padding:0;
	font-weight:normal;
	}
ul,ol{
	list-style:none;
	}
.clear{
	clear:both;
	}
	/*自定义样式表*/
header{
	height:80px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background-color:rgba(255,255,255,0.9);
	min-width:1200px;
	box-shadow:0 5px 8px rgba(0,0,0,0.15);
	}
header section{
	width:1200px;
	margin:0 auto;
	}
header .logo{
	float:left;
	width:385px;
	padding:10px 0;
	}
header nav{
	float:right;
	width:690px;
	}
header nav li{
	font-size:16px;
	float:left;
	width:115px;
	text-align:center;
	}
header nav li a:link,header nav li a:visited,header nav li a:visited{
	display:block;
	height:80px;
	line-height:80px;
	color:#000;
	}
/*导航颜色设置*/
header nav li a:hover , header nav li a.on{
	background:#0071b7;
	color:#fff;
	}

.fix_header{
	height:80px;
	clear:both;
	}
/*.banner{
	width:100%;
	margin:0 auto;
	}
*/

.top_slide_wrap{width:100%;height:530px;overflow:hidden;position:relative;z-index:1;}
.slide_box{height:530px;overflow:hidden}
.slide_box li{height:530px}
.slide_box img{width:100%;height:530px}
.slide_info{width:980px;margin:-530px auto 0}
.slide_info_card{width:420px;height:0;margin-top:171px;color:#fff;position:relative}
.slide_info_card a{color:#fff;text-decoration:none}
.slide_info_card .slide_info_card_bg{width:420px;height:200px;background:#dd3f5c;position:absolute;top:0;left:0;z-index:1;opacity:.8;*filter:alpha(opacity=80)}
.slide_info_card .slide_info_card_text{width:340px;height:140px;padding:30px 40px;position:absolute;top:0;left:0;z-index:2}
.slide_info_card h2{font-size:40px;padding-bottom:8px}
.slide_info_card p{font-size:15px;line-height:26px}
.slide_info_card p strong{font-size:12px;height:25px;display:inline-block;padding:0 10px;background:#dd3f5c;border-radius:5px;color:#fff;margin-top:8px}
/* op_btns */
.op_btns{width:980px;margin:-590px auto 0;position:relative;z-index:3;*margin-top:-530px}
.op_btns .op_btn{display:block;width:62px;height:62px;cursor:pointer;background:url("img/icons_cb372887.png") no-repeat 0 -385px;overflow:hidden;position:absolute;margin-top:240px;}
.op_btns .op_prev{left:-135px}
.op_btns .op_next{right:-135px}
.op_btns .op_prev span,.op_btns .op_next span{display:block;width:24px;height:44px;background:url("img/icons_cb372887.png") no-repeat;margin:8px 0 0 17px;cursor:pointer}
.op_btns .op_prev span{background-position:0 0;}
.op_btns .op_next span{background-position:-73px 0;margin-left:20px;}
/* bx-controls */
.bx-wrapper .bx-controls{margin-top:-60px}
.bx-wrapper .bx-controls .bx-pager{clear:both;width:100%;text-align:center;position:relative}
.bx-wrapper .bx-controls .bx-pager a{background:#dd3f5c;width:12px;height:12px;display:inline-block;overflow:hidden;background:url("img/icons_cb372887.png") -116px -90px\9;}
.bx-wrapper .bx-controls .bx-pager a:hover,.bx-wrapper .bx-controls .bx-pager a.active{background:#0070c6;background:url("../images/icons_cb372887.png") 0 -90px\9;}

.banner{ height:600px; width:100%;}
.flexslider{position:relative;height:600px;overflow:hidden; }
.slides{position:relative;z-index:1;}
.slides li{height:600px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{ display:inline-block;height:14px; margin-left:5px; margin-right:5px;zoom:1;}
.flex-control-nav a{border-radius:50%;display:inline-block;width:8px;height:8px; border:2px solid #fff;line-height:120px;overflow:hidden;background:none;cursor:pointer;}
.flex-control-nav .flex-active{ width:12px; height:12px; background:#fff; border:none;}
.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;}
.slides li a{ width:100%; height:600px; display:block;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; margin-top: -30px;}
.flex-direction-nav li a{display:block; width:65px; height: 65px;  overflow:hidden;cursor:pointer;position:absolute;}
 
.n_tit{ width:100%; height:auto; line-height: 50px; text-align: center; border-bottom:  1px solid #eee; margin: 20px auto;}


.container{
	width:100%;
	margin:0 auto;
	}
.container .section{
	width:1200px;
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:40px 10px;
	}
.container .section h1.maintitle{
	color:#0071b7;
	font-size:28px;
	text-align:center;
	line-height:30px; margin-bottom: 20px;
	}
.series{width:100%;height: auto; margin: 0px auto; margin-bottom: 30px;}
.container .section h1.maintitle span{
	font-size:22px;
	margin-left:5px;
	}
.container .section h1.maintitle span p{
	color:#a1a1a1;
	font-size:14px;
	}
.container .section .series .prod{
	float:left;
	text-align:center;
	padding-left:10px;
	}
.container .section .series li{
	float:left;
	font-size:14px;
	width:290px;
    /*5个列表 尺寸
        width:230px;
        */
	height:40px;
	line-height:40px;
	text-align:center;
	padding:0 5px 10px 0;
	}
/*首页产品导航颜色*/
.container .section .series li a{ cursor: pointer;
	display:block;
	background:#f7f7f7;
	color:#898787;
	}
.container .section .series li a:hover , .container .section .series li a.on{
	background:#0071b7;
	color:#fff;
	}
.container .section .series .more{
	float:right;
	font-size:12px;
	text-align:center;
	width:80px;
	line-height:40px;
	background:#0071b7;
	margin-right:15px;
	}
.container .section .series .more a{
	display:block;
	color:#fff;
	}
.indexintro .quote .maintitle{
	text-align:center;
	}
.container .section .mod_course{
	overflow:hidden; display: none;
	}
.container .section .xx_show{
	display: block;
	}
ul.courselist li{float: left;
    width: 366px;
    padding-bottom: 15px;
    margin: 10px 13px;
	}
ul.courselist li a{
	display:block;
	width:366px;
	position:relative;
	overflow:hidden;
	}
ul.courselist li a img{
	width:366px;
	height:257px;
	}
/*产品展示滑动出现文字 */	
.divcss5{behavior:url("csshover.htc");text-align:center; position:relative;width:366px; height:50px; margin:0 auto; margin-top:-50px;}
.divcss5 a,.divcss5 span{display:none; text-decoration:none; color:#FFF;}
.divcss5:hover{cursor:pointer; color:#FFF;}
.divcss5:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%; z-index:100; left:0; display:block;}
.divcss5:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:100%; z-index:10;height:36px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}	
ul.courselist li a p{
	text-align:center;
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	line-height:30px;
	font-size:16px;
	position:absolute;
	left:0;
	z-index:1;
	bottom:0;
	width:100%;
	}
.container_1{
	width:100%;
	margin:0 auto;
	background:#f5f5f5;
	}
.container_1 .section{
	width:1200px;
	margin:0 auto;
	padding:20px 0;
	} 
.container_1 .section h1.maintitle{
	color:#0071b7;
	font-size:28px;
	text-align:center;
	line-height:40px;
	padding:10px 0;
	}
.container_1 .section h1.maintitle span{
	font-size:24px;
	margin-left:5px;
	}
.container_1 .section h1.maintitle span p{
	font-size:14px; color: #888;
	}
.container_1 .section .craft{
	width:1200px;
	margin:0 auto;
	position:relative;
	text-align:center;
	}
.container_1 .section .craft .picture{
	padding:0 60px;
	position:absolute;
	top:10px;
	
	}
.container_1 .section .craft p{
	text-align:left;
	padding:0 20px; font-size: 14px; color: #888; line-height: 30px;
	}
.container_1 .section .craft h2{
	font-size:18px;
	padding:100px 0 10px;
	color:#0071b7;
	font-weight:bold;
	}
.container_1 .section .craft li{
	float:left;
	width:270px;
	height:425px;
	line-height:200%;
	text-align:center;
	background:#fff;
	margin:65px 25px 20px 0;
	box-shadow:0 15px 25px rgba(0,0,0,0.15);
	}
.container_2 .section{
	width:1200px;
	margin:0 auto;
	}
.container_2 .section h1.maintitle{
	color:#0071b7;
	font-size:28px;
	text-align:center;
	line-height:40px;
	padding:40px 0;
}
.container_2 .section .news .leftnews{
	float:left;
	width:700px;
	height:300px;
    overflow-x: hidden;
    overflow-y: scroll;
	}
	/* 滚动条宽度 */
	::-webkit-scrollbar{
		width:1px;
	}
	
.container_2 .section .leftnews li .lisj{
	float:left;
	width:80px;
	background:#0071b7;
	height:80px;
	text-align:center;
	margin-bottom:20px;
	}
.container_2 .section .leftnews li .lisj p{
	font-size:30px;
	color:#fff;
	padding:20px 0 10px 0;
	}
.container_2 .section .leftnews li .lisj span{
	font-size:16px;
	color:#fff;
	}
.container_2 .section .leftnews li .lswz{
	float:right;
	width:600px;
	line-height:200%;
	}
.container_2 .section .leftnews li .lswz p{
	font-size:18px;
	font-weight:bold;
	color:#000;
	
	}
.container_2 .section .leftnews li .lswz span{
	color:#6e6e6e; font-size: 14px; margin-top: 10px; display: block;height:60px; overflow:hidden;
	}
.container_2 .section .news .rightnews{
	float:right;
	width:400px; margin-right: 25px; height: 300px;
	}
.container_2 .section .news .rightnews div{width:400px; height: 280px; position: relative;}
.container_2 .section .news .rightnews div img{width:400px; height: 280px;}
.container_2 .section .news .rightnews div h3{ position:absolute; width:400px; height: 45px; line-height: 45px; text-indent: 20px; bottom: 0px; background:rgba(0, 0, 0, 0.4); font-size: 18px; color: #fff;}

.container_2 .section .rightnews .syxinright{
	color:#6e6e6e;
	}
.container_2 .section .rightnews .syxinright h3{
	color:#000;
	font-weight:bold;
	padding-bottom:10px;
	}
.container_2 .section .rightnews .syxinright p{
	padding:10px 0;
	}
.container_3{
	width:100%;
	margin:0 auto;
	background:url(../images/bg.jpg) no-repeat center;
	}	
.container_3 .section{
	width:1200px;
	margin:0 auto;
	}

.container_3 .section h1.maintitle{
	color:#0071b7;
	font-size:22px;
	text-align:center;
	line-height:40px;
	padding:40px 0;
	}
.container_3 .section h1.maintitle span{
	font-size:28px;
	margin-left:5px;
	}
.container_3 .section h1.maintitle span p{
	color:#888;
	font-size:14px;
	}
.container_3 .section .chaining li{
	float:left;
	padding-left:10px;
	position:relative;
	}	
/* 案例展示显示文字*/	
	.container_3 .section .chaining li img{
			width:218px;
	height:119px;
	}
.container_3 .section .chaining li h3{ position:absolute; width:218px; height: 35px; line-height: 35px; bottom: 0px; background:rgba(0, 0, 0, 0.4); font-size: 14px; color: #fff; text-align:center; overflow:hidden;}
.container_3 .section .chaining .syxinright{
	color:#6e6e6e;
	}
	.container_3 .section  .chaining .syxinright h3{
	color:#000;
	font-weight:bold;
	padding-bottom:10px;
	}
 .container_3 .section .chaining .syxinright p{
	padding:10px 0;
	}
	
	
.container_3 .section .botton{
	text-align:center;
	padding:30px;}
.container_4{
	width:100%;
	margin:0 auto;
	margin-top:-11px;
	background:url(../images/bg1.jpg) no-repeat center;
	background-size:100%;
	}
.container_4 .section{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	}
.container_4 .section form ul li{ margin: 20px 0px;	
	
	}
.login-01{
	width:400px;
	float:left;
	}
.icon,.icon2  {
	height:50px;
	width:50px;
	display:block;
	float:left;
	border-top-left-radius:0.3em;
	-o-border-top-left-radius:0.3em;
	-moz-border-top-left-radius:0.3em;
	-webkit-border-top-left-radius:0.3em;
	border-border-bottom-left-radius:0.3em;
	-o-border-bottom-left-radius:0.3em;
	-moz-border-bottom-left-radius:0.3em;
	-webkit-border-bottom-left-radius:0.3em;
	}
.user {
	background:url(../images/icons.png) no-repeat 14px 15px #414141;
	}
.phone{
	background: url(../images/icons.png) no-repeat 15px -93px #414141;
	}
.msg{
	background: url(../images/msg.png) no-repeat 16px 22px #414141; height: 64px;
	}
li.first:hover .user{
	 background: url(../images/icons.png) no-repeat 14px 15px #0071b7;
	}
li.first:hover .phone{
	background: url(../images/icons.png) no-repeat 15px -93px #0071b7;
	}
li.second:hover .msg {
	background: url(../images/msg.png) no-repeat 16px 22px #0071b7;
	}
	/*-----*/
input[type="text"],form textarea {
	width:77%;
	padding:1.13em 1em 1.13em 1em;
	color: #858282;
	font-size:14px;
	outline:none;
	background:#fff;
	border:none;
	font-family:'Lora', serif;
	border-top-right-radius: 0.3em;
	-o-border-top-right-radius: 0.3em;
	-moz-border-top-right-radius: 0.3em;
	-webkit-border-top-right-radius: 0.3em;
	border-border-bottom-right-radius: 0.3em;
	-o-border-bottom-right-radius: 0.3em;
	-moz-border-bottom-right-radius: 0.3em;
	-webkit-border-bottom-right-radius: 0.3em;
	}
.login-01 input[type="submit"]{
	font-size: 17px;
	color: #fff;
	cursor: pointer;
	outline: none;
	padding:10px 10px;
	width:200px;
	border:2px solid #0071b7;
	float:right;
	background: #0071b7;
	border-radius:0.3em;
	-o-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	margin-right:15px;
	}
input[type="submit"]:hover{
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	}
li.lost {
	margin-bottom:21px;
	}
.container_4 .section .pho{
	float:left;
	}
.container_4 .section h1.maintitle{
	color:#0071b7;
	font-size:20px;
	line-height:40px;
	padding:30px 0 10px;
	font-weight:bold;
	}
.container_4 .section .pho p{
	font-size:16px;
	line-height:200%;
	}
.container_4 .section .bd{
	float:left;
	padding:0 40px 40px 0;
	}
.container_4 .section .code{
	float:right;
	padding:50px;
	text-align:center;
	font-size:14px;
	}
	.container_4 .section .code img{
		width:110px;
		height:110px;
	}
.container_4 .section .bottom{
	width:550px;
	margin:0 auto;
	padding:20px 0;
	}
.footer{
	width:100%;
	margin:0 auto;
	background:#0464a0;
	}	
.footer .section{
	width:1200px;
	margin:0 auto;
	}
.footer .section p{
	color:#ffffff;
	float:left;
	line-height:50px;
	}	
.footer .section .icon{
	width:300px;
	float:right;
	}
.footer .section .icon li{
	float:left;
	padding-top:10px;
	}

    .footer .lk {
        height: 50px;
        color:#ffffff;
        margin-left:19%;
        padding-top:10px;
    } 
.footer .lk a:link{ color:#ffffff;} /* 未访问的链接 */ 
.footer .lk a:visited{color:#ffffff;} /* 已访问的链接 */ 
.footer .lk a:hover{ color:#ffffff;}/* 鼠标在链接上 */ 
.footer .lk a:active{ color:#ffffff;}/* 点击激活链接 */ 
/*--子页面---*/
.banner_1{
	width:100%;
	height:300px;
	background: url(../images/banner1.jpg) no-repeat center;
	}
.banner_1 .location{
	width:1200px;
	margin:0 auto;
	padding-top:80px;
	}
.banner_1 .location h1{
	font-size:20px;
	color:#fff;
	}
.banner_1 .location h1 span{
	font-size:14px;
	padding:0 3px;
	}
.banner_1 .location p{
	padding:10px 0;
	color:#fff;
	}
.banner_1 .location p a{
	color:#fff;
	}
.banner_1 .location p a:hover{
	font-size:14px;
	font-weight:bold;}


.container .page{
	width:1200px;
	margin:20px auto;
	}
.page .leftbox{
	width:230px;
	float:left;
	}
.leftbox h1.cattitle{
	font-size:18px;
	line-height:60px;
	text-align:center;
	color:#fff;
	background:url(../images/menu.jpg) no-repeat;
	padding:5px 0;
	}
.leftbox h1.cattitle1{
	font-size:18px;
	line-height:60px;
	margin-top:40px;
	text-align:center;
	color:#282a72;
	background:url(../images/menu4.jpg) no-repeat;
	padding:5px 0;
	}
.leftbox ul.submenu li{
	position:relative;
	font-size:16px;
	line-height:40px;
	background:url(../images/menu3.jpg) no-repeat;
	margin-bottom:10px;
	}
.leftbox ul.submenu li a{
	display:block;
	position:relative;
	text-align:center;
	}
.leftbox ul.submenu li a{
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	}
.leftbox ul.submenu li a.on{
	color:#282a72;
	font-weight:bold;
	background:url(../images/menu1.jpg) no-repeat;
	}
.leftbox ul.submenu li a:hover{
	color:#282a72;
	font-weight:bold;
	}
.leftbox .telep{
	padding:50px 0;}


.mainbox{
	width:950px;
	float:right;
	}
.pagecont .title{
	background:url(../images/menu2.jpg) no-repeat;
	height:60px;
	padding:10px 30px;
	width:920px;
	}	
.pagecont .title h1.cattitle{
	float:left;
	font-size:18px;
	color:#fff;
	line-height:40px;
	}
.pagecont .title span{
	float:right;
	padding:0 20px;
	line-height:40px;
	color:#999;
	}
.pagecont .title span a{color:#999;}
.pagecont .title span a:hover{color:#282a72;}
.mainbox .pagecont p{
	line-height:250%;
	padding:10px 30px;
	}	
.mainbox .pagecont img{
	padding:0 15px;
	}
	
	

ul.courses li{
	width:100%;
	float:left;
	border-bottom:1px #eee solid;
	cursor:pointer;
	padding:30px 0 15px 0;
	}
ul.courses li .ctitle a{ font-size: 18px; font-weight: bold;
	color:#333;
	}
ul.courses li .ctitle a:hover{color:#282a72;}
ul.courses li span a{
	color:#282a72;
	}
ul.courses li:first-child{
	border-top:1px #eee solid;
	}
ul.courses li:hover{
	background-color:#f8f8f8;
	}
ul.courses li .img{
	float:left;
	width:240px;
	margin:0 20px 0 5px;
	}
ul.courses li .img img{
	width:240px;
	height:170px;
	}
ul.courses li .ctitle{
	float:left;
	font-size:16px;
	line-height:40px;
	padding:10px 0;
	width:680px
	}
ul.courses li .cintro{
	float:left;
	font-size:14px;
	line-height:30px; height: 90px; overflow: hidden;
	width:680px;
	color:#666;
	}
/* 分页样式 */
.pagelist{padding: 15px 5px;text-align: left;color: #ccc;text-align:center;}
.pagelist a{display: inline-block;color: #333;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.pagelist a:hover{text-decoration: none;border: 1px solid #333;}
.pagelist span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #333;	border: 1px solid #333;border-radius: 4px;vertical-align: middle;}
.pagelist span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
	
	
	
ul.pages1{
	text-align:center;
	}
div.t{
	display:inline-block;
	width:10px;
	height:30px;
	background:#f00;
	display:none;
	}
ul.pages1 li{
	display:inline-block;
	border:1px #f75a53 solid;
	line-height:30px;
	width:30px;
	text-align:center;
	margin:0 0 0 -5px;
	padding:0;
	}
ul.pages1 li:hover{
	border:1px #f75a53 solid;
	position:relative;
	z-index:1;
	}
ul.pages1 li:first-child , ul.pages1 li:last-child{
	width:65px;
	border-radius:4px 0 0 4px;
	}
ul.pages1 li:first-child a{
	border-radius:4px 0 0 4px;
	}
ul.pages1 li:last-child{
	border-radius:0 4px 4px 0;
	}
ul.pages1 li:last-child a{
	border-radius:0 4px 4px 0;
	}
ul.pages1 li a{
	display:block;
	color:#f75a53;
	}
ul.pages1 li a.current{
	font-weight:bold;
	background-color:#f75a53;
	color:#fff
	}
ul.pages1 li a:hover{
	font-weight:bold;
	background-color:#f75a53;
	color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.6);
	}
.img_list_box{width:100%; height:auto;  padding-bottom: 20px;}
.img_list_box li{width:296px; float:left; margin: 10px 10px; float: left; overflow: hidden;}
.img_img img{width:296px; height: 210px;}
.img_a{width:100%; height: 50px; line-height:50px; text-align: center; overflow: hidden; font-size: 16px; color: #333; display: block;}
.img_list_box li:hover{background:#fff;    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);    box-shadow: 0 15px 30px rgba(0,0,0,.1);    -webkit-transform: translate3d(0,-2px,0);    transform: translate3d(0,-2px,0);}
.img_list_box li:hover a{
	color:#f75a53;    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
	text-decoration:none;
	}


















