@charset "utf-8";


/*css样式表*/


/*设计者--陈传林 邮箱--chenchuanlin20@163.com*/








/* 通用默认样式-------------------------------------- */


body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,


form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}


body,button, input, select, textarea {font: 12px/1.5 "msyhl422459","微软雅黑",Srial, Verdana, Geneva, sans-serif, tahoma, helvetica, sans-serif;}


h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }


em{font-style:normal;}


ul, ol,{ list-style: none; }


a { text-decoration: none; }


a:hover { text-decoration: none;  }


img{ border:0px;}


body,.ui-overlay-h{margin:0 auto;position:relative;background-color:#fff;color:#666;}


input, img {vertical-align: middle;}


body,html{margin:0 auto;}


/*img {border:none;vertical-align:top;}*/


*{margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


/**{margin:0;padding:0;text-shadow:none;}*/


.blank{height:8px;clear:both;}


.blank20{height:20px;clear:both;}


.clearfix:after,.clear:before{


	display:table;


	content:'';


	}


.clearfix:after{


	clear:both;


	overflow:hidden;


	}


.clearfix{


	*zoom:1;


	}


.relative {position:relative;}


.absolute {position:absolute;}


.fl {float:left;display:inline;}


.fr {float:right;display:inline;}


.pubW {width:1200px;}


.center {margin:0 auto;}


.iBlock{display:inline-block;}


.bt {-moz-transition:background 0.3s linear 0s;-webkit-transition:background 0.3s linear 0s;transition:background 0.3s linear 0s;}


.ot {-moz-transition:opacity 0.3s linear 0s;-webkit-transition:opacity 0.3s linear 0s;transition:opacity 0.3s linear 0s;}


.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}


.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}


.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}


.contentBox {-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}


.borderBox {-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}





.pinpaiBanner,.pinpaiBanner .bannerSlide {height:322px;}


.pinpaiBanner .bannerSlide li img {-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none;}





/*首页*/


.top{


width:100%; background-color:#303030; height:30px;}


.topc{


width:1175px; margin:0px auto; position:relative;}


.topc .cl{


float:left; line-height:30px; text-align:left; color:#898989;}


.topc .cl a:link{color: #898989;}


.topc .cl a:visited{color: #898989;}


.topc .cl a:hover  {color: #ffffff;}


.topc .cr{


float:right; font-size:14px; color:#898989; font-weight:bold; line-height:30px;background:url("../images/tel.jpg") no-repeat left 5px; padding-left:18px;}


.topc .cr1{


float:right; font-size:14px; color:#898989; line-height:30px; margin-right:20px;}


.topc .cr2{


float:right; margin-right:20px;position:relative; padding:7px 0 0 0;}


.topc .cr2 a{width:19px;height:19px;display:block;overflow:hidden;float:left;text-indent:-999em;transition:background-position 0.15s;-webkit-transition:background-position 0.15s;-moz-transition:background-position 0.15s; margin-left:5px}


.topc .cr2 .pro-weibo:hover{background-position:0 -19px}


.topc .cr2 .pro-weixin:hover{background-position:-40px -19px}


.topc .cr2 .pro-mobile:hover{background-position:-80px -19px}


.topc .cr2 .pro-qq:hover{background-position:-60px -19px}


.topc .cr2 .pro-weixin{background:url(../images/header_01.png) -40px 0 no-repeat}


.topc .cr2 .pro-weibo{background:url(../images/header_01.png) left top no-repeat}


.topc .cr2 .pro-mobile{background:url(../images/header_01.png) -80px 0 no-repeat}


.topc .cr2 .pro-qq{background:url(../images/header_01.png) -60px 0 no-repeat}


.topc .cr2 span{position:absolute;right:20px;top:30px;width:120px;height:120px;z-index:988;display:none;text-indent:0;clear:both;}


.top1{


width:1175px; margin:0px auto; overflow:hidden;}


.logo{


width:465px; height:98px; float:left;}


.logo img{ margin-top:5px;}


.dh{


width:500px; float:left; margin-top:39px;}


.dh ul{float:right; margin-right:20px;}


.dh li{


float:left; line-height:30px; line-height:30px;}


.dh li a{float:left; height:30px; color:#4c3e3e; font-size:16px; padding:0 15px 0 15px;}


.dh li a:hover{background-color:#64b89f; color:#ffffff;}


.dh li .cur{background-color:#64b89f;color:#ffffff;}


.search{


width:210px; float:left; margin-top:29px;}


.search .sl{


width:172px; height:28px; float:left; background-image:url(../images/sin.jpg);}


.search .sl input{ margin:1px 0 0 18px; text-align:left; height:24px; width:150px; border:0px; line-height:24px; background:transparent; color:#c6c3c3; font-size:14px;}


.search .sr{


width:38px; height:28px; float:left;}





/*banner*/


.topDateTell .tellnumber:before ,.topLogo h1 ,.topNav .topSearchBtn:before,.bannerSlide .preBtn i,.bannerSlide .nextBtn i{ background:url(../images/icon2.png) no-repeat;}


.banner{background-color:#bf8856; width:100%; overflow:hidden;}


.bannerSlide {width:100%;height:500px;overflow:hidden;background-color:#9D714A; margin-top:75px;}


.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;height:680px;}


.bannerSlide .slideBox li {position:relative;width:100%;height:680px;overflow:hidden;}


.bannerSlide .slideBox li a {display:block;width:100%;height:100%;position:relative;}


.bannerSlide .slideBox li img {position:absolute;left:50%;top:0;margin-left:-960px;-moz-transform:scaleX(1.05) scaleY(1.05);-ms-transform:scaleX(1.05) scaleY(1.05);-o-transform:scaleX(1.05) scaleY(1.05);-webkit-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);}


.bannerSlide .slideBox li.active img {-moz-transition:-moz-transform 4s linear 0s;-ms-transition:-ms-transform 4s linear 0s;-o-transition:-o-transform 4s linear 0s;-webkit-transition:-webkit-transform 4s linear 0s;transition:transform 4s linear 0s;-moz-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);}


.bannerSlide .focus {width:100%;bottom:15px;z-index:10;text-align:center;}


.bannerSlide .focus span {width:15px;height:15px; background-color:#ccc;display:inline-block;margin:0 5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}


.bannerSlide .focus span.active { background-color:#86cfb9;}


.bannerSlide .preBtn {left:112px;top:50%;display:block;width:74px;height:74px;margin-top:-37px; position:absolute; background-color:rgba(0,0,0,.3);z-index:7;display:none;}


.bannerSlide .preBtn i {display:block;width:26px;height:48px;margin-left:24px;margin-top:13px; background-position:0 -45px;}


.bannerSlide .nextBtn { position:absolute;right:168px;top:50%;display:block;width:74px;height:74px;margin-top:-37px; background-color:rgba(0,0,0,.3);z-index:7;display:none;}


.bannerSlide .nextBtn i {display:block;width:26px;height:48px;margin-left:24px;margin-top:13px; background-position:-33px -45px;}


.bannerSlide .preBtn:hover,.bannerSlide .nextBtn:hover { background-color:rgba(0,0,0,.7);}





/*菜单*/


.menu{-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-moz-perspective: 2000px;-ms-perspective: 2000px;-o-perspective: 2000px;-webkit-perspective: 2000px;perspective: 2000px;width:1200px;height:75px;left:50%;top:-75px;margin-left:-600px;z-index:30;}


.menu ul {width:100%;height:75px;margin:0 auto; -moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top;-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-moz-transition:-moz-transform 0.5s ease-in-out 0s;-ms-transition:-ms-transform 0.5s ease-in-out 0s;-o-transition:-o-transform 0.5s ease-in-out 0s;-webkit-transition:-webkit-transform 0.5s ease-in-out 0s;transition:transform 0.5s ease-in-out 0s;opacity:0;filter:alpha(opacity:0);}


.menu ul.active {opacity:1;filter:alpha(opacity:100);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);-webkit-transform:rotateX(0);transform:rotateX(0);}


.menu li { width: 109px; height: 100%; float: left; position: relative;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-moz-perspective: 5000px;-ms-perspective: 5000px;-o-perspective: 5000px;-webkit-perspective: 5000px;perspective: 5000px; }


.menu li  a {display:block;width:100%;height:100%;z-index:21;position:relative;}


.menu .subMenu {width:1199px;left:0;top:75px;z-index:20;padding:24px 0 23px 42px;overflow:hidden;opacity:0;filter:alpha(opacity:0); background-color:#fff;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top;-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-moz-transition:-moz-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition:-ms-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:-o-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition:transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-bottom:0px solid #c0025a;}


.menu li .subMenu.active {-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1;filter:alpha(opacity:100);}


.menu li a i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter:alpha(opacity:0);-webkit-animation:orangeOut 0.4s ease;animation:orangeOut 0.4s ease;background-color: #397c68; }


.menu li a:hover i { opacity: 1;-webkit-animation: orangeIn 0.2s ease; animation: orangeIn 0.2s ease;}


.menu li  a span {position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:10;}


.menu li  a span:before {content:'';position:absolute;left:50%;top:11px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}


.menu li  a span:after {content:attr(data-txt);position:absolute;width:100%;bottom:14px;text-align:center;color:#fff;line-height:24px;font-size:14px;color:#fff;}


.menu li  a:hover span:after {color:#fff;}


@-webkit-keyframes orangeOut{


		0%{


			-webkit-transform:scale(1);


			opacity:1;


			filter:alpha(opacity:100);	


			}


		100%{


			-webkit-transform:scale(0.8);


			opacity:0;


			filter:alpha(opacity:0);


		}


	}


@keyframes orangeOut{


		0%{


			transform:scale(1);


			opacity:1;


			filter:alpha(opacity:100);	


			}


		100%{


			transform:scale(0.8);


			opacity:0;


			filter:alpha(opacity:0);


		}


	}





@-webkit-keyframes orangeIn {  0% {


 -webkit-transform:scale(0.8);


 opacity:0;


 filter:alpha(opacity:0);


}


100% {


 -webkit-transform:scale(1);


 opacity:1;


 filter:alpha(opacity:100);


}


}


 @keyframes orangeIn {  0% {


 transform:scale(0.8);


 opacity:0;


 filter:alpha(opacity:0);


}


100% {


 transform:scale(1);


 opacity:1;


 filter:alpha(opacity:100);


}


}





.subNav1 a span:before { width:38px;height:19px;}
/*.subNav1 a span:before { width:38px;height:19px; background:url(../images/icon1.png) no-repeat 0 -9px;}*/


.subNav2 a span:before { width:25px;height:28px; background:url(../images/icon1.png) no-repeat -46px -4px;}


.subNav3 a span:before { width:30px;height:29px; background:url(../images/icon1.png) no-repeat -80px -3px;}


.subNav4 a span:before { width:24px;height:23px; background:url(../images/icon1.png) no-repeat -122px -7px;}


.subNav5 a span:before { width:23px;height:28px; background:url(../images/icon1.png) no-repeat -158px -3px;}


.subNav6 a span:before { top:16px;width:32px;height:27px; background:url(../images/icon1.png) no-repeat -190px -6px;}


.subNav7 a span:before { width:24px;height:25px; background:url(../images/icon1.png) no-repeat -232px -4px;}


.subNav8 a span:before { width:19px;height:27px; background:url(../images/icon1.png) no-repeat -269px -4px;}


.subNav9 a span:before { width:24px;height:24px; background:url(../images/icon1.png) no-repeat -300px -6px;}


.subNav10 a span:before { width:27px;height:27px; background:url(../images/icon1.png) no-repeat -329px -5px;}


.subNav11 a span:before { width:26px;height:25px; background:url(../images/icon1.png) no-repeat -360px -5px;}


.menu .subMenu .subMenuLogo {border-right:1px solid #3d3f4b;}


.menu .subMenu .subMenuLinkBox {width:1020px;overflow:hidden;}


.menu .subMenu .subMenuLinkBox a {display:block;float:left;width:auto;padding:0 8px;line-height:24px;font-size:14px;color:#666;text-decoration:none;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}


.menu .subMenu .subMenuLinkBox a:hover {color:#fff;text-decoration:none; background-color:#86cfb9;}


.menu .subMenu .subMenuLogo:before {content:'';position:absolute;left:0;top:0; background:url(../images/icon1.png) no-repeat;}


.menu .subMenu .subMenuLogo {width:135px;position:relative;}


.subNav10 .subMenuLogo {height:64px;}


.subNav1 .subMenuLogo {height:64px;}


.subNav2 .subMenuLogo {height:64px;}


.subNav3 .subMenuLogo {height:64px;}


.subNav4 .subMenuLogo {height:64px;}


.subNav5 .subMenuLogo {height:64px;}


.subNav6 .subMenuLogo {height:64px;}


.subNav7 .subMenuLogo {height:64px;}


.subNav8 .subMenuLogo {height:64px;}


.subNav9 .subMenuLogo {height:64px;}


.subNav11 .subMenuLogo {height:64px;}


.subNav10 .subMenuLogo:hover {width:106px;height:44px; background-position:-412px -177px !important;}


.subNav1 .subMenuLogo:hover {width:79px;height:44px; background-position:-299px -177px !important;}


.subNav2 .subMenuLogo:hover {width:87px;height:44px; background-position:-547px -177px !important;}


.subNav3 .subMenuLogo:hover {width:90px;height:44px; background-position:-662px -177px !important;}


.subNav4 .subMenuLogo:hover {width:90px;height:44px; background-position:-299px -247px !important;}


.subNav5 .subMenuLogo:hover {width:98px;height:44px; background-position:-420px -247px !important;}


.subNav6 .subMenuLogo:hover {width:84px;height:44px; background-position:-550px -247px !important;}


.subNav7 .subMenuLogo:hover {width:91px;height:44px; background-position:-675px -247px !important;}


.subNav8 .subMenuLogo:hover {width:99px;height:44px; background-position:-299px -313px !important;}


.subNav9 .subMenuLogo:hover {width:80px;height:44px; background-position:-429px -313px !important;}


.subNav11 .subMenuLogo:hover {width:113px;height:44px; background-position:-547px -313px !important;}


.subNav10 .subMenuLinkBox a {width:auto;float:left;margin-left:22px;display:inline;}


.subNav1 .subMenu {height:171px;}


.subNav1 .subMenuLogo {width:135px;height:129px;}


.subMenuLinkBox .content {height:24px;line-height:24px;margin-bottom:10px;}


.subMenuLinkBox  dl{float:left;}


.subMenuLinkBox  dl dt,.subMenuLinkBox dl dd {width:124px;float:left;margin-bottom:0px;}


.subMenuLinkBox dl dd h4 { float:left;padding:0 8px;line-height:24px;font-size:14px;background-color:#745038;color:#fff;text-decoration:none;}


.subMenuLinkBox .content h4 ,.subMenuLinkBox .content a {font-size:14px;float:left;width:auto;display:inline;}


.subMenuLinkBox .content h4 {color:#fff; background-color:#745038;padding:0 14px;margin-left:22px;margin-right:40px;display:inline;}


.subNav .subMenuLinkBox dl,.subNav3 .subMenuLinkBox dl,.subNav4 .subMenuLinkBox dl {margin-left:15px;display:inline;margin-bottom:5px;}


.subNav5 .subMenuLinkBox dl dd {width:100px;}


.subNav5 .subMenuLinkBox dl dt {width:128px;}


.subNav5 .subMenuLinkBox dl {margin-bottom:25px;}


.subNav6 .subMenuLinkBox .inner,.subNav11 .subMenuLinkBox .inner {width:327px;}


.subNav6 .subMenuLinkBox dl dd,.subNav11 .subMenuLinkBox dl dd {width:90px;}


.subNav6 .subMenuLinkBox dl dt,.subNav11 .subMenuLinkBox dl dt {width:74px;}





/*底部*/


.bot{


width:100%; background-color:#86cfb9; overflow:hidden;}


.botc{


width:1175px; margin:0px auto; overflow:hidden; padding:30px 0 30px 0;}


.botc .cl{


float:left; font-size:18px; color:#397c68; text-align:center; line-height:44px!important; padding-right:15px; margin:60px 0 0 61px;}


.botc ul{


float:left;border-left:1px solid #fff; padding:10px 0 10px 15px; height:225px;}


.botc li{


line-height:24px; text-align:left;}


.botc li a:link{ font-size:14px;color: #fff;}


.botc li a:visited{ font-size:14px;color: #fff;}


.botc li a:hover  { font-size:14px;color: #333333;}


.foot{


width:100%; background-color:#359373; overflow:hidden;height:200px;}


.footc{


width:1250px; margin:0px auto; overflow:hidden; padding:40px 0 30px 0;}


.blogo{


width:318px; float:left; height:93px;}


.bcopy{


width:607px; float:left;border-right:1px solid #fff; border-left:1px solid #fff; margin:0 0 0 10px; }


.bcopy .cl{


width:600px; float:left;text-align:center; line-height:26px; color:#fff; padding:25px 0 0 0; height:115px;}


.bcopy .cr{


width:100px; float:left;}


.bcopy .cr img{ width:70px;}


.btel{


    font-weight: 600;width:270px; height:97px; float:right; background:url(../images/btel.jpg) no-repeat; font-size:24px; color:#fff; text-align:left; padding:6px 0 0 75px; margin-top:30px;}


.btel span{ font-size:18px; font-weight:bold; color: #fff}





.pagelist ul { height: 30px; display:inline-block; margin:30px auto; }
.pagelist ul { *display:inline;
}
.pagelist ul li { float: left; height:30px; line-height:30px; width: auto; margin-left: 10px; }
.pagelist ul li a { color: #fff; font-size: 16px; background: #64b89f; display:block; padding:0 10px 0 10px; }
.pagelist ul li select { height:30px; font-size:16px; text-align: center }
.pagelist ul li.thisclass a { color:#fff; background: #399377; }
.pagelist {
    width: 100%;
    text-align: center;
    height: 60px;
}