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



/****导航****/

header{position:absolute; left:0; top:0; width:100%; z-index:99;}

.head_m{ width:100%; min-width:1250px; height:40px;}
.head_m .lang{ line-height:40px; font-size:12px; color:#666; margin-right:20px;}
.head_m .lang a{ margin:0px 5px;color:#000;}
.head_m .lang a:hover{color:#e60012;}

.head_logo{ width:1250px; display:block; margin-left:auto; margin-right:auto;}
.head_logo .logo{ margin-top:-25px;}

.nav_m{ float:right; position:relative;z-index: 9;}
.nav_m li{ display:inline-block; *display:inline; zoom:1; height:40px; position:relative; vertical-align:top;}
.nav_m li a{ font-size:16px; width:110px; height:40px; text-align:center; line-height:40px; color:#333333;display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.nav_m li.now a,.nav_m li:hover a{ color:#e60012;}

.nav_m li:hover .er{ display:block;}
.nav_m li .er{ width:110px; position:absolute; left:0px; top:40px; z-index:999; display:none;}

.nav_m li .er ul{ width:100%; height:auto; background:#e60012; position:relative;}
.nav_m li .er ul li{ width:100%; height:40px; line-height:40px; text-align:center; margin-left:0;}
.nav_m li .er ul li a{ width:100%; font-size:12px; height:40px; line-height:40px;margin-top:0; margin-left:0;}
.nav_m li:hover .er ul li a{ background:none; color:#fff;}
.nav_m li .er ul li a:hover{ color:#313131;}


/*************************index*****************************/

/********标题************/
.so-tik{ margin:50px 0px;}
.so-tien{text-align:center;line-height:1; font-size:34px; color:#A8A8A8;  text-transform:uppercase;}
.so-ticn{ width:290px; height:44px; margin:0 auto; position:relative; line-height:44px; font-size:28px; color:#000;}
.so-ticn span{ display:block; width:180px; height:44px; overflow:hidden; position:relative; z-index:3; text-align:center; background:#F7F7F7; margin:0 auto;}
.so-ticn span b{ display:block; font-weight:normal; position:relative; top:0; }
.so-ticn i{ display:block; position:absolute; z-index:0; top:50%; width:100%; height:1px; background:#0dcbfa;}



/*产品中心*/
.in_pro{background:#f7f7f7; width:100%; overflow:hidden;}

.in_pro div.more{text-align:center; margin-bottom:30px;}
.in_pro div.more a{display:inline-block;width:110px;height:35px;line-height:35px;margin:0px 10px;background:#222222;font-size:12px;font-weight:bold;color:#f4f4f4;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;text-decoration:none}
.in_pro div.more .hvr-bounce-to-right:before{background:#CA202D;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}
.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{color:white}
.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}

.in_pro_list{background:#f8f8f8 url(../images/index_pro_bg.jpg) top center no-repeat;background-size: 100% !important;padding:40px 0px 90px;}

.cplb{ overflow:hidden;margin-left:-26px;}
.cplb li{ display:block; float:left; margin-left:26px; margin-bottom:20px; width:293px;position:relative; background:#fff;}
.cplb li a{ display:block; position:relative; width:100%; height:100%; z-index:3; padding-top:15px;}
.cpltu{ display:block; width:263px; height:301px; margin:0 auto; overflow:hidden;}
.cpltu img{ width:100%; }
.cpmx{ background:#c4c4cf; width:66px; height:1px; margin:0 auto;}
.cpm{ padding:21px 10px 10px; overflow:hidden; position:relative; text-align:center;}
.cpcn{ display:block; position:relative; overflow:hidden; height:38px; line-height:38px; font-size:16px; color:#000;}
.cpcn b, .cpen b{ display:block; font-weight:normal; position:relative; }
.cpcn b{ top:0;}
.cpen b{ top:-100%;}
.cplbg{ display:block; position:absolute; z-index:1; width:100%; height:0; left:0%; top:0%; background:#00b4f1;}
.cplb li:hover .cplbg{height:100%; }
.cplb li:hover .cpltu img{transform: scale(1.1);-ms-transform: scale(1.1);	/* IE 9 */-webkit-transform: scale(1.1);	/* Safari 和 Chrome */-o-transform: scale(1.1);	/* Opera */-moz-transform: scale(1.1);	}
.cplb li:hover .cpmx{ width:0;}
.cplb li:hover .cpcn b{ top:-100%; color:#fff;}

/**公共样式**/
.cpltu img,.cplbg{
	transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
}



/*------------新闻中心--------------*/
.news_bg{width:100%;  padding:60px 0px;background:#f8f8f8;}
.news_bg .new_title h4{ display:inline-block;color:#333; font-size:20px; line-height:1.5;font-weight:normal;}

.new_category{ color:rgba(170, 170, 170, 0.3);}
.new_category > a { display: inline-block;margin: 0 5px;font-size: 13px;line-height: 30px;text-align: center;padding: 0 20px;}
.new_category >a.active, .new_category >a:hover {border-color: #01b4f1; background-color: #01b4f1;color:#fff;}

.new_cont{width:1250px;margin:40px auto 0 auto;overflow: hidden;}
.new_lf{ float:left; width:42%; background:#01b4f1;}
.new_lf .new_img{ width:100%; overflow:hidden;height:240px;}
.new_lf .new_img img{width:100%;}

.new_lf .new_nr{width:100%; padding: 28px 20px; overflow:hidden; box-sizing:border-box;}
.new_lf .data{ float:left; width:60px;line-height:1.5;text-align:center;}
.new_lf .data .ri{font-size: 36px;font-weight: bold; color:#fff;letter-spacing: 1px; }
.new_lf .data .year{font-size:13px;color: rgba(255, 255, 255, .6);}
.new_lf .new_text{width:calc(100% - 80px);}
.new_lf h3{color:#fff;font-size:16px;line-height: 1.5;padding-bottom: 5px;font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-bottom:1px solid rgba(255, 255, 255, .2);}
.new_lf p{color:rgba(255, 255, 255, .7);font-size:13px;line-height: 1.5;margin-top: 5px;}



.new_rf .new_nr{width:100%; padding: 30px 0px; overflow:hidden; box-sizing:border-box;}
.new_rf .data{ width:60px;line-height:1.5;text-align:center;}
.new_rf .data .ri{font-size: 36px;font-weight: bold; color:#888;letter-spacing: 1px; transition: all 0.36s ease;}
.new_rf .data .year{font-size:13px;color:#868585;transition: all 0.36s ease;}
.new_rf .data .more{ display:inline-block; float:right; background:url(../images/icon_jt.png) left 30px center no-repeat; width:60px; height:40px;ransition: all 0.36s ease;}

.new_rf .new_text{width:calc(100% - 100px);}
.new_rf h3{ color:#333; font-size:16px; transition: all 0.36s ease; line-height:2; padding-bottom:10px; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; border-bottom:1px solid rgba(0, 0, 0, .1);}
.new_rf p{ color:#868585; font-size:13px; line-height:26px; margin-top:20px;}
.new_rf .new_nr:hover h3{ color:#c00000; padding-left:10px;}
.new_rf .new_nr:hover .more{background:url(../images/icon_jt1.png) left 35px center no-repeat;}

.new_rf{ width:53%; float:right;}
.new_rf ul{ }
.new_rf ul li{ border-bottom:1px solid rgba(0, 0, 0, 0.1);line-height: 2;padding-bottom: 10px; margin-bottom:10px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.new_rf ul li a{color:#333;font-size: 15px;transition: all 0.36s ease; font-weight:bold;}
.new_rf ul li span{color:#868585;font-size: 13px; float:right;transition: all 0.36s ease;}
.new_rf ul li:hover a{ color:#c00000; padding-left:10px;}
.new_rf ul li:hover span{ color:#c00000; padding-right:10px;}
	

/*---------关于我们-----------*/
.about_bg{ width:100%; min-width:1250px; overflow:hidden; padding: 160px 0px 80px; background:url(../images/about_bg.jpg) top center no-repeat;background-size: 100% !important;}
.about_bg .about{width:1250px; margin:0px auto; background:#fff; overflow:hidden;box-shadow: 0px 15px 30px rgba(0, 0, 0, .06);}

.ab-lf{ width:820px; padding:40px 0px 40px 40px; box-sizing:border-box;}
.ab-lf h3{color:#c00000; font-size:24px; line-height:30px;font-weight:normal;}
.ab-lf h4{color:#bbb; font-size:14px;line-height:26px;font-weight:normal;}
.ab-lf .ab-js{margin-bottom:20px; margin-top:30px;}
.ab-lf .ab-js p{ text-indent:2em; color:#363636; font-size:14px; line-height:2;}
.ab-lf .ab_more{ display:inline-block; text-align:center; border-radius:2px;width: 128px;height: 35px;line-height: 35px; border:1px solid rgba(170, 170, 170, 0.7); font-size:12px; color:#999;}
.ab-lf .ab_more:hover{border:1px solid #c00000; background:#c00000; color:#fff;}

.ab-rf{ width:373px; height:auto;}
.ab-rf img{ max-width:100%;}

/*-----------底部-------------*/
.footer{ background:#3e3e3e; width:100%;min-width:1250px; padding:40px 0px 50px;}
.footer .footer_n{ width:1250px; margin:0px auto; overflow:hidden; position:relative;}

.footer .footer_n dl{float: left; display:inline; width:18%; text-align: left; margin:0px 1%;}
.footer .footer_n dl dt{ color:#fff;line-height:2; margin-bottom:15px; font-size:16px; border-bottom:1px solid #fff; }
.footer .footer_n dl dt a{ color:#fff;transition: all 0.36s ease;}
.footer .footer_n dl dt span{ font-size:12px; margin-left:10px;color:#fff;}

.footer .footer_n dl dd{ line-height:2;}
.footer .footer_n dl dd a{font-size:12px; color:#fff;transition: all 0.36s ease;}
.footer .footer_n dl dt a:hover,.footer .footer_n dl dd a:hover{color: #c00000; padding-left:5px;}

.sjdp{ position:absolute;top: 40px;right:0px; color:#fff; text-align:center; font-size:14px;}
.taob_a{ float:right; margin-left:30px;}
.taob_b{ float:right;}

.foot_bottom{background:#fff;width:100%;overflow:hidden;padding:10px 0px; min-width:1250px;}
.foot_bottom .foot{ width:1250px; margin:0px auto; overflow:hidden;}
.foot_bottom p{ text-align:center; color:#696969;line-height:1.5; font-size:12px;}
.foot_bottom a{ font-size: 12px; color:#696969;}