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

/* 公共样式 */
article,aside,dialog,footer,header,section,footer,nav,figure,menu {display:block}
* { margin:0px; padding:0px; border:0px;}
div { border:none;display: block;}
body {color:#333;background:#fff;font:12px "微软雅黑","microsoft jhenghei","宋体";}
table { border-collapse:collapse;}
a {outline:none;}
a {color:#333333;text-decoration:none;}
a:hover {text-decoration:none;}
li { list-style:none;}
input,select,button {vertical-align:middle;font-family:"microsoft Yahei","微软雅黑","microsoft jhenghei","宋体"; }
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.w1100 { width:1100px; margin:0 auto;}
.wrap {margin-top:30px;}

/*------------------------index-------------------*/
.top { width:100%;background:#171717;height:40px;line-height:40px;color:#999;}
.head { height:65px; background:#007ab5; width:100%; overflow:hidden;}
.logo { float:left;height:65px;text-align: center;}
.logo img {padding-top: 18px;}
.menuNav { float:right; line-height:63px;}
.menuNav ul li { float:left; width:110px; text-align:center;} 
.menuNav ul li a { font-size:14px; color:#fff; display:block;}
.menuNav ul .current a,.menuNav ul li a:hover { color:#fff; text-decoration:none;border-bottom:2px solid #fff;}

/* navbox */
.lag a {margin-left: 10px; color:#666; font-size:13px; line-height:65px;}
.lag a:hover { color:#007ab5;}
.hover_menu .lag { width:80px !important;}
.navbox{height:40px;position:relative;z-index:9;margin:auto;background:url(../images/nav_bg.jpg) repeat-x;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;font-family:'微软雅黑';}
.nav{margin:0 auto;height:65px;list-style:none; background:#fff;}
.nav li{float:left;height:65px;position:relative;list-style:none;}
.nav li.last{background:none;}
.nav li a{text-decoration:none;}
.nav li a span{float:left;display:block;line-height:63px;font-size:14px;color:#444;cursor:pointer;width:94px;text-align:center;}
.nav li a span:hover { color:#000;border-bottom:2px solid #038648;}
.hover_menu{text-decoration:none;width:94px;height:65px; z-index:99;color:#fff; }
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:65px;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}
.menu_pro_bg{width:398px; padding-left:20px; padding-bottom:10px; background:#fff;background-color:rgba(255,255,255,0.9);color:#333;}
.menu_pro_main{margin:auto;}
.menu_pro_li{ float:left;}
.menu_li_txt{font-size:14px;color:#696969; padding-top:10px; line-height:30px;}
.menu_li_txt font{font-size:14px;color:#0477b3;}
.menu_li_txt a{color:#4d4948;text-decoration:none;display:block;  width:100%; font-size:12px;}
.menu_li_txt a:hover{color:#0477b3;}
.menu_news_bg{width:94px; background:#fff;background-color:rgba(255,255,255,0.9);text-align:center;}
.menu_news_main{width:94px;margin:auto;padding-top:6px;}
.menu_news_li{padding-bottom:20px;}
.menu_news_img{float:left;text-align:left;color:#bb1721;line-height:30px;font-size:14px;}
.menu_news_li2{padding-bottom:10px;}
.menu_news_img2{float:left;margin-left:30px;text-align:left;color:#bb1721;line-height:30px;font-size:14px;}
.menu_news_li3{padding-bottom:20px;}
.menu_news_img3{float:left;margin-left:10px;text-align:left;color:#bb1721;line-height:30px;font-size:14px;}
.on{border-bottom:2px solid #038648;} 
.case_list img { width:100%;}
/* banner */
.slide-main{height:650px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:30px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:650px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:650px;background:#fff;position:relative;position:absolute;z-index:8;}
.slide a { display:block;height:650px;width:100%;}

.slide a{display:block;width:100%;height:650px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:295px;margin-left:-445px;text-align:left;}
.obj-a{display:block;height:650px;top:156px;}
.obj-b{top:206px;height:100px;margin-left:0px;}
.obj-c{display:block;height:482px;top:156px;margin-left:-490px;}
.obj-d{top:180px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:475px;height:300px;margin-left:-515px;top:200px;z-index:12;}
.obj-f{width:475px;height:394px;top:145px;margin-left:45px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
.banner_more a,.banner_more2 a { width:126px;height:32px;line-height:32px;border:1px solid #fff ; border-radius:20px;text-align:center;webkit-transition: all 0.3s;color:#fff;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.banner_more a:hover { border:1px solid #7bbd65; background:#7bbd65;color:#fff;}
.banner_more2 a:hover { border:1px solid #007ab5; background:#007ab5;color:#fff;}
.box { width:220px;height:120px;position:relative; background:#fff;margin:40px 0;}
.border { width:1px;height:100px;display:block; float:left; background:#eee; position:absolute;margin-top: 10px;}
.box a {display: block;width: 100%;height: 100%;}
.box a:hover { -moz-box-shadow: 0px 5px 10px #dedede;-webkit-box-shadow: 0px 5px 10px #dedede;box-shadow: 0px 5px 10px #dedede;}
.box .list_title {display: block;padding-top: 31px;line-height: 24px;width: 100px;margin-left:20px;color:#666;}
.box .title {line-height: 22px;font-size: 16px;color: #000;margin-top:7px;}
.box .img-sec { width:50px;height:45px;margin-top:37px;margin-left: 24px;}
.box .img-sec img { width:100%;}
.lanrenzhijia{overflow:hidden;margin-top:50px;}
.lanrenzhijia ul li {float:left;position:relative; padding:2px;width:270px;}
.lanrenzhijia ul li a img { width:270px;position:absolute;border:none;}
.lanrenzhijia ul li.active a img { filter: alpha(opacity=20);opacity : 0.2}
.news_title { font-size:28px;color:#333;padding-bottom:20px; text-align:center;margin-top:50px;}
.news_list { margin-right:-25px;}
.news_list li { width:250px;float:left;margin-right:25px;}
.news_list li h3 a { display:block;font-size:14px;padding:12px 0 8px 0;color:#333}
.news_list li p { font-size:12px;color:#666;line-height:24px;}

.footer { background:#283442;padding-top:25px;margin-top:60px;color:#6d7987;font-size:14px;padding-bottom: 5px;}
.tel { line-height:36px;}
.tel span { font-weight:bold;color:#7bbd65;font-size:18px;}
.foot_nav { width:765px;}
.foot_nav li { float:left;margin-right:32px;line-height:36px;}
.foot_nav li a {color:#616d7b; display:block;}
.foot_nav li a:hover,.copy a:hover { color:#a4acb9;}
.foot { border-bottom:1px solid #313e4d;padding-bottom:15px;}
.copy,.copy a{ line-height:40px;color:#6d7987;}
/*--------------------左右滚动－－－－－－－－－－－－－*/

.rollBox{width:1200px;overflow:hidden;margin:0 auto;}
.rollBox .LeftBotton{height:41px;width:28px; background:url(../images/ico002.jpg) no-repeat left top;overflow:hidden;float:left;display:inline;margin:84px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:42px;width:28px;background:url(../images/ico002.jpg) no-repeat right top;float:right;display:inline;margin:84px 0 0 0;cursor:pointer;position: relative;
left: -14px;}
.rollBox .LeftBotton:hover{background:url(../images/ico002.jpg) no-repeat left bottom;}
.rollBox .RightBotton:hover{background:url(../images/ico002.jpg) no-repeat right bottom;}
.rollBox .Cont{width:1100px;overflow:hidden;float:left;position: relative;
left: 25px;}
.rollBox .ScrCont{width:10000000px;}
.playerdetail{width:250px;float:left; padding-right:31px;}
.playerdetail img { width:250px;height:112px;}
.playerdetail a{ display:block;}
.playerdetail a h3{ font-size:14px; font-weight:bold; color:#333;padding-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.playerdetail a p{ font-size:12px;color:#c1c1c1; padding-bottom:10px; line-height:22px;}
.playerdetail a span{ font-size:12px;color:#666; line-height:22px;height:40px; overflow:hidden;display:block;}
.playerdetail a:hover{ text-decoration:none;}
.playerdetail:hover h3{ text-decoration:none;color:#007ab5;}

/*.p1{ width:30px; height:32px; background:url(../images/ico001.jpg) no-repeat center bottom; margin-top:18px;}*/
/*.pic :hover .p1{background:url(../images/ico001.jpg) no-repeat center top;}*/
.case-top a { display:inline-block;*display:inline;*zoom:1;float:right;font-size:14px;color:#666;}
.case-top a:hover { color:#007ab5;}
.case-top b { color:#444;font-size:24px; line-height:30px; font-weight:normal;}

.case-top { font-size:20px;padding-bottom:25px;  }
.case-top h3 { font-weight:normal;}
.case-top span { color:#999;font-size:18px;}
.case-top font { color:#999;padding:0 8px;}
.case-top p { color:#444;font-size:24px; line-height:30px;}
.case_list { margin-right:-20px;    width: 1120px;}
.case_list li { width:353px;float:left;margin-right:20px; overflow:hidden;    margin-bottom: 20px;}
.case_list h3 { line-height:40px; font-weight:normal;    font-size: 14px;}
.case_list h3:hover { color:#007ab5;}
.case_list p { line-height:22px;}
.pic img { width:250px; height:112px;}

/* 本例子css */
/*.slideGroup{ width:510px; border:1px solid #ddd; text-align:left;  }
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(images/icoLeft.gif) center center no-repeat #f4f4f4; }
.slideGroup .sNext{ left:auto; right:5px; background:url(images/icoRight.gif) center center no-repeat #f4f4f4}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }*/
		
/* about */
.about_banner { width:100%;height:200px; background:url(../images/about_banner.jpg) no-repeat center;}
.side-nav { width:200px;}
.side-nav li a { font-size:14px;color:#666;line-height:42px;height:42px; text-align:left;padding-left:30px;border-bottom:2px solid #f4f8fb;border-left:3px solid #eef2f5; background:#eef2f5; display:block;}
.side-nav .current a,.side-nav li a:hover,.sideMenu .current,.sideMent h3:hover { border-left:3px solid #038648;}
.container{ width:867px;}
.container-title {height: 50px; line-height:50px;margin-bottom: 30px;white-space: nowrap;overflow: hidden;border-bottom:1px solid #dedede;}
.container-title strong{font-size: 20px;color: #007ab5;font-weight: normal;}
.text{ line-height:28px; font-size:15px; color:#333;}
.location{text-align: right;overflow: hidden; color:#666;}
.location a{ color:#666;}
.location a:hover{ color:#288820;}
/* customer */
.customer {margin-right:-40px; }
.customer li { width:140px; margin-right:39px;float:left; text-align:center; line-height:30px;font-size:12px;margin-bottom:30px;}
.about_banner h3 { color:#fff;font-size:28px;padding-top:65px;padding-bottom:8px; padding-left:60px;letter-spacing:1px;}
.about_banner p{ color:#fff;font-size:16px; padding-left:60px;}
/* honor */
.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}
.lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image {display: block;height: auto;max-width: inherit;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.lightbox a img {border: none;}
.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.cert { margin-right:-21px;}
.cert li { width:275px; text-align:center; line-height:30px; float:left;margin-right:21px;margin-bottom:20px;}
.cert li img,.cert2 li img { width:100%;}
.cert2 { margin-right:-15px;}
.cert2 li { width:279px; text-align:center; line-height:30px; float:left;margin-right:15px;margin-bottom:20px;}


/* news */
.news_pic{width:80px; height:55px; display:block;}
.news_content li.news_pce a,.news_content li.news_pce2 a{ display:block; width:100%; height:100%; overflow:hidden;}
.news_pic img,.news_pic2 img{width:100%; height:100%;}
.news_info{width:485px;}
.news_info2{width:609px;height: 112px;overflow: hidden;}
.news_content li{ overflow:hidden; margin-bottom:20px;height:112px; overflow:hidden;padding-bottom:20px;border-bottom: 1px dashed #dedede;}
.news_info .date,.news_info2 .date{color:#b2b2b2; margin-right:5px;float:right;font-size: 12px;}
.news_info span a,.news_info2 span a{ color:#333; font-size:15px; font-weight:bold;}
.news_info span a:hover,.news_info2 span a:hover{ text-decoration:underline;}
.news_info .news_info_c{font-size:14px; color:#666;margin-top:10px; height:23px; overflow:hidden;}
.news_info2 .news_info_c{font-size:14px; color:#666;overflow:hidden; line-height: 26px;padding-top:5px;height:105px;}
.news_pic2{width:230px; height:112px; display:block;}
.case_bot .button { margin-left:0;height:40px !important;line-height:40px;width:120px; border-radius:2px;font-size:14px;}
.shangchuan { border:1px #dedede solid;background:#f1f1f1;width:90px;height:32px;margin:10px 0 0 8px; cursor:pointer;}
/*------------------------------------分页样式----------------------------------*/
.yu {clear: both;height: 30px;color:#333;padding:30px 0 20px; text-align:center;}
.yu span {border: 1px solid #f3f3f3;background:#fff;margin-right: 2px;padding:8px 12px;}
.yu a {background: none repeat scroll 0 0 #fff;border: 1px solid #e9e9e9;padding:8px 12px;color:#333;}
.yu a{
transition: background 1s, color 0.5s;
-moz-transition: background 1s, color 0.5s;	/* Firefox 4 */
-webkit-transition: background 1s, color 0.5s;	/* Safari 和 Chrome */
-o-transition: background 1s, color 0.5s;	/* Opera */	}
.yu .current, .yu a:hover {background: none repeat scroll 0 0 #007ab5;border: 1px solid #007ab5;color: #fff;padding:8px 12px;text-decoration: none;}
.yu ul li {float: left;font-size: 12px;height: 22px;line-height: 22px;margin: 0 5px;}
.yu ul li a {font-size: 12px;font-weight: bold;margin: 0 5px;}
.yu ul li select {font-size: 12px;vertical-align:top;}
/*------------------------------------上一篇下一篇----------------------------------*/
.JLTupdown{  height: 60px;position: relative;line-height: 28px;padding: 0px 5px;margin-top: 30px;color: #555555;}
.JLTMain .JLTupdown {width: 100%;overflow: hidden;}
.JLTupdown ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.JLTupdown ul li a,.JLTcometol a{ color:#666;}
.JLTupdown ul li a:hover,.JLTcometol a:hover{ color:#007ab5;}
.JLTupdown strong{ color:#555;}
.JLTcometol {position: absolute;right: 0px;top: 15px;max-width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* news_details */
.main-newarc-title{padding-bottom:25px;}
.main-newarc-title h2 {text-align:center;font-size:22px;color:#333;font-weight:bold;line-height:30px;padding-bottom:10px;padding-top:10px;}
.main-newarc-title h3 {text-align:center;font-size:20px;color:#333;font-weight:bold;line-height:30px;padding-bottom:25px;padding-top:10px;}
.main-newarc-title .share{height:34px;line-height:34px;overflow:hidden;text-align:center;}
.main-newarc-title .share-p{display:inline-block;*display:inline;*zoom:1;margin:0 17px;font-size:12px;font-weight:normal;color:#666;}
.main-newarc-title .share-p font{color:#999;text-transform:uppercase;margin-right:4px;}
.main-newarc-title .bdsharebuttonbox{display:inline-block;*display:inline;*zoom:1;vertical-align:text-top;position:relative;top:-2px;left:-18px;}
/*----------------------------------join-------------------------------*/
.middle_zxns {width: 100%;min-height: 45px;margin: 0 auto 0;text-align: center;background-color: #eef2f5;color: #333;font-size: 14px;font-weight: bold;}
.middle_zxns span {width: 20%;height: 45px;line-height: 45px;display: block;float: left;}
.middle_list {height: 55px;line-height: 55px; border-bottom:1px #dedede dashed;}
.middle_list span {width: 20%;display: block;float: left; background:#fff;text-align: center;color:#333;}
.details { background:#fff;color:#666;padding:7px 18px; border-radius:4px;} 
.details:hover {color:#007ab5;}


.join,.join3{ height:44px; line-height:44px; width:100%;}
.join {font-weight:bold;}
.join8{ line-height:44px; width:100%;background:#f1f1f1;}
.join8 a{ width:100%; display:block;}
.join10{ line-height:44px; width:100%;border-bottom:1px solid #dedede;}
.join{ border-bottom:1px solid #dedede;}
.join1{ float:left; color:#333;}
.ming{ width:30%; text-align:left;}
.qixian{ width:30%; text-align:left;}
.xueli{ width:20%; text-align:left;}
.join3{ color:#666; font-size:13px;}
.join6{width:430px; vertical-align:top; background:#efeff4; padding:2%; border:3px solid #fff;}
.join5{ margin-top:5px;margin-bottom: 10px;}
.join6 h3{ text-align:center; font-size:14px;}
.join6 p{ font-size:13px; line-height:28px;}
.join3{background:url(../images/sprite.png) right 16px no-repeat;display: block;}
.join3.open {background-position: right -22px;}
/*----------------------------------join_details-------------------------------*/
.pa_left_mid {padding: 20px 0 0 0;}
.pa_left_top h3 {line-height: 30px;color: #333;font-size: 16px; font-weight:bold;}
.pa_left_top ul {min-height: 50px;border-bottom: 1px #e7e7e7 dashed;}
.pa_left_top ul li {float: left;color: #707070;width:20%;font-size: 14px;line-height: 30px;}

/*---------------------------------case-----------------------------------*/
.news_pic3 { width:300px;height:198px; overflow:hidden;}
.news_content2 li { height:198px; overflow:hidden;}
.news_content2 .news_info2 { width:765px;height:198px; overflow:hidden;}

/*---------------------------------product_details-----------------------------------*/
.sp-loading {text-align: center;max-width: 270px;padding: 15px;border: 5px solid #eee;border-radius: 3px;font-size: 12px;color: #888;}
.sp-wrap {display: none;line-height: 0;font-size: 0;border-radius: 3px;position: relative;margin: 0 25px 15px 0;float: left;max-width: 400px;}
.sp-thumbs {text-align: left;display: inline-block;    margin-right: -8px;}
.sp-thumbs img {height: 59px;width: 59px;}
.sp-thumbs a, .sp-thumbs a {width: 59px;height: 59px;margin-right: 7px;margin-top:8px;overflow: hidden;opacity: .8;display: inline-block;background-size: cover;background-position: center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.sp-thumbs a:hover {opacity: 1;}
.sp-thumbs a, .sp-current {opacity: 1!important;position: relative;    width: 59px;height: 59px;border:1px #dedede solid;}
.sp-thumbs a img,.sp-current img {width: 60px;height: 60px;}
.sp-large {position: relative;overflow: hidden;top: 0;left: 0;}
.sp-large a img {max-width: 100%;height: auto;}
.sp-large a {display: block;}
.sp-zoom {position: absolute;left: -50%;top: -50%;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;display: none;}
.sp-lightbox {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgb(0, 0, 0);background: rgba(0, 0, 0, .9);z-index: 500;display: none;cursor: pointer;    z-index: 99999;}
.sp-lightbox img {	position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;max-width: 90%;max-height: 90%;border: 2px solid #fff;}
#sp-prev {position: absolute;top: 50%;margin-top: -25px;z-index: 501;color: #fff;text-decoration: none;background:url(../images/caritarrow.png) left center no-repeat;width: 30px;height: 50px;transition: .2s; overflow:hidden;}
 #sp-next{position: absolute;top: 50%;margin-top: -25px;z-index: 501;color: #fff;text-decoration: none;background:url(../images/caritarrow.png) right center no-repeat;width: 30px;height: 50px;transition: .2s; overflow:hidden;}
#sp-prev {left: 10px;}
#sp-next {right: 10px;}
ul.right { width:425px;float:right; }
ul.right p,ul.right span {font-family:"微软雅黑" !important;}
.right li { line-height:32px;}
.right h3 { padding-bottom:15px;border-bottom: 1px dashed #999;margin-bottom:15px; font-size:16px; color:#333;padding-top:10px;  }
.button { background:#007ab5;border:0;cursor:pointer;color:#fff;margin-top:20px;height:45px; line-height:45px;width:150px; text-align:center;}
.button4 { margin-left:10px;background:#038648}
.button4:hover {background:#039953 !important;font-size:13px !important; }

.button{ color:#fff;display:block;font-size:16px; float:left;}
.button:hover { background:#107ed5;}
.xiangqing{ margin-top:20px;}
.xiangqing3 p{font-size:18px; font-weight:bold; }
.xiangqing3{border-top:1px solid #dedede;width:100%;padding-top:20px;}
.xiangqing4{ padding:20px 0; line-height:22px; font-size:14px; color:#444;-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;}
/* 本例子css */
.sideMenu { width:216px;}
.sideMenu h3{ height:44px; line-height:44px; padding-left:13px;  border-bottom:2px solid #f4f8fb; background:#eef2f5; cursor:pointer; font-weight:normal;font-size: 14px;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:44px;   background:url(../images/icoAdd.png) 16px 18px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -51px; }
.sideMenu ul{ padding:8px 25px; color:#666; display:none; background:#f9f9f9; line-height:30px;}
/*-------product-------*/
.product_list { margin-right:-20px;}
.product_list li { width:275px;float:left;margin-right:20px;margin-bottom:20px;}
.product_list li img { width:275px;display:block;height: 275px;}
.product_list .lay_info {  text-align:center; line-height:42px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.list_side .list_current a,.list_side a:hover{ color:#007ab5; display:block;}


/*-------contact-------*/
.contactDiv{padding-bottom:80px;}
.contactDiv .ch{overflow:hidden;float:left;}
.contactDiv .ch01{width:290px;padding-top:25px;}
.contactDiv .ch03{width:660px;}.contactDiv .ch02,.contactDiv .ch04{width:430px;margin-right:145px;}
.contactDiv .ch .title{color:#1c75bc;line-height:32px;font-weight:bold;font-size:24px;margin-bottom:26px;}
.contactDiv .ch01 p{line-height:30px;margin-bottom:10px;color:#666;font-size:14px;}
.contactDiv .ch01 .tel{padding-left:42px;}
.contactDiv .ch01 .tel{background:url(../images/icons.png) no-repeat -10px -600px;}
.contactDiv .ch02 p{font-size:14px;color:#666;line-height:30px;}
.contactDiv .ch02 p a{color:#1c75bc;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word; }
/*----------------------------customized--------------------------------------*/
.customized { margin:0 auto; width:1020px;padding:30px 40px;  background: #fff;-webkit-box-shadow:0 0 10px 5px #e8e8e8;  -moz-box-shadow:0 0 10px 5px #e8e8e8;  box-shadow:0 0 10px 5px #e8e8e8;}
.customized h3 { text-align:center;font-size:22px;padding-bottom:45px;}
.customized .input input{border: 1px solid #ccc;width: 300px;height: 26px;font-size: 14px;color: #777;margin: 0 0 0 8px;padding: 5px;}
.customized .name input,.customized .name input2 {border: 1px solid #ccc;width: 300px;height: 26px;font-size: 14px;color: #999;margin: 0 0 0 8px;padding: 5px;}
.customized .name textarea{border: 1px solid #ccc;width: 300px; line-height:24px;font-size: 14px;color: #999;margin: 0 0 0 8px;padding: 5px;}
.customized .name,.customized .name2 { margin-bottom:15px;display: inline-block;*display:inline;*zoom:1;}
.input {display: inline-block;*display:inline;*zoom:1;width: 49%;line-height:30px;margin-bottom: 15px;}
.customized .input label { width:70px;display: inline-block;*display:inline;*zoom:1;}
.customized .radio input { margin:0 5px 0 10px;}
.customized .radio span { margin:0 8px 0 0;}
.customized .radio label { width:70px;display: inline-block;*display:inline;*zoom:1;}
.customized .radio { margin-bottom:15px;}
#from-science,#from-science2 {border: 1px solid #fff;border-bottom: 1px solid #ccc;margin:0 5px;padding:0 5px;height:20px;}
.strong { border-top:1px dashed #dedede;margin-top:25px;padding-top:13px;padding-bottom:10px;line-height:50px;font-size:15px;}
.customized .name2 { width:344px;}
.customized .name2 input,.radio #from-timetext {color:#777;border: 1px solid #fff;border-bottom: 1px solid #ccc;margin:0 5px;padding:0 5px;height:20px;}
.name2 input,.none {outline: none;}
.button2 {padding:12px 40px;color:#fff;font-size:16px; background:#007ab5; cursor:pointer;}
.button2:hover { background:#107ed5;}
.tel2 { line-height:45px;font-size:16px;font-weight:bold;color:#007ab5;margin-left:15px;}
.button3 { margin:30px 0;}


/*----------------------------style--------------------------------------*/

.aboutcompany {  padding-top:30px;}
.aboutcompany p { text-align:center;line-height:34px;}
.aboutcompany p a:hover { color:#3ac99f;}
.list3 { margin-right:-15px;}
.aboutcompany h3 { text-align:center;padding-top:40px;color:#3ac99f;font-size:24px;padding-bottom:30px;}
.aboutcompany .item5 {margin-right:15px;padding-bottom:15px;width: 278px;float: left;}
.aboutcompany .item5 img {display: block;width: 100%;height: 170px;}

/* 客服 */
.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:46px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:46px;display:block;background:url(../images/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:154px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:154px;display:block;background:url(../images/suspend.png) -40px -47px;overflow:hidden;}
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}


/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{margin:0px auto;width:1200px;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left top;margin:87px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left -28px;margin:87px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail div.detailimg{width:250px;height:112px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:250px;height:112px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:156px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;background:url(../images/checkdetail.png) no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left -56px;margin:87px 0px 0px 30px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left -84px;margin:87px 0px 0px 30px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1100px;height:216px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:250px;margin-left:26px;}

/*-- message --*/
.lay_info h2 { font-size:14px;line-height:26px;font-weight:normal;padding-bottom:25px;}
.lay_info .input { width:100%;display:block;}
.lay_info .input input {border: 1px solid #ccc;width: 400px;height: 26px;font-size: 14px;color: #777;margin: 0 0 0 8px;padding: 5px;}
.lay_info .input textarea {border: 1px solid #ccc;width: 770px;font-size: 14px;color: #777;margin: 0 0 0 8px;padding: 5px; vertical-align:top;line-height:26px;}
.font { cursor:pointer;}
.submit_box { margin-left:82px;}
.lay_info .submit,.lay_info .reset {width: 110px;height: 40px;color: #fff;font-size: 16px;text-align: center;border: none;cursor: pointer;background: #007ab5;margin-top: 10px;margin-bottom: 30px;margin-right:6px;}
.lay_info .reset { background:#ccc;}

.sideMenu a { display:block;}
/* Tweak styles for small viewports */


/* 本例子css */
.slideGroup{ width:1200px;text-align:left;  }
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:0px 0 10px 52px; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:102px; display:block; width:21px; height:28px; background:url(../images/arrowhead.png) no-repeat left top; overflow:hidden; }
.slideGroup .sNext{ left:auto; right:10px; background:url(../images/arrowhead.png) no-repeat left -56px; top:102px; }
.slideGroup .sPrev:hover{ background:url(../images/arrowhead.png) no-repeat left -28px;  }
.slideGroup .sNext:hover{background:url(../images/arrowhead.png) no-repeat left -84px;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ float:left; _display:inline; overflow:hidden;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }

/* service */
#zhezhao_box { position:relative;width:320px;border: 1px solid #ccc;background: #fff;-webkit-box-shadow: 0 0 10px 5px #ccc;-moz-box-shadow: 0 0 10px 5px #ccc;box-shadow: 0 0 10px 5px #ccc;margin:0 auto;padding: 70px;position:fixed;top:180px;left:42%;}
.zhezhao {  }
.close { position:absolute;top:0px;right:5px;float:right; font-size:18px;}	
.close a {color:#F00;}
.zhezhao h3 { font-weight:normal;font-size:20px;color:#555;margin-bottom:30px; text-align:center;}
.co_bg { text-align:center;background:url(../images/qr_bg.jpg) no-repeat center;height:180px;}
.co_bg img { margin-top:10px;width:160px;height:160px;}	
.list_down_tb {border-collapse: collapse;border-spacing: 0;width: 100%;text-align: center; border:1px solid #dedede;}
.list_down_tb tr .jobs_t1 {text-align: left;padding-left: 20px;}
.list_down_tb th {font-size: 14px;font-weight: bold;padding: 10px 5px;border-style: solid;
word-break: normal;border-color: #fff;background-color: #007ab5;color:#fff;}
.list_down_tb td {font-size: 12px;padding: 10px 5px;word-break: normal;border-bottom: 1px dotted #999;color: #444;}
.download_box img{ width:20px; height:20px;}
.list_diwn2{ background:#f1f1f1;}
.box{ width:220px;}
.hon-bg p { 
    color: #666;
    display: none;
    background: #f9f9f9;
    line-height: 30px;}
@media screen and (max-width: 400px) {
	.sp-wrap {
		margin: 0 0 15px 0;
	}
	#sp-prev, #sp-next {
		top: auto;
		margin-top: 0;
		bottom: 25px;
	}
}


@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animatio                                            Vn:saAni 0.4s linear 0s normal none;}
@-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);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }