@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	border:0;
}
body{
	font-family:"Microsoft YaHei UI";
	font-size:15px;
	background:#f2f2f2;
	color:white;
	height:auto !important;
}
ul,li{
	list-style:none;
}
a{
	text-decoration:none;
}
input,textarea{outline:none; background:none;}
.wrap{
	width:100%;
	margin:0 auto;
	position:fixed;
	top:0px;
	z-index:1000000;
}
.top{
	width:100%;
	background:#1f1d1d;
}
.header_top{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.header_top h5{
	font-size: 14px;
	font-weight:normal;
	color: #ccc;
	line-height: 40px;
	float: left;
	font-size: 12px;
}
.header_top h5 a{
	color: #eee;
	margin: 0 5px;
}
.top form{
	float:left;
	height:14px;
	padding:13px 0;
}
.top input.searchButton{
	width:14px;
	height:14px;
	float:left;
	background:url(../images/search.png) no-repeat center;
}
.sou input.searchButton{
	width: 21px;
    margin-top: 4%;
    margin-left: 3%;
    height: 14px;
    float: left;
    background: url(../images/searchh.png) no-repeat center;
}
.jian{
	margin-right: -34%;
    width: 121px;
    margin-top: -4%;
    height: 84px;
    background: orangered;
    float: right;
    background: url(../images/jiantou.png) no-repeat center;
}

.top input.searchText{
	float:left;
	width:150px;
	text-indent:8px;
	background:none;
	font-size:12px;
	outline:none;
	color:#ddd;
}
.header_top p{
	float:right;
	color:#fff;
	font-size:12px;
	line-height:40px;
}
.header_top p a{
	color:#fff;
	margin:0 6px;
}
.header{
	width:100%;
	height:86px;
	background: white;
	/*background:url(../images/header.png) no-repeat center bottom;*/
}
.head{
	width:1200px;
	margin:0 auto;
	height:86px;
}
.logo{
	float:left;
	width:195px;
	height:46px;
	margin:21px 0 22px;
}
.head ul.nav{
	float:left;
	width:625px;
	height:85px;
	margin-left: 380px;
}
.head ul.nav>li{
	float:left;
	margin:0 0px 0 30px;
}
.head ul.nav>li a{
	color: #b1b1b1;;
	line-height:85px;
}
.head ul.nav>li a:hover{
	color:#0b3868;
}
.menu{
   position: relative !important;
}
.menu-li{
   display: none;
   width:200px;
   background:url(../images/ulbg.png) repeat-x;
   position: absolute;
   left:-20px;
   top:81px;
   padding-bottom:10px;
}
.menu-li li a{
	display:block;
	width:200px !important;
	line-height:45px !important;
	color:#fff !important;
	text-indent:12px;
}
.menu-li li a:hover{
	color:#04026a !important;
	background:url(../images/ulli.png) repeat-x;
}
.nav .menu:hover .menu-li{
   display: block;
}
.af{
	width:90px;
	float:right;
	text-align:right;
	/*line-height:85px;*/
	margin-top: -53px;
	color:#04026a;
	font-size:14px;
}
.af a{
	color:#04026a;
	margin:0 5px;
}
.title{
	text-align:center;
	/*background:url(../images/title.png) no-repeat center 35px;*/
}
.title h5{
	margin-left: 16%;
    font-weight: normal;
    font-size: 26px;
    color: #021b51;
    font-size: 32px;
    float: left;
    margin-top: -2%;
}
.title span{
	display:block;
	color:#0b3868;
	font-size:23px;
}
.in_product{
	padding:111px 0 60px;
	width:100%;
	margin:0 auto;
}
p.titleP{
	width:794px;
	margin:15px auto;
	text-align:center;
	color:#666;
	line-height:28px;
}
ul.productClass{
	overflow:hidden;
	width:800px;
	margin:30px auto;
}
ul.productClass li{
	float:left;
	margin:0 15px;
}
ul.productClass li a{
	display:block;
	padding:0 25px;
	text-align:center;
	border:1px solid #0b3868;
	line-height:40px;
	color:#333;
}
/*ul.productClass li a:hover{
	background:#0b3868;
	color:#fff;
	transition:all 0.6s;
}*/
ul.product{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding:15px 0 45px;
}
ul.product li{
	float:left;
	margin:0 10px;
}
ul.product li a{
	display:block;
	width:380px;
	background:#fff;
}
/*ul.product li a:hover{
	background:#0b3868;
	transition:all 0.6s;
}*/
/*ul.product li a:hover h5.text1{
	color:#fff;
}
ul.product li a:hover span.text2{
	color:#7ebafa;
}*/
ul.product li a h5{
	font-weight:normal;
	color:#333;
	font-size:16px;
	text-align:center;
	padding:10px 0 8px;
}
ul.product li a span{
	display:block;
	font-size:13px;
	color:#0b3868;
	text-align:center;
	padding-bottom:14px;
}
a.amore{
	display:block;
	text-align:center;
	width:250px;
	line-height:45px;
	height:45px;
	border:1px solid #0b3868;
	color:#333;
	margin:0 auto;
}
a.amore:hover{
	background:#0b3868;
	color:#fff;
	transition:all 0.6s;
}

/*about*/
.in_about{
	width:100%;
	height: 360px;
	background:#e4e3e3;
	padding:45px 0 60px;
	background:url(../images/17_122909_f477a5e8c1db20b.jpg);
	background-repeat: no-repeat;
    background-size: 100% 100%;
}
.about{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.aboutCon{
	width:620px;
	float:left;
}
.aboutCon h5{
	font-weight:normal;
	font-size:23px;
	color:#333;
	padding-top:89px;
}
.aboutCon span{
	font-size:14px;
	color:#0b3868;
	font-style:italic;
	line-height:70px;
}
.aboutCon div.aboutMain{
	line-height:32px;
}
.aboutImg{
	width:410px;
	float:right;
	padding-top:55px;
}
.abouta{
	display:block;
	width:200px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#333;
	margin-top:55px;
	border:1px solid #0b3868;
}
.abouta:hover{
	background:#0b3868;
	color:#fff;
	transition:all 0.6s;
}

/*news*/
.news{
	width:100%;
	padding:50px 0 60px;
}
.news ul{
	width:1200px;
	margin:15px auto 35px;
	overflow:hidden;
}
.news ul li{
	float:left;
	border:1px solid #ddd;
	background:#fff;
	width:366px;
	height:178px;
	margin:15px;
	position:relative;
}
.news ul li:hover{
	border:1px solid #0b3868;
}
.news ul li h4{
	width:70px;
	height:35px;
	background:#0b3868;
	color:#fff;
	line-height:35px;
	font-size:20px;
	text-align:center;
	position:absolute;
	left:15px;
	top:20px;
	font-weight:normal;
}
.news ul li span{
	width:70px;
	height:35px;
	background:#dfad01;
	color:#fff;
	line-height:35px;
	font-size:14px;
	text-align:center;
	position:absolute;
	left:15px;
	top:56px;
}
.news ul li a:hover{
	color:#0b3868;
}
.news ul li h5 a{
	color:#333;
}
.news ul li div a{
	color:#666;
}
.news ul li h5{
	font-weight:normal;
	font-size:15px;
	position:absolute;
	left:100px;
	top:19px;
	padding-right:10px;
}
.news ul li div{
	padding-right:10px;
	position:absolute;
	left:100px;
	line-height:24px;
	font-size:14px;
	letter-spacing:1px;
	top:45px;
}

/*case*/
.case{
	width:100%;
	background:#e4e3e3;
	padding:50px 0 60px;
}
.case ul{
	width:1200px;
	margin:38px auto 48px;
	overflow:hidden;
}
.case ul li{
	float:left;
	margin:0 10px;
	width:380px;
	background:#fff;
	position:relative;
}
.case ul li span{
	display:block;
	width:130px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:17px;
	background:#0b3868;
	position:absolute;
	top:245px;
	left:125px;
}
.case ul li p{
	text-align:center;
	padding:30px 0 30px;
}
.case ul li p a{
	color:#333;
}
.case ul li p a:hover{
	color:#0b3868;
}
/*contact*/
.in_contact{
	width:100%;
	height:655px;
	background:url(../images/contact.png) no-repeat center top;
	padding:50px 0 0;
}
.title2{
	text-align:center;
	background:url(../images/title2.png) no-repeat center 35px;
}
.title2 h5{
	font-weight:normal;
	font-size:26px;
	color:#fff;
	font-size:26px;
}
.title2 span{
	display:block;
	color:#ccc;
	font-size:23px;
}
.message{
	width:500px;
	float:left;
}
.inputText{
	width:500px;
	height:45px;
	background:#fff;
	opacity:0.8;
	color:#333;
	line-height:45px;
	margin-bottom:12px;
	text-indent:12px;
	position:relative;
}
.inputText input{
	font-size:15px;
	color:#666;
	width:380px;
}
.inputText textarea{
	font-family:"Microsoft YaHei UI";
	color:#666;
	font-size:15px;
	width:380px;
	height:155px;
	position:absolute;
	top:15px;
	left:100px;
}
#code{
	width:200px;
	height:45px;
	float:left;
}
#checkcode{
	height:45px;
	line-height:45px;
	width:120px;
}
#checkCodeImg{
	position:absolute;
	height:45px;
	left:216px;
	z-index:100;
}
#checkCodeImg img{
	height:45px;
}
.reset{
	height:45px;
	overflow:hidden;
	float:right;
	width:150px;
}
.submit{
	width:500px;
	height:45px;
	overflow:hidden;
}
.reset input{
	width:150px;
	height:45px;
	line-height:45px;
	color:#fff;
	background:#0b3868;
	opacity:0.8;
	float:right;
}
.submit input{
	width:500px;
	line-height:45px;
	height:45px;
	opacity:0.8;
	background:#dfad01;
	color:#fff;
	text-align:center;
	font-size:15px;
}
ul.contact{
	width:602px;
	height:416px;
	background:url(../images/cont.png) no-repeat center;
	float:right;
}
ul.contact li{
	color:#fff;
	float:left;
	width:301px;
	height:208px;
	text-align:center;
}
ul.contact li h4{
	font-weight:normal;
	font-size:24px;
	padding:45px 0 70px;
	height: 24px;
}
ul.contact li h5{
	font-weight:normal;
	font-size:16px;
	line-height:28px;
	height: 56px;
	padding:27px 15px 62px;
}
ul.contact li p{
	font-size:17px;
	line-height:24px;
}

/*hot*/
.hot{
	width:100%;
	padding-top:80px;
	margin-top:193px;
	background:url(../images/hot.png) no-repeat center top;
}
.hot h5{
	font-weight:normal;
	font-size:16px;
	text-align:center;
	color:#0b3868;
}
.hot p{
	text-align:center;
}
.hot p a{
	margin:0 5px;
	color:#333;
	line-height:50px;
}
.hot p a:hover{
	color:#0b3868;
}
.link{
	width:1200px;
	margin:0 auto;
	text-align:left;
	font-size:15px;
	line-height:60px;
	color: black;
}
.link a{
	margin:0 5px;
	color:#333;
}
.link a:hover{
	color:#0b3868;
}
.footer{
	margin-top: -5px;
	width:100%;
	height: 270px;
	background:#898989;
	padding:78px 0 15px;
}
.footer ul{
	width:600px;
	padding:0 20px;
	margin:0 auto;
	height:50px;
	overflow:hidden;
	float: right;
	font-size: 14px;
}

.footer ol{
	height: 140px; 
	margin-top: -23px; 
	float: left; 
	margin-left: 148px; 
	width: 300px;
	padding:0 20px;
	overflow:hidden;
	font-size: 14px;
}
.footer ol li{
	margin:25px 20px;
}
.footer ul li{
	float:left;
	line-height:50px;
	margin:0 20px;
}
.footer a{
	color:white;
}
.footer a:hover{
	color:#403e8c;
}
.footer p{
	width:1200px;
	margin:133px auto 0;
	text-align:center;
	line-height:36px;
	font-size: 14px;
}


/*-----------内页-------------------*/
.n_banner{
	width:100%;
	/*margin-top:120px;*/
}
.content{
	width:1200px;
	margin:0 auto;
	padding:20px 0 40px;
}
#location{
	float:right;
	font-size:13px;
	/*background:url(../images/line.png) repeat-x left bottom;*/
	text-align:right;
	width:500px;
	line-height:40px;
	color:#333;
	margin-top: 24px;
    margin-right: 116px;
}
#location span{
	background:url(../images/icon.png) no-repeat left center;
	padding-left:25px;
}
#location a{
	color:#333;
	margin:0 3px;
}
#location a:hover{
	color:#0b3868;
}
.bottom{
	width:1200px;
	margin:50px auto 0;
	overflow:hidden;
}
.left,.middle,.right{
	width:350px;
	float:left;
	margin:0 25px;
}
.left ul{
	width:282px;
	height:158px;
	overflow:hidden;
	background:url(../images/probg.png) no-repeat center -2px;
	padding:12px 34px 0px;
}
.left ul li{
	float:left;
	margin: 3px;
}
.left ul li a{
	display:block;
	/*width:123px;*/
	height:38px;
	font-size:14px;
	padding:0 10px;
	border:1px dashed #ccc;
	line-height:40px;
	color:#333;
	background:#fff;
}
.left ul li a:hover{
	background:#403e8c;
	color:#fff;
	border:1px dashed #fff;
	transition:all 0.5s;
}
.middle ul{
	width:310px;
	height:160px;
	background:url(../images/probg.png) no-repeat center -2px;
	padding:10px 20px 0px;
}
.middle ul li{
	line-height:40px;
	border-bottom:1px dashed #ccc;
	font-size:14px;
	text-indent:20px;
	background:url(../images/newsli.png) no-repeat left center;
}
.middle ul li a{
	color:#333;
}
.middle ul li a:hover{
	color:#403e8c;
}
.right ul{
	width:350px;
	height:160px;
	background:url(../images/probg.png) no-repeat center -2px;
	padding: 8px 0 0;
}
.right ul li{
	margin:5px 100px;
}
.right ul li a{
	display:block;
	width:150px;
	height:40px;
	line-height:40px;
	color:#333;
	text-align:center;
	font-size:14px;
	background:#fff;
}
.right ul li a:hover{
	background:#403e8c;
	color:#fff;
	transition:all 0.4s;
}
.bottom_top{
	height:135px;
	line-height:135px;
	text-align:center;
	font-size:20px;
	color:#fff;
}


/*message*/
.n_message form{
	width:500px;
	margin:0 auto;
	padding-top:40px;
}

/*contact*/
.n_contact ul{
	overflow:hidden;
	margin:40px auto 0px;
}
.n_contact ul li{
	float:left;
	width:300px;
	text-align:center;
	padding-top:61px;
	line-height:35px;
}
/*n_news*/
.n_news ul{
	overflow:hidden;
	padding:25px 0;
}
.n_news li{
	float: left;
    width: 99%;
    border: 1px solid #ccc;
    /*height: 244px;*/
   height: 155px;
    margin: 9px;
    padding: 4px 0px 0;
}
.n_news li:hover{
	/*background:#403e8c;*/
	border:1px solid #403e8c;
}
.n_news li:hover a{
	/*color:#fff;*/
}
.n_news li:hover .time{
	/*background:url(../images/clock1.png) no-repeat 15px center;*/
	/*color:#fff;*/
}
.n_news li:hover .news_more a{
	background:url(../images/more1.png);
}
.n_news_img{
	float: left;
    width: 294px;
    height: 226px;
    margin: 0 auto;
    margin-left: 11px;
    margin-top: 7px;
}
.n_news_title{
	font-weight:normal;
	font-size:15px;
	text-indent:15px;
	padding:10px 0 0;
	margin-left: 220px;
}
.time{
	display:block;
	text-indent:38px;
	background:url(../images/clock.png) no-repeat 15px center;
	color:#333;
	margin-left: 1000px;
	margin-top: -34px;
}
.n_news_con{
	padding:19px 10px 0 15px;
	line-height:28px;
}
.news_more a{
	display:block;
	width:22px;
	height:10px;
	background:url(../images/more.png);
	margin:18px 0 0 333px;
}
.n_news li a{
	color:#333;
}
.inside-news-more:hover{
	background: #f2bd57;
}


/*product*/
.n_product ul{
	overflow:hidden;
	padding:30px 0 40px;
}
.n_product ul li{
	float:left;
	margin:10px;
	overflow:hidden;
}
.n_product ul li a{
	display: block;
    padding: 1px;
    /*background: #161e4c;*/
    font-size: 14px;
    color: #fff;
    width: 276px;
    height: 240px;
}
.n_product ul li a:hover .cover{
	top:0px;
	left:0px;
	transition:all 0.4s;
}
/*.n_product ul li:hover{
	border: 1px solid #f2bd57;
}*/
.cover{
	width:380px;
	height:258px;
	text-align:center;
	color:#fff;
	background:url(../images/case.png) no-repeat center;
	position:absolute;
	left:0;
	top:-258px;
}
.cover h5{
	font-size:16px;
	padding:50px 0 25px;
	font-weight:normal;
}
.cover p{
	line-height:35px;
	font-size:15px;
	width:262px;
	margin:0 auto;
}
/*news_info*/
.mes{
	margin:0;
	padding:0;
	overflow:hidden;
}
.mesa a{
	color: white;
	width: 172px;
	height: 55px;
	font-size: 18px;
	line-height: 55px;
	text-align: center;
	float: left;
	border-right: 1px solid #ccc;
    cursor:pointer; 
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
     background: #403E8C;
}
.mesa a:hover{
	background-color: #f4bd59;
	color:#fff;
	transition:all 0.6s;
}

.n_news_detail{
	padding:50px 15px 20px;
}
.n_news_detail h5{
	font-size:16px;
	font-weight:normal;
	color:#333;
	line-height:60px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.detail{
	overflow:hidden;
	width:610px;
	margin:0 auto;
	color: #333;
}
.detail li{
	float:left;
	height:30px;
	line-height:30px;
	padding:20px 0;
	margin: 0 15px;
}
p.xgbq{
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	line-height:50px;
	color:#333;
	margin:25px 0;
}
p.xgbq a{
	color:#666;
	margin:0 15px 0 0;
}
p.xgbq a:hover{
	color:#403e8c;
}
p.n_page{
	line-height:30px;
	height:30px;
	background:#e4e2e2;
	color:#333;
	text-indent:20px;
}
p.n_page a{
	color:#666;
}
p.n_page a:hover{
	color:#403e8c;
}
.n_news_detail h6{
	font-size:15px;
	color:#403e8c;
	text-indent:15px;
	border-bottom:2px solid #403e8c;
	line-height:28px;
	margin:15px 0 0;
}
.n_xgpro{
	overflow:hidden;
}
.n_xgpro li{
	width:214px;
	float:left;
	margin:20px 10px 0;
	text-align:center;
}
.n_xgpro a, .n_xgnews a, .n_xgfw a{
	color:#333;
	line-height:24px;
}
.n_xgpro a:hover, .n_xgnews a:hover, .n_xgfw a:hover{
	color:#f2bd57;
}
.n_xgnews{
	overflow:hidden;
	padding:10px 0 0px;
}
.n_xgnews li{
	float:left;
	border-bottom:1px dashed #ccc;
	line-height:45px;
	margin:0 10px;
}
.n_xgfw{
	overflow:hidden;
	padding:0 15px;
}
.n_xgfw ul{
	float:left;
	display:block;
	overflow:hidden;
}
.n_xgfw ul li{
	line-height:45px;
	border-bottom:1px dashed #ccc;
	width:16%;
	text-align:center;
	margin:0 20px;
	float:left;
}
/*产品详情*/
.n_product_detail{
	overflow:hidden;
	padding:30px 0;
}
.n_product_img{
	float:left;
	width:380px;
}
.n_product_detail ul{
	width:300px;
	float:left;
	margin-left:170px;
	padding-top:5px;
}
.n_product_detail ul li{
	border-bottom:1px dashed #ccc;
	line-height:45px;
	height:45px;
	color: #757575;
}
#online{
	border-bottom:none;
	margin-top:15px;
}
#online a{
	display:block;
	width:110px;
	height:35px;
	line-height:35px;
	color:#fff;
	text-align:center;
	background:#403e8c;
}
.n_product_info{
	padding:30px 0 10px;
}




.scroll_horizontal {
    position: relative;
    width: 1095px;
    line-height: 20px;
    margin: 0 auto;
    margin-top: 88px;
    margin-bottom: 50px;
}
.scroll_horizontal .box {
    overflow: hidden;
    position: relative;
    width: 1013px;
    margin: 0 auto;
}
.scroll_horizontal .list {
    overflow: hidden;
    width: 9999px;
}
.scroll_horizontal .list li {
    float: left;
    text-align: center;
    width: 300px;
    display: grid;
}
a:visited {
    /*color: white;*/
}
.scroll_horizontal .list li img {
    width: 294px;
    height: 237px;
    position: relative;
    border: 1px solid #f4bd59;
}
.scroll_horizontal .list li h3 a {
    display: block;
    /*width: 280px;*/
    float: left;
    height: 50px;
    line-height: 50px;
    color: #000;
    background: url(../images/case-h.png) repeat;
    margin: 0 auto;
    margin-top: -21px;
    position: relative;
    font-size: 20px;
    font-weight: normal;
}
.scroll_horizontal .plus {
    left: 1px;
    background: url(../images/prev-c.png) no-repeat;
}
.scroll_horizontal .minus {
    right: 1px;
    background: url(../images/next-c.png) no-repeat;
}
.scroll_horizontal .plus, .scroll_horizontal .minus {
    position: absolute;
    top: 98px;
    width: 30px;
    height: 60px;
    cursor: pointer;
}
.scroll_horizontal .minus {
    position: absolute;
    top: 97px;
    width: 30px;
    height: 60px;
    cursor: pointer;
}



.about_on{
	background: white;
    width: 622px;
    height: 279px;
    float: right;
    margin-right: 216px;
    margin-top: 237px;
    border-radius: 6px;
    border: 1px solid #f4bd59;
}


.fu img:hover{
	transform: scale(1.4);
}

/*.n_product_img img:hover{
	transform: scale(1.4);
}*/

.TabbedPanelsTabGroup li:hover{
	background: #f2bd57;
	color: white;
}
.TabbedPanelsTav{
	color: white;
	width: 172px;
	height: 55px;
	font-size: 18px;
	line-height: 55px;
	text-align: center;
	float: left;
	border-right: 1px solid #ccc;
    cursor:pointer; 
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: #403E8C;
}
.TabbedPanelsTab:hover{
	background: #f2bd57;
	color: white;
}







/*#pagination{
    height:40px;
    padding:20px 0px;
}
#pagination li{padding: 0;display: inline-block;}
#pagination a{
    display:inline-block;
   
    margin-right:10px;
    padding:2px 12px;
    height:24px;
    border:1px #cccccc solid;
    background:#fff;
    text-decoration:none;
    color:#808080;
    font-size:12px;
    line-height:24px;
    border-radius: 4px;
}
#pagination .disabled a,#pagination .ellipsis a{
	border: 1px solid #ddd;color: #ddd;cursor: auto;
	}
#pagination .disabled a:hover,#pagination .ellipsis a:hover{border: 1px solid #ddd;color: #ddd}
#pagination a:hover{
    color:#fe7865 ;
    border:1px #fe7865  solid;
}
#pagination a.cur{
    border:none;
    background:#fe7865 ;
    color:#fff;
}
#pagination p{
    float:left;
    padding:2px 12px;
    font-size:12px;
    height:24px;
    line-height:24px;
    color:#bbb;
    border:1px #ccc solid;
    background:#fcfcfc;
    margin-right:8px;

}
#pagination p.paginationRemark{
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
#pagination p.paginationRemark b{
    color:red;
}
#pagination p.paginationEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}
#pagination .active a{
	background: #fe7865;color: #fff;
	}
	*/