@charset "utf-8";
/* CSS Document */
.hr_25{ margin-top:25px;}
.hr_10{ margin-top:10px;}
.hr_20{ margin-top:20px;}
.hr_80{ margin-top:80px;}
body{font-family: "Microsoft YaHei","微软雅黑",tahoma,sans-serif; font-size:14px; color:#333; }
.comwidth{ width:1200px; margin:0 auto;}
a{text-decoration:none; color:#333;}
a:hover{color:#119CFA;}

/*头部*/

.top-blank {height: 125px;overflow: hidden;background: 0 0;}
.top-head {height: 132px;position: fixed;top: 0;width: 100%;z-index: 1000;background: 0 0;}
/*.shadow {width: 100%;height: 7px;font-size: 0;overflow: hidden;background: url(../images/nav_shadow.png) repeat-x;}
*/.top01 {width: 100%;height: 30px;line-height: 30px;background: #8AC6D1;color: #fff;overflow: hidden;}
.top01_center {text-align: left;float: right;}
.top01_center img {float: left;margin-top: 3px;}
.top02 {height: 95px;width: 100%;}
.logo {width: 365px;float: left;padding-top: 25px; }
.nav {width: 770px;float: right;}
.nav ul{width: 780px;}
.nav li{width:120px;margin: 0 5px 0 5px;float: left;text-align: center;position: relative;}
.nav a {width:120px;height: 42px;padding-top: 50px;display: block;font-size: 1.33em;color:#686868;}
.nav li a:after {content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;
background-color: #5B2E35;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after {left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav a#sel{border-bottom: 3px solid #5B2E35;color: #5B2E35;}
.nav a#sel:hover:after {opacity: 0;}
.nav .sub {display: none;width: 100%;padding: 0;position: fixed;top: 125px;overflow: hidden;text-align: left;z-index: 110; left: 0;background-color: #BBDED6;}
.nav .sub .nav_xiao {width: 1200px;overflow: hidden;padding-top: 5px;margin: 0 auto;padding-bottom: 50px;}
.nav .sub .nav_xiao .xiao_one {width: 760px;float: right;overflow: hidden;}
.nav .sub .nav_xiao .xiao_one a {float: left;display: inline;height: 28px;line-height: 28px;width: 108px;margin-right: 12px;overflow: hidden;
border-bottom: 1px solid #d3d2d2;color: #313030;background: url(../images/201603/nav_dian.jpg) left center no-repeat;padding: 0;padding-left: 15px;
margin-top: 13px;font-size: 12px;font-family:;}
.nav .sub .nav_xiao .xiao_one a:hover {color: #f3782a;}
.nav .sub .nav_xiao .xiao_two {margin-top: 28px;width: 760px;float: right;}
.nav .sub .nav_xiao .xiao_two img {float: left;margin-right: 25px;}
.nav .sub .nav_xiao .xiao_two .nav_div {float: left;width: 380px;padding-top: 30px;font-size: 12px;color: #666;line-height: 22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2 {font-size: 16px;color: #f3782a;font-weight: 400;letter-spacing: 1px;line-height: 36px;}
.nav .sub .nav_xiao .xiao_three {width: 760px;float: right;overflow: hidden;}
.nav .sub .nav_xiao .xiao_three ul {width: 790px;}
.nav .sub .nav_xiao .xiao_three ul li {float: left;display: inline;width: 172px;height: 190px;overflow: hidden;margin-right: 19px;text-align: center;
position: inherit;line-height: 46px;margin-left: 0;}
.nav .sub .nav_xiao .xiao_three ul li img {width: 100%;height: 138px;display: block;}
.nav .sub .nav_xiao .xiao_three ul li a {color: #686868;width: 100%;font-size: 14px;height: 100%;padding-top: 17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover {color: #f3782a;}
.nav .sub .nav_xiao .xiao_three ul li:hover img {opacity: .8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li {width: 195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img {width: 195px;height: 138px;}
.nav .sub .nav_xiao .xiao_four {width: 512px;overflow: hidden;margin-right: 25px;margin-left: 55px;}
.nav .sub .nav_xiao .xiao_four h2 {font-size: 18px;font-weight: 400;color: #fff;height: 50px;line-height: 50px; border-bottom: 1px solid #fff;letter-spacing: 3px;margin-top: 10px;}
.nav .sub .nav_xiao .xiao_four .ul {width: 590px;}
.nav .sub .nav_xiao .xiao_four .ul li {height: 42px;line-height: 42px;margin-right: 80px;padding-right: 10px;width: 205px;
overflow: hidden;float: left;display: inline;background: url(../images/nav_dian2.png) right center no-repeat;margin-left: 0;
position: inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a {padding: 0;width: 205px;text-align: left;}
.nav .sub .nav_xiao .xiao_five {width: 680px;overflow: hidden;float: left;margin-top: 15px;margin-left: 50px;}
.nav .sub .nav_xiao .xiao_five img {width: 280px;height: 212px;}
.nav .sub .nav_xiao .xiao_five a {width: 280px;height: 212px;padding: 0;margin-right: 45px;float: left;}
.nav .sub .nav_xiao .xiao_five2 {float: right;margin-right: 20px;text-align: left;width: 445px;margin-top: 15px;}
.nav .sub .nav_xiao .xiao_five2 p {border-bottom: 1px solid #d9d9d9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a {text-align: left;width: 200px;display: inline-block;padding-top: 0;height: auto;padding: 5px 0;font-size: 14px;}
.nav .sub .nav_xiao .xiao_six_l {float: left;width: 140px;margin-left: 70px;overflow: hidden;margin-top: 35px;}
.nav .sub .nav_xiao .xiao_six_l a {display: block;height: 46px;line-height: 46px;font-size: 16px;color: #333;padding-left: 20px;
background: url(../images/yuming_pic9.png) left center no-repeat;padding-top: 0;}
.nav .sub .nav_xiao .xiao_six_l a.osel {background: url(../images/yuming_pic9_on.png) left center no-repeat;color: #f3782a;}
.nav .sub .nav_xiao .xiao_six_r {float: left;width: 990px;overflow: hidden;text-align: center;}
.nav .sub .nav_xiao .xiao_six_r img {display: block;margin: 0 auto;margin-bottom: 32px;transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a {float: left;width: 140px;height: auto;border-left: 1px solid #e2e3e3;padding-top: 0;margin-top: 50px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img {margin-top: -4px;margin-bottom: 36px;}

/*banner*/
div.swipe-wrapper{ width: 100%; overflow: hidden; position: relative; z-index:99px;  }
div.swipe-wrapper li{ width: 100%; }
div.swipe-wrapper li img{ width: 100%;}
div.swipe-wrapper .dots{ width: 100%; text-align: center; padding: 24px 0; position: absolute; left: 0; bottom: 0; z-index: 99; }
div.swipe-wrapper .dots span{ display: inline-block; width: 63px; height: 5px; margin: 0 5px; background:url(../images/br_dot.png) no-repeat top center; cursor: pointer; }
div.swipe-wrapper .dots span.act{ width: 63px; background-image:url(../images/br_dot_hover.png); }
div.swipe-wrapper .btns{ width: 62px; height: 62px; background: no-repeat left center; position: absolute; top: 50%; margin-top: -31px; z-index: 99; cursor: pointer; }

/*内容*/
.title h1{ font-size:30px; color:#000; text-align:center;}
.line{ width:60px; height:2px; background:#5B2E35; margin:10px auto;}
.title h2{ font-size:14px; color:#515151; text-align:center;}

.box1 p{ width:1000px; margin:0 auto; font-size:14px; color:#515151;  }
.box1 ul{ width:100%;}
.box1 ul li{ float:left; width:316px; padding:30px; border:1px solid #ebebeb; margin-right:32px; margin-top:30px;}
.box1 ul li .box1_img{ width:100%;}
.box1 ul li .box1_img img{ width:100%;}
.box1 ul li .box1_txt{ margin-top:20px;}
.box1 ul li:last-child{ margin-right:0;}
.box1 ul li h3{ font-size:18px; color:#000; text-align:center;}
.box1 ul li .box1_line{ font-size:18px; font-weight:bold; color:#00a8ef; text-align:center; }
.box1 ul li h4{ font-size:14px; color:#535b5e; text-align:center;}

.box2{ width:100%; height:550px; background:url(../images/box2_bg.jpg) no-repeat;}
.box2 .title{ padding-top:65px;}
.box2 .title h1{ color:#fff;}
.box2 .title h2{ color:#fff;}

.box2 ul{ padding-top:80px;}
.box2 ul li{ float:left; width:240px; text-align:center; background:url(../images/box2_icon.png) no-repeat right center;}
.box2 ul li:last-child{ background:none;}
.box2 ul li p{ color:#fff; font-size:18px; line-height:60px;}

.box3 ul{ margin-top:50px;}
.box3 ul li{ float:left; width:300px; text-align:center;}
.box3 ul li p{ font-size:18px; color:#333; line-height:50px;}
.box3 ul li h5{font-size:14px; color:#666;}

.box4 ul{ margin-top:40px;}
.box4 ul li{ float:left;margin-top:20px; width:590px; height:125px; }
.box4 ul li .box4_img{ width:168px;}
.box4 ul li .box4_img img{ width:100%; height:150px;}
.box4 ul li .box4_txt{ padding-left:20px; width:400px;}
.box4 ul li h1{ font-size:18px; color:#333;width: 20em; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.box4 ul li p{ font-size:14px; color:#999;}
.box4 ul li:nth-child(2n){ padding-left:10px;}

.box5{ width:100%; background:url(../images/box5_bg.jpg) no-repeat; height:540px; }
.box5 .title{ padding-top:65px;}
.box5 .title h1{ color:#fff;}
.box5 .title h2{ color:#fff;}
/*.box5 ul{ margin-top:20px;}
.box5 ul li{ float:left; width:220px; text-align:center; line-height:115px;background:#fff; height:115px; margin-right:20px; margin-top:20px;}
.box5 ul li:nth-child(5n){margin-right:0;}*/
.box5 ul{ width:100%; margin:20px auto 0;}
/*.box5 ul li{float:left; width:250px; text-align:center; line-height:165px;background-color:rgba(255,255,255,0.5); height:165px; margin-right:100px; margin-top:20px;}*/
.box5 ul li img{ width:100%;}
.box5 ul li:nth-child(4n){margin-right:0;}
.box5 .more{ width:110px; height:42px; margin:55px auto 0; text-align:center; line-height:42px; background:#00a8ef; color:#fff;}
.box5 .more a{ font-size:16px; color:#fff;}

/* 本例子css */
.picScroll-left2{ width:1200px; margin:0 auto;  overflow:hidden; position:relative; }
.picScroll-left2 .hd{ overflow:hidden; width:100%; text-align:center; }
.picScroll-left2 .hd ul{ width:50px; margin:0 auto; overflow:hidden; zoom:1; margin-top:20px; zoom:1; text-align:center; }
.picScroll-left2 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#cdcdcd; border-radius:50%; }
.picScroll-left2 .hd ul li.on{ background:#44403f; }
.picScroll-left2 .bd{ margin-top:40px;}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{ margin-right:24px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left2 .bd ul li .pic{ text-align:center; width:270px; height:200px; background-color:rgba(255,255,255,0.5); padding:5px;}
.picScroll-left2 .bd ul li .pic img{ width:100%; display:block; height:200px;  }
.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }

/* 本例子css */
.picScroll-left{ width:1200px;  overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden; width:100%; text-align:center; }
.picScroll-left .hd ul{ width:50px; margin:0 auto; overflow:hidden; zoom:1; margin-top:20px; zoom:1; text-align:center; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#cdcdcd; border-radius:50%; }
.picScroll-left .hd ul li.on{ background:#44403f; }
.picScroll-left .bd{ margin-top:60px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:24px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; width:282px; height:260px; }
.picScroll-left .bd ul li .pic p{ text-align:center; font-size:15px; line-height:36px; }
.picScroll-left .bd ul li .pic img{ width:100%; display:block; height:220px;  }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

.box6 .more{ width:110px; height:42px; margin:35px auto 0; text-align:center; line-height:42px; background:#00a8ef; color:#fff;}
.box6 .more a{ font-size:16px; color:#fff;}

.footer{ background:#BBDED6; height:230px;}
.footer ul{ padding-top:40px;}
.footer ul li{ padding:0 50px; height:171px;float: left; border-right:1px solid #ffffff;}
.footer ul li:first-child{ padding-left:0;}

.footer ul li p{font-size: 16px;color: #ffffff;line-height: 51px;}
.footer ul li a{display: block;width: 100%;color: #fff;font-size: 14px; line-height:30px;filter:alpha(opacity=30);transition:all 0.3s linear;}
.footer .code{ padding-top:40px; width:90px; text-align:center; padding-left:30px; }
.footer .code p{ font-size: 14px;color: #ffffff; line-height:36px;}
.footer .footer_txt{ color:#fff; font-size:16px; text-align:right; padding-top:100px;}
.footer .footer_txt p{ color:#fff; font-size:24px;}

.foot{ background:#8AC6D1; height:80px; line-height:80px; text-align:center;}
.foot p{ color:#fff; font-size:14px;}
.foot a{color:#fff; }

/*---------------------二级页面---------------------*/
/*ban*/
.ban{width:100%;height:240px;background:url("../images/ban.jpg") no-repeat center center;}
.ban-con{position:absolute;top:80px;right:0;animation-duration:1.4s;}

.suBan{width:100%;height:240px;position:relative;}
.suPics{width:100%;height:240px;position:relative;overflow:hidden;}
.suPics li{width:100%;height:240px;float:left;}
.suIdxs{position:absolute;right:20px;top:-30px;z-index:10;}
.suIdxs li{float: left;margin-left: 10px;width: 8px;height: 8px;border-radius: 13px;border: 2px solid #26a2ae;cursor: pointer;-webkit-transition:all .3ms;-moz-transition:all .3s;transition:all .3s;text-indent:-999px;overflow:hidden;cursor:pointer;}
.suIdxs li.on{background:#26a2ae;}

/*subBan*/
.subBan{width:100%;height:62px; border-bottom:2px solid #e5e5e5;}
.submask{width:62px;height:10px;position:absolute;right:0;bottom:-2px; background:#fff;}
.submenu{float:left;}
.submenu i{width:62px;height:62px;background:url("../images/submenu-1.jpg") no-repeat center center;float:left;}
.submenu a{font-size:13px;color:#848181;line-height:62px;padding:0 	12px 0 20px;float:left;font-weight:bold;}
.submenu span{padding-left:15px;font-size:13px;color:#0b94d8;font-weight:bold; line-height:62px; float:left;background:url("../images/submenu-2.jpg") no-repeat left center;}

.subNav{float:right;position:relative;height:62px;}
.subNav li{float:left;padding:0 5px;line-height:62px;}
.subNav li a{font-size:13px;color:#848181;padding:0 5px;font-weight:bold;}
.subNav .sub-navslip{position:absolute;width:0;height:2px; background:#0b94d8;bottom:-2px;left:15px;    
	background:-webkit-gradient(linear,115% 0%, 0% 100%, from(#fff), to(#FFFFFF), color-stop(0.5,#0b94d8));}

/*关于我们*/
.main{ background:#f6f6f6;}
.about,.case,.news,.fzlc{ padding:70px 0;}
.about_img{ width:580px;}
.about_txt{ width:570px; margin-top:50px; font-size:16px; color:#888; line-height:24px;}
.about_con{ margin-top:30px;}
.about_con p{  font-size:14px; color:#888; line-height:24px;}

/*成功案例*/
dl.top{ overflow:hidden; width:100%; background:#fff; height:233px; margin-bottom:20px;}
dl.top dt{ overflow:hidden; float:left; width:350px; height:233px;}
dl.top dd{ overflow:hidden; float:right; width:770px; margin-right:30px; padding-top:30px;}
dl.top dd h4{ font-size:18px; font-weight:bold; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
dl.top dd h4 a{ color:#333;}
dl.top dd p{ font-size:14px; color:#999; line-height:26px; overflow:hidden; text-align:justify; margin-bottom:10px;}
dl.top dd a{text-decoration:none;}
dl.top dd .more{ display:block; width:120px; height:38px; line-height:38px; text-align:center; font-size:14px; color:#666; font-family:Arial; border:1px solid #e9e9e9; border-radius:20px; text-decoration:none}
dl.top:hover .more{ color:#fff; border-color:#5B2E35; background-color:#5B2E35;}
dl.top:hover h4 a{ color:#5B2E35}
dl.top.last{ margin-bottom:0}

/*分页*/
.Paging{ overflow: hidden; width: 100%; text-align: center;padding-top:50px;}
.Paging a{ display: inline-block; height: 38px; line-height: 38px;border: 1px solid #c8c8c8; border-radius: 5px;; margin: 0 5px; font-size: 15px; color: #999; padding: 0 15px; text-decoration: none; background-color: #fff;}
.Paging a{ *display: inline}
.Paging a:hover,.Paging a.cur{ background-color: #5B2E35; border-color: #5B2E35; color: #fff}
.fenye{padding-bottom: 30px;}

/*资讯*/
dl.news_con{ overflow:hidden; width:100%; background:#fff; height:233px; margin-bottom:20px;}
dl.news_con dt{ overflow:hidden; float:left; padding-left:40px; padding-top:30px; width:220px; height:127px;}
dl.news_con dd{ overflow:hidden; float:right; width:880px; margin-right:30px; padding-top:30px;}
dl.news_con dd h4{ font-size:20px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
dl.news_con dd h4 a{ color:#000;}
dl.news_con dd p{ font-size:13px; color:#666; line-height:24px; overflow:hidden; text-align:justify; margin-bottom:10px;}
dl.news_con dd a{text-decoration:none;}
dl.news_con dd .more{ display:block; width:120px; height:38px; line-height:38px; text-align:center; font-size:14px; color:#666; font-family:Arial; border:1px solid #e9e9e9; border-radius:20px; text-decoration:none}
dl.news_con:hover .more{ color:#fff; border-color:#5B2E35; background-color:#5B2E35;}
dl.news_con:hover h4 a{ color:#5B2E35;}
dl.news_con.last{ margin-bottom:0;}

.news .new_x { background: #f6f6f6; }
.news .new_x div.fl { width: 1200px; padding: 50px 40px; background: #fff; box-sizing: border-box; }
.news .new_x .nx_tit { border-bottom: 1px solid #eee; }
.news .new_x .nx_tit h4 { margin-bottom: 30px; font-size: 24px; color: #333; font-weight: bold; text-align:center; }
.news .new_x .nx_mian { padding: 30px 0; }
.news .new_x .nx_mian p { font-size: 14px; color: #666; line-height: 24px;text-indent: 28px;}
.news .new_x .nx_mian h6 { font-size: 16px; color: #000; line-height: 30px; }
.news .new_x .nx_bottom { padding-top: 40px; border-top: 1px solid #eee; }
.news .new_x .nx_bottom span.fl { width: calc(100% - 170px); }
.news .new_x .nx_bottom span.fl em { display: block; font-size: 14px; color: #666; line-height: 27px; font-style:normal;}
.news .new_x .nx_bottom span.fl em a { display: inline-block; width: calc(100% - 4em); font-size: 14px; color: #333; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news .new_x .nx_bottom span.fl em a:hover { color: #0281CC; }
.news .new_x .nx_bottom a.fr { width: 140px; height: 54px; background: #999; font-size: 14px; color: #fff; text-align: center; line-height: 54px; }
.news .new_x .nx_bottom a.fr i { display: inline-block; margin-right: 10px; font-size: 20px; vertical-align: middle; }
.news .new_x .nx_bottom a.fr:hover { background: #0281CC; }

/*fzlc*/
.fzlc {background: #f3f3f3;padding-bottom: 50px;}
.fzlc .container {background: #fff;padding:70px 0 50px 0;position: relative;}
.fzlc .fzlc_con {margin-left:110px;width: 980px;}

.fzlc .menu{width: 100%;position: relative;}
.fzlc .menu i{display: block;width: 44px;height: 44px;overflow: hidden; position: absolute;top: 25px;z-index: 99;}
.fzlc .menu i.prev{left:-45px;background: url(../images/ty03.png) no-repeat center;}
.fzlc .menu i.prev span {display: block;width: 7px;height: 12px;margin: 16px auto; background: url(../images/pagejtl.png) no-repeat left center;}

.fzlc .menu i.next{right: -45px;background: url(../images/ty03.png) no-repeat center;}
.fzlc .menu i.next span {display: block;width: 7px;height: 12px;margin: 16px auto; background: url(../images/pagejtr.png) no-repeat left center;}
.fzlc .menu .box{width: 94%;margin: 0 auto;overflow: hidden;position: relative;z-index: 10;}
.fzlc .menu .box ul{width: 117%;position: absolute;top: 0;left: 0;text-align: center;}
.fzlc .menu li{float: left;width: 75px; padding-right: 60px;text-align: center;position: relative;z-index: 9;top: -3px;;}
.fzlc .menu li b{font-size: 24px;color: #999999;}
.fzlc .menu li span{display: block;width: 9px;height: 9px;margin: 16px auto 0;background: url(../images/fzlcty.jpg) no-repeat left center;position: relative;}

.fzlc .menu li.on b{color: #a41018;font-size: 24px;}
.fzlc .menu li.on span{background: url(../images/fzlcty.jpg) no-repeat right center;}
.fzlc .menu em{width: 100%;border-bottom: 1px dotted #cccccc;display: block;position: relative;top: -8px;*top:-23px;}
.fzlc .conBox{margin:50px auto 0;position: relative;height: 350px;padding-left: 520px;}
.fzlc .conBox img {display: block;width: 470px;height: 330px;left: 0;top: 0;position: absolute;}
.fzlc .conBox h3{font-size: 30px;color: #a41018;font-weight: normal;padding-left: 15px;}
.fzlc .conBox p{font-size: 15px;color: #333333;line-height: 24px;margin-top: 20px;padding-left: 15px;}

/*右侧漂浮效果*/
/*.side{position:fixed;width:54px;height:275px;right:0px;bottom:170px;z-index:1000;}
.side ul li{width:54px;height:54px;float:left;position:relative;margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#00579c;opacity:1;filter:Alpha(opacity=100);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#00579c;opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#00579c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side .erweima{position:absolute;right:50px;bottom:0px;background:#FFF;display:none;}*/

/* 侧边悬浮导航 */
/*.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#0085cd;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center;}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}
*/

/* 本例子css */
.slideTxtBox{ width:100%; height:760px; }
.slideTxtBox .hd{ width:1300px; margin:auto; position:relative; z-index:999; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; top:100px;}
.slideTxtBox .hd ul li{ float:left; font-size:22px; cursor:pointer; border-bottom:2px #cccccc solid; padding-bottom:12px; padding:15px; }
.slideTxtBox .hd ul li.on{ border-bottom:2px #0b94d8 solid; color:#0b94d8;}

.slideTxtBox .bd .box{ width:100%; height:760px}
.slideTxtBox .bd .box .wenzi{ width:1300px; margin:auto; padding-top:300px;}
.slideTxtBox .bd .box .wenzi h6{ font-size:26px; font-weight:normal;}
.slideTxtBox .bd .box .wenzi p{ font-size:16px; color:#666; line-height:28px; padding-top:20px;}


.slideTxtBox1 .hd ul li{ color:#fff;}
.slideTxtBox1 .bd .box .wenzi h6{ font-size:26px; font-weight:normal; color:#fff;}
.slideTxtBox1 .bd .box .wenzi p{ font-size:18px; font-weight:normal; color:#fff;}

/* 漂浮 */
.main-im {position: fixed;right: 10px;top: 300px;	z-index: 100;	width: 140px;	height: 291px}
.main-im .qq-a {display: block;	width: 106px;	height: 116px;	font-size: 14px;color: #fff;
	text-align: center;	position: relative}
.main-im .qq-a span {bottom: 5px;	position: absolute;	width: 90px;left: 25px}
.main-im .qq-hover-c {width: 70px;	height: 70px;border-radius: 35px;position: absolute;	left: 35px;
	top: 10px;	overflow: hidden;	z-index: 9}
.main-im .qq-container {z-index: 99;position: absolute;	width: 140px;height: 118px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 1px solid #ddd;
	/*background: url(../images/qq-icon-bg.png) no-repeat center 8px*/}
.main-im .img-qq {	max-width: 60px;	display: block;	position: absolute;	left: 6px;	top: 3px;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;	transition: all .5s}
.main-im .im-qq:hover .img-qq {	max-width: 70px;	left: 1px;	top: 8px;	position: absolute}
.main-im .im_main {	/*background: #f9fafb;	border: 1px solid #ddd;	border-radius: 10px;*/
	background:url(../images/bg_fixed.png) no-repeat;	/*display: none*/}
.main-im .im_main .im-tel {	color: #fff;	text-align: center;	width: 140px;	height: 105px;	border-bottom: 1px solid #ddd}
.main-im .im_main .im-tel div {	font-weight: 700;	font-size: 12px;	margin-top: 6px}
.main-im .im_main .im-tel .tel-num {font-family: Arial;	font-weight: 700;	color: #fff;}
/*.main-im .im_main .im-tel:hover {	background: #fafafa}*/
.main-im .im_main .weixing-container {	width:70px;	height: 47px;	border-right: 1px solid #ddd;	background: #f5f5f5;
	border-bottom-left-radius: 10px;
	background: url(../images/weixing-icon.png) no-repeat center center;	float: left}
.main-im .im_main .weixing-show {	width: 112px;	height: 172px;	background: #fff;	border-radius: 10px;
	border: 1px solid #ddd;	position: absolute;	left: -125px;top: -126px}
.main-im .im_main .weixing-show .weixing-sanjiao {	width: 0;	height: 0;	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 6px;	left: 112px;	top: 134px;	position: absolute;	z-index: 2}
.main-im .im_main .weixing-show .weixing-sanjiao-big {	width: 0;	height: 0;	border-style: solid;
	border-color: transparent transparent transparent #ddd;
	border-width: 8px;	left: 112px;	top: 132px;	position: absolute}
.main-im .im_main .weixing-show .weixing-ma {
	width: 104px;	height: 103px;	padding-left: 5px;	padding-top: 5px}
.main-im .im_main .weixing-show .weixing-txt {
	position: absolute;	top: 110px;	left: 7px;	width: 100px;	margin: 0 auto;	text-align: center}
.main-im .im_main .go-top {	width: 50px;	height: 47px;	background: #f5f5f5;	border-bottom-right-radius: 10px;
	background: url(../images/totop-icon.png) no-repeat center center;	float: right}
.main-im .im_main .go-top a {	display: block;	width: 70px;	height: 47px}
.main-im .close-im {	position: absolute;	right: 10px;	top: -12px;
	z-index: 100;	width: 24px;	height: 24px}
.main-im .close-im a {	display: block;	width: 24px;	height: 24px;
	background: url(../images/close_im.png) no-repeat left top}
.main-im .close-im a:hover {	text-decoration: none}
.main-im .open-im {	cursor: pointer;margin-left: 68px;	width: 40px;height: 133px;
	background: url(../images/open_im.png) no-repeat left top;}

/*产品列表*/
.incp_bj{ background:#BBDED6; width:100%; padding:20px 0;}
.incp_bj .title{ padding-top:15px;}
.incp_bj .title h1{ color:#fff;}
.incp_bj .title h2{ color:#fff;}

.incp_list{overflow: hidden; width: 100%; background: #fff; margin-bottom: 20px;margin-top: 20px;}
.incp_list li{ width:270px; float:left; padding:10px; margin:5px 5px 0 5px;}
.incp_list li img{ width:100%; height:200px;}
.incp_list li h4{ font-size:16px; text-align:center; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:44px;}
.incp_list li h4 a{ color:#000;}
.incp_list li a{text-decoration:none;}
.incp_list li:hover h4{ color:#fff; border-color:#0b94d8; background-color:#8AC6D1;}
.incp_list li:hover a{ color:#fff; }