﻿@charset "utf-8";

/* CSS Document */

*{ padding:0; margin:0; font-size:14px; font-family:'Microsoft Yahei',Arial, Helvetica, sans-serif;}

ul li{ list-style:none; margin:0; padding:0;}

ul,li{ margin:0; padding:0;}

.left,.fl{ float:left;}

.right,.fr{ float:right;}

.clear{ clear:both;}

a{ text-decoration:none; border:none; outline:none;}



h1,h2,h3,h4,h5,h6{ font-weight:normal;}

img{

	border:none;

	margin:0;

	padding:0;

}

input{ outline:none; border:none; outline:none;}

textarea{ overflow:hidden; border:none; outline:none;}

@charset "utf-8";

/* CSS Document */



/***********通用基本类1************/  

  

/*格式化样式*/  

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0; }  

table {border-collapse:collapse;border-spacing:0;}   

input,textarea{outline-style:none;}

fieldset,img {border:0;}   

address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}   

ol,ul {list-style:none;}   

caption,th {text-align:left;}   

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}   

q:before,q:after {content:'';}   

abbr,acronym { border:0;} 

.main_box{ width:1200px; margin:0 auto;}



/*=============================j_reset=====================================*/

html,body{ overflow-x:hidden;}

body {font-size: 14px; /* =16px */}



*{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; }

a input{ mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ 

a:hover,a:active{outline:none;}

i{ font-style:normal;}

::selection{  background:#0aa284;  color:#fff;}  

::-moz-selection {  background:#0aa284;  color:#fff;  }  

::-webkit-selection {  background:#0aa284;  color:#fff;  } 

html,body{ width:100%;}

.position_fixed{ position:fixed; top:0; left:0; z-index:9999; }



.left{ float:left;}

.right{ float:right;}

.red{  color: #ff2a00 !important;}

.no_bg{ background:none !important;}

.green{ color: #3cac4a !important;}

.blue{ color:#1949b9 !important;}

.no_border{ border:0 !important;}

.no_margin{ margin:0 !important;}

.no_margin_r{ margin-right:0 !important;}

.border{ border:1px solid #e8e8e8;}

.border-top{ border-top:1px solid #e8e8e8;}

.border-right{ border-right:1px solid #e8e8e8;}

.border-left{ border-left:1px solid #e8e8e8;}

.border-bottom{ border-bottom:1px solid #e8e8e8;}

.bnt_zk:hover .box_zk{display: block;}

.ht_border{ border:1px solid #dedfe0;}

.img:hover,.bnt:hover{ opacity:0.7; filter:alpha(opacity=70);}

.blue{ color:#ea7b99 !important;}

.text_fr{ text-align:right;}

.dd{background: #d6d7d9; border-radius:50%; height:7px; display:inline-block; width:7px; margin:0 10px;}

.bnt_zk:hover .box_zk{display: block;}

.j_bnt{ display:inline-block; border:none; border-radius:3px; background:#3cac4a; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff; padding:0 35px;}	

.j_bnt:hover{background:#4bc65a; cursor:pointer; }	

.fl,.left{ float:left;}

.fr,.right{ float:right;}

.color {color:#1560bf !important;}

.no_bg_img{ background-image:none !important;}

.no_display{ display:none;}

.h_x{ color:#fe0505; font-weight:bold; padding-left:10px; padding-top:10px;}

.clear{ clear:both;}

.bg_jinyong{ background:#c7c8cc !important;}

.bnt_zk:hover .box_zk{display: block;}

.img{ display:block; margin:0 auto;}



label{ cursor:pointer;}

 

.img,.n_main_box li{ -moz-transition: all 0.3s ease-in-out;

-webkit-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out; } 







#logo,#banner a,#banner .prev,#banner .next,.top img,.s_main_box i,.s_main_box .mark,.s_main_box li,.s_main_box span,.s_main_box strong,.s_main_box .more,.s_main_box  .line,.gotop a{ -moz-transition: all 0.6s ease-in-out;

-webkit-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out; } 



.n_left img,.n_main_box .mark,.n_main_box li,.n_main_box span,.n_main_box img,.n_main_box strong,.n_main_box .more,.n_main_box  .line,.n_main_box i,.n_main_box .text_box{ -moz-transition: all 0.6s ease-in-out;

-webkit-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out; } 



{ -moz-transition: background-position 0.6s ease-in-out;

-webkit-transition: background-position 0.6s ease-in-out;

-o-transition: background-position 0.6s ease-in-out;

-ms-transition: background-position 0.6s ease-in-out;

transition: background-position 0.6s ease-in-out; } 



#banner .bd ul li,.nav .list,.nav a,.nav li,#nav .mark{ -moz-transition: all 0s ease-in-out;

-webkit-transition: all 0s ease-in-out;

-o-transition: all 0s ease-in-out;

-ms-transition: all 0s ease-in-out;

transition: all 0s ease-in-out; } 



.n_show_team .left img:hover{-moz-transform:scale(2,1.5);

-webkit-transform:scale(1.03,1.03);

-o-transform:scale(1.03,1.03);

-ms-transform:scale(1.03,1.03);

transform:scale(1.03,1.03); }



{-moz-transform: rotate(-5deg);

-webkit-transform: rotate(-5deg);

-o-transform: rotate(-5deg);

-ms-transform: rotate(-5deg);

transform: rotate(-5deg); }





{-moz-transform: rotate(-30deg);

-webkit-transform: rotate(-30deg);

-o-transform: rotate(-30deg);

-ms-transform: rotate(-30deg);

transform: rotate(-30deg); }



.color_service{ color:#8c56a1 !important;}

.color_kjgw{color:#cda466 !important}

.color_1{color:#ec3d13 !important}

.text_dx{ text-transform:uppercase;}

.submit{ cursor:pointer; background-color:none; border:none;}

.bnt{ display:inline-block; line-height:30px; border-radius:3px; height:30px; text-align:center; font-size:14px; color:#fff;}

.bnt_bg1{ background:#ff4400;}

.my_title{ color:#df9e5d; font-size:25px;}

.text_indent{text-indent:2em;}

.article {color:#4f4f4f; font-size:14px; line-height:28px; }

.article p{font-size:14px; color:#4f4f4f; font-size:14px; line-height:28px;  margin-bottom:1rem;}	

.article strong{ font-weight:bold;}

.article  img{ max-width:100%;}

.img_box img{ display:block; margin:0 auto; }





.j_fixed { position:fixed !important; position:absolute; top:0; width:100%;z-index:9999999999999999999; background:#fff; margin:0 auto;}

/*文字排版、颜色*/

.t_sd{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.u_bnt{ display:inline-block; border:none; border-radius:3px; background:#1949b9; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff;}	

.u_bnt:hover{background:#5b6cc2; cursor:pointer; }	

	

.f12{font-size:12px;}  

.f13{font-size:13px;}  

.f14{font-size:14px;}  

.f16{font-size:16px;}  

.f20{font-size:20px;}  

.fb{font-weight:bold;}  

.fn{font-weight:normal;}  

.fl{ float:left !important;}

.fr{ float:right !important;}

.t2{text-indent:2em;}  

.t6{ text-indent:6em;}

.red,a.red{color:#c66631;}  

.darkblue,a.darkblue{color:#039;}  

.gray,a.gray{color:#878787;}  

.lh150{line-height:150%;}  

.lh180{line-height:180%;}  

.lh200{line-height:200%;}  

.unl{text-decoration:underline;}  

.no_unl{text-decoration:none;}  

  

/*定位*/  

.tl{text-align:left;}  

.tc{text-align:center;}  

.tr{text-align:rightright;}  

.fl{float:left;display:inline;}  

.fr{float:rightright;display:inline;}  

  

/***********通用基本类2************/  

  

input {  padding: 0 5px;  vertical-align: middle;  line-height: normal;  }  

.text-overflow-hidden {  overflow: hidden;  word-spacing: normal;  letter-spacing: normal;  whitewhite-space: nowrap;  }  

.box-align-center {  margin-right: auto;  margin-left: auto;  }  

/*css定义超链接四个状态也有顺序的。*/  

  

a:link, a:visited {  color: #727272;  text-decoration: none;cursor:pointer !important;}  

a:hover, a:active {  border: none;  color: #898989;  }  

 

/*===============================================*/

.fg_ad{ display:block; margin:50px auto;  }

.icon_dd { background: #0593ee none repeat scroll 0% 0%;  border-radius: 50%;  height: 7px; display: inline-block;  width: 7px;  margin: 0px 10px;}

.submit:hover{ cursor:pointer; opacity:0.8;filter: alpha(opacity=80);}



/*===============================================select===================================================*/

.select_ui,select{  cursor:pointer; position:relative;display:inline-block;background:#fff;vertical-align:middle;text-align:left;  cursor:inherit;text-align: center;}

.select_focus_ui,select:focus{border-color:#FED519}

.select_ui .select_arrow{position:absolute;top:50%;right:20px;display:block;overflow:hidden;width:0;height:0;border:6px solid #fff;border-color:#000 transparent;border-bottom:0;margin-top:-3px;}

.select_ui .select_text_ui{ display:block;overflow:hidden;margin-right:20px;color:inherit;vertical-align:baseline;white-space:nowrap;line-height:normal; color:#bbbbc0; height:45px; line-height:45px; padding-left: 20px; text-align:left; width:170px; font-size:14px;}

.select_ui .select_poswrap,.select_ui select{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:0}

.select_ui select{box-sizing:border-box;height:100%;width: 308px;background:#fff;color:inherit;font:inherit;opacity:0;filter:alpha(opacity=0)}

.select_ui .select_poswrap{overflow:hidden;width:0;height:0}



/*===============================================zoom===================================================*/

#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}

#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#fff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,.3);border-radius:4px}

#zoom .content.loading{background-image:url(../images/loading.gif)}

#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:4px}

#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url(../images/close.png) no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px}

#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}

#zoom .previous{left:0;background:url(../images/arrows.png) no-repeat 0 0;border-radius:0 4px 4px 0}

#zoom .next{right:0;background:url(../images/arrows.png) no-repeat 100% 0;border-radius:4px 0 0 4px}

#zoom .close:hover{background-color:#da4f49}

#zoom .next:hover,#zoom .previous:hover{background-color:#08c}


/*==============漂浮=====================*/
.piaofu_box{ position:relative; width:140px; }
.piaofu{ position:fixed; right:-150px; top:30%; position:fixed; z-index:99999999; background:#fff;}
.piaofu #pf_content{ position:fixed; right:0px; top:15%; position:fixed; z-index:99999999; background:#fff;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.piaofu_box{ position:relative; width:140px; }
.piaofu  #pf_bnt{ position:absolute;  left:-37px; top:30px;}
.piaofu #pf_content{ position:absolute;  right:0;  padding:10px; width:130px; border-radius:5px 0 0 5px; background:#f39800;  } 

.piaofu #pf_content .up{ background:#fff; border-radius:5px; padding:10px;}
.piaofu #pf_content .up h1{ font-size:14px; color:#f39800; font-weight:normal;line-height:30px; text-align:center;}

.piaofu #pf_content .up ul{ margin-top:0;}
.piaofu #pf_content .up li a{ display:block;  border-bottom:1px solid #e9e7e7; width: 120px; height:40px; line-height:40px;}
.piaofu #pf_content .up .last_child a{ border:none;}
.piaofu #pf_content .up li .icon_pf_qq{ display:block; float:left;   width:30px; height:40px; background:url(../images/icon_pf_qq.png) center no-repeat;}
.piaofu #pf_content .up li .tel{ display:block; float:left;   width:22px; height:40px; background:url(../images/icon_tel.png) center no-repeat;}
.piaofu .blue #pf_content .up li .tel{ display:block; float:left;   width:22px; height:40px; background:url(../images/icon__bluetel.png) center no-repeat;}
.piaofu #pf_content .up li .number{ font-size:13px;}
.piaofu #pf_content .up li .erweima{ display:block; width:100px; height:100px; background:url(../images/ewm_fot.png) center no-repeat; margin:10px 0 0 5px;}
.piaofu #pf_content .up .li3{ height:100px;}

.piaofu #pf_content .up li span{  display:inline-block; float:left; font-size:13px; color:#565656; }
.piaofu #pf_content .up li a:hover{ color:#ff3f47;}
.piaofu #pf_content .un{ background:#fff; border-radius:5px; padding:10px; margin-top:5px;}
.piaofu #pf_content .un img{ height:100px; width:100px; display:block; margin:0 auto;}
.piaofu #pf_content .up li:last-child a{ border:none !important;}
.pf_zk{ right:0px !important; }


.piaofu .blue #pf_content{ background:#13a5f0;  } 
.piaofu .blue #pf_content .up h1{color:#13a5f0;}




/*==========以下部分是Validform.css===========*/

.Validform_checktip{margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px;}

#Validform_msg{color:#666; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}

#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}

#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#00923f; font-family:"Microsoft Yahei";}

#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;  font-family:"Microsoft Yahei";}

#Validform_msg a.Validform_close:hover{color:#cc0;}

#Validform_msg .Validform_info{padding:8px;border:1px solid #ccc; border-top:none; text-align:left;  font-family:"Microsoft Yahei";}

.Validform_error{background-color:#ffe7e7 !important;