@charset "utf-8";
/* CSS Document */


/*a:hover  img{transform: scale(1.08);opacity: 0.9}
*/


/*content*/

.content{ width:100%;margin:0px auto;}

.row{width: 1200px;margin: 0 auto;padding: 30px 0 0 0;}
.lf{float: left;}
.rt{float: right;}
.mode01{height: 380px;}
.mode01 .lf{width: 640px;}
.mode01 .rt{width: 525px;}


.Banner{width:640px;  margin:0 auto ;overflow: hidden;position: relative;}
/*图片轮播*/


.Banner .flex-control-nav{width:100%;text-align: right;right: 20px;bottom:23px;}
.Banner .flex-control-paging li a{text-indent: 9999px;}
.till_slides{position: absolute;bottom: 0;left: 0;width: 100%;background: #000;background: rgba(0,0,0,0.65);height: 60px;line-height: 60px;overflow: hidden;width: 100%;}
.Banner .slides li a{position: relative;}
.till_slides strong{font-weight: bold;font-size: 20px;color:#fff;padding-left: 20px;}
.Banner .flex-control-paging li a{width: 8px;height: 8px;line-height: 8px;}
.Banner .flex-control-paging li{margin:0 4px;}
.Banner .flex-control-paging li a{background: #6e6e6e}
.Banner .flex-control-paging li a.flex-active,.Banner .flex-control-paging li a:hover{background: #199352;}
.Banner .slides li a:hover .till_slides strong{text-decoration: underline;}



/*切换*/
.tabArticleList01{width:100%;position: relative;}
.tabMenu01{width:auto;position: relative; border-bottom: 1px solid #eee;height: 38px;}

.tabMenu01 li{/*display: inline-block;*display: inline;*zoom:1;*/float: left; width:83px;margin-right: 45px;}
.tabMenu01 li>a{display: block;font-size: 20px;font-weight: normal;position: relative;height: 38px;line-height: 32px;overflow: hidden;*height: 25px;*line-height: 25px;transition:all 0.3s ease-in-out;}
.tabMenu01 li>a:after{content: '';clear: both;position: absolute;bottom: 0;left: 50%;width: 0;margin-left: -25px;height: 4px;background: #199352;transition:all 0.3s ease-in-out;}
.tabMenu01 li>a:hover,.tabMenu01 li.active>a{font-weight: bold;text-decoration: none;color:#333;*color:#199352;}
.tabMenu01 li:last-child{margin-right: 0;}
.tabMenu01 li>a:hover:after,.tabMenu01 li.active>a:after{width: 50px;}
.tabMenu01 dl{position: absolute;top:39px;left: 0;padding-top: 12px; width: 100%;border-bottom: 1px solid #eee;background: #fff;overflow: hidden; z-index: -1}
.tabMenu01 dl  dd{margin-bottom: 11px;height: 30px;line-height: 30px;overflow: hidden;}
.tabMenu01 dl  dd span{float: right;font-size: 12px;color:#999;margin-left: 10px;}
.tabMenu01 dl  dd a{font-size: 16px;display: block;padding-left: 10px;position: relative;height: 30px;line-height: 30px;overflow: hidden;}
.tabMenu01 dl  dd a:before{content: '';clear: both;position: absolute;left: 0;top:15px;width:4px;height: 4px;background: #d1d1d1;border-radius: 50%;}

.tabMenu01  li.active dl{z-index: 99}


.mode02{height: 285px;overflow: hidden;}
.mode02 .lf{width: 640px;}
.mode02 .rt{width: 525px;}
.tabArticleList02{width:100%;position: relative;}
.tabMenu02 li>a{font-size: 18px;text-align: center;}
.tabMenu02 li{margin-right:17px; }
.tabMenu02 {padding-left: 170px;}

.articleTitle{position: absolute;top:0;left: 0;z-index:9;}
.articleTitle h2{font-size: 24px;color:#199352;padding-left: 30px;}
.articleTitle .title01{background: url(../images/title01.png) no-repeat center left;}

.articleTitle02{border-bottom: 1px solid #eee;padding-bottom: 8px;overflow: hidden;}
.articleTitle02 h2{font-size: 24px;color:#199352;padding-left: 30px;}
.articleTitle02 .title02{background: url(../images/title02.png) no-repeat center left;}


.imgResponsive02{width: 100%;overflow:hidden;height: 0;display: block;padding-bottom: 100px;background: #fff;position: relative;}


.topicImgBox{overflow: hidden;margin-top: 20px;height: 100px;}
.topicImgBox .left{float: left;width: 255px;}
.topicImgBox .right{float: right;width:255px;}
.topicFlexslider .flex-direction-nav a{width: 25px;height: 50px;margin-top: -25px;opacity: 0.6; *margin-top: -40px; filter:alpha(opacity=60);transition:all 0.5s ease-in-out;}
.topicFlexslider .flex-direction-nav .flex-prev{background: url(../images/lf.png) no-repeat center center;}
.topicFlexslider .flex-direction-nav .flex-next{background: url(../images/rt.png) no-repeat center center;}
.topicFlexslider .flex-direction-nav a:hover{opacity: 1; filter:alpha(opacity=100);}


.topicList{}
.topicList li{margin-top: 12px;}
.topicList li a{font-size: 16px;display: block;padding-left: 10px;position: relative;height: 30px;line-height: 30px;overflow: hidden; }

.topicList li a:before{content: '';clear: both;position: absolute;left: 0;top:15px;width:4px;height: 4px;background: #d1d1d1;border-radius: 50%;}



.wrap_mode03{overflow: hidden;width: 100%;background: #fafafa;margin:30px auto 0;height: 168px;}
.tabArticleList03{width:100%;position: relative;}
.tabMenu03{width:auto;position: relative; }

.tabMenu03 li{/*display: inline-block;*display: inline;*zoom:1;*/float: left; width:auto;margin-right:20px;}
.tabMenu03 li>a{display: block;font-size: 16px;font-weight: normal;position: relative;height: 37px;line-height: 37px;overflow: hidden;border:1px solid #ddd;background: #fafafa;padding:0 20px;border-radius: 20px;transition:all 0.5s ease-in-out;}
.tabMenu03 li>a:hover,.tabMenu03 li.active>a{color:#fff;background: #199352;border-color: #199352;text-decoration: none;}
.tabMenu03 li:last-child{margin-right: 0;}

.tabMenu03 dl{position: absolute;top:39px;left: 0;padding-top: 12px; width: 100%;background: #fafafa;overflow: hidden; height: 60px;z-index: -1}
.tabMenu03  li.active dl{z-index: 99}


.nameBox{width: 267px;float: left;margin-right: 47px;overflow: hidden;}
.IDBox{width: 323px;float: left;margin-right: 47px;overflow: hidden;}
.codeBox{width: 287px;float: left;overflow: hidden;}
.submitBox{width: 185px;float: right;}
.tabFromBox .f_title{display: block;font-size: 16px;font-style: normal;margin-bottom: 9px;}
.tabFromBox .form-text{border:none;background: #ededed;height: 30px;padding-left: 20px;font-size: 12px;padding-right: 10px;color:#666;border-radius: 5px;line-height: 30px;}
.nameBox .form-text{width: 230px;}
.IDBox .form-text{width: 290px;}
.codeBox .form-text{width: 192px;float: left;}
.codeBox  .codeImg{float: right;width: 60px;}
.codeBox  .codeImg img{width:60px;height: 20px;padding-top: 5px; }
.codeBox  .codeImg:hover img{transform: scale(1);opacity: 1}
.submitBox .form-submit{width: 100%;height: 30px;line-height: 30px;text-align: center;color:#fff;font-size: 14px;background: #199352;border-radius: 5px;margin-top: 27px;transition:all 0.3s ease-in-out;}
.submitBox .form-submit:hover{background-color: #037039}

.keyBox{width: 455px;float: left;margin-right: 47px;overflow: hidden;}
.keyBox .form-text{width:422px;}
.timeBox {width: 465px;float: left;}
.timeBox .form-text{width: 180px;margin-left: 5px;}

.organFormBox{float: left;width: 456px;float: left;margin-right: 47px;}
.organFormBox select{appearance:none;-moz-appearance:none;-webkit-appearance:none;width: 456px;border: none;background: url(../images/select_bg1.jpg) no-repeat scroll right  #ededed;height: 30px;padding-left: 20px;font-size: 12px;padding-right: 10px;color:#666;border-radius: 5px;line-height: 30px;}




.articleTitle02 .title03{background: url(../images/title03.png) no-repeat center left;float: left;}
.f_exit{float: right;font-size: 16px;font-weight: bold;margin-top: 10px;}


.serviceList{overflow: hidden;margin-bottom: 30px;}
.serviceList li{width: 200px;float: left;margin-top: 30px;}
.serviceList li a{display: block;text-align: center;font-size: 16px;}
.serviceList li a span{display: block;transition:all 0.3s ease-in-out;bottom: 0;position: relative;height: 21px;line-height: 21px;overflow: hidden;}
.serviceList li a i{display: block;height: 59px; background-repeat: no-repeat;background-position: center bottom;margin-bottom: 15px;transition:all 0.3s ease-in-out;top: 0;position: relative;}
.serviceList li a .icon1{background-image: url(../images/icon1.png)}
.serviceList li a .icon2{background-image: url(../images/icon2.png)}
.serviceList li a .icon3{background-image: url(../images/icon3.png)}
.serviceList li a .icon4{background-image: url(../images/icon4.png)}
.serviceList li a .icon5{background-image: url(../images/icon5.png)}
.serviceList li a .icon6{background-image: url(../images/icon6.png)}
.serviceList li a .icon7{background-image: url(../images/icon7.png)}
.serviceList li a .icon8{background-image: url(../images/icon8.png)}
.serviceList li a .icon9{background-image: url(../images/icon9.png)}
.serviceList li a .icon10{background-image: url(../images/icon10.png)}
.serviceList li a .icon11{background-image: url(../images/icon11.png)}
.serviceList li a .icon12{background-image: url(../images/icon12.png)}
.serviceList li a:hover i{top: -5px;}
.serviceList li a:hover span{bottom:-2px;}


.serviceLinks{overflow: hidden;}
.serviceLinks .left{float: left;width: 393px;height: 150px;background:url(../images/data_bg1.jpg) no-repeat center top;}
.serviceLinks .middle{float: left;width: 393px;height: 150px;background:url(../images/data_bg2.jpg) no-repeat center top;margin-left: 10px;}

.serviceLinks .right{float: right;width: 395px;height: 150px;background-color: #e5e5e5}

.s_linksBox{padding:30px 30px;overflow: hidden;}
.s_linksBox h2 {margin-bottom: 10px;}
.s_linksBox h2 a{color:#fff; font-size: 24px;font-weight: bold;text-shadow:1px 1px 5px rgba(0,0,0,0.6);}
.s_linksList{overflow: hidden;margin-right: -23px;margin-top: 23px;}
.s_linksList li{width: 118px;height: 38px;overflow: hidden;float: left;}
.s_linksList li a{display: block;margin-right: 23px;background-color: #fff;border-radius: 20px;text-align: center;height: 32px;line-height: 32px;overflow: hidden;box-shadow:1px 1px 5px rgba(0,0,0,0.6) }
.s_linksList li a:hover{background-color: #39cc86;color:#fff;text-decoration: none;}
.s_linksList1 li a:hover{background-color: #3876cb;}
.s_codeBox span,.s_codeBox a{float: left;width: 95px;margin-right: 25px;}
.s_codeBox i{display: block;font-style: normal;font-size: 16px; font-weight: bold;margin-top: 2px;height: 30px;line-height: 30px}
.s_codeBox{text-align: center;padding:14px 30px;overflow: hidden;}
.s_codeBox .kehuduan{float: right;margin-right: 0;}
.s_codeBox a:hover img{transform: scale(1);opacity: 1}



.wrap_mode05{widows: 100%;margin: 0 auto;background-color: #fafafa}
.mode05{padding-bottom: 17px;}
.organBox{border:1px solid #e1e1e1;margin-bottom: 25px;}
.organList{overflow: hidden;padding:15px 30px; height: 90px;}
.organList li{float: left;width: 300px;}
.organList li a{display: block;border-right:1px solid #e1e1e1;padding:20px 57px;overflow: hidden;}
.organList li a img{float: left;width:34px;height: 34px;margin-right: 20px; }
.organList li a span{display: block;margin-left: 45px;font-size: 16px;line-height: 20px;}
.organList li a:hover img{transform: scale(1);opacity: 1}
.organList li a:hover span{color:#f00;}
.organList li h3{font-size: 16px;line-height: 20px;padding:20px 0px 10px 0;}


.organList li.last{width: 495px;float: right;}
.organList li.last a{padding:20px 0 10px 0;font-size: 16px;border-right:none;}
.jubaoBox{overflow: hidden;}
.jubaoBox span{float: left;padding-left: 23px;font-size: 16px;height: 24px;line-height: 24px;overflow: hidden;margin-right: 20px;background-position: center left;background-repeat: no-repeat;}
.jubaoBox span.email{background-image: url(../images/xinxiang.png);}
.jubaoBox span.phone{background-image: url(../images/phone.png);}

.relateLinksList{margin-right: -25px;}
.relateLinksList li{float: left;width: 245px;*width: 230px; height: 40px;line-height: 20px; }
.relateLinksList li select{appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 0px; margin-right: 25px;width:220px;border:1px solid #ddd; height: 38px; background: url(../images/select_bg.jpg) no-repeat scroll right #f4f4f4 ;  *background-image: none;background-image: none\0; padding-left: 9px; font-size: 14px;font-weight: bold;}

 .relateLinksList li select::-ms-expand { display: none; }  

.spaceList{overflow: hidden;margin-right: -48px;margin-top:18px;*margin-top: 0;}
.spaceList li{float: left;width: 77px;margin-bottom: 15px;}
.spaceList li a{display: block;margin-right: 42px;font-size: 16px;}