@charset "utf-8";

/* CSS Document */



*{ margin:0;padding:0;list-style:none; }

body{  font-size:14px;font-family: "tahoma","arial","Microsoft YaHei","Hiragino Sans GB","\5b8b\4f53";}

.clear{ clear:both;}

a{ text-decoration:none; color:#333; }

img{ border:none;vertical-align: middle; }

.fl{ float:left;}

.fr{ float:right;}

.h20{ width:100%; clear:both; height:10px;}

.h40{ width:100%; clear:both; height:40px;}

.p50{ padding:50px 0px;}

.w1100{ width:1100px; margin:0px auto; padding-top:20px}

.bg_gray{ width:100%;  padding:10px 0px 40px 0px; background: #f7f7f7;}





.head{ width:100%; position:absolute; z-index:9999;  height:56px; background: rgba(0, 0, 0, 0.7) !important;background: #000;  filter: Alpha(opacity=70);}

.head_cont { width:880px;padding-left:220px; margin:0px auto;   }

.head_cont p{ line-height:56px; color:#fff;}

.head_cont .head_p1 { width:290px; float:left; }

.head_cont .head_p1 p{ padding:0px 0px 0px 20px;} 

 .head_p2{ width:360px; float:right; padding:12px 0px 0px 0px;}

 .head_p2 select{ float:left;}

 .head_p2 .i_txt{ height:28px; line-height:28px; border:2px solid #019633; border-left:none; outline:none; float:left; background:#fff url(i_big.png) 5px 4px no-repeat;  padding:0px 0px 0px 30px; width:160px; }

 .head_p2 .i_sub{ width:70px; height:32px; background:#019633; display:block;text-align:center; float:left; line-height:32px;border:none; color:#fff; font-size:14px;  font-weight:bold; }

.head_p2 .i_sub:hover{ cursor:pointer; background:#0a883f;  transition: all .5s ease 0s;}

.head_select{position:relative; z-index:9999; border:2px solid #019633; border-right:0px;  float:left}

.head_select a.now{ width:80px; height:28px; position:relative;  border-right:1px solid #ddd; ; background:#f9f9f9; z-index:120; display:block; color:#666; text-align:center; line-height:28px; }

.head_select a.now span{ width:7px; height:4px; display:block; position:absolute; right:5px; top:12px; background:url(i_icon04.png) 0px 0px no-repeat;}

.head_select a.now:hover{ background:#fff;}

.head_select a.now:hover span{ background-position:-7px 0px;}

.head_select:hover ul{ display:block}

.head_select ul{position:absolute; z-index:99; background:#fff; border:1px solid #eee; top:30px; padding:2px 0px 0px 0px;  left:0px; display:none}

.head_select ul li{width:78px; text-align:center; height:32px; ; line-height:32px}

.head_select ul li a{display:block;  color:#666; border-bottom:1px solid #eee;}

.head_select ul li a:hover{background:#f8f8f8; text-decoration:none}





.banner{ width:100%; height:520px;position: relative; } 

.ban_words{ text-align:center; width:1100px;  z-index:99; position: absolute; margin:0px 0px 0px -550px;  left:50%; bottom:10px;}

.ban_words ul li{ height:30px; width:157px; float:left; line-height:30px;overflow: hidden;  }

.ban_words ul li a{ background:#f8f8f8; border-left:1px solid #fff; border-right:1px solid #d2d0d0;  color:#353535; display:block; width:auto}

.ban_words ul li.hover a{ background:#0AAF40; color:#fff; border-color:#0AAF40}

.ban_cont{ width:100%; height:600px;}

.ban_cont > div{ background:center 0px no-repeat; width:100%; height:600px; display:none;}

.ban_cont > div a{ width: 100%; display:block; height: 600px;}

.ban_cont .ban_01{ background-image:url(banner01.jpg);}

/*.ban_cont .ban_02{ background-image:url(banner02.jpg);}*/

.ban_cont .ban_03{ background-image:url(banner03.jpg);}

.ban_cont .ban_04{ background-image:url(banner04.jpg);}

.ban_cont .ban_05{ background-image:url(banner05.jpg);}

.ban_cont .ban_06{ background-image:url(banner06.jpg);}

.ban_cont .ban_07{ background-image:url(banner07.jpg);}

.ban_cont .ban_02{ background-image:url(banner_gd.jpg);}







.ban_title{ width:200px; text-align:center; position: absolute; left:50%; top:0px; margin-left:-550px;   background: rgba(0, 0, 0, 0.7) !important;background: #000;  filter: Alpha(opacity=70); z-index:99999; }

.ban_logo{ background:#000; padding:15px 0px;}

.ban_title h2{ color:#37d86c; font-size:24px; line-height:20px; padding:5px 0px;}

.ban_title ul li{ height:32px; border-top:1px solid #666; line-height:32px; text-align:left; padding-left:40px; }

.ban_title ul li span{ float:right; color:#fff; padding-right:20px;}

.ban_title ul li a{ color:#fff; font-size:16px; display:block; width:100%;  }

.ban_title ul li:hover{ background-color:#14a83b;}



.shuru{ width:100%; background:#342f2b; padding:20px 0px 0px 0px;}

.shuru_left{ width:820px; float:left; padding:0px;}

.shuru_left ul li{ width:270px; float:left; height:55px; position: relative; }

.shuru_left ul li input,.shuru_left ul li select{ width:240px; height:35px; line-height:35px; padding:0px 0px 0px 10px; border:none;}

.shuru_left ul li select{ width:250px;}

.shuru_left ul li select option{ line-height:30px; height:30px;}

.shuru_right{ width:280px; float:right;}

.shuru_right input{ width:280px; height:90px; color:#fff; background:#37d86c; border:none; font-size:22px; font-family: "tahoma","arial","Microsoft YaHei","Hiragino Sans GB","\5b8b\4f53"; }

.shuru_right input:hover{ cursor:pointer; background:#0AAF40;  transition:all 0.5s ease 0s;} 

.shuru_left .Validform_checktip{  position:absolute;  }

.shuru_left .Validform_wrong { left: 100px;  top: 0px;}

.shuru_left .Validform_right { left: 200px;  top: 0px;}

 

.pp_cont{ width:1100px; height:630px; padding:30px 0px; margin:0px auto; position:relative;}

.pp_cont ul li{ width:176px; margin:2px; display:inline; border:1px solid #ddd; float:left; height:120px; position:relative;}

.pp_cont ul li img{ width:100%; height:100%} 

.pp_cont .pp_t{ background:#17b5cd; width:100%; height:100%;text-align:center; }

.pp_cont .pp_t h2{ font-size:24px; color:#fff; line-height:30px; padding:30px 0px  5px 0px;}

.pp_cont .pp_t p{ font-size:14px; color:#fff; line-height:20px;}

.li_img, .front, .back {width:176px; height:120px;}

.li_img{ -webkit-perspective: 1000px; -moz-perspective: 1000px;-ms-perspective: 1000px;-o-perspective: 1000px;perspective: 1000px;margin:0px auto; float:left;   }

.li_img:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}

.li_img:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}

.i_showimg ul li a {transition:transform 0.6s ease-out;

transition: transform .5s ease-in-out;

-webkit-transition: transform .5s ease-in-out;

-moz-transition: transform .5s ease-in-out;

-ms-transition: transform .5s ease-in-out;

-o-transition: transform .5s ease-in-out;

-webkit-transform-style: preserve-3d;  

-moz-transform-style: preserve-3d;

-ms-transform-style: preserve-3d;

-o-transform-style: preserve-3d;

transform-style: preserve-3d;

display:block;position: relative;}

.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;} 

.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}

.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);

-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}

.i_showimg ul li img{width:265px; height:212px; overflow:hidden;}

 

 /*底部*/

.footer{ width:100%; border-top:1px solid #000; padding:30px 0px; background:#f7f7f7}

.footer .w1000{ padding:30px 0px 0px 0px;}



.f_words{ width:560px; float:left;}

.f_words ul li{ float:left; width:180px;text-align:center;}

.f_words  h2 a{ font-size:16px; color:#535353; line-height:40px; }

.f_words p { line-height:26px;}

.box_cont .f_words  p a{ color:#fff; background:none;}

.box_cont .f_words  a:hover{ color:#0AAF40; }

.f_tel{ width:260px; float:right; text-align:center; border-left:1px solid #bbb; }

.f_tel p{ color:#535353; font-size:16px;   line-height:30px;}

.f_tel img{width:150px}

.f_tel p strong{ font-size:20px; color:#333; }

.f_logo{ width:260px; float:left; text-align:center; }

.f_logo img{  max-height:150px;}

.f_btm{ width:100%; text-align:center; padding:0px 0px; }

.f_btm p{ font-size:12px; color:#535353;}



.top_sec{ position:fixed;   background: #fff;  top:0px; left:0px;  width:100%;   overflow:hidden; padding:10px 0px 0px 0px;} 

.top_sec .w1100{ background:url(logo2.png) 0px 0px no-repeat; height:110px;}

.top_sec .top_logo{ width:210px; height:120px; float:left; }

.top_sec .top_words{ float:left; width:800px; padding: 71px 0px 0px 0px;} 

.top_sec .top_words ul li{ float:left;  line-height:30px; height:30px;width:110px;}

.top_sec .top_words ul li a{ font-size:14px; color:#fff; display:block; width:100%;  text-align:center;  background:url(icon_bg01.png)  10px  13px no-repeat #0ead51;}

.top_sec .top_words ul li a:hover{ background:#fff; color:#0ead51;}

.f_dizhi{ width:1100px; margin:0px auto; }

.f_dizhi ul li{  width:500px;  line-height:30px;}









.show{ position:fixed;  z-index:99999; top:0px; left:0px;  width:100%; height:100%;    }

.show_box{ width:680px; background:#fff;  box-shadow: 2px 6px 6px #666; position:absolute; left:50%; border-radius:10px;  margin-left:-340px; top:10%;}  

.show_t{ width:100%; height:90px;border-radius:10px 10px 0px 0px;background:#0AAF40; padding-top:25px;  }

.show_t h2{ font-size:30px; text-align:center; line-height:35px; color:#fff;  padding:0px 20px;  }

.show_t h2 strong{ font-size:18px;}

.show_t h2 a{ float:right; color:#fff; }

.show_input{ height:360px;text-align:left; padding:20px 0px 0px 150px;}

.show_input ul li{ padding:5px 0px; float:left;}

.show_input strong{ margin-right:10px; font-size:18px; float:left; }

.show_input input,.show_input select{ padding:0px 10px; height:30px; line-height:30px; width:230px; border:1px solid #ccc; float:left;}

.show_input select{ width:250px;} 

.show_input  .i_sub{ width:350px; padding-top:20px; text-align:center;}

.show_input  .i_sub input{background:#0AAF40; color:#fff; font-size:24px; font-weight:bold; border-radius:6px;float:none;  border:none; height:50px;  }

.show_input  .i_sub input:hover{ background:#ffb400; cursor:pointer;}

.show_bg{  top:0px;  width:100%; height:100%;  background: rgba(0, 0, 0, 0.5) !important;background: #000;  filter: Alpha(opacity=50); }

 

.show_tel{ text-align:center; padding:30px 0px 0px 0px; height:200px; width:440px; margin:0px auto;  }

.show_tel input{ height:44px; line-height:44px; width:240px; padding-left:20px; float:left; }

.show_tel p{ padding:25px 0px ; }

.show_tel .p1{ height:50px;}

.show_tel .p1 a{ line-height:48px; font-size:18px; height:48px; display:block; float:right; width:130px;  text-align:center; background: #4ab56d; color:#fff;}

.show_tel .p1 a:hover{ background:#ffb400;}

.show_tel .p0{ font-size:24px; padding:10px 0px; font-style:italic;}

.show_tel .p0  strong{ color:#0AAF40;} 



/*顶部浮动*/

.top_fix{ width:100%; background: rgba(0, 0, 0, 0.8) !important;  opacity: 0.8;   height:100px; z-index:9999;   }

.top_cont{ width:1100px; background:url(top_zx.gif) 0px 10px no-repeat; height:100px; z-index:999;position: absolute;    left: 50%;    margin: 0px 0px 0px -550px;}

.top_c{ width:750px; padding:10px 0px 0px 340px; height:90px;  }

.top_c_l{ width:400px;  float:left; padding:5px 0px 0px 0px;}

.top_c_l ul li{ color:#fff; font-size:22px;  position:relative; height:30px; line-height:30px; padding:3px 0px;}

.top_c_l ul li strong{ display:block; width:125px; float:left; font-weight:normal;}

.top_c_r{ width:200px; float:left;}

.top_c_r p{ font-size:20px; color:#fff; line-height:40px;}

.top_c_r p span{ float:left;}

.top_c_r p strong{ color:#ffff07; font-size:30px; width:69px; display:block; float:left; text-align:center;}

.top_c .i_txt { border: none; height:28px; line-height:28px; padding:0px 10px; width: 210px; margin-right:5px; float:left; }

.top_c .i_sub{ width:168px; height:30px; line-height:30px; background:#ffa00b; color:#fff; border:none; font-size:14px; font-weight:bold;}

.top_c .i_sub:hover{ background:#019633; cursor:pointer;}

.top_c .Validform_right { position: absolute; top: 3px; right: 60px;}

.top_c .Validform_wrong {position: absolute; top: 3px;right: 60px;} 

.top_fix .show_bg{    background: rgba(0, 0, 0, 0.5) !important;  opacity: 0.5; z-index:0; }







/*底部商务通浮动*/

.fix_foot{ width: 100%;   position: fixed; left: 0px; bottom: 0px;z-index: 99999;}

.fix_f_b{ width: 100%; height: 142px; overflow: hidden; text-align: center; background: url(f_box_bg.png) center 0px no-repeat; position: absolute; left: 0px; bottom: 0px;  }

.fix_f_b .w1100{ position: relative;}

.fix_f_b .close{ position: absolute; display: block; width: 100px;  height: 40px; right:  1px; top:  0px;  ;}

.fix_b_input{ width: 380px; float: right;  padding-top: 55px;}

.fix_b_i_left{ width: 265px; float: left;}

.fix_b_i_left ul li{ line-height: 28px; height: 28px; width: 260px; position:relative}

.fix_b_i_left ul li strong{ color: #fff; font-weight: normal; float: left; width: 85px;;}

.fix_b_i_left ul li input{ width: 150px;padding-left: 10px; float: left; line-height: 22px; border: 1px solid #ddd; height: 22px; background: #fff;}

.fix_b_i_left ul li span{ position:absolute; right: 9px; top:-4px}

.fix_b_i_right{width: 110px; height: 68px; float: right; padding: 10px 0px 0px 0px;  } 

.fix_b_i_right  input{ width: 87px; height: 68px; background:none;  ;}

.fix_b_i_right  input:hover,.fix_f_s:hover{ cursor: pointer;}

.fix_f_s{ width: 0; height: 173px; background: url(f_box_btn.png) center 0px no-repeat; position:absolute; left: 0px; bottom: 0px;}









.f_fixed_c .last{ background-position: 24px -170px; width:380px; }

.f_fixed_c .last input{ width:140px; height:28px; float:left; background:url(foot_w.gif) 5px 0px no-repeat #fff; border:none;  line-height:28px; margin: 0px 10px; padding-left:10px; }

.f_fixed_c .last a{ padding:0px; display:block; width:135px; height:40px;  background: url(foot_zx.png) 0px 0px no-repeat;; float:right;}

.f_fixed_c .last span{ float:left; display:block; border-left:1px solid #fff; height:30px; width:60px; background:url(f_fixed.png) no-repeat 24px -170px;}

.f_fixed_c img{ position:absolute; top:-200px; z-index:9999; display:none; left:0px;}



@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }

@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }

@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }

 

@-webkit-keyframes topAni{from{opacity:0; top:410px;} to{opacity:1; top:0px;} }

@-moz-keyframes topAni{from{opacity:0;  top:410px;} to{opacity:1; top:0px;} }

@keyframes topAni{from{opacity:0; top:410px;} to{opacity:1; top:0px;} }



 /*隐藏商务通*/

 #LRdiv0 , #LRfloater0{display:none;}

#swtColse { width:20px; height:25px; top:35px; right:10; position:absolute; cursor:pointer;    }

#LRdiv0 #LRfloater0, #LRdiv0 #LRfloater0_if { top: 380px !important;}

/*18点之后中间弹窗*/

#swt_six{ width:658px; height:408px; display:none; position: fixed; z-index:99999; top:150px; left:50%; margin-left:-329px; background:url(swt_6dian.jpg) center 0px no-repeat;}

.swt_cc{ width:100%; height:40px;}

.swt_cc a{ width:40px; height:40px; display:block;  float:right;}

.swt_cc a:hover{ cursor:pointer;}

.six_time{   height:180px; padding:165px 0px 0px 70px; position:relative; overflow: hidden;} 

.six_time  ul li { height: 34px; line-height: 34px; position:relative; padding:5px 0px; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;     position: relative;} 

.six_time  ul li  strong{ color:#333; width:100px; font-size:16px; display: block; float:left;}

.six_time input{ width: 180px;   height: 28px;  line-height: 28px;   padding: 0px 0px 0px 10px; float: left; border: 1px solid #ccc; margin-right:10px; }

.six_time .sub{ position:absolute; width:180px; height:184px;left:423px; top:155px;  ; }

.six_time .sub input{cursor:pointer; background:none; border:none;   width:178px; height:184px; padding:0px; float:none; margin:0px;}

.six_time span{  float:left;overflow: hidden;width:0px;color: red;position: absolute;left:254px;z-index: 999;}

.six_time span.Validform_right{ right:-60px;}





/*专题顶部导航*/

.zt_nav{ width: 100%; background: rgba(0, 0, 0, 0.7) !important;background: #000;  filter: Alpha(opacity=70); height: 50px; position: fixed; z-index: 99999;} 

.zt_nav ul li{ line-height: 50px; text-align: center; width:110px; height: 50px;   float: left;} 

.zt_nav ul li a{font-size: 16px; display:block;width:108px;  height:50px; line-height:50px; text-align:center; position:relative; overflow:hidden;}

.zt_nav ul li a .down-lay{color:#fff; display: block; transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: -webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1) 0s;}

.zt_nav ul li a:hover .down-lay{transform: translate(0,-10px);-webkit-transform: translate(0,-10px);}

.zt_nav ul li a .over-lay{color:#fff; position:absolute; width:108px; height:50px; line-height:50px; top:50px; left:0; background:#0AAF40; transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1) 0s;}

.zt_nav ul li a:hover .over-lay{top:0px;}

.zt_nav ul li a.first { background: #0AAF40; color: #fff;}







/*新右侧挂窗*/

.s_right{ z-index: 99999;  position: fixed; right: 0px; top: 120px;}

.s_right .s_r_phone{ height: 95px; width:130px; background: url(r_time.png) 0px 0px no-repeat;}

.s_right .s_r_phone p{ color: #fff;   font-size: 18px; text-align: center; padding: 35px 0px 0px 0px;}

.s_r_cont{ position: absolute; top: 64px; right: 14px; width: 90px; text-align: center; border: 1px solid #d9d9d9;}

.s_r_cont ul li{ width: 100%; height: 70px; background: url(r_bg.png) no-repeat #eaeaea; border-bottom: 1px solid #d9d9d9;}

.s_r_cont ul li a{ display: block; width: 100%; padding-top: 45px; height: 25px; font-weight:bold; color: #444;}

.s_r_cont ul li.zx01{  background-position: 25px 8px;}

.s_r_cont ul li.zx02{ background-position: -68px 9px;}

.s_r_cont ul li.zx03{ background-position: -158px 8px;}

.s_r_cont ul li.zx04{ background-position: -251px 10px;} 

.s_r_cont ul li:hover{ background-color:#fff ;}

.s_r_cont ul li.zx05{ height: 56px ; background: #fff;  padding: 4px 0px 0px 0px;  }

.s_r_cont ul li.zx05 a{  padding: 0px;    } 

.s_r_cont ul li.zx05 img{ max-width: 100%;}

.s_r_cont ul li.zx05 input{  height:30px;; line-height:30px; border: none; background: #fff; padding:0px 0px 0px 5px; width:85px}

.s_r_cont  h2:hover{ background-color:#fff; cursor:pointer} 

.s_r_cont  h2{  background:url(r_bg.png) no-repeat -347px 2px  #e0e0e0; height:65px; text-align:center;   }

.s_r_cont  h2 a{ font-size:14px; color:#0AAF40; display:block; height:25px; padding-top:40px;} 

.s_r_cont ul li:hover{ cursor:pointer;}

@media(max-width:1024px){ .s_right{ top: 10px;} }

@media(max-width:1366px){ .s_right{ top: 10px;} }

@media(max-width:1440px){ .s_right{ top: 30px;} }



/*专题左侧挂窗*/

.zt_left{ left:5px; width: 174px; top: 120px; position: fixed; z-index: 99999; height: 160px; padding: 216px 0px 0px 6px; background: url(swt_left.jpg) 0px 0px no-repeat;}

.zt_left ul li{ width: 100%; padding:4px 0px; position: relative;}

.zt_left ul li input{ height: 26px; line-height: 26px; background: #fff; padding-left: 6px; width: 114px; border: 1px solid #ccc;}

.zt_left ul li strong{ color: #fff; display: block; float: left;}

.zt_left ul li select{ width: 122px; height: 28px; line-height: 28px;;}

.zt_left ul li span{  position: absolute;; right: 15px; top: 0px; overflow: hidden; width: 0px;}

.zt_left  .sub{ padding-top: 8px;}

.zt_left  .sub input{ font-size: 14px; font-weight: bold; background: #0AAF40; color: #fff; width: 164px; height:30px;   line-height: 30px; padding: 0px; ;}

.zt_left  .sub input:hover { cursor: pointer; background: #fff; color: #0AAF40;}