@charset "utf-8";
/* CSS Document */
/* all 2013.12.21*/
body{margin:0;padding:0;font-size:12px; color:#666;font-family:"Arial","微软雅黑"; background:#fff;}
form,ul,li,ol,li,dl,dt,dd,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0;}
input,select{font-size:12px; }
img{border:0;}
ul,li{list-style-type:none;}
b,strong{font-weight:bold;}

/* link 2013.12.21 */
a{color:#555;text-decoration:none; cursor:pointer;}
a:hover{color:#ff6600;text-decoration:none;}
.clear{clear: both;}
.fr{float: right;}
.fl{float: left;}
.clearfix{content: "";clear: both;overflow: hidden;}
.displayno{display: none}
.displaybl{display: block;}
.mt20{margin-top: 20px;}
.ml20{margin-left: 20px;}
/*导航*/

/*导航*/

.nav ul li {
	float: left;
	height: 62px;
	line-height:62px;
	position: relative;
	z-index: 99; margin-right: 16px;
}

.nav ul li ul {
	display: none;
	position: absolute;
	background: #009de2;
	min-width: 120px;
	left: -15px;
	top: 62px; padding: 10px 0;
}
.nav ul li ul:after{width: 0;height: 0; position: absolute;border: 10px solid transparent;content:' ';left:50px;top:-15px;border-bottom-color:#009de2;}
.nav ul li a {
	color: #000;
	font-size: 16px;line-height: 52px;
	padding: 0 15px;
	display: block;
	
}
.nav ul li:hover a,
.nav ul li.select a {
	color: #e52029;
}

.nav li ul li {
	float: none;
	font-size: 14px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 32px;
	line-height: 32px;
	white-space: nowrap;
	position: relative;
	overflow: hidden;background:#009de2;
}
.nav li:hover ul li:hover{background: #e41e34;}
.nav li ul li a,.nav li:hover ul li a{	color: #fff;
 	display: block;background:none;line-height: 32px;font-size: 14px;
    padding:0 5px;
}
.nav li:hover ul li a:hover {
	display: block;
    font-size: 14px;
	background: #e41e34;
	border: none;height: 32px;
	color: #fff;
	    padding:0 5px;
}

.nav li:hover ul {
	display: block;
}

.nav li:hover ul li ul {
	display: none;
}

.nav ul li ul li ul {
	display: none;
	position: absolute;
	left: 80px;
	top: 0px;
}

.nav li ul li:hover ul {
	display: block;
}




/******新首页*******/

.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.pt25{padding-top: 25px;}
.mt20 {
	margin-top: 20px;
}
.pt10{padding-top: 10px;}
.ml20 {
	margin-left: 20px;
}
.pt20{padding-top: 20px;}
.fl {
	float: left;
}

.fr {
	float: right;
}

.pt90 {
	padding-top: 90px;
}

.pb80 {
	padding-bottom: 80px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.textC{ text-align: center;}
.pt55 {
	padding-top: 55px;
}
.pb55 {
	padding-bottom: 55px;
}
.mt50 {
	margin-top: 50px;
}

.mr30 {
	margin-right: 30px;
}
.mt5{margin-top: 5px;}
.mb30{margin-bottom: 30px;}
.ml20{margin-left: 20px;}
.mt30{margin-top: 30px;}
.mt10{margin-top: 10px;}
.mt45{margin-top: 45px;}
.mt65{margin-top: 65px;}
.pb50 {
	padding-bottom: 50px;
}

.pt15 {
	padding-top: 15px;
}
.pt30 {
	padding-top: 30px;
}
.pt30 {
	padding-top: 30px;
}
.pt35 {
	padding-top: 35px;
}
.pt50 {
	padding-top: 50px;
}

.o-hidden {
	overflow: hidden;
}
.headr1{color: #8d8d8d; text-align: right;}
.headr1 a{ margin: 0 10px; font-size: 14px;  color: #8d8d8d;}
.headr1 a.actvie{ color: #4b4b4b;}
.search {
 width: 40px; position: relative;
	height: 35px;
	line-height: 35px;
	color: #c9c9c9;
	border-radius: 4px;z-index: 999;
}

.inptext {
	width: 210px;
	padding-left: 20px; 
	border: 1px solid #e2e2e2;border-radius: 5px;
	background: #fafafa; 
	line-height: 33px; display: none; position: absolute; z-index: 999;right: 40px;
}
.search:hover .inptext{ display: block;}
.inpbtn {
	width:40px;padding: 0; background: url(../images/main/bft_06.jpg) center no-repeat;
	border: none; color: #FFFFFF;
	float: left; height: 35px;font-family: "microsoft yahei";font-size: 14px;cursor: pointer;
}
.main-index{clear: both;line-height:1.8}




.banner1{height: 375px;}
.maincont1 ul li{ float: left; margin-right: 50px;width: 264px; overflow: hidden;}
.maincont1 ul li .pic{width: 264px; height: 159px; overflow: hidden;}
.maincont1 ul li .name{ background: #009de2; height: 55px;line-height: 55px; text-align: center;font-size: 20px; color: #fff;}
.maincont1 ul li .name a{font-size: 20px; color: #fff;}
.maincont1 ul{width: 1300px;}
.gw_titles {padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.gw_titles span{ display: inline-block;line-height: 26px;height: 26px;border-left: 4px solid #e41e34; padding-left: 10px; font-size: 24px; color: #666; float: left;}
.gw_titles a{float: right; font-size: 14px;}
.mainc2l,.mainc2r{width: 565px;} 
.mainc2lc .fl{width: 198px;}
.mainc2lc .fr{width: 340px;color: #666;}
.mainc2lc .fr b{ font-size: 20px; line-height: 40px; font-weight: normal;}
.mainc2lc .fr p{ line-height: 26px; font-size: 14px;color: #585858;}
.mainc2rcont .name{ font-size: 16px; line-height: 40px;color: #000; font-weight: normal;}
.mainc2rcont ul li{ line-height: 26px;height: 28px; overflow: hidden; background: url(../images/main/bft_39.jpg) left center no-repeat; padding-left: 20px;}
.mainc2rcont ul li a{ color: #2e2e2ed;}
.maincont3 ul li{float: left;width: 192px;height: 275px; overflow: hidden; margin-right: 9px;}
.maincont3 ul {width: 1250px;}





/*关于我们*/	
.abouts2 .mainc2lc  .fl,.abouts2 .mainc2lc  .fr{width: 565px;float: none;}
.abouts2f ul {width: 660px;}
.abouts2f ul li{ float: left;width: 160px; overflow: hidden; margin-right: 30px;}
.abouts2f ul li .name{font-size: 16px; line-height: 26px; margin-top: 10px; text-align: center;}
.maincont3 .qylin ul{width: 1300px;}
.maincont3 .qylin ul li{width: 360px; float: left;border-bottom: 3px solid #dedede; height: auto; margin-right: 60px;}
.maincont3 .qylin ul li .pic{width: 360px;height: 190px; overflow: hidden; position: relative;}
.maincont3 .qylin ul li .bg{background:url(../images/aboutbg1.png) no-repeat; width:360px;height:190px; text-align:center;color:#fff; position:absolute; top:0px;left:0px; display:none; }

.maincont3 .qylin ul li:hover .bg{display:block;}
.maincont3 .qylin ul li .bg  b{display:block;font-size:30px; margin-top:40px;}
.maincont3 .qylin ul li .bg  span{font-size:20px;}
.maincont3 .qylin ul li .name{height: 60px; padding: 10px 15px; line-height: 30px; font-size: 14px; color: #333; text-align: center;}
.maincont3 .qylin ul li:hover{border-bottom: 3px solid #e41e34;animation: myfirst 1s;
-moz-animation: myfirst 1s;	/* Firefox */
-webkit-animation: myfirst 1s;	/* Safari 和 Chrome */
-o-animation: myfirst 1s;}
.maincont3 .qylin ul li:hover .name{ background: #e41e34; color: #fff;}
.maincont3 .qylin ul li table td{height: 60px;}
.maincont5{ background: url(../images/abouts_28.jpg) center no-repeat; height: 566px; position: relative;}
.fclclist2 { margin-left: 60px;}
.fclclist2  .title{ position:absolute;top:30px; left:0px; text-align:center; width:100%;font-size:30px;font-weight:bold;color:#666;}

.fclclist2 ul li{ position: relative;width:190px;  float: left; margin-top: 272px; cursor: pointer;}
.fclclist2 ul li span{display: block;line-height: 28px;  font-size: 14px; color: #898989; padding: 10px 18px; background: #e8e8e8;width: 248px; position: absolute;}
.fclclist2 ul li:hover span{background: #e41e34; color: #fff;}
.fclclist2 ul li span:after{content: "";  border: 10px solid transparent;height:0;border-top-color: #e8e8e8;width: 0px;left: 85px;top:76px; position: absolute;}
.fclclist2 ul li:hover span:after{content: "";  border: 10px solid transparent;height:0;border-top-color: #e41e34;width: 0px;}
.fclclist2 ul li.fclist1  span:after,.fclclist2 ul li.fclist3  span:after,.fclclist2 ul li.fclist5  span:after{border: 10px solid transparent;height:0;border-bottom-color: #e8e8e8;top:-20px}
.fclclist2 ul li.fclist4 span:after{top:76px;display:block;}
.fclclist2 ul li.fclist5 span:after{left:60px;}
.fclclist2 ul li.fclist6 span:after{top:74px;left: 160px;}
.fclclist2 ul li.fclist1:hover  span:after,.fclclist2 ul li.fclist3:hover  span:after,.fclclist2 ul li.fclist5:hover  span:after{border-bottom-color: #e41e34;}
.fclclist2 ul li.fclist4 span{width: 190px;}
.fclclist2 ul li.fclist5 span{width: 250px;}
.fclclist2 ul li.fclist6 span{width: 220px;}
.fclist span{left: -30px;top:-95px;}
.fclist1 span{left: -30px;top:140px;}
.fclist2 span{left: -30px;top:-95px;}
.fclist3 span{left: -30px;top:140px;}
.fclist4 span{left: -40px;top:-95px;}
.fclist5 span{left: -10px;top:140px;}
.fclist6 span{left: -105px;top:-100px;}
.fclclist2 ul li b{ display:inline-block; width: 120px;height: 120px; border-radius: 60px; background: #009de2; color: #fff; font-size: 30px; line-height: 120px; text-align: center;}
.fclclist2 ul li:hover b{background: #e41e34;}
@keyframes myfirst
{
from {margin-top: 0;}
to {margin-top: -30px;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {margin-top: 0;}
to {margin-top: -30px;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
from {margin-top: 0;}
to {margin-top: -30px;}
}

@-o-keyframes myfirst /* Opera */
{
from {margin-top: 0;}
to {margin-top: -30px;}
}

.phoner{display:none;}
.phoner .i_title_hd{ border-bottom:1px solid #eee; line-height:36px;height:36px;overflow:hidden;}
.phoner .i_title_hd  b{border-left: 4px solid #e41e34;padding-left: 10px; margin-left:10px;  height:24px;font-size:14px; font-weight:normal;}
.phoner .i_title_hd a{float:right; margin-right:10px;color:#888;}

.phoner .iabout_bd{padding:10px;}
.phoner .iabout_bd img{width:100%;height:auto; }
.phoner .iabout_bd  .txt{ margin-top:10px; line-height:23px;}

.phoner .rongyu_c{position:relative; width:100%; overflow:hidden;}
.phoner .rongyu_list{}
.phoner .rongyu_list li {
    float: left;
    width: 12rem;
    margin-top:10px;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
    line-height: 1.2rem;
    box-sizing: border-box;
    overflow: hidden; box-sizing:content-box;
}
.phoner .rongyu_list li img{ width:95%;}

.phoner .i_partnews{ clear:both; margin-top:5px; overflow:hidden;}
.phoner .i_partnews .bd{}
.phoner .i_partnews li{border-bottom:1px solid #e1e1e1; overflow:hidden;clear:both;padding:8px;}
.phoner .i_partnews li .name{width:73%; float:left; font-size:14px; line-height:22px;height:44px;overflow:hidden; padding-left:3%;}
.phoner .i_partnews li .pic{width:16%; float:right;}
.phoner .i_partnews li .pic img{width:100%; height:auto;}


.phoner #navguide{background-color:#f5f5f5; border:1px solid #e5e5e5; z-index:99; position:absolute; display:none; width:100%; padding:2%; height:auto;}

 /***内页头部通用*****/
.phoner  .p_banner{}
.phoner  .p_banner img{ width:100%;height:auto;}

.phoner .qylin{ padding:10px;font-size:12px;height:auto;}
.phoner .qylin li{ position:relative; margin-bottom:10px;width:100%;font-size:12px;}
.phoner .qylin li img{ width:100%;height:auto;}
.phoner .qylin li .pic{width:120px; position:absolute;top:0px; left:0px;}
.phoner .qylin li .name{ margin-left:136px; overflow:hidden;font-size:12px; text-align:left;}
.phoner .qylin li .name div{line-height:22px;height:44px; overflow:hidden;}

.phoner .qyjinc{padding:10px;}

.phoner .qyjinc li{ position:relative; margin-bottom:10px; overflow:hidden; border-bottom:1px dashed #eee; padding-bottom:6px; box-sizing:content-box; }
.phoner .qyjinc li .num{width:50px; height:50px; background:#009de2; color:#fff;border-radius:50%; text-align:center;line-height:50px;font-size:16px; position:absolute;top:0px; left:0px;}
.phoner .qyjinc li .name{ margin-left:60px; overflow:hidden; line-height:22px;height:50px;padding:3px; }

/****表单详情****/
.phoner .f_content{    padding: 10px 0px;
    font-size: 14px;}
.phoner .f_content img{max-width:100%;}
.phoner .question_dlist li{ clear:both;padding-top:10px; line-height:32px;}
.phoner .question_dlist li b{font-weight:normal;}
.phoner .question_dlist li div{margin-top:5px;}
.phoner .question_dlist li dd label{font-weight:normal; vertical-align:middle; margin-left:3px;}
.phoner .question_dlist li div .input_form{ 
    width:90%;
    border: 1px #e5e5e5 solid;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #a9a9a9;
    padding-left: 10px;}
.phoner .question_dlist li div textarea {
    width:90%;
    padding: 5px;
    border: 1px #e5e5e5 solid;
    min-height: 60px;
    line-height: 22px;
    font-size: 12px;
    color: #a9a9a9;
}
.phoner .form_sub{    background: #f60;width: 100px;color: #fff;text-align: center;line-height: 30px;height: 30px;border:0px; cursor:pointer;margin-top:15px;}
.phoner .mn_select {position: relative;  z-index:1;width:90%;height:30px; line-height:30px; background:#fff;  }
.phoner .mn_select cite {width:100%; height:28px; line-height: 28px; display: block;  
color: #a9a9a9; cursor: pointer; font-style: normal;padding-left:10px; 
border:1px solid #E5E5E5;  background: url(../images/common/xjt.png) no-repeat right center; }
.phoner .mn_select ul {width:100%;   border: 1px solid #E5E5E5; border-top:none; overflow-y:auto; background-color: #ffffff; padding:5px 0px; position: absolute; z-index: 20000;  margin-top: 0px;  display: none; }
.phoner .mn_select ul li { height: 34px; line-height: 34px;padding-top:0px; }
.phoner .mn_select ul li a {display: block;height: 34px; color: #333333;text-decoration: none;  padding-left: 10px;  padding-right: 10px;  } 
.phoner .mn_select ul li a:hover {background-color: #CCC;}
.phoner .mn_select select{width:290px;border:1px solid #d2d2d2;height:36px; line-height:36px; background:#fff; }

.phoner .cnzz_tj{ display:none;}
/***公用样式*****/
.phoner .web_dw{padding:10px;}
.phoner .img_showfull{}
.phoner .pad_b55{padding-bottom:55px;clear:both; overflow:hidden;}
.phoner .img_showfull img{ display: inline-block; height: auto;width: 100%;}
.phoner .text_center{ text-align:center;}



/********/

.phoner .p_content .position{
    overflow:hidden;
    margin-top:24px;
}
.phoner .p_content .position .p_neme{
    background:#eeeeee;
    padding:0 18px 0 30px;
    height:42px;
    line-height:42px;
}
.phoner .p_content .position .p_neme b,.p_content .position .p_info b,.p_content .position .p_info p span{color:#454545;}
.phoner .p_content .position .p_info b{width:76px;float:left;}
.phoner .p_content .position .p_info div {clear:both; margin-top:6px;}
.phoner .p_content .position .p_info div div{float:left;clear:none;margin:0px;}
.phoner .p_content .position .p_info span{font-weight:bold;color:#454545;}

.phoner .p_content .position .p_neme span{
    color:#464c80;
    font-weight:bold;
}
.phoner .p_content .position .p_info{
    background:#f6f6f6;
    padding:0 18px 30px 30px;
    line-height:2;
    overflow:hidden;
}
.phoner .p_content .position .p_info p span{font-weight:bold;}
.phoner .p_content .position .p_info a{
    display:block;
    text-align:right;
    color:#5a62b3;
}


/* contact us */

.phoner .ct_mid{
    width: 100%;
    background: #fafafa;
    overflow: hidden;
    margin-top:0px; padding-bottom:10px;
}
.phoner .ct_mid .ctm_left{
margin:30px;
}
.phoner .ct_mid .ctm_left .ctm_title{
 
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 18px;
}
.phoner .ct_mid .ctm_left .ctm_title h1{
    font-size: 24px;
}
.phoner .ct_mid .ctm_left .ctm_title h2{
    font-size: 16px;
}
.phoner .ct_mid .ctm_left .ctm_phone{
    color: #898989;
    border-bottom: 1px solid #f3f3f3;
    width: 450px;
    padding :28px 0;
}
.phoner .ct_mid .ctm_left .ctm_ewm {
    margin-top: 34px;
    color: #898989;
}
.phoner .ct_mid .ctm_left .ctm_ewm .ctme_pic{
    float: left;
}
.phoner .ct_mid .ctm_left .ctm_ewm .ctme_text{
    float: left;
    margin-left: 10px;
}
.phoner .ct_mid .ctm_left .ctm_ewm .ctme_text .icon{
    font-size: 30px;
}
 
 @media only screen and (max-width: 1400px) {
   .phoner{display:none;}
   .main-index{display:block;}
}
@media only screen and (max-width: 1199px) {
   .phoner{display:block;}
   .main-index{display:none;}
}
@media only screen and (max-width: 1024px) {
   .phoner{display:block;}
   .main-index{display:none;}

}
@media only screen and (max-width: 1000px) {
   .phoner{display:block;}
   .main-index{display:none;}
}

@media only screen and (max-width: 750px){
      .phoner{display:block;}
   .main-index{display:none;}
}
@media only screen and (max-width: 380px){
      .phoner{display:block;}
   .main-index{display:none;}

}
