@charset "utf-8";
/* CSS Document */

/*css重置*/
*{ margin:0; padding:0;font-family:"Microsoft YaHei";}
a{ text-decoration:none;font-family:"Microsoft YaHei"; color:#333;}
li{ list-style:none;}
.clearfix{ clear:both;}
img{ border:0; display:block;}
p{font-family:"Microsoft YaHei";}




.revealOnScroll{opacity:1;}
.animated {
  -webkit-animation-duration:2s;
  animation-duration:2s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}
.animated.infinite {
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
}
.animated.hinge{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  }
  
  
    

/*top*/
.head_bg{ width:100%;background-color:rgba(255,255,255,1); border-bottom:1px solid #ddd; position:fixed; top:0; left:0; z-index:300;}
.top_box{ width:1233px; height:100px; margin:0 auto;}
.top_box .logo{ float:left; margin-top:17px;}
.top_p1{ width:29px; float:right; margin-top:40px;}
.top_p1 p a{ display:block; font-size:14px; color:#034ea2; text-align:center; line-height:29px; border:1px solid #034ea2; border-radius:30px;}
.top_p1 p a:hover{background-color:#034ea2; color:#fff;}
.top_box .top_line{ width:1px; height:17px; background-color:#034ea2; float:right; margin-right:19px; margin-left:19px; margin-top:48px;}


.top_nav{ float:right; margin-top:43px}
.top_nav ul li{ float:left; font-size:17px; color:#010000; padding-left:25px; padding-right:25px; padding-bottom:35px;}
.top_nav ul li a{color:#010000;}
.top_nav ul li a:hover{ color:#034ea2;}


#wrap>ul{position: relative;}


#wrap #nav_xiala{ width:880px; height:320px;background-color:rgba(255,255,255,0.9); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);

position: absolute;
		display: none;
		top: 57px;
		left: -20px;}

.nav_hezi{ width:832px; margin:0 auto; padding-top:38px;}
.nav_hezi .nav_nr{ width:250px; float:left; padding-top:20px; margin-left:60px;}
.nav_hezi .nav_nr p{ font-size:18px; color:#666; line-height:46px;}
.nav_hezi .nav_nr p a{ color:#666}

.nav_pic{ width:480px;float:right;}



/*视频通栏*/
.shipin{ width:100%; overflow:hidden; position:relative;}
.shipin_nr{ width:1233px; position:absolute; top:45%; left:50%; margin-left:-616px; z-index:200;}
.shipin_nr .shipin_p1{ font-size:48px; color:#fff; text-align:center; font-weight:bold; line-height:66px;}
.shipin_nr .shipin_line{ width:800px; height:1px; background-color:#fff; margin:0 auto; margin-top:12px; margin-bottom:15px;}
.shipin_nr .shipin_p2{ font-size:24px; color:#fff; text-align:center; font-weight:bold; }

.shipin_fugai{ width:100%; height:100%;background-color:rgba(78,104,173,0.2); position:absolute; left:0; top:0; z-index:100;}



/*首页产品*/
.s_pro_p1{ font-size:48px; color:#034ea2; font-weight:bold; text-align:center; margin-top:67px;}
.s_ss_box{ width:710px; margin:0 auto; margin-top:29px; margin-bottom:63px;}
.s_ss_box .s_ss_kuang1{ width:563px; height:62px; float:left; background-color:#e6e6e6; border:0; font-size:16px; color:#999; line-height:62px; padding-left:28px;}
.s_ss_box .s_ss_kuang2{ float:left; border:0;}

.s_pro_bg{ background:url(../images/img7.jpg) center no-repeat; width:100%; height:598px;}


.slideTxtBox{ width:100%; }
		.slideTxtBox .hd{ width:34%;float:left; }
		.slideTxtBox .hd ul{}
		.slideTxtBox .hd ul li{ width:100%; height:33%; background-color:rgba(0,0,0,0.1);}
		.slideTxtBox .hd ul li.on{ background-color:#034ea2; }


.s_pro_hezi1{ width:378px; float:right;  height:149px; padding-top:50px;}
.s_pro_hezi1 .s_pro_pic1{ float:left; margin-right:18px;}
.s_pro_hezi1 .s_pro_kuang1{ width:270px; float:left; margin-top:20px;}
.s_pro_hezi1 .s_pro_kuang1 .s_pro_p2{ font-size:30px; color:#fff;}
.s_pro_hezi1 .s_pro_kuang1 .s_pro_p3{ font-size:17px; color:#fff;  line-height:23px; margin-top:5px;}
		
		
		
.slideTxtBox .bd{ width:66%; float:left;}

.s_pro_hezi2{ width:856px;  padding-top:61px; margin-left:63px;}
.s_pro_hezi2 .s_pro_p4{ font-size:40px; color:#fff; margin-bottom:28px; }
.s_pro_hezi2 .s_pro_p4 span{ font-size:20px;}
.s_pro_tip{ width:261px; height:107px; border:1px solid #fff; float:left; margin-bottom:41px; margin-left:19px; margin-right:19px; }
.s_pro_tip .s_pro_p6{ font-size:24px; color:#fff;  text-align:center; padding-top:21px;}
.s_pro_tip .s_pro_p7{ font-size:24px; color:#fff;  text-align:center; margin-top:4px;}
.s_pro_hezi2 .s_pro_p8{ font-size:18px; color:#fff; margin-top:25px;transition:all 0.4s linear;}
.s_pro_hezi2 .s_pro_p8:hover{ margin-left:18px;}
.s_pro_hezi2 .s_pro_p8 a{ color:#fff;}
.s_pro_tip:hover{ background-color:#fff;}

.s_pro_tip:hover .s_pro_p6{color:#034ea2;}
.s_pro_tip:hover .s_pro_p7{color:#034ea2;}



.s_pro_tip2 .s_pro_p9{ width:360px; font-size:20px; color:#fff; float:left; line-height:74px;}
.s_pro_tip2 .s_pro_p9 a{ color:#fff;}
.s_pro_tip2 .s_pro_p10{ font-size:20px; color:#fff; float:left; line-height:74px; margin-right:10px;}
.s_pro_line10{ height:1px; background-color:rgba(255,255,255,0.3);}


/*首页研发*/
.s_rd_p1{ font-size:48px; color:#034ea2; font-weight:bold; text-transform:uppercase; text-align:center; margin-top:118px;}
.s_rd_p2{ font-size:36px; color:#7b7b7b; text-align:center;}
.s_rd_line{ width:64px; height:2px; background-color:#7b7b7b; margin:0 auto; margin-top:15px; margin-bottom:58px;}


.s_cg_box{ width:100%;}
.s_cg_left{width:50%;  overflow:hidden; float:left;}

.s_cg_pic{background:url(../images/img12.jpg) center no-repeat; width:100%; height:396px;transform: scale(1);transition: all 1s ease-out;}
.s_cg_pic:hover{transform: scale(1.1);}

.s_cg_right{width:50%; height:396px; background-color:#034ea2; color:#fff; float:left; position:relative;}
.s_cg_kuang{ width:563px; position:absolute; left:50px; top:66px;}
.s_cg_kuang .s_cg_p1{ font-size:28px; color:#fff; font-weight:bold;}
.s_cg_kuang .s_cg_line{ width:36px; height:1px; background-color:#9a9a9a; margin-top:21px; margin-bottom:18px;}
.s_cg_kuang .s_cg_p3 p{ font-size:15px; color:#fff; line-height:34px;}

.s_cg_pic1{background:url(../images/img13.jpg) center no-repeat; width:100%; height:396px;transform: scale(1);transition: all 1s ease-out;}
.s_cg_pic1:hover{transform: scale(1.1);}

.s_cg_kuang1{width:563px; position:absolute; left:auto;  right:52px;}

.shao { width:100%; height:800px; background-image: url(../case_bg.jpg);}

/*首页简介*/
.s_jj_bg{ background:url(../images/img46.jpg) center no-repeat; width:100%; height:769px;background-attachment:fixed; background-size: cover;}
.s_jj_box{ width:1233px; margin:0 auto; padding-top:160px;}
.s_jj_box .s_jj_p1{ font-size:63px; color:#fff; font-weight:bold;text-align:center; }
.s_jj_box .s_jj_p2{ font-size:35px; color:#fff;text-align:center; margin-left:30px; margin-top:42px;}
.s_jj_nr{ margin-top:34px;}
.s_jj_nr p{ font-size:17px; color:#fff; line-height:37px; text-align:center;}
.s_jj_nr p a{ color:#fff;}


/*新闻*/
.s_xw_box{ width:1333px; margin:0 auto;}
.s_xw_box .s_xw_p1{ font-size:48px; color:#034ea2; text-align:center; font-weight:bold; margin-bottom:40px;}
.s_xw_box .s_xw_p2{ font-size:21px; color:#828282; text-align:center; margin-top:10px; }

.s_xw_tip{ width:382px; height:480px; overflow:hidden; position:relative; float:left; margin-right:42px;}
.s_xw_kuang1{ width:382px; height:232px; overflow:hidden; margin:0 auto;}
.s_xw_kuang1 img{width:382px; height:232px; transform: scale(1);transition: all 1s ease-out;}
.s_xw_tip:hover .s_xw_kuang1 img{transform: scale(1.1);  }
.s_xw_kuang2{ height:248px; background-color:#fff; padding-left:30px; padding-right:30px; filter:progid:DXImageTransform.Microsoft.Shadow(color=#444,direction=120,strength=8);

   -moz-box-shadow: 5px 5px 10px #333;

   -webkit-box-shadow: 5px 5px 10px #333;

   box-shadow:5px 5px 10px #333;}
.s_xw_kuang2 .s_xw_p3{ font-size:20px; color:#7f7f7f; line-height:30px; height:60px; padding-top:29px;}
.s_xw_kuang2 .s_xw_p4{ font-size:16px; color:#7f7f7f; line-height:28px; margin-top:19px;}
.s_xw_kuang2 .s_xw_p5{ font-size:16px; color:#7f7f7f; line-height:28px; margin-top:24px;}

.s_xw_tip:hover .s_xw_p3{color:#034ea2;}

.s_xw_tip:nth-child(3n+2){margin-right:40px;}



/*文化*/
.s_cul_bg{ background-color:#034ea2; margin-top:0px;}
.s_cul_box{ width:1233px; margin:0 auto; padding-top:114px; padding-bottom:148px;}
.s_cul_box .s_cul_p1{ font-size:48px; color:#fff; font-weight:bold; text-align:center;}
.s_cul_box .s_cul_p2{ font-size:21px; color:#fff; text-align:center;margin-top:10px; margin-bottom:80px;}

.s_cul_tip{ width:591px; height:406px; float:left; background-color:#fff; overflow:hidden; border-radius:22px; position:relative;}
.s_cul_tip .s_cul_pic{ position:absolute; left:0; top:0; transform: scale(1);transition: all 1s ease-out;}
.s_cul_tip:hover .s_cul_pic{transform: scale(1.2);  }

.s_cul_kuang{position:absolute; left:53px; top:36px;}
.s_cul_kuang .s_cul_p3{ font-size:30px; color:#000;}
.s_cul_kuang .s_cul_p4{ font-size:13.3px; color:#000; text-transform:uppercase; margin-top:3px;}

.s_cul_hezi{ width:363px; height:406px;background-color:rgba(0,0,0,0.6); position:absolute; right:-100px; top:0;opacity:0;transition:all 0.4s linear;}
.s_cul_kuang1{ width:263px; margin:0 auto; padding-top:40px;}
.s_cul_nr{ height:300px; overflow:hidden;}
.s_cul_nr p{ font-size:16px; color:#fff; line-height:30px;}
.s_cul_p5{ font-size:16px; color:#fff; text-align:right;}
.s_cul_p5 a{ color:#fff;}

.s_cul_tip:hover .s_cul_hezi{right:0px;opacity:1;}



/*首页联系我们*/
.s_lx_bg{ background:url(../images/img21.jpg) center no-repeat; width:100%; height:718px;}
.s_lx_box{width:1233px; margin:0 auto; padding-top:153px;}
.s_lx_hezi{ background-image:url(../images/img20.png); width:649px; height:417px; margin-left:326px;}
.s_lx_nr{ width:440px; margin-left:157px; padding-top:40px;}
.s_lx_nr h1{ font-size:32px; color:#fff;margin-bottom:23px;}
.s_lx_nr p{ font-size:16px; color:#fff; line-height:36px; }
.s_lx_nr p a{color:#fff;}


/*首页广告*/
.s_gg_bg{ background:url(../images/img22.jpg) center no-repeat; width:100%; height:681px;background-attachment:fixed; background-size: cover;}
.s_gg_box{width:1233px; margin:0 auto; padding-top:215px;}
.s_gg_box .s_gg_p1{ font-size:50px; color:#fff; font-weight:bold; text-align:center;}
.s_gg_box .s_gg_p2{ font-size:18px; color:#fff; text-transform:uppercase; text-align:center; margin-top:9px;}
.s_gg_box .s_gg_line1{ height:1px; background-color:rgba(255,255,255,0.2); margin-top:43px; margin-bottom:25px;}
.s_gg_nr p{ font-size:16px; color:#fff; line-height:33px; text-align:center;}
.s_gg_box .s_gg_line2{ height:1px; background-color:rgba(255,255,255,0.2); margin-top:31px;}



/*页脚*/
.foot_bg{ background-image:url(../bg.jpg);padding-bottom:30px;}
.foot_box{ width:1333px; margin:0 auto;}
.foot_left{ width:210px; float:left;}
.foot_left .foot_pic{ max-width:210px; margin:0 auto;}
.foot_left .foot_p1{ font-size:30px; color:#fff; text-align:center; margin-top:17px;}
.foot_left .foot_p2{ font-size:13px; color:#fff; text-align:center; margin-top:5px;}

.foot_line{ width:1px; height:230px; float:left; background-color:#fff; margin-left:58px;}

.foot_right{ width:965px; float:right;}
.foot_tip{ width:168px; float:left;}
.foot_tip .foot_p3{ font-size:17px; color:#fff;}
.foot_tip .foot_p3 a{ color:#fff;}
.foot_tip .foot_line1{ width:32px; height:2px; background-color:#fff; margin-top:16px; margin-bottom:16px;}
.foot_tip .foot_p4{ font-size:14px; color:#fff; line-height:30px;}
.foot_tip .foot_p4 a{ color:#fff;}
.foot_tip .foot_p4 a:hover{ color:#fff;}

.foot_tip2{ width:368px; float:left;}
.foot_tip2 .foot_p3{ font-size:17px; color:#fff;}
.foot_tip2 .foot_p3 a{ color:#fff;}
.foot_tip2 .foot_line1{ width:32px; height:2px; background-color:#fff; margin-top:16px; margin-bottom:16px;}
.foot_tip2 .foot_p4{ font-size:14px; color:#fff; line-height:30px;}
.foot_tip2 .foot_p4 a{ color:#fff;}
.foot_tip2 .foot_p4 a:hover{ color:#fff;}



.foot_line2{ height:1px; background-color:#fff; margin-top:103px;}
.foot_p5{ font-size:14px; color:#fff; text-align:center; margin-top:30px;}
.foot_p5 a{color:#fff; }



/*about*/
.shipin1{ height:581px; overflow:hidden;}


.max_box{ width:1233px; margin:0 auto; margin-top:83px; padding-bottom:90px;}
.max_box .max_p1{ font-size:18px; color:#000; text-transform:uppercase; text-align:center;}
.max_biaoti{ margin:0 auto; margin-bottom:50px;}
.max_biaoti tr td{ font-size:48px; color:#000; font-weight:bold; padding-left:14px; padding-right:14px;}
.max_biaoti .max_line{ width:39px; height:2px; background-color:#7d7d7d;}

.jj_left{ width:730px; float:left;}
.jj_left p{ font-size:16px; color:#000; line-height:36px;}
.jj_left p a{ color:#000;}
.jj_right{ width:472px; height:317px; float:right; background-color:#000;}


.his_bg{ background:url(../images/img25.jpg) center no-repeat; width:100%; height:771px; margin-top:105px;background-attachment:fixed; background-size: cover;}
.his_p1{ font-size:36px; color:#fff; text-align:center; padding-top:116px;}
.his_line{ width:48px; height:2px; background-color:#fff; margin:0 auto; margin-top:10px;}
.his_p2{ font-size:48px; color:#b6d9ff; font-weight:bold; text-transform:uppercase; text-align:center; margin-top:5px; }


.his_bg1{ width:100%; height:12px; background-color:#fff; margin-top:238px;}
.his_box{ width:1233px; height:12px; margin:0 auto; position:relative;}
.his_box .his_pic{ float:left; margin-right:177px;}


.his_yuan{ width:119px; height:119px; background-color:#fff; border-radius:119px; position:absolute; top:-53px;}
.his_yuan p{ font-size:36px; color:#034ea2; font-weight:bold; text-align:center; line-height:119px;}

.his_yuan6{ left:999px;}
.his_yuan5{ left:800px;}
.his_yuan4{ left:602px;}
.his_yuan3{ left:402px;}
.his_yuan2{ left:205px;}
.his_yuan1{ left:7px;}


.his_kuang{ position:absolute;}
.his_kuang p{ font-size:20px; color:#fff; font-weight:bold; line-height:30px;}

.his_kuang1{ width:160px; left:7px; top:-140px;}
.his_kuang2{ width:160px; left:202px; top:91px;}
.his_kuang3{ width:160px; left:396px; top:-140px;}
.his_kuang4{ width:170px; left:580px; top:91px;}
.his_kuang5{ width:210px; left:759px; top:-140px;}
.his_kuang6{ width:265px; left:929px; top:91px;}




/*历史新改*/
.tempWrap{ width:1233px!important;}
.picMarquee-left{ width:100%;}
		.picMarquee-left .hd{ width:1233px;  height:1px; margin:0 auto; background-color:rgba(0,0,0,0);position:relative;}
	.picMarquee-left .hd .next{ background-image:url(../images/img56.png); width:44px; height:79px; position:absolute; left:1271px; top:101px;cursor:pointer; z-index:400;}
	.picMarquee-left .hd .prev{ background-image:url(../images/img55.png); width:44px; height:79px; position:absolute; right:1271px; top:101px; cursor:pointer;z-index:400;}

		.picMarquee-left .bd{ width:1233px; margin:0 auto; overflow:hidden;}

		.picMarquee-left .bd ul li{ width:250px; float:left;}




.ls_tip{ width:250px;}
.ls_tip .ls_p1{ font-size:19px; color:#fff; font-weight:bold; line-height:30px; height:60px; overflow:hidden;}
.ls_kuang{ width:119px; height:119px; background-color:#fff; border-radius:119px; float:left; margin-top:20px; margin-bottom:20px;}
.ls_kuang p{ font-size:36px; color:#034ea2; font-weight:bold; text-align:center; line-height:119px;}
.ls_tip .ls_pic{ float:left; margin-left:30px; margin-top:73px;}

/*历史结束*/


/*历史第三改*/
.time-line{width:1370px; margin:0 auto; margin-top:70px;position: relative;}
	.time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url(../images/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
	.time-line .left-btn{left:0;top:50%;}
	.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}
	.time-line .right-btn:hover{background: url(../images/arrow.png) no-repeat;transform: rotate(180deg);}
	.time-line .left-btn:hover{background: url(../images/arrow.png) no-repeat;}
	.time-line .time-box{width: 1260px;margin: 0 auto;overflow: hidden;}
	.time-line .time-box ul{overflow: hidden;position: relative; /*height: 255px;*/}
	.time-line .time-box ul:after{content: "";background: #fff;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
	.time-line .time-box li{width:210px;float: left;padding: 10px;box-sizing: border-box;border: 1px solid #fff;position: relative; cursor: pointer; color:#fff; margin-top:19px;}
	.time-line .time-box li:nth-child(2n){margin-top: 184px;}
	.time-line .time-box li:before{content: "";border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;position: absolute;width: 16px;height: 16px;background: #fff;   bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
	.time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(../images/point.png) no-repeat;position: absolute;left:50%;margin-left:-7px;bottom: 0;    bottom: -48px; z-index: 1;}
	.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);}
	.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-46px;}
	.time-line .time-box li:hover,.time-line .time-box li.active{background: #1b96ff;color:#fff;border-color: #1b96ff;}
	.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #1b96ff;background: #1b96ff;}
	.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(../images/point-hover.png) no-repeat;}


/*历史第三改结束*/



.hon_box{ width:1279px; margin:0 auto; margin-top:120px;}
.hon_box .hon_p1{ font-size:48px; color:#034ea2; font-weight:bold; text-align:center;}
.hon_box .hon_p2{ font-size:20px; color:#747474; text-align:center; margin-top:9px; margin-bottom:45px;}

/*.tempWrap{ width:1233px!important;}
.picMarquee-left{ width:100%;}
		.picMarquee-left .hd{ width:1233px;  height:1px; background-color:rgba(0,0,0,0);position:relative;}
	.picMarquee-left .hd .next{ background-image:url(../images/img29.jpg); width:44px; height:78px; position:absolute; left:1280px; top:119px;cursor:pointer;}
	.picMarquee-left .hd .prev{ background-image:url(../images/img28.jpg); width:45px; height:79px; position:absolute; right:1280px; top:119px; cursor:pointer;}

		.picMarquee-left .bd{ width:1233px; margin:0 auto; overflow:hidden;}

		.picMarquee-left .bd ul li{ margin:0 23px; float:left;}*/



.jjry_box{}
.jjry_tip{ width:380px; height:320px; float:left; border:1px solid #ddd; overflow:hidden; margin-left:22px; margin-right:22px;}
.jjry_tip img{width:380px; height:320px;  transform: scale(1);transition: all 1s ease-out;  }
.jjry_tip img:hover{   transform: scale(1.1);    }


.jjry_more{ width:198px; margin:0 auto; margin-top:58px;transition:all 0.4s linear;}
.jjry_more p a{ display:block; font-size:17px; color:#636363; line-height:46px; text-align:center;  border:3px solid #7f7f7f;transition:all 0.4s linear;}
.jjry_more p a:hover{  background-color:#034ea2;border:3px solid #034ea2; color:#fff;}
.jjry_more:hover{width:230px;}



.jzg_bg{ background-color:#f2f2f2; margin-top:130px;}
.jzg_box{ width:1233px; margin:0 auto; padding-top:120px; padding-bottom:110px;}
.jzg_box .jzg_p1{ font-size:48px; color:#034ea2; font-weight:bold; text-align:center;}
.jzg_box .jzg_p2{ font-size:20px; color:#747474; text-align:center;margin-top:9px; margin-bottom:70px;}


.jzg_tip{ width:243px; min-height:293px; position:relative; float:left;}
.jzg_tip .jzg_p3{ font-size:24px; color:#747474; text-align:center; margin-bottom:25px;}
.jzg_tip .jzg_pic{ margin:0 auto; margin-bottom:29px;}
.jzg_tip .jzg_p4{ width:175px; margin:0 auto; font-size:14px; color:#747474; line-height:24px;}

.jzg_line{ width:1px; height:293px; background-color:#d4d4d4; float:left;}


.jzg_hezi{ width:243px; min-height:293px; background-color:#034ea2; position:absolute; left:0; top:-50px; opacity:0; transition:all 0.4s linear;}
.jzg_hezi .jzg_p5{ font-size:24px; color:#fff; text-align:center; padding-top:20px;}
.jzg_hezi .jzg_line1{ width:30px; height:2px; background-color:#fff; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.jzg_hezi .jzg_p6{ width:175px; margin:0 auto; font-size:14px; color:#fff; line-height:24px;}


.jzg_tip:hover .jzg_hezi{ top:0; opacity:1;}




/*资质*/
.product-list li {
	float: left; 
	 
}

.product-list li {
	background: none;
	width: 380px;
	height: 390px; border:1px solid #ddd;
	
	display: block;
	line-height: normal;
	overflow: hidden;
	position: relative;  background:#fff; margin-right:42px; margin-bottom:35px;
	
	
}

.product-list li:nth-child(3n){margin-right:0px;}

.product-list li figure{ display:block; text-align:center; background:#f1f1f1}
.product-list li figure img {
	width: 380px;
	height: 320px;
	transition: 424ms linear;  
}




.product-list li figcaption {
	display: block;
	color: #5d5d5d;
	font-size: 16px;
	line-height: normal;
	margin-top: 20px;
	transition: 350ms;
	text-align: center; padding-bottom:30px
}

.product-box .product-down {
	float: left;
}

.product-list li  mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(0, 117, 207, 0.2);
	background: #0075cf\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}

.product-list li mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}

.product-list li  mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #0075cf;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}

.product-list li  mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #0075cf;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}

.product-list li  mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 3px solid #0075cf;
	border-right: 3px solid #0075cf;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li  mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 3px solid #0075cf;
	border-bottom: 3px solid #0075cf;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li:hover  mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.product-list li:hover img{ transition:all 0.4s;transform: scale(1.1)}
.product-list li:hover mark:before {
	height: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover  mark:after {
	width: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover f img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.product-list li:hover  mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.product-list li:hover  mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.product-list li:hover figcaption {
	color: #0075cf;
}



.newspage1 { margin:0 auto; margin-top:40px;}
.newspage1 A { font-size:14px; color:#666; padding-left:15px; padding-right:15px; padding-top:9px; padding-bottom:9px; border:1px solid #999; margin-left:3px; margin-right:3px; border-radius:7px;}
.newspage1 A:hover {BACKGROUND: #034ea2;  COLOR: #FFFFFF; border:1px solid #034ea2;}
.newspage1 SPAN.current{ font-size:14px; BACKGROUND: #034ea2;COLOR: #FFFFFF;border:1px solid #034ea2; padding-left:15px; padding-right:15px;padding-top:9px;padding-bottom:9px;margin-left:3px; margin-right:3px;border-radius:7px;}


.back_bg{ background-color:#ebebeb; margin-top:20px;}
.back_bg p{ font-size:13px; color:#666; text-align:center; line-height:38px;} 
.back_bg p a{color:#666;}





/*产品*/
/*.pro_fl_title{ font-size:18px; font-weight:bold; color:white; text-align:center; line-height:65px; background: linear-gradient(45deg,#034ea2,#7498f7); }
.pro_fl_title a{color:white;}

.pro_tb{ width:100%; margin-bottom:20px; }
.pro_tb tr td{ font-size:15px; color:#333; line-height:65px; }
.pro_tb tr td a{ color:#333;}



.pro_title{ font-size:18px; color:white; line-height:60px; text-align:center; background: linear-gradient(45deg,#034ea2,#7498f7); font-weight:bold; }
.pro_nr_box table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0; }
.pro_nr_box table tr td{ padding:11px; font-size:15px; color:#333; line-height:84px;border:1px solid #ccc; border-top:0; border-right:0;}
.pro_nr_box p{ font-size:15px; color:#333; line-height:34px;}
.pro_nr_box img{ max-width:100%!important; height:auto;!important}



.pro_more{ width:160px; margin:0 auto;  margin-bottom:20px;}
.pro_more p a{ display:block; font-size:15px; color:#fff;  text-align:center; line-height:42px;background-color:#d22e37; border-radius:8px;}



.nr_bo:hover{ background-color:#edf6fb;}*/




/*产品*/
.left_box{ width:320px; float:left; }

.pro_ss_box{ margin-bottom:25px;}
.pro_ss_box .pro_ss_kuang1{ width:224px; height:69px; float:left; background-color:#e6e6e6; border:0; font-size:14px; color:#999; line-height:69px; padding-left:15px;}
.pro_ss_box .pro_ss_kuang2{ width:80px;height:69px; height:auto; float:left; border:0;}




.left_kuang1{ height:105px;background: linear-gradient(45deg,#034ea2,#7498f7); border-top-left-radius: 6px; border-top-right-radius: 6px; margin-bottom:1px;}
.left_kuang1 .left_p1{ font-size:27px; color:#fff; font-weight:bold; padding-left:30px; padding-top:22px;}
.left_kuang1 .left_p2{ font-size:19px; color:#fff;  padding-left:30px; }

.left_kuang2{ background-color:#f5f5f5;}
.left_kuang2 .left_p3 a{ display:block; font-size:18px; font-weight:bold; color:#fff; line-height:64px;  padding-left:25px;border-bottom:1px solid #cccccc;background: linear-gradient(45deg,#034ea2,#7498f7);}

.left_kuang2 .left_p3 span{ color:#fff;}




.left_kuang2 .left_p4{ font-size:16px; color:#333; line-height:31px; margin-top:14px; margin-bottom:14px;padding-left:48px;}
.left_kuang2 .left_p4 a{ color:#333;}
.left_kuang2 .left_p4 a:hover{ color:#034ea2;}
.left_kuang2 .left_p4 span{ font-size:15px;}

.left_kuang2 .left_pic{  margin:0 auto;}


.left_kuang3{ background-color:#f5f5f5; padding-left:15px; padding-right:15px; padding-top:30px; padding-bottom:30px;}
.left_kuang3 p{ font-size:13px; color:#333; line-height:27px;}
.left_kuang3 p a{color:#333;}


.right_box{ width:944px; float:right;}

.pro_fl_title{ font-size:17px; font-weight:bold; color:white; text-align:center; line-height:50px; background: linear-gradient(45deg,#034ea2,#7498f7); }
.pro_fl_title a{color:white;}

.pro_tb{ width:100%; margin-bottom:20px; }
.pro_tb tr td{ font-size:15px; color:#333; line-height:30px; padding-top:19px; padding-bottom:19px; }
.pro_tb tr td a{ color:#333;}


.pro3_p1{ background-color:#efefef; font-size:16px; font-weight:bold; color:#000; text-align:center; line-height:60px;}



.pro_title{ font-size:18px; color:white; line-height:60px; text-align:center; background: linear-gradient(45deg,#034ea2,#7498f7); font-weight:bold; }
.pro_nr_box table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0; }
.pro_nr_box table tr td{ padding:11px; font-size:15px; color:#333; line-height:84px;border:1px solid #ccc; border-top:0; border-right:0;}
.pro_nr_box p{ font-size:15px; color:#333; line-height:34px;}
.pro_nr_box img{ max-width:100%!important; height:auto;!important}



.pro_more{ width:160px; margin:0 auto;  margin-bottom:20px;}
.pro_more p a{ display:block; font-size:15px; color:#fff;  text-align:center; line-height:42px;background-color:#d22e37; border-radius:8px;}


.nr_bo:hover{ background-color:#edf6fb;}





/*新闻*/
.xw_tip{ height:240px; background-color:#f7f7f7; margin-bottom:36px;border-bottom: 1px solid #ebebeb;}
.xw_tip .xw_pic{ width:325px; height:209px; overflow:hidden; float:left; margin-left:16px; margin-top:16px;}
.xw_tip .xw_pic img{width:325px; height:209px;transform: scale(1);transition: all 1s ease-out;}
.xw_tip:hover img{transform: scale(1.1);}
.xw_right{ width:826px; float:right; margin-right:30px; margin-top:28px; }
.xw_right .xw_p1{ font-size:18px; line-height:29px; color:#000;}
.xw_right .xw_p2{ margin-top:20px; height:95px; overflow:hidden;}
.xw_right .xw_p2 p{color:#999999; font-size:13px; line-height:22px;}
.xw_right .xw_p3{color:#999999; font-size:14px;}
.xw_tip:hover .xw_p1{color:#034ea2;}



.news_title{width:100%; font-size:16px; color:#034ea2; line-height:74px; background-color:#fbfbfb; text-align:center; border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;}
.news_title2{ font-size:13px;color:#c81622; text-align:right; margin-top:10px; font-weight:bold;}
.new_nr_wenzi{ margin-top:16px;}
.new_nr_wenzi p{ font-size:15px; line-height:35px; color:#333;}
.new_nr_wenzi p a{color:#333;}
.new_nr_wenzi img{max-width:900px!important; height:auto!important;; margin:0 auto; margin-bottom:5px; margin-top:5px;}



/*人力资源*/
.jobs_p1{ font-size:36px; color:#000; margin-top:45px;}
.jobs_line{ width:80px; height:2px; background-color:#034ea2; margin-top:20px; margin-bottom:50px;}


.linian_bg{ background-image:url(../images/img37.jpg); width:1233px; height:666px; border-radius:20px;}
.linian_box{ width:467px; float:right; margin-right:50px; padding-top:80px;}
.linian_box p{ font-size:16px; color:#fff; line-height:36px;}




/*招聘*/
.job_dong{  border-top:5px solid #034ea2; background:#f6f7f7; cursor:pointer; margin-top:20px;}
		.job_dong .job_p4{ font-size:18px; color:#3f3a39; font-weight:bold; float:left; line-height:70px; width:500px; padding-left:35px;}
		.job_dong .job_p4 span{ font-size:13px;}
		
		.job_dong .job_p6{ font-size:16px; color:#3f3a39; float:left; line-height:60px;}
		.job_dong img{ float:right; margin-top:30px; padding-right:35px;}
		.sideMenu ul{ padding:20px 35px 30px 35px; background-color:#fff;  display:none; /* 默认都隐藏 */ }
         .jobs_nr p{font-size: 15px;color: #333;line-height: 34px;}




/*联系我们*/
.con_box{ width:540px; float:left;}
.con_box h1{ font-size:24px; color:#034ea2; margin-bottom:25px;}
.con_box p{ font-size:15px; color:#333; line-height:47px;}
.con_box p a{color:#333;}

.con_right{ float:right; width:645px; height:400px; background-color:#ddd; border-radius:10px; overflow:hidden;}


.cp_kuang{ width:210px;background-color:#034ea2; margin-top:60px;}
.cp_kuang p{ font-size:17px; color:#fff; text-align:center; line-height:45px;}
.cp_line{ height:1px;background-color:#034ea2;}

.cp_ord_box{ margin-top:40px;}
.cp_ord_tip{ width:614px; float:left; margin-bottom:21px;}
.cp_ord_tip p{ font-size:14px; color:#333; margin-bottom:10px;}
.cp_ord_tip .cp_ord_kuang1{ width:566px; height:48px; background-color:#f9f9f9; border:1px solid #cccccc; font-size:14px; color:#000; padding-left:10px;}
.cp_ord_tip2 p{font-size:14px; color:#333; margin-bottom:5px;}
.cp_ord_tip2 .cp_ord_kuang2{width:1187px; min-height:210px;background-color:#f9f9f9; border:1px solid #cccccc; font-size:14px; color:#000; padding-left:10px; padding-top:10px;}
.cp_ord_p1{font-size:14px; color:#333; margin-top:21px; margin-bottom:10px;}
.cp_ord_kuang3{ width:160px; height:40px;background-color:#f9f9f9; border:1px solid #cccccc; font-size:14px; color:#000; padding-left:10px; float:left;}
.cp_ord_kuang4{ width:128px; height:42px; float:left; margin-left:23px;}
.cp_ord_kuang5{ width:277px; height:42px; background-color:#034ea2; border:0; border-radius:6px; float:left; margin-left:23px; font-size:14px; line-height:42px; text-align:center; color:white; cursor:pointer;}




/*研发*/
.nl_box{ width:1233px; margin:0 auto; }
.nl_hezi{ width:540px; height:600px; background-color:#fff; float:right; border-radius:25px; margin-top:-450px; padding-left:70px; padding-right:70px; position:relative;}
.nl_hezi .nl_p1{ font-size:42px; color:#363636; padding-top:55px;}
.nl_hezi .nl_line{ width:90px; height:1px;background-color:#034ea2; margin-top:15px; margin-bottom:24px;}
.nl_nr p{ font-size:18px; color:#555; line-height:46px;}
.nl_line1{ width:17px; height:256px;background-color:#034ea2; position:absolute; right:0; top:160px;}



.nl_bg{ background-color:#f5f5f5;margin-top:-151px; padding-top:180px; padding-bottom:150px;}
.nl_box1{width:1233px; margin:0 auto;}
.nl_box1 .nl_p2{ font-size:40px; color:#363636; margin-bottom:40px; margin-top:40px;}

.nl_box1 table{ width:100%;border:1px solid #e0e1e3; border-bottom:0; border-left:0; background-color:#fff; }
.nl_box1 table tr td{ padding:11px; font-size:17px; color:#717171; text-align:center; line-height:46px;border:1px solid #e0e1e3; border-top:0; border-right:0;}




/*企业文化*/
.wh_bg{ background:url(../images/img43.png) center no-repeat; width:100%; height:600px;}
.wh_box{ width:1233px; margin:0 auto;}
.wh_left{ width:550px; float:left;}
.wh_left .wh_p1{ font-size:36px; color:#363636; padding-top:100px;}
.wh_left .wh_line{width: 90px;
    height: 1px;
    background-color: #034ea2;
    margin-top: 15px;
    margin-bottom: 24px;}
.wh_nr p{font-size: 15px;
    color: #555;
    line-height: 30px;}

.wh_pic{ float:right; width:660px; height:auto; margin-top:77px;}



.wh_bg1{ background:url(../images/img44.png) center no-repeat; width:100%; height:600px; margin-top:60px;}
.wh_box1{ width:1233px; margin:0 auto;}
.wh_pic1{ float:left; width:660px; height:auto; margin-top:77px;}

.wh_left1{ width:550px; float:right;}
.wh_left1 .wh_p2{ font-size:36px; color:#363636; padding-top:20px;}
.wh_left1 .wh_line1{width: 90px;
    height: 1px;
    background-color: #034ea2;
    margin-top: 15px;
    margin-bottom: 24px;}
.wh_nr1 p{font-size: 15px;
    color: #555;
    line-height: 30px;}




/*人才理念*/
.rcln_box{ padding:50px;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);}
/*.rcln_box p{ font-size:16px; color:#646464; line-height:35px;}
.rcln_box img{ width:100%; height:auto; margin:0 auto; margin-top:60px;}*/

.rcln_left{ float:left; width:540px;}
.rcln_left p{font-size:16px; color:#646464; line-height:35px;}

.rcln_pic{ width:556px; height:554px; float:right;}


.rczp_box table tr td{ font-size:16px; color:#646464; line-height:60px; text-align:center; border-bottom: #ededed solid 1px;}
.rczp_box table tr td a{color:#646464;}

.rczp_nr{ margin-top:40px;}
.rczp_nr p{ font-size:16px; color:#646464; line-height:32px;}



.rczp_hezi{ margin-top:55px;}
.rczp_hezi img{ float:left; margin-right:52px;}
.rczp_hezi p{ font-size:16px; color:#646464; line-height:32px;}
.rczp_hezi p a{color:#646464;}









/*历史第4改*/
.warper{max-width:1300px;margin:0 auto;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.pr{position: relative;}
.warper{max-width: 1300px; margin: 0 auto;}
.about-main2{height: 450px;width: 100%;}
.about-main2 .licheng-bg{width: 100%;height: 100%;position: relative;}
.about-main2 .licheng-bg .warper{height: 100%;}
.about-main2 .licheng-bg img{height: 518px;position: absolute;bottom: 0px;left: 0;}
.about-main2 .ny-title{}
.ny-title .title-en{font-size: 36px; color: #b4b4b4; font-family: arial; line-height: 36px; font-weight: normal;}
.ny-title .title-ch{font-size: 26px; color: #333333; margin: 15px 0; font-weight: normal;}
.ny-title i{display: block; width: 42px; height: 1px; background-color: #b5b5b5;}
.about-main2 .licheng-content{position: absolute;width: 100%;height: 100%;}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{width: 100%;height: 100%;}
.about-main2 .licheng-content ul li{width: 20%;float: left;height: 100%;}
.about-main2 .licheng-content ul li a{display: block;width: 100%;position: relative;height: 320px}
.about-main2 .licheng-content ul li .date{color: #034ea2;font-size: 26px; font-weight:bold; position:relative; left:33px; top:-31px; z-index:600;}
.about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line{margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item2 .line,.about-main2 .licheng-content ul li.item4 .line{margin-top: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{width: 120px;height: 120px;background-color: rgba(255, 255, 255, 1);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before{width: 120px;height: 120px;background-color: rgba(255, 255, 255, 1);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{position: absolute;}
.about-main2 .licheng-content ul li .line{height: 150px;width: 1px;display: block; /*background-color: #fff;*/ position: relative;left: 30px;}
.about-main2 .licheng-content ul li .lc-right{position: absolute;  left: 0px;width: 240px;height:100%;display: table;}
.about-main2 .licheng-content ul li.item5 .lc-right{width: 200px;}
.about-main2 .licheng-content ul li.item2 .lc-right, .about-main2 .licheng-content ul li.item4 .lc-right{width: 240px;}
.about-main2 .licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .licheng-content ul li.item1 a{top: 50px;}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -78px;left: -11px;}
.about-main2 .licheng-content ul li.item1 .lc-right{bottom: 120px;}
.about-main2 .licheng-content ul li.item2 a{top: 156px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -60px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-right{top: 15px;}
.about-main2 .licheng-content ul li.item3 a{top: 51px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -78px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 136px;}
.about-main2 .licheng-content ul li.item4 a{top: 157px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line:before{top: -60px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-right{top: 15px;}
.about-main2 .licheng-content ul li.item5 a{top: 51px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -78px;left: -11px;}
.about-main2 .licheng-content ul li.item5 .lc-right{bottom: 140px;}

.about-main2 .licheng-content ul li.item2 .date{ top:44px;}
.about-main2 .licheng-content ul li.item4 .date{ top:44px;}

.about-main2 .licheng-content .right-text h3{font-size: 24px;margin-bottom: 10px;}
.about-main2 .licheng-content .right-text p{font-size: 18px; color:#fff; font-weight:bold; line-height:30px;}
.lc-swiper-btn{width: 100%;position: absolute;top: 148px;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 15px;top: 180px; cursor:pointer;}
.lc-swiper-btn .btn-next{position: absolute;right: 0;top: 180px;cursor:pointer;}
.lc-swiper-btn .iconfont{font-size: 30px;}


.hiss_line{ width:100%; height:8px; background-color:#fff; position:absolute; left:0; top:214px;}


.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.swiper-container{}.swiper-slide{}.swiper-slide-active{}.swiper-slide-visible{}.swiper-pagination-switch{}.swiper-active-switch{}.swiper-visible-switch{}






@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1532585933119'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/8f4911adeeb14732b70e3a4667625610.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px; color:#fff;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-leftarrow:before { content: "\e624"; }

.icon-rightarrow:before { content: "\e626"; }