@charset "utf-8";
/* CSS Document */
/*代码初始化*/
@font-face {
	font-family: impact;
	src: url(../fonts/impact.ttf);
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
.container {
	padding: 0;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}
.container2 {
	padding: 0;
	width: 1260px;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}
::selection {
	background: #a31703;
	color: #fff;
}
  ::-moz-selection {
 background:#a31703;
color: #fff;
}
  ::-webkit-selection {
 background:#a31703;
color: #fff;
}
ul, ol, body, html, p {
	margin: 0;
}
html {
	max-width: 1920px;
	margin: 0 auto;
	font-size: 14px;
}
a {
	text-decoration: none!important;
	color: #004ea2
}
ul, li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
img {
	border: 0;
	padding: 0px;
	margin: 0px;
}
input, textarea, button {
	border: none;
	outline: none;
/*去除蓝色边框*/}
/*  index  */
.head {
	width: 100%;
	overflow: hidden;
}
.head .top {
	margin: 20px 0;
	overflow: hidden
}
.head .top .logo {
	float: left;
}
.head .logo_right {
	float: left;
	margin-left: 30px;
	line-height: 50px;
	color: #353535;
	margin-top: 25px;
	font-size:35px;
}
.head .top .top_right {
	float: right;
	width: 30%;
	margin-top: 25px;
}
.head .top .top_right .shop {
	float: right;
	margin-left: 0px;
	line-height: 29px;font-size: 16px;
}
.head .top .top_right .shop img, .head .top .top_right .tel img {
	margin-right: 15px;
	float: left
}
.head .top .top_right .shop a {
	color: #3d3d3d;
	font-size: 16px;
}
.head .top .top_right .tel {
	float: right;
	line-height: 35px;
	font-size: 31px;
	font-weight: bold;
	color: #1e51a2;
	margin-top: 17px;
}
/*    nav */
.nav {
	float: left;
}
.nav li {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 110px;
	text-align: center;
	margin-right: 55px;
}
.nav li a {
	color: #fff;
	font-size: 16px;
	display:block;
}
.nav li a:hover, .nav .on {
	background:#023381;
	color: #fff
}
/* 搜索 */
#vivo-head {
	z-index: 1;
	position: relative;
	width: 100%;
}
.search-user b {
	background: url(../images/icon_19.png) no-repeat;
}
#vivo-head {
	z-index: 99;
	background: #1e51a2;
	position: relative;
}
#vivo-head .vivo-nav {
	width: 1200px;
	height: 50px;
	margin: 0 auto;
	background: #1e51a2;
	position: relative;
	z-index: 999;
}
.vivo-nav .search-user {
	float: right;
	margin-top: 5px;
}
.search-user a {
	width: 28px;
	height: 29px;
	display: inline-block;
	position: relative;
	top: 8px;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.search-user a b {
	width: 42px;
	height: 42px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-ms-transition-delay: .1s;
	transition-delay: .1s;
}
.search-user a.search b {
	background-position: 0 0;
}
.search-user a.user b {
	background-position: -43px 0;
}
.search-user a.user b img {
	width: 42px;
	height: 42px;
}
.search-user a.user:hover b, .search-user a.user.current b {
	background-position: -43px -43px;
}
#vivo-head .vivo-search {
	height: 80px;
	width: 100%;
	position: absolute;
filter:alpha(opacity:70);
	opacity: 0.7;
	z-index: 9999;
	display: none;
}
.vivo-search .search-box {
	width: 700px;
	height: 40px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -350px;
	background: #666;
	position: relative;
	z-index: 9999;
	border: 1px solid #CCC;
}
.vivo-search .search-box input {
	width: 550px;
	height: 20px;
	padding: 10px 20px;
	font-size: 14px;
	color: #555;
	border: none;
	background: #fff;
	overflow: hidden;
	vertical-align: middle;
	float:left;
}
.vivo-search .search-box button {
	width: 110px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: none;
	overflow: hidden;
	vertical-align: middle;
	background: #1e51a2;
	outline: none;
	cursor: pointer;
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}
.vivo-search .search-box button:hover {
	background: #0074b2;
}
.vivo-search .search-box button:active {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3) inset;
	-ms-box-shadow: 0 1px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.3) inset;
}
.vivo-search .search-box a.close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 8px;
	right: -40px;
	background: url(../images/vivo-head-ico.png) -86px 0 no-repeat;
	_background-image: url(../images/vivo-head-ico.gif);
}
.vivo-search .search-box a.close:hover {
	background-position: -86px -25px;
}
/*banner*/
.banner {
	width: 100%;
	overflow: hidden;
	position: relative
}
.focus .bd ul li {
	width: 100%;
}
.focus .bd ul li img { height:auto;
}
.focus .hd {
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: 35px;
	text-align: center;
	margin: 0 auto;
}
.focus .hd ul li {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	float: left;
	display: inline-block;
	margin-right: 10px;
	border: 1px solid #023381;
	cursor: pointer;
	-moz-border-radius: 60%;
	-ms-border-radius: 60%;
	-o-border-radius: 60%;
	-webkit-border-radius: 60%;font-size: 300px;
}
.focus .hd ul .on {
	background: #023381;
}
.focus .hd ul {
	display:inline-block
}

/* main */
.index_title{ overflow:hidden; margin:55px 0; text-align:center; }
.index_title p{color:#222a6c; font-size:40px; font-weight:bold;text-transform : uppercase;margin-bottom: 10px;}
.index_title span{ font-size:36px; color:#222a6c;}



/*------------- 从左侧显示遮罩效果 开始-----------------------------*/
.index_about{ width:100%; overflow:hidden; padding-bottom:40px;}
.con-four{
	width: 30.3%;
	height: 345px;
	float: left;
	margin-right: 3%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.contentbox-four{margin-right: -3%;}
.con-four img{
	width:100%;
	height: 345px;
}
.con-four video{
	width:100%;
	height: 345px;
}
.txt-four{
	position: absolute;
	left: -100%;
	top: 0;
	width: 200%;
	height: 345px;
	color: #fff;
	float:left
	
	/*display: none;*/
}
.txt-four .title_01{ width:50%;background: rgba(30,81,162,0.6);height: 345px; float:left; padding:24px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.txt-four .title_01 h3{ font-size:24px; font-weight:bold; color:#fff; padding-bottom:15px; border-bottom:1px #fff solid;}
.txt-four .title_01 p{ margin:15px 0; font-size:14px; line-height:24px;}
.txt-four .title_02{ width:50%;height: 345px; float:left; background:none;}
.txt-four .title_02 p{ line-height:345px; text-align:center; font-size:36px; font-weight:bold;}
.txt-four h3{
	font-weight: normal;
}
.txt-four p{
	font-size: 14px;
	display: block;
	line-height: 20px;
}
/*------------- 从左侧显示遮罩效果 结束------------------------------*/





/*------------- 手风琴 开始-----------------------------*/
#index_02{ background:#f7f7f7; overflow:hidden; width:100%; padding-bottom:100px;}
	
#index_02 ul{
		width: 120%;
		list-style: none;
	}

	
	
#index_02 ul li{
		float: left;
		width: 174px;
		height: 530px;
		cursor: pointer;
		position:relative;
	}
#index_02 ul li:nth-child(1){
		
		width: 676px;
	}

#index_02 ul li .text{
		width: 176px;
		height: 100%;
		position:relative;
		float:left
	}
	#index_02 ul li .text img{ position:absolute; z-index:9; width:100%; height:520px;}
#index_02 ul li .text p{
		margin:0;
		font-family: 'Microsoft yahei';
		color: #fff; position:relative; z-index:10;
		font-size:24px; width:24px;padding: 200px 75px;
	}

#index_02 ul li .right{ width:502px; height:520px; float:left; position:absolute; left:174px; background:#fff;-moz-box-shadow:2px 2px 7px #a2a2a2; -webkit-box-shadow:2px 2px 7px #a2a2a2;
 box-shadow:2px 2px 7px #a2a2a2;}
#index_02 ul li .right .bottom{ padding:20px;}
#index_02 ul li .right .bottom h3{ font-size:24px; color:#1e51a2; font-weight:normal; margin-bottom:10px;}
#index_02 ul li .right .bottom span{ font-size:16px; color:#333; display:block; margin-bottom:20px;}
#index_02 ul li .right .bottom p{ font-size:14px; color:#666; line-height:30px;}
#index_02 ul li .right .bottom .more{ width:160px; text-align:center; height:40px; line-height:40px; color:#fff; font-size:18px; display:block; background:#1e51a2; border-radius:20px; margin-top:30px;}


/*  新闻  */
.index_news .news-box{ width:100%; overflow:hidden; margin-bottom:60px;}
.index_news .news-box .news_nav { width:100%; margin-bottom:35px; overflow:hidden}
.index_news .news-box .news_nav li{ width:100px; height:40px; line-height:40px; text-align:center; float:left; font-size:18px; ma}
.index_news .news-box .news_nav a{ color:#333;background: #e7ebec; display:block; float:left}
.index_news .news-box .news_nav .right a{ float:right;width:95px; height:40px; line-height:40px; text-align:center; background:#e7ebec;font-size:14px; color:#333;}
.index_news .news-box .news-titwrap .left{ width: 44.4%; float:left}
.index_news .news-box .news-titwrap .left img{ width:100%; height:277px;}
.index_news .news-box .news-titwrap .left .title a{ font-size:18px; color:#333; display:block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; margin:25px 0 10px 0;}
.index_news .news-box .news-titwrap .left .title span{ color:#1e51a2;}
.index_news .news-box .news-titwrap .left .date{ color:#b0b0b0;font-size: 14px; margin-bottom:10px;}
.index_news .news-box .news-titwrap .left .detail a{ color:#535353; line-height:24px; font-size:14px;}
.index_news .news-box .news-titwrap .left .more{ display:block; width:120px; height:40px; line-height:40px; text-align:center; background:#1e51a2; color:#fff; font-size:18px; margin-top:15px;}
.index_news .news-box .news-titwrap .right{ width:50%; float:right;}
.index_news .news-box .news-titwrap .right li{ float:left; border-bottom:1px #d2d2d2 solid; padding:10px 0;}
.index_news .news-box .news-titwrap .left_date{ float:left; width:15%;}
.index_news .news-box .news-titwrap .left_date p{ font-size:48px; color:#1e51a2; text-align:center; font-weight:bold;}
.index_news .news-box .news-titwrap .left_date span{ font-size:18px; color:#1e51a2; text-align:center; display:block}
.index_news .news-box .news-titwrap .right_news{ float:right; width:82%; }
.index_news .news-box .news-titwrap .right_news .title{ font-size:18px; display:block; color:#333;overflow: hidden; margin:10px 0;
text-overflow:ellipsis;
white-space: nowrap;}
.index_news .news-box .news-titwrap .right_news .detail{ color:#878787; font-size:14px; display:block; line-height:24px;}
.box-hidden {
    display: none;
}

.index-newscur li{ background:#1e51a2; color:#fff;}
.new-tit{ background:#e7ebec}


/*   友情链接  */
.friendlink{ width:100%; background:#f7f7f7; height:100px;}
.links{position: relative;padding-left: 76px;line-height: 50px;margin:25px 0;font-size:14px;}

.links-border{border-top:1px solid #e4e4e4;}

.links .name{width: 76px;height: 50px;background: url(../images/link_36.jpg) no-repeat;position: absolute;left:0;top:50%;margin-top:-17px;}

.links a{color: #6e6e6e;margin:0 30px;}

.links a:hover{color: #1e51a2;}

/*   foot  */
.footer{ overflow:hidden; background:#2c368a; padding-bottom:30px;}
.footer .weixin{ margin-top:60px; width:100%; height:170px;display: flex;
    justify-content:center;
    align-items:Center; margin-bottom:20px;}
.footer .weixin .logo{ width:229px; height:145px; float:left; margin:0 40px}
.footer .weixin .logo img{ width:100%;}
.footer .weixin .erweima {margin:0 40px}
.footer .weixin .erweima img{ width:168px; height:168px; float:left;}

.footer p{ text-align:center; color:#8590ec; line-height:30px; font-size:14px;}
.footer p span{ margin:0 10px;font-size:14px;}
.footer p img{ margin:0 10px;}



/*  内页公用 */
.ny_banner{ width:100%; height:auto;}
.ny_banner img{ width:100%;}
.bread{padding-top: 5px;border-bottom:1px solid #dbdbdb;font-size: 14px;}

.bread span{color: #7f7e7e;}

.bread a{line-height: 45px;color: #7f7e7e; }

.bread a:hover{color: #1e51a2;}

.bread a+a:before{content:">>";color: #7f7e7e;padding:0 5px;}

/*  产品列表 */
.prolist .title_01 p{ font-size:30px; color:#2c5da2; text-align:center; background:url(../images/line_05.jpg) center no-repeat; margin:40px 0 20px 0}
.prolist .title_01 span{ text-align:center; font-size:14px; color:#666666; display:block}



/*  产品详情  */
.r_01{ float:left; padding:60px 0}
#MagnifierWrap2{position: relative;width: 620px; float:left;}

		.MagnifierMain{position: relative;width: 620px;height: 375px; border:3px #e6e6e6 solid}
		.MagnifierMain img{width: 100%;height: 375px} 
		.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

		.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; }
		.MagnifierImg{position: absolute;top:0; left: 0;}

		.spec-items{position: relative;width: 570px;height: 95px;overflow: hidden;padding-top: 10px;margin: 0 auto;}
		.spec-items ul{width: 500%;position: absolute;top: 10px;left: 0;}
		.spec-items ul *{
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		.spec-items li{
			width: 125px;height: 90px;float: left;overflow: hidden;margin-right: 15px;border: 1px solid #e6e6e6;cursor: pointer;
			
		}
		.spec-items li.on{border:2px solid #0088ce;}
		.spec-items li img{width: 100%; height:100%; } 
		span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 69px;line-height: 69px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
		span.on{background-color: #ccc;color: #999;cursor: pointer;} 
		span.spe_leftBtn{left: 0;}
		span.spe_rightBtn{right: 0;}

.pro_detail{ float:left;margin-left:60px; height:380px; border-bottom:1px #dddddd dashed; width:510px;}
.pro_detail .title{ font-size:33px; color:#0088ce; margin:25px 0; }
.pro_detail .p_01{ color:#525252; font-size:16px; line-height:36px;}
.pro_detail .p_01 span{ font-size:18px; color:#313131; font-weight:bold}
.pro_detail .tel{ font-size:18px; color:#272727; line-height:120px; border-top:1px #dddddd dashed; margin-top:20px;font-weight: bold;}
.pro_detail .tel span{ font-size:30px; color:#1e51a2; font-weight:bold}
.pro_detail a{ display:block; width:182px; height:40px; line-height:40px; text-align:center; font-size:18px;}
.pro_detail .left{ float:left; background:#1e51a2;color:#fff; margin-right:20px; }
.pro_detail .left i, .pro_detail .right i{ font-size:20px; margin-right:15px;}
.pro_detail .right{ float:left; background:#e6e6e6; color:#383838;}

.fx{ float:left; margin-top:50px;margin-left: 60px; font-size:14px;}
.fx img{ margin-left:10px;}
.prodetail{ float:left; width:100%}
.prodetail .title{ height:43px; line-height:43px; background:#f4f6f9; width:100%;}
.prodetail .title span{ display:block; width:165px; background:#1e51a2; text-align:center; color:#fff; font-size:18px;}
.prodetail .xq{ padding:50px 0}


/*  关于我们  */
.about_main{ overflow:hidden}
.about_main .about_01{ background:#eeeeee; width:100%; height:475px; position:relative}
.about_main .about_01 .aboutus{ margin-top:100px; position:relative;height: 565px;}
.about_main .about_01 .aboutus .video{ position:absolute; left:0; top:0; z-index:9; width:30%; height:474px;}
.about_main .about_01 .aboutus .video img{ width:100%;}
.about_main .about_01 .aboutus .start{width:361px; height:90px; background:#cccccc}
.about_main .about_01 .aboutus .start .bf{ width:90px; height:90px; background:url(../images/video_06.jpg) no-repeat; display:block; float:right}
.about_main .about_01 .aboutus .start .left{ color:#fff; float:left; margin:20px 30px;}
.about_main .about_02{ background:#f9f9f9; width:100%; height:285px; position:relative;}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose {
    position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    cursor: pointer;
}
.about_main .about_01 .aboutus .right{ float:right; width: 65%;}
.about_main .about_01 .aboutus .right .a_01{ font-size:36px; color:#333;}
.about_main .about_01 .aboutus .right .a_02{ font-size:18px;color:#333;margin-bottom: 15px;}
.about_main .about_01 .aboutus .right .a_03{ font-size:14px;color:#333; line-height:30px; }
.about_main .about_02 .right{ float:right; width: 65%; margin-top:10px;}
.about_main .about_02 .right .a{ float:left; text-align:center;width: 33%;}
.about_main .about_02 .right .a p{ font-size:16px; color:#333; font-weight:bold; margin-bottom:10px;}
.about_main .about_02 .right .a span{ font-size:14px; color:#666; line-height:25px; display:block}
.about_main .about_02 .right .a_01 img{ width:108px; margin-bottom:20px}
.about_main .about_03 { margin:55px 0;}
.about_main .about_03 .left{ float:left; width:50%;}
.about_main .about_03 .left .title{ font-size:26px; color:#1e51a2; font-weight:bold; margin-bottom:20px;}
.about_main .about_03 .left .detail{ font-size:14px; color:#333; line-height:30px;}
.about_main .about_03 .right{ float:right; width:50%;}
.about_main .about_03 .right img{ width:100%;}
.about_main .about_04{width:100%; background:url(../images/about_16.jpg) center no-repeat; height:669px;}
.about_main .about_04 img{width:100%;}


/*  联系我们  */
.contact .map{ width:100%; height:400px; margin-top:45px; overflow:hidden}
.contact .cont{ width:100%; background:#f9f9f9; overflow:hidden; padding:75px 0}
.contact .cont .left{ width:32%; float:left; height:485px; background:url(../images/cont_07.jpg) center no-repeat; padding: 60px 35px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; color:#fff;}
.contact .cont .left p{ font-size:22px; font-weight:bold; margin-bottom:8px;}
.contact .cont .left span{ font-size:16px; }
.contact .cont .right{ float:right; width:62%;}
.contact .cont .right .title01{ font-size:26px; color:#333; margin-bottom:15px;}
.contact .cont .right .title02{ font-size:14px;}
.contact .cont .right .form {
	width:100%;
}
.contact .cont .right .form-row {
    margin-top: 20px;height: 40px;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}
.contact .cont .right .col {
    width: 50%;
    float: left;
}
.contact .cont .right .text{width:268px;height:38px;line-height:38px;border:1px solid #cccccc;padding:0 15px;outline:none;}
.contact .cont .right .textarea{width:86%;height:100px;line-height:24px;border:1px solid #cccccc;padding:10px 15px;outline:none;}
.contact .cont .right .btndiv{padding:35px 0;text-align: center;}
.contact .cont .right .btn{width: 198px;height: 35px;background-color: #1857a4;font-size: 16px;color: #fff;border:none;outline:none;margin:0 10px;cursor:pointer;}
.contact .cont .right .btn.reset{background-color: #cdcdcd;color:#525252;}
.con2{ margin-bottom:30px;}


/*  新闻列表  */
.newsnav{ width:100%; text-align:center; margin-top:50px;}
.newsnav ul{ display:inline-block;}
.newsnav li{ float:left;}
.newsnav li a{ width:205px; height:60px; line-height:60px; text-align:center; display:block; background:#989898; color:#fff; font-size:22px; margin:0 15px;}
.newsnav .on a{ background:#1e51a2}
.news{ overflow:hidden}
.news li{ width:100%; float:left; border-bottom:1px #e2e2e2 dashed; padding:40px 0;}
.news .date{ float:left; width:21%; height:auto; border:2px #eaf1f9 solid; margin-right:23px;}
.news .date img{ width:100%}
.news .date p{ height:50px; line-height:50px; width:70px; text-align:center;background:#eaf1f9; color:#0088ce; font-size:30px; font-weight:bolder;}
.news .date span{ height:30px; line-height:30px; text-align:center; display:block;}
.news h1{ margin:0 0 15px 0}
.news h1 span{ float:right; font-weight:normal; font-size:14px;}
.news h1 a{ font-size:18px; color:#333333;}
.news .detail{ float:right;width:75%;margin: 25px 0; }
.news .detail p a{ line-height:25px; color:#666666; font-size:14px;}
.news li:hover .date{border:2px #0088ce solid;}
.news li:hover .more{background:#1e51a2;}
.news li:hover .date p{ background:#0088ce; color:#fff;}
.news li:hover h1 a{ color:#1e51a2}
.news .more{ font-size: 16px;width:110px; height:35px; line-height:35px; text-align:center; color:#fff; background:#989898; display:block; float:right}
.page{ text-align:center; margin-bottom:80px;margin-top: 60px;font-size: 16px;}
.page ul{ display:inline-block}
.page li{ float:left;font-size: 16px;}
.page li a{ display:block; height:28px; line-height:28px; text-align:center; color:#fff; margin:0 5px; width:26px; border-radius:50%; background:#d2d2d2}
.page .previous a{ float:left; height:28px; line-height:28px; width:110px; text-align:center; display:block;background:#d2d2d2; color:#fff; border-radius:15px; margin:0 10px;font-size: 16px;}
.page .on,.page li a:hover,.page .previous a:hover{ background:#1e51a2}
.page .tz{ border:2px #d2d2d2 solid; height:24px; width:75px; border-radius:5px}
.page span{ font-size:14px; color:#595959; padding:0 20px;}
.page .go{background:#d2d2d2; padding:6px 30px; border-radius:15px; color:#fff; margin-left:10px; }



/*  新闻详情 */
.newsxq{ width:100%; margin:0 auto;font-size: 16px;}
.newsxq h1{ font-size:26px; font-weight:normal; margin:0; line-height:110px; border-bottom:1px #e9e9e9 solid; text-align:center;}
.newsxq h2{ text-align:center; font-size:12px; color:#999999; margin:0; line-height:50px;border-bottom:1px #e9e9e9 solid; font-weight:normal; margin-bottom:20px; }
.newsxq p{ line-height:30px; color:#333333; font-size:16px}
.xq_previous{ width:390px; height:60px; float:left; margin-bottom:70px; font-size:14px;}
.syp { width:80px; text-align:center; line-height:60px; color:#666666; background:#e8e8e8; float:left}
.syp_title{ width:310px;text-align:center; font-size:14px;line-height:60px; color:#666666; background:#f7f7f7; float:right}
.xq_next{ width:390px; height:60px; float:right;}
.xq_previous1{ width:390px; height:60px; float:left;}
.syp1 { width:80px; text-align:center; line-height:60px; color:#666666; background:#e8e8e8; float:right;font-size:14px;}
.newsxq br{ font-size:14px;}



/*  客服  */
.advisory{
    position: fixed;
    z-index: 100000;
    right: 0; width:70px;
}
.advisory ul{
    overflow: visible;
    border-radius: 3px;
}
.advisory ul li{
    border-bottom: 1px solid #33adff;
    background-color: #09f;
    overflow: hidden;
}
.advisory ul li:hover{
    background-color: #008ae5;
}
.advisory ul li:hover{
    overflow: visible;
}
.advisory ul li:nth-child(1):hover .tips{
    opacity: 1;
}
.advisory ul .backtop{
    display: none;
}
.advisory ul li:first-child{
    border-radius: 3px 3px 0 0;
}
.advisory ul li:last-child{
    border-bottom: 0;
    border-radius: 0 0 3px 3px;
}
.advisory ul li a{
    position: relative;
    text-decoration: none;
    display: block;
    padding: 20px 11px 20px;
    text-align: center;
    color: #fff;
}
.advisory ul li a img{
    vertical-align: middle;
    width: 24px;
    height: 26px;
}
.advisory ul li a p{
    margin-top: 5px;
    font-size: 12px;
}
.advisory ul li a .tips{
    opacity: 0;
    transition: 150ms;
    z-index: 100000;
    position: absolute;
    left: -244px; height:30px; line-height:30px;
    top: 17px;
    background-color: #fff;
    padding: 15px;
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,.1);
    border-radius: 3px;
}
.advisory ul li a .tips span{ display:block; float:left}
.advisory ul li a .tips::after{
    content: '';
    position: absolute;
    right: -14px;
    bottom: 19px;
    width: 0px;
    height: 0;
    border: 6px transparent solid;
    border-left: 8px #fff solid;
}
.advisory ul li a .tips span:nth-child(1){
    font-size: 14px;
    color: #000; margin-right:20px;
}
.advisory ul li a .tips span:nth-child(2){
    font-size: 16px;
    color: #f60;
    font-weight: 700;
}
.advisory ul li a .qrcode{
    opacity: 0;
    transition: 100ms;
    position: absolute;
    left: -213px;
    top: 0;
    padding: 10px;
    background-color: #fff;
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,.1);
}
.advisory ul li:nth-child(2):hover .qrcode{
    opacity: 1;
}
.advisory ul li a .qrcode img{
    width: 180px;
    height: 180px;
}
.advisory ul li a .qrcode .tip{
    margin-top: 10px;
    color: #000;
    font-size: 12px;
}
.advisory ul li a .qrcode::after{
    content: '';
    position: absolute;
    right: -14px;
    top: 40px;
    width: 0px;
    height: 0;
    border: 6px transparent solid;
    border-left: 8px #fff solid;
}


.fixed{width:100%;height:1.12rem;background-color:#015cb5;border-top:1px solid #4182bf;position: fixed;left:0;bottom:0;z-index:99;}
.fixed dl{width:25%;height:1.12rem;padding-top:.1rem;float:left;}
.fixed dl+dl{background: #015cb5 url(../images/fixed_border.jpg) left center no-repeat;}
.fixed dl dt{height:.6rem;background-repeat:no-repeat;background-position:center center;-webkit-background-size: .45rem .45rem;background-size: .45rem .45rem;}
.fixed dl dd{font-size:.24rem;text-align:center;color:#fff;}
.fixed dl.dl1 dt{background-image: url(../images/icon_fixed1.jpg);}
.fixed dl.dl2 dt{background-image: url(../images/icon_fixed2.jpg);background-size:.5rem .45rem;}
.fixed dl.dl3 dt{background-image: url(../images/icon_fixed3.jpg);}
.fixed dl.dl4 dt{background-image: url(../images/icon_fixed4.jpg);}
.fixed1{}
.fixed1 dl{width:33.33%;}
.fixed1 dl dt{-webkit-background-size: .5rem .5rem;background-size: .5rem .5rem;}
.fixed1 dl.dl1 dt{background-image: url(../images/icon_fixed5.jpg);}
.fixed1 dl.dl2 dt{background-image: url(../images/icon_fixed6.jpg);}
.fixed1 dl.dl3 dt{background-image: url(../images/icon_fixed7.jpg);}
.fixed1:before,fixed1:after{content:"";width:100%;height:1px;position:absolute;left:0;}
.fixed1:before{top:-2px;background-color: #011423;}
.fixed1:after{top:-1px;background-color: #4182bf;}



/*  追溯 搜索  */
.zhuisu{ background:url(../images/bg.jpg) no-repeat center; height:1294px; }
.contain{ width:336px; margin:0 auto; overflow:hidden}
.contain .form{ width:336px; height:55px; margin:140px auto 20px auto; border-radius:5px; background:#fff; }
.contain .data_q{ width:250px; float:left; height:55px; background:#fff; border:0; padding:0 15px; font-size:20px;border-radius:5px;}
.contain button{ width:55px; height:55px;  background:url(../images/search_03.jpg) center center no-repeat; background-color:#182448; border:1px #fff solid;border-radius:5px;}
.contain .font{ color:#fff;}
.contain .font .f01{letter-spacing:8px; font-size:16px; margin-bottom:12px;}
.contain .font .f02{ font-size:12px;letter-spacing:2px;}
.zhuisu .icon{ margin:0 auto; display:block;}


/*  追溯 结果  */
.container3{ width:1200px; margin:0 auto; background:#fff;}
.cpzs{ float:left;width: 100%;}
.cpzs .title{ font-size:24px; color:#fff; background:#1e51a2; width:165px; text-align:center; height:45px; line-height:45px; margin:45px 0}
.cpzs .bt{ padding-left:30px;font-size:18px;width:100%; float:left}
.cpzs .bt .left{ float:left; margin-right:25px; font-weight:bold;line-height:48px; display: block;

width: 170px;}
.cpzs .bt .right{ font-size:18px; color:#353535; line-height:48px; float:left;  }

/* ========================================================================= *\
    vmcarousel plugin
\* ========================================================================= */
.vmc-centered{ padding: 10px 0; }
	  .vmc-centered img { transition: all 0.3s ease; }
	  .vmc-centered .vmc_active img { transform: scale(1.2); }
.vmc-container{position: relative; float:left;width: 100%; margin-bottom:30px;}
.vmc-viewport{overflow: hidden;}

.vmcarousel{list-style-type: none; padding: 0; margin: 0; width: 1000%;}
.vmcarousel:after{content: ''; display: table; clear: both;}
.vmcarousel > li{float: left;}
.vmcarousel > li img{ display: block; margin: 0 auto; max-width: 100%; border:2px #d9d9d9 solid}

.vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right{display:block;}

.vmc-arrow-left, .vmc-arrow-right{
    position: absolute; top: 50%; left: -15px; width: 50px; height: 50px; margin-top: -25px; overflow: hidden;
    opacity: 1; border-radius: 50%; transition: opacity 0.3s ease;
    text-align: center;
}
.vmc-arrow-left{ background:url(../images/left_06.jpg) center no-repeat}
.vmc-arrow-right{ background:url(../images/right.jpg) center no-repeat}
.vmc-arrow-right{left: auto; right: -15px;}
.vmc-container:hover .vmc-arrow-left, .vmc-container:hover .vmc-arrow-right{opacity: 1;}


.vmc-container img[src$=".svg"]{width: 100% !important; height: auto !important; max-height: 100%;}

.notransition{-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important;}

.hl_main5_content{width:1200px; height:400px;  float:left; }
.hl_main5_content1{width:1100px; overflow:hidden; float:left; margin-left:20px;}
.hl_main5_content1 ul{width:3600px; overflow:hidden; margin-top:20px;}
.hl_main5_content1 ul li{ float:left; width:235px; display:inline; }
.hl_main5_content1 ul li img{ width:235px; }
.hl_scrool_leftbtn{width:16px; height:30px; background:url(../images/left_06.jpg) no-repeat; float:left; margin-left:16px; margin-top:180px; cursor:pointer;}
.hl_scrool_rightbtn{width:16px; height:30px; background:url(../images/right.jpg) no-repeat; float:right; margin-right:16px; margin-top:180px; cursor:pointer;}



.demoList { width:1229px; overflow:hidden;}
.demoList li { float:left; width:275px; border:1px solid #ccc; padding:5px; background:#fff; margin:10px 15px; _display:inline; position:relative; z-index:0; overflow:hidden;}
/*.demoList li:hover { border:1px solid #000; background:#222; }*/
.demoList li a { display:block; width:275px; overflow:hidden; cursor:pointer; }
.demoList li samp,.demoList li div { height:150px; width:275px; position:absolute; left:5px; top:5px; z-index:1; }
.demoList li samp { background:url(../images/zoom.png) no-repeat center center; }
.demoList li div { background:#000; }
.demoList li span,.demoList li b {  display:block; position:absolute; left:5px; bottom:5px; width:90px; z-index:1; height:20px; text-align:center; line-height:20px; font-size:12px; color:#fff; text-shadow:1px 1px 0 #000; font-weight:normal; }
.demoList li span { background:#000; }
/* jQuery jcLightBox css */
#jc-Mod { position:absolute; z-index:99; display:none; left:0; right:0; bottom:0; top:0; cursor:pointer; }
#jc-Box { position:absolute; left:0; top:0; z-index:100; display:none; }
#box-top { height:24px; position:relative; background:url(../images/box-top.png) repeat-x 0 0; }
#box-top-left { background:url(../images/box-ra.png) no-repeat 0 0; height:24px; width:24px; position:absolute; left:-24px; top:0; }
#box-top-right { background:url(../images/box-ra.png) no-repeat -25px 0; height:24px; width:24px; position:absolute; right:-24px; top:0; }
#box-btm { height:24px; position:relative;  background:url(../images/box-bottom.png) repeat-x 0 0; }
#box-btm-left { background:url(../images/box-ra.png) no-repeat 0 -25px; height:22px; width:24px; position:absolute; left:-24px; top:0; }
#box-btm-right { background:url(../images/box-ra.png) no-repeat -25px -25px; height:22px; width:24px; position:absolute; right:-24px; top:0; }
#box-cen { background:url(../images/box-left.png) repeat-y 0 0; position:relative; left:-24px;}
#box-cen-right { background:url(../images/box-right.png) repeat-y right 0; position:relative; right:-48px;}
#box-cen-img { position:relative; left:-24px; background:#000; }
#box-pn { position:absolute; left:10px; top:32px; height:30px; width:70px; z-index:101; }
#box-prev { background:#000; float:left; width:32px; height:30px; cursor:pointer; }
#box-next { background:#000; float:right; width:32px; height:30px; cursor:pointer;}
#box-pn a { display:block; height:20px; position:relative; top:5px; left:5px; background:url(../images/sprite.png) no-repeat;}
#box-next a { background-position:0 -20px; }
#box-prev a { background-position:0 -40px; }
#box-close { background:url(../images/box-close.png) no-repeat; height:60px; width:42px; position:absolute; top:14px; right:-50px; cursor:pointer; z-index:101; }
#box-close a { display:block; height:20px; position:relative; top:20px; left:8px; background:url(../images/sprite.png) no-repeat 0 0;}
#box-text { height:50px; position:absolute; left:0; }
#box-text samp { display:block; position:absolute; background:url(img/arrow.png) no-repeat; height:12px; width:12px; left:48%; top:-8px; z-index:1;}
#box-text-left { background:url(../images/box-text.png) no-repeat; height:50px; width:10px; position:absolute; left:0; top:0;}
#box-text-cen { color:#fff; text-shadow:1px 1px 0 #000; text-align:center; background:url(../images/box-text-cen.png) repeat-x; height:50px; line-height:50px; margin:0 10px; padding:0 30px; font-size:15px;overflow:hidden;}
#box-text-right { background:url(../images/box-text.png) no-repeat right 0; height:50px; width:10px; position:absolute; right:0; top:0;}