/* CSS Document */
*{ margin:0px; padding:0px;}
ul li{ list-style:none;}
a{ text-decoration:none;}

a:link,a:visited{ color:#595758; text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur());}
a:hover{color:#ec0120;}
/* a:hover{ color:#fff;} */
a.more:link,a.more:hover,a.more:visited{ float:right; color:#313131;}
a.red:link, a.red:hover, a.red:visited { color:#cb0f0f;}

.clear{height:0;overflow:hidden;clear:both;}
body{background:#323335;}

.page_wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    min-width: 320px;
    max-width: 750px;
    overflow: hidden;
}

/*-------index-----*/
#wrap{ width:100%; position:relative; overflow:hidden;}
#bground{ width:100%; height:100%; position:fixed;}
#bground img{width:100%; height:100%; vertical-align:middle;}
#logo{ width:280px; height:50px; position:fixed; left:50%; margin-left:-130px; top:30px;z-index: 10000;}
#logo img{ width:100%; vertical-align:middle;z-index: 10000;}

#slides{ width:100%; position:fixed; top:0px; z-index:11; height:100%;}

#footer{ width:100%; height:70px; position:fixed; bottom:0px; line-height:70px; border-top:1px solid red; text-align:center; background:#323335;z-index: 10000;}
#footer p{ font-size:1.5em; font-family:"Arial"; color:#FFF; opacity:0.5;z-index: 10000; background:url(../images/bottom.jpg) no-repeat; width:220px; height:54px; box-shadow:2px 2px 5px #333; margin:8px auto; border-radius:10px; overflow:hidden; background-size:100% 100%; font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; }
#footer span{line-height:45px; height:54px; width:220px; display:block; background:url(../images/btn03.gif) center 40px no-repeat;  }
/*-------home-----*/
#home{ width:100%; padding:3% 0 0 3%; background:#333; box-sizing:border-box; position:relative; float:left; overflow: hidden;}
#menu{ width:100%; position:relative; float:left;}
#left{ width:50%; padding-right:3%; box-sizing:border-box; float:left;}
#right{ width:50%; padding-right:3%; box-sizing:border-box; float:left;}

.list{ margin-bottom:6%; width:100%;}
#menu ul li img{ width:100%; vertical-align:middle;}

/*-----header----*/
#header{ width:100%; position:fixed; top:0px; height:60px; z-index:999;border-bottom:1.5px solid #dbdbdb;line-height:60px; background:#323335;}
#header nav{ width:100%;    color:#5b5b5d; font-family:"寰蒋闆呴粦"; font-size:20px; height:60px;}
.head_back{float:left;display:block;width:35px; height:35px; padding:12px 12px; background:url(../images/header-mg.png) right no-repeat; }
.head_home{ position:absolute; right:0px; top:0px; background:url(../images/header-mg.png) left no-repeat;width:37px; height:35px; padding:12px 12px;}
#header nav p{ margin-left:50%; left:-40px; position:absolute; top:0px;height:60px;background:url(../images/header-logo3.png)50% 45px no-repeat; cursor:pointer; color:#FFF;}
#head_menu{ height:150px;position:absolute; width:100px; top:61px;left:50%; text-align:center; margin-left:-50px;display:none;  }
#header  ul li{ height:30px; background:rgba(90,132,154,0.7); width:100%; line-height:30px; border-radius:5px; margin-bottom:2px; font-size:0.7em; }
#header  ul li:hover{ opacity:0.7;}
#head_menu a{color:#FFF;}
/*----team---*/
.tops{ height:40px; width:300px; margin:60px auto 0 auto; line-height:40px; text-align:center;color:#fff; }
.tops a{color:#fff; font-size:16px; font-family:"寰蒋闆呴粦"; }

#team_wrap{ width:100%; margin: 0; padding:2% 2% 5%; background:#323335; box-sizing:border-box; overflow:hidden; }
#team_list{ width:100%; position:relative;display:block; overflow:hidden;}
#team_list ul li{width:46%;height: 15.2rem; padding:8px;box-sizing:border-box; background:#FFF; float: left; margin: 0 2% 5%;overflow:hidden; box-shadow:0px 5px 4px 0px #5b5b5d;}
#team_list ul li a{ width:100%; display:block;}
#team_list ul li img{ width:100%;  overflow:hidden; }
#team_list ul li p{ font-size:0.6em; line-height:18px; color:#404040; overflow:hidden;  font-family:"寰蒋闆呴粦";}
#o_pagelist{ width:100%; float:left; margin-top:10px; text-align:center;}
#o_pagelist a{ color:#FFF; margin-right:1%;}
#o_pagelist a:hover{color:red;}
.current{ color:red;margin-right:1%;}
.raceShow{ width:100%;  top:61px; position:absolute; background:url(../images/bg1.jpg) no-repeat; background-size:100% 100%;    overflow:hidden;  display:none; padding-top:50px;}
.teamcon{ width:90%; position:relative;border-radius:10px;left:5%; box-sizing:border-box;background:rgba(64,64,64,0.7);padding:3%; margin-bottom:50px;}
.teamcon h5{ display: none !important;}
.teamcon img{ width:100%; vertical-align:middle;}
.teamcon h3,.teamcon h4 ,.teamcon h5,
.teamcon p{ color:#FFF; font-family:"寰蒋闆呴粦"; font-size:0.9em; font-weight: normal !important;}
.teamcon span{color:#FFF;font-family:"寰蒋闆呴粦"; font-size:0.9em;}
.teamcon p span{color:#FFF;}

/*----about---*/
#about_wrap{width:100%; height:100%; background:#323335; background-size:100% 100%; padding:2% 5% 50px 5%; box-sizing:border-box; display:block; overflow:hidden;}
#contact_wrap{width:100%; height:100%; background:#323335; background-size:100% 100%;padding:2% 8% 50px 8%; box-sizing:border-box; display:block;overflow:hidden;}
#contact_wrap p{color:#FFF; font-size:0.8em; font-family:"寰蒋闆呴粦";line-height:25px; width:100%; text-align:left;}
#contact_wrap p img{ width:100% !important; vertical-align:middle;margin-bottom:2%; height:auto !important;}
#job_wrap{width:100%; height:100%; background:#323335; background-size:100% 100%;  padding:2% 8% 50px 8%; box-sizing:border-box; display:block;overflow:hidden;}
#job_wrap p{color:#FFF; font-size:0.8em; font-family:"寰蒋闆呴粦";line-height:25px; width:100%; text-align:left;}
job_wrap p img{ width:100% !important; vertical-align:middle; margin-bottom:2%; height:auto !important;}

#about_wrap p{ color:#FFF; font-size:0.8em; font-family:"寰蒋闆呴粦";line-height:25px; width:100%; text-align:left;}
#about_wrap ul{ margin-top:10%;}
#about_wrap ul li{color:#404040; font-size:0.8em; font-family:"寰蒋闆呴粦"; list-style:disc; line-height:25px;margin-left:10px;}
#about_wrap p  img{ width:100% !important; vertical-align:middle ; height:auto !important;  }
/*----news---*/
#news_list{ width:100%; background:#323335; overflow:hidden; padding-bottom:4%;}
#news_list ul li{ width:100%; border-bottom:1px solid #dbdbdb; height:100px; overflow:hidden; position:relative; }
#news_list ul li img{ float:left;height:70px; margin:15px 10px 0px 10px; vertical-align:middle; }
#news_list ul li p{  overflow:hidden; font-family:"寰蒋闆呴粦"; color:#fff;  margin-right:20px;  }

#news_list ul li span{ position:absolute;top:0px; width:60px; height:99px; right:0px; background:#e0e0e0;  text-align:center; border-bottom:2px solid #FFF;}
#news_list ul li span a{ display:block; width:50px; height:60px; margin:20px 5px;line-height:60px; background:url(../images/news_logo.png) right center no-repeat; color:#fff; font-size:0.9em; font-family:"寰蒋闆呴粦";}

#news_list h2{ margin-top:20px; color:#fff; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:20px;height:25px; line-height:25px; }
.news_time{ color:#fff; opacity:0.7;margin-top:10px; font-size:14px;}
.newsl_txt{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; opacity:0.7; font-size:15px; }


#news_list ul li .tit1{  font-family:"Arial"; color:#e0e0e0;}
.tit2{  color:#e0e0e0;}
.tit3{ color:#5b5b5d; opacity:0.5;}
.tit4{ color:#000; opacity:0.7;}
.tit5{  color:#000; opacity:0.8;}
.tit6{ color:#000; opacity:0.9;}

/*---news_detail--*/

#news_container{ width:100%; position:relative; background:#323335; overflow:hidden ;padding:10px 3% 5% 3%; box-sizing:border-box;}
.news_tit{ width:100%; text-align:center;}
.news_tit h2{ font-size:1.1em; line-height:30px;  font-family:"寰蒋闆呴粦";color:#fff;}
#news_content{ width:100%; padding:3% 2%; background:#323335; box-sizing:border-box; margin-top:1%;  box-shadow:2px 2px 5px #cdcdcd;}


.block_home_slider {position: relative;width:100%;}
#home_slider{ width:100%; position:relative;}

.block_home_slider .flex-direction-nav a {width:30px; height:50px; margin-top:-27px; display:block; position:absolute; top:50%;  text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background:url(../images/left.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {opacity:0.7;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px;background:url(../images/right.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next:hover {opacity:0.7;}

.flexslider .slides img {width: 100%; display: block;}
#news_intro{ width:100%; position:relative; display:block; margin-top:3%;}
#news_intro p{ font-size:0.9em; color:#FFF;  font-family:"寰蒋闆呴粦"; line-height:25px; }
#news_intro p img{ width:100% !important; vertical-align:middle; height:auto !important;}


/*----production---*/
#pro_container{ width:100%; background:#323335; padding:70px 3% 0px 2%; overflow:hidden; box-sizing:border-box;} 
.pro_pic{ width:100%; float:left; position:relative; overflow:hidden;margin-top:2%; background:url(../images/line.gif) bottom repeat-x;}
.pro_pic1{ width:100%; float:left; position:relative; overflow:hidden;margin-top:2%; background:url(../images/line.gif) bottom repeat-x;}
.pro_pic1 p{ text-align:left; width:100%; height:50px; line-height:50px; font-size:18px; margin-left:1%; }
.pro_pic1  p a {color:#FFF; display:block;  font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; }
.pro_pic1 p a span{ width:30px; height:22px; background:url(../images/com.png) no-repeat ; float:right; background-position:-18px -58px; margin-top:18px;}
.pro_pic1 ul li{ width:31.3%; float:left; margin:0 1% 2% 1%; overflow:hidden;}
.pro_pic1 ul li img{ width:100%; vertical-align:middle; height:81px; }
#types{width:100%; height:30px; line-height:30px; font-size:18px; margin-left:1%; color:#FFF; font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif;}

#page2{ float:left;  width:100%;margin-bottom:10px;}
.more{ overflow:hidden; text-align:center; width:100%; display:block; float:left; color:#FFF; opacity:0.6; margin-top:10px; font-family:"寰蒋闆呴粦"; font-size:1.1em; }
.more:hover{opacity:0.9}
/*-----pro_details-----*/
#pro_tit{ width:100%; padding-bottom:2%; overflow:hidden;}
#pro_tit h1{ width:100%; float:left; color:#fff;
    
    font-weight: bold;
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: 14px;
}
#pro_tit h2{ width:100%; float:left; height:40px; font-size:0.9em;  white-space:nowrap; overflow:hidden; margin-right:2%; line-height:40px; margin-left:2.5%; color:#fff;}
#pro_tit p{ color:#FFF;line-height:1.4em; }
#pro_list{ width:100%; position:relative; overflow:hidden;}
#pro_list ul li{ width:100%; padding:2.5%; box-sizing:border-box; float:left; margin-bottom:1%; background:#FFF;}
#pro_list ul li img{ width:100% !important; vertical-align:middle; height:auto !important;}


#team_list ul ul  { clear:both; margin:0 auto; width:100%; padding:20px 0; text-align:center; font-size:14px;}
#team_list ul ul  a{padding:5px 10px; margin:0 3px; color:#fff}
#team_list ul ul  span{ padding:0 2px; margin:0 3px;}
#team_list ul ul  .current{ color:#EC0120;}



@media (max-width:640px){
}	


#hor_container{ width:100%; background:#323335; padding:0 3% 0px 2%; overflow:hidden; box-sizing:border-box;} 
.hor_pic{ width:100%; float:left; position:relative; overflow:hidden;margin-top:2%; }
.hor_pic1{ width:100%; float:left; position:relative; overflow:hidden;margin-top:2%;}
.hor_pic1 p{ text-align:left; width:100%; height:50px; line-height:50px; font-size:18px; margin-left:1%; }
.hor_pic1  p a {color:#FFF; display:block;  font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; }
.hor_pic1 p a span{ width:30px; height:22px; background:url(../images/com.png) no-repeat ; float:right; background-position:-18px -58px; margin-top:18px;}
.hor_pic1 ul li{ width:31.3%; float:left; margin:0 1% 2% 1%; overflow:hidden;}
.hor_pic1 ul li img{ width:100%; vertical-align:middle;}
@media (max-width:640px){
}

@media only screen  and (min-device-width : 414px)  and (max-device-width : 736px){
    #team_list ul li{height: 16.6rem;}
}

/*ipad*/
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px){
    #team_list ul li{height: auto;}
}

@media only screen  and (min-device-width : 600px)  and (max-device-width : 960px){
    #team_list ul li{height: auto;}
}
.pagination-block{ padding-bottom:30px;}
.pagination-block,.pagination{ display:flex;justify-content: center;align-items: center;color:#fff;}
.pagination .active{ color:#ff0000;}


.pagination a:link,.pagination a:visited{ color:#fff; text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur());}
.pagination a:hover{color:#fff;}

.pagination a.more:link, .pagination a.more:hover, .pagination a.more:visited{ float:right; color:#fff;}
.pagination a.red:link, .pagination a.red:hover, .pagination a.red:visited { color:#fff;}
.pagination .active{ padding:0 8px;}
.pagination a{ padding:0 8px;}

.pagination_info{ padding:0 10px;}