@charset "utf-8";
/* CSS Document */
body{ overflow-x:hidden; background:#dcdcdc; font-family:"微软雅黑";}
body,p,h1,h2,h3,h4,h5,h6,dd,dl,dt,label{ margin:0; padding: 0;font-weight:normal;}
i{ font-style:normal; padding:0; margin:0}
ul,li{ margin:0; padding: 0; list-style:none;}
img{ vertical-align:middle; border:none;}
a{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none; color:#e31f2b}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix {zoom:1; }
.fl{ float:left}
.fr{ float:right}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

/*@font-face{ font-family:"frs45__1"; src:url(../font/frs45__1.otf);}*/
.number h1{color:#666;text-align:center;display:none;margin-top:25px;}
.number_box p font {font-size: 66px;color: #e50012;}
.bg_bg{ background:#FFFFFF; margin:0 auto; padding:0; overflow:hidden}
.header_border{ backfground:url(../images/top.png) no-repeat center center; height:5px;}
.top{ padding:1em 2em}
.input-group{ padding:0.8em 2em}
.top_right a{ margin-left:10px}
.top_left img{ width:210px;}
.top_right img{ width:40px}
.btn img{ width:18px}
/*nav*/
.nav_box{border-top:1px solid #e4e4e4}
.nav_ul li{
    float: left;  
    font-size: 14px;
    position: relative;
	margin-right: 8px;
}
.nav_bx{
    position: absolute;
    left: 0;
    top: 61px;
    z-index: 999;
    display: none;
	box-shadow: 0px 1px 3px #e6e6e6;
    background: #fff;
}
.nav_bx a.a_02{
    display: block;
    padding: 13px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f2f2f2;
	text-transform:uppercase;
    min-width: 70px;
    text-align: center;
}
.nav_bx a.a_02:hover{
    background: #e31f2b;
	color:#FFFFFF;
}
.nav_ul li a.a_01{
    display: block;
	font-size:14px;
    color: #333;
	padding: 20px;
	cursor:pointer;
    position: relative;
}
.nav_ul li a.a_01:hover,.nav_ul li a.active{
	border-top:2px solid #e31f2b;
	margin-top:-2px
}

.form-control {
    height: 32px;
    font-size: 14px;
    color: #555;
    background-color: #eee;
    border: none;
	width:130px;
	float: left;
	padding:0 5px;
	border-radius:0;
}
.btn {
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 29px;
    background:url(../images/search.png) no-repeat center center #eee;
	background-size:70%;
	cursor: pointer;
	display:inline-block;
	border: none;
    border-radius: 0;
}
.pro_nav{
    width: 725px;
}
.pro_nav dl dt{
    margin-bottom: 10px;
}
.pro_nav dl dt a{
    font-size: 15px;
    font-weight: bold;
    color: #e31f2b;
}
.pro_nav dl dd a{
    display: block;
    color: #666;
    line-height: 26px;
}
.pro_nav dl dd a:hover{
    color: #e31f2b;
}
.nav_bx .back{
    padding: 30px 0px 0;
}

.dl_5 {
    float: left;
    width: 191px;
    margin:0 25px 25px;
}
.meun_moblie{
	margin: 0.5em 1em; 
	display: inline-block;
	cursor:pointer;
}
.meun_moblie{ display:none}
.meun_moblie .icon-bar:nth-of-type(2){margin: 4px 0;}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {background: #fff; position: relative; overflow:hidden}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  background-image:url(../images/arrows-s2f56676c8e.png);background-repeat:  no-repeat; text-indent:-999em; z-index:999 }
.flex-direction-nav .flex-prev { left: -50px; background-position:0 0 }
.flex-direction-nav .flex-next { right: -50px; background-position:0 -112px}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  {font-size: 20px; display: inline-block;}
.flex-pauseplay a:hover  { opacity: 1; }
.flex-control-nav {width: 100%; position: absolute; bottom:0px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 13px; height: 13px; display: block; background: rgba(255,255,255,0.8); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover {background:#e31f2b; }
.flex-control-paging li a.flex-active { background:#e31f2b; cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.contect{ padding:0 28px}
.contect_title{
	border-bottom:1px dashed #b5b5b5;
	margin:20px 0;
}
.cont_ti_bf{
	background:url(../images/tit.png) no-repeat left top; 
	height:29px; 
	background-size: 18%;
	font-size:20px; 
	padding-left:40px;
	padding-bottom:10px;
	border-bottom:1px solid #e52e39;
	width:100px;
	color: #e50012;
	margin-bottom:-1px;
}
.more a{
	 font-size:14px; 
	 color:#999999; 
	 line-height:36px; 
	 transition:all 0.3s ease-in-out; 
	 -moz-transition:all 0.3s ease-in-out;
	 -webkit-transition:all 0.3s ease-in-out;
	 -o-transition:all 0.3s ease-in-out;
}
.more a:hover{
    color:#000000;
}
.contect1 h1{
    font-size:37px;
    text-align:center; 
    color:#696969;
}
.contect1 .contect_text p{ 
    font-size:14px; 
    line-height:28px;
    color:#696969;
    text-align:justify;
	text-indent:28px;
}

/*number*/
.number .number_box{ 
    width:27.3%; 
    float:left;
    margin:40px 0; 
    text-align:center
}
.number .number_box:last-child{
    width: 42.3%
}

.number_box span{ 
    font-size:70px; 
    color:#e50012; 
    line-height:72px;
    margin-bottom:20px;
}
.number_box sub{ 
    font-size:40px; 
    color:#e50012;
}
.number_box p{ 
    font-size:18px;
}
/*map*/
.map img{max-width:100%;}
.map img:nth-of-type(1){ display: block; }
.map img:nth-of-type(2){ display: none; }
/*video*/
.contect3{
    margin-bottom: 40px
}
.video{
    position:relative;
}
.video .video_bottom{ 
    overflow:hidden; 
    cursor:pointer;    
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}
.case_box .case_img img,.video .video_bottom img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
    width: 100%;
}
.case_box .case_img:hover img,.video .video_bottom:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}
.video .video_bottom .ico {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    background:url(../images/bf.png) no-repeat center;
	background-size:100%;
}
.video .obj-box {
    width: 100%;
    position: relative;
    height: 100%;
    z-index: 1;
}
.video .obj-box .obj {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}
.obj video{
    width:100%; 
    height: 100%
}
.video .video_bottom.uop {
    opacity: 0;
    filter: Alpha(opacity=0);
}
.video .obj-box .close {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right:0;
    background: url(../images/ico_131.jpg) no-repeat left center;
    width: 46px;
    height: 46px;
}
.video .obj-box.uop {
    z-index: 3;
}
/*case*/
.case_box {
    width: 22.7%;
    position: relative; 
    float: left; 
    margin: 0 1% 3%; 
}
.case_box .case_img{
    overflow: hidden;
}
.case_box .case_text{ 
    position: absolute;
    bottom: 0; 
    width: 100%;
    color: #fff;
    text-align:center;
}
.case_box .case_text p{
    padding: 5px 10px; 
    background: rgba(0,0,0,0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 14px;
    /*text-transform: uppercase;*/
}
/*partner*/
.partner ul li{ 
    width: 47%; 
    float: left; 
    border: 1px solid #e3e3e3; 
    margin:0 1%; 
    margin-bottom: 2%;
dislpay:flex;
align-items:center;
justify:content:center;height:84px;
}
.partner ul li:hover{
    border: 1px #a5a5a5 solid;
}
.partner ul li img{ 
    max-width: 100% ;
}
/*news*/
.news .news_left{ 
    width: 45%
}
.news_left .flex-control-nav{ 
    display: none;
}
.news_left .slides p{ 
    padding:10px;
    position: absolute; 
    bottom: 0;
    z-index: 999; 
    left: 0; 
    width: 100%; 
    background: rgba(0,0,0,0.5);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_left .slides p a{
    color: #fff
}
.news_left .flex-direction-nav a{ 
    background-repeat:  no-repeat; 
    height: 78px;
    background-image: url(../images/new_jiantou.png)
}

.news_left:hover .flex-next {
    right: -3px; 
    background-position: -40px 0!important;
}
.news_left:hover .flex-prev {
    left: 0px;
}
.news_right{
    width: 52%;
}
.news_right ul li{ 
    background: url(../images/yuan.png) no-repeat left center; 
    border-bottom: 1px dashed #959595; 
    padding: 9px 0;
    padding-left: 18px;
}
.news_right ul li a{ 
    color: #696969;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 63%;
    display: block;
    float: left;
    font-size: 14px;
}
.news_right ul li a:hover{
    color: #e31f2b;
    text-decoration:underline;
}
.news_right ul li span{ 
    float: right; 
    font-size: 14px;
    color: #696969; 
}

/*footer*/
.footer{
    background: #eaeaea;
	margin-top: 50px;
}
.footer .footer_top{
    border-bottom: 1px solid #d2d2d2;
    padding: 50px 0;
}
.footer .footer_right input[type=text]{ 
    border: none; 
    border-radius: 0; 
    width: 220px; 
    height: 40px;
    margin: 0;
    padding: 0 10px ;
    float: left;
}
.footer_left img{
	width: 252px;
}
.footer .footer_right input[type=button]{
    border: none; 
    margin: 0;
    border-radius: 0; 
    background:url(../images/sear.png) no-repeat center center;
    color: #fff;
    padding: 0;
    height: 40px;
    width: 123px;
    cursor: pointer;
    outline: none;
	background-size:cover;
}
.footer_bottom{
    padding: 20px 0;
}
.footer_bottom ul li{ 
    float: left;
    padding: 0 20px;
    border-right: 1px dashed #b1b1b1;
    text-align:center;
}
.footer_bottom ul li a{ font-size:14px;}
.footer_bottom ul li:last-child{ border-right:none}

.footer_center img{ width: 130px;margin:0 10px}
.footer_center{ margin-left: 9%; }