﻿@charset "utf-8";
/* CSS Document */
/* @keyframes bgcolor{
	20%{background-color:#26A9DE;background-position-x:-40px;}
	40%{background-color:#0D9AD4;background-position-y:-40px;}
	60%{background-color:#0FAFF1;background-position-x:0px;}
	80%{background-color:#0478CE;background-position-y:10px;}
	100%{background-color:#38B4E8;}
} */
/**********************************头部开始********************************/

.w1250{ width:1250px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}
.w1200:after{content:" "; display:block; visibility:hidden; clear:both;}
.w1140{width:1140px; margin:0 auto;}
.w1140:after{content:" "; display:block; visibility:hidden; clear:both;}
.wWidth{width:1000px; margin:0 auto;}
.wWidth:after{content:" "; display:block; visibility:hidden; clear:both;}
.head-top{position:relative; z-index:9;}
.head{position:fixed;top:0; left:0;width:100%;height:68px;box-shadow:0 3px 5px rgba(0,0,0,.2);z-index:2;background:#fff;/* background:url(../images/topbg.jpg) no-repeat center top; */}
.headheight{height:68px;}

.head-foot{width:100%; height:3px; background:url(../images/topline.jpg) no-repeat center center;}
.head-logo{ float:left;width:264px; height:68px;margin-bottom:-13px;padding-bottom:13px;padding-right:11px;background:url(../images/logobg.png);}
.head-logo img{display:block;margin: 14px auto 0;}

.QQanimate{position:absolute;top:0;width:100%; height:124px;overflow:hidden;z-index:-1;}
.mpage{width:1920px;height:300px;position:absolute;top:50%;margin-top:-150px;left:50%; margin-left:-960px;}
/* 联系 */
.head-tel{padding:6px 0;}
.head-tel:after{content:" "; display:block; clear:both;}
.head-img a{display:inline-block; margin:0 7px;}
.head-img a img{ display:block; height:25px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;}
.head-img a:hover img{ opacity:.8; -webkit-opacity:.8; -moz-opacity:.8; }

.head-text{ color:#D5D5D5;margin-left:70px;margin-top:15px;float:right;}
.head-text a{display:inline-block; margin:0 1px;font-size:12px; color:#000;}
.head-text a:hover{color:#009944}
/* 联系 */

.head-icon{position:absolute; bottom:-42px; right:50px;}
.head-icon dl{float:left; margin-left:10px; position:relative; cursor:pointer;}
.head-icon dl dt{}
.head-icon dl dt img{display:block; width:35px; height:35px;}
.head-icon dl dd{position:absolute;  display:none;}
.head-icon dl dd.ss{top:35px; right:-5px;} 
.head-icon dl dd.wx{top:30px; right:-45px; padding-top:9px;  background:url(../images/indexEwmBg.png) no-repeat; text-align:center; width:122px; height:130px;}

.head-search{overflow:hidden;position:absolute;width:30px;left:988px; bottom:14px;border-radius:5px;background:#009944;}
.head-searchin{ float:left; display:block; height:30px; line-height:24px;width:0;font-size:14px; color:#fff;background:#009944;
}
.head-searchbt{ float:right; width:30px; height:30px; cursor:pointer;background:url(../images/submith.png) no-repeat center center;}
.head-search:hover{width:180px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;}
.head-search:hover .head-searchin{width:130px;padding:0 10px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;}
.head-search:hover .head-searchbt{background:#009944 url(../images/submith.png) no-repeat center center; }

/* 菜单 */
.head-nav{ z-index: 990;float:right;padding-top:12px;}
.menu-ul{position:relative;float:left;}
.menu-ul li{ float:left; z-index:99;	background:url(../images/libg.jpg) no-repeat right center;}
.menu-ul li h3 a{ display:block;  padding:0 14px; line-height:56px; font-size:16px;color:#000; text-align:center;z-index:9999;}
.menu-ul li.home-a{border-left:none;}
.menu-ul li h3 a:hover{color:#009944;}
.menu-ul li h3 a.cur{color:#009944; font-weight:bold;}

.subnav{ position: absolute; top:56px;margin-left:-72px;font-size:0px;text-align:left;padding-top:13px; overflow: hidden; min-width:108px; display: none; z-index: 999;}
.subnav a{display:inline-block;padding:0 10px;line-height: 35px; font-size: 15px; color: #fff;text-align:center;overflow: hidden; height:35px; }
.subnav2 a.alt{border-right:1px dotted #014475; margin-left:-1px;}
.subnav a:hover, .subnav a.cur{ text-decoration:underline;}
.subnav2{width:280%; left:-90%;}
.subnav2  a{float:left; width:50%;}

.navbg{position:absolute; width:100%;display:none; height:60px; top:68px; background:#009944;opacity:.8;}
.subnav.sn2{    margin-left: -520px;
    width: 1100px;}
.subnav.sn3{margin-left:-210px;}
.subnav.sn5{margin-left:-50px;}
/* 菜单 */



#head_div{ float:left; padding-top:15px; margin-left:30px;}
#head_div .top_div{ text-align:right}
#head_div .top_div a{ display:inline-block; margin-right:16px; font-size:16px;}
#head_div .top_div a:hover{ color:#F78218}
#head_wx{ float:right; text-align:center; padding-top:10px; padding-right:5px}
#head_wx img{ margin:0; padding:0; float:left;}
#head_wx p{ font-size:16px; height:20px;}




/* banner 小图标 start*/
.banner-pic{position:fixed;width:43px; bottom:30px; left:30px;z-index:999}
.banner-pic .btn-a{display:block; width:43px; height:43px; margin-bottom:5px;position:relative; background-repeat:no-repeat; background-position:center top;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;}
.banner-pic .btn-span{display:block; width:43px; height:43px; margin-bottom:10px;position:relative; background-repeat:no-repeat; background-position:center top;}
.banner-pic .btn-a:hover{ background-position:center bottom;}
.banner-pic .btn-sea{background-image:url(../images/pic-sea.png);}
.banner-pic .btn-en{background-image:url(../images/pic-en.png);}
.banner-pic .btn-cn{background-image:url(../images/pic-cn.png);}
.banner-pic .btn-ru{background-image:url(../images/pic-ru.png);}
.banner-pic .btn-email{background-image:url(../images/pic-email.png);}
.banner-pic .btn-skype{background-image:url(../images/pic-skype.png);}
.banner-pic .btn-a .a-cont{position: absolute; left:43px;top:2px; line-height: 38px; padding: 0 10px;white-space:nowrap; background:#009944;color:#fff;display: none;}
.banner-pic .btn-a:hover .a-cont{display: block;}

.banner-pic .hidediv{position:absolute; display:none;left:43px; padding-left:2px;line-height:43px;width:120px; background:#1C92DA;color:#fff;text-align:center;border-radius:10px;}
.banner-pic .btn-span:hover .hidediv{display:block;}
.banner-pic .hidediv a{display:inline-block;color:#fff;margin:0 5px;}
.banner-pic .hidediv a:hover{color:#9cd0e6;}

/* banner 小图标 end*/


/******************************头部 结束*************************/


/***************** 页面滚动 *****************/
	.fullSlide{ width:100%;  position:relative;  height:260px; background:#fff;border-top: #EAEAEA solid 0px; margin-top:0px;}
	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.fullSlide .bd ul{ width:100% !important;  }
	.fullSlide .bd li{ width:100% !important;  height:260px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:100%; }

	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
	.fullSlide .hd ul{ text-align:center; margin-top:-30px;}
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:25px; height:25px; margin:5px; overflow:hidden; background:url(/template/pc/zh/Images/doy.png);line-height:999px; 
	}
	.fullSlide .hd ul .on{  background:url(/template/pc/zh/Images/doover.png)}

	.fullSlide .prev,
	.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:1%;  z-index:1; width:40px; height:80px; background:url(/template/pc/zh/Images/slider-arrow.png) -126px -127px #414a5a no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
	.fullSlide .next{ left:auto; right:1%; background-position:-6px -127px; }
/***************** 页面滚动 *****************/







/*****************************  底部开始   ******************************/

.mtr-footbg{ background: url(../images/footbg.jpg) no-repeat center; width:100%; height:42px;}
.hsh-foot{background: url(../images/footbg.jpg) no-repeat right bottom; border-top: 3px solid #009944}
.hsh-footTop{ overflow:hidden; padding:20px 0 70px; width:1200px;}
.hsh-foot dl{ float:left; margin-right:50px;}
.hsh-foot dt a{ font-size:16px; color:#000;display:block; margin-bottom:10px;}
.hsh-foot dd a{ line-height:27px; font-size:14px; color:#666 ; display:block;}
.hsh-foot dl.menu_dl{width:250px; margin-right:15px;}
.hsh-foot dl.menu_dl dd  a{width:45%; padding-right:4%; float:left;}

.hsh-foot dd a em{ margin-left:15px;}
.hsh-last{ overflow:hidden; float:right; width:125px; margin-top:40px; height:186px;}
.hsh-last dl{ float:none; margin:0; border-bottom:1px solid #69CBFF; padding-bottom:15px; margin-top:17px;}

.hsh-foot dl.foot_dl{ margin-right:50px}
.hsh-foot dl.foot_dl dd{ width:280px;}
.hsh-foot dl.foot_dl dd a{ display:inline-block; width:48%;}



.hsh-footEnd{ border-top: 0px solid #fff;  background:#cdcdcd;}
.foot_end{ width:1200px; margin:0 auto;text-align:center;color:#888; padding:15px 0}
.foot_end p a{ color:#888;}
.foot_end p a:hover{ color:#009944;}


.hsh-foot .Pleft{ line-height:50px; float:left;font-size:14px; color:#ccc}
.hsh-foot .Pleft a{ color:#444444;}
.hsh-foot .pright{font-size:14px; color:#444444; float:right; line-height:50px;}
.hsh-foot .pright a{ color:#ccc;}
.hsh-foot a:hover{ color:#009944 ;}


.hsh-footTop .foot_center{text-align:center; float:right; padding:0px 0 0 30px; position:relative;}
.foot_center img{display:block; width:145px;}
.foot_center p{ color:#333; line-height:20px;font-size:14px;}
.foot_center div{position:absolute; width:192px; right:0px; bottom:-70px;}
.foot_center div img{width:100%; }

.hsh-footTop .foot_left{ float:left; }
.hsh-footTop .foot_right{ float:right; text-align: left; color:#666; font-size:14px; max-width:460px; margin-right:35px;padding:0px 0 35px 25px; border-left:1px solid #adadad}
.foot_right h3{font-size:26px; font-weight:bold;color:#e63d00; line-height:36px;}
.foot_right h5{color:#e63d00; margin-bottom:10px; font-size:11px;}
.foot_right img{ margin-bottom:10px; width:100%;}
.hsh-foot .foot_right p{ padding-left:30px; line-height:22px; text-align:left; background-size:22px 22px; margin-bottom:8px;}

.foot_right .foot_p1{background:url(../images/foot_add.png) left top no-repeat;}
.foot_right .foot_p2{background:url(../images/foot_tel.png) left top no-repeat;}
.foot_right .foot_p3{background:url(../images/foot_email.png) left top no-repeat;}
.foot_right .foot_p4{background:url(../images/foot_qq.png) left top no-repeat;}
.foot_right .foot_p5{background:url(../images/foot_us.png) left top no-repeat;}
.foot_right .foot_p6{background:url(../images/foot_fax.png) left top no-repeat;}

.foot_link{ width:100%; float:left; padding-top:15px; padding-bottom:10px;}
.foot_link span{ display:inline-block; padding:3px 10px; color:#69CBFF; border:1px solid #69CBFF; background:url(../images/link_bg1.png) 80px center no-repeat}
.foot_link a{ display:inline-block; color:#69CBFF; padding:3px 20px; background:url(../images/link_bg2.png) no-repeat right center;}
.foot_link a:hover{ color:#FFF;}


/* 右侧浮动 */  
.bdshare_popup_bg,.bdshare_popup_box{ right:89px !important; left:auto !important;}
.leftfloat{ position:fixed; right:15px; width:54px; height:363px; bottom:15%; color:#fff; z-index:99; /*border-top:3px solid #034379;*/}
.leftfloat div{ height:52px; margin-top:1px; cursor:pointer;}
.bdsharebuttonbox{background:#009944; color:#fff;}
.leftfloat .bdsharebuttonbox .bds_more {  margin: 0 !important;  background: url(../images/right01.png) center 8px no-repeat; width:54px; height:22px; display:block; font-size:12px; color:#fff; text-align:center; padding-top:28px; padding-left:0;}
.leftfloat div.float02{ background:#E63D00; color:#fff; text-align:center; padding-top:8px; height:44px; font-size:12px;}
.float02 img{ margin:0 auto 1px; display:block;}
.float03 {position:relative;}
.float03 a{ display:block; height:52px; width:54px; background:#009944 url(../images/limg05.png) no-repeat center center;}
.float03 a:hover{background:#fff url(../images/limg01.png) no-repeat center center;}
.float03 .sub_float03{position:absolute; line-height:52px; width:110px; padding:0 15px; right:54px; top:0; background:#009944; color:#fff; margin:0; display:none;}
.leftfloat div.float04{padding-top:16px; height:36px; position:relative; background:#009944 url(../images/limg02.png) no-repeat center center;}
.leftfloat div.float04:hover{ background:#fff url(../images/limg03.png) no-repeat center center;}
.leftfloat div.float04 img{ margin:0 auto;}
.leftfloat div.float05{ padding-top:14px; padding-left:15px; height:38px; width:39px; background:#009944; position:relative;}
.float06 a{ background:#e71419 url(../images/right07.png) 11px center no-repeat; display:block; height:52px; width:54px;}
.float07{ background:#FDC800 url(../images/right08.png) 16px center no-repeat;}
.sub_float05{ width:105px; position:absolute; left:-110px; top:50%;display:none; padding-right:5px; height:auto !important;}
.sub_float05 a{ height:32px; margin-bottom:1px; display:block; background:#009944 url(../images/right06.png) 17px center no-repeat; text-indent:40px; color:#fff; font-size:12px; line-height:32px;}
.sub_float05 span{ display:block; position:absolute; background:url(../images/right10.png) no-repeat; width:5px; height:10px; right:0px; top:50%; margin-top:-5px;}
.leftfloat div.float04 .sub_float04{ width:133px; height:149px; border:1px solid #e6e6e6; background:#fff; text-align:center; font-size:12px; color:#666; position:absolute; left:-137px; top:-50px; display:none;}
.leftfloat div.float04 .sub_float04 span{ display:block; position:absolute; background:url(../images/wei01.png) no-repeat; width:5px; height:10px; right:-5px; top:50%; margin-top:-5px;}
.leftfloat div.float04 .sub_float04 img{ margin:0px auto 0; display:block}
/* 右侧浮动 */

/* 留言 */
.feedBack{width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999999;background:url(../images/index_12.png) repeat; display:none;}
.leave_message{width:644px; background:#f2f2f2; position:fixed; left:50%; margin-left:-322px; top:50%; margin-top:-259px; z-index:999; }
.message_form h2{ font-size:24px; color:#000; font-weight:bold; line-height:40px; border-bottom:1px solid #e6e6e6;}
.leave_message .email_form{ width:408px; margin:0 auto; padding-top:30px;}
.leave_message .email_form ul li textarea{ height:116px; width:280px; background:#fff; border:1px solid #e6e6e6; padding:10px;}
.hsh_close{ position:absolute; background:url(../images/close01.png) no-repeat; height:42px; width:42px; top:-21px; right:-21px; cursor:pointer;}
.diyform .codediv{overflow:hidden; margin-bottom:10px;}
.diyform .codediv input{border:1px solid #a5aeb6; margin:0 10px 0 80px; padding:3px; width:70px; height:26px; line-height:26px;float:left;}
.diyform .codediv img{height:30px; display:block; float:left;}




a.backtop{display:block; position:fixed; width:45px; height:45px; bottom:5%;right:15px;background:#009944 url(../images/returntop.png) no-repeat center;
 transition:all .5s ease-in-out;opacity:0;}
a.backtop.active:hover{opacity:.8}
a.backtop.active{opacity:1; transform:translatey(-100%);}

.footsearchbox{position:fixed;display:none; width:100%; height:100%; background:url(../images/foot-seabg.png);top:0; left:0;z-index:99999;}
.footsearch {text-align:center;width:100%; padding:15px 0;border-bottom:1px solid #fff; margin-top:20px;position:relative;}
.footsearch form{display:inline-block;}
.footsearch form .inp{width:500px; height:34px; line-height:34px;padding:3px;float:left;color:#fff;}
.footsearch form .btn{width:40px; height:40px; background:url(../images/foot-search.png) no-repeat left center; float:left; cursor:pointer;}
.footsearch a.close{display:block;position:absolute;right:20px; top:50%; margin-top:-10px;width:20px; height:20px; background:url(../images/foot-search.png) no-repeat right center; }
.footsearch form .btn:hover,.footsearch .close:hover{opacity:.9;}

.footsearchbox .isgood{width:1140px; margin:30px auto;}
.footsearchbox .isgood h3{font-size:20px; color:#fff; display:inline-block;line-height:36px; border-bottom:1px solid #fff;}
.footsearchbox .isgood ul{margin-top:15px;}
.footsearchbox .isgood ul li {line-height:26px; float:left;margin-right:20px;margin-bottom:10px;}
.footsearchbox .isgood ul li a{display:block; font-size:16px; color:#fff;}
.footsearchbox .isgood ul li a:hover{text-decoration:underline;}
/******************************* 底部结束 ********************************/






/******************************* 底部样式2 ********************************/
.footer{background:#fff; padding:15px 0; border-bottom: 25px solid #009944;}
.footer-left{float:left; margin-right:40px;padding:10px 20px 10px 0; border-right:1px solid #009944;}
.footer-left img{display:block; width:250px;}
.footer-center{float:left; padding-top:10px;}
.footer-center .pt{margin-bottom:8px;}
.footer-center .pt a{margin-right:20px; color:#009944; }
.footer-center p  a:hover{color:#9cd0e6;}
.footer-center p, .footer-center p a {color:#009944;}
.footer-right{float:right; font-size:12px; color:#009944; text-align:center;}
.footer-right img{display:block; width:100px; }

/******************************* 底部样式2结束 ********************************/












/**************************** 内页主体 *********************************/
.innerweb{ width: 960px; padding:20px; background:#fff; margin: 30px auto 40px; border:1px solid #e7e7e7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.banner img {display: block; position: relative;left: 50%;margin-left: -960px;width: 1920px;}
.banner {width: 100%;position: relative;overflow: hidden; height:auto; margin-top:35px;}
/*---标题---*/
.title{border-bottom:1px solid #cccccc; font-size:20px; color:#009944; padding-bottom:12px; padding-top:20px;}
.title span{ float:right; background:url(../images/titleimg.png) no-repeat left center; padding-left:25px; font-size:13px;}
.title span a{ padding:0px 5px; color:#666;}
.title span a:hover{ color:#1a1a1a;}
.title span a.cur{ color:#1a1a1a;}
/*---标题---*/

.nav-title{padding:15px 0px; text-align:center; margin-top:10px;}
.nav-title a{display:inline-block; color:#4c4c4c; width:149px; font-size:16px;height:57px; line-height:50px; text-align:center; background:url(../images/nav.png) no-repeat;
margin:0 8px; }
.nav-title a.cur,.nav-title a:hover{color:#fff; background:url(../images/nav_on.png) no-repeat center center;}

/************************* 内页主体 结束 ******************************/












































