@charset "utf-8";
/* CSS Document */
/*清零*/
body{ margin:0; padding:0; background-color:#fff;}
a{ text-decoration:none; margin:0; padding:0;}
*{ font-family:"微软雅黑"; font-size:14px; }
h1,h2,p,h4,h5,h3,h6{ margin:0; padding:0; font-weight:normal;}
img{  border:none;}
.clearfix{clear: both;}
.clear{clear: both;}
ul,li{ list-style:none; margin:0; padding:0;}
input{ border:none; }
.container{width:1200px;margin:0 auto}
/*首页页眉*/

/*导航*/
.header{ width:100%; border-bottom:2px solid #402e27; padding-top:38px;}
.header_center{width:1200px; margin:0 auto;  position:relative;}
.logo{ float:left;  width:345px; height:68px;margin-top:5px; margin-bottom:20px;}
.nav{float:left; width:790px;}
.nav a{ float:left; color:#000; font-size:18px; line-height:92px; width:130px; text-align:center; border-bottom:2px solid #fff;}
.nav a:hover{ color:#834200;border-bottom:2px solid #834200; transition:all ease 0.5s;}
.header_share{ float:left; width:64px; padding-top:41px;}
.header_share .serch_icon{ float:left; padding-right:28px; cursor:pointer;}
.sousuo{ display:none;}
.sear-box{ position:absolute; top:60px; right:-50px; width:500px; z-index:999;}
.sear-boxl{ float:left; width:300px;}
.sear-boxl input{border:1px solid #ccc;font-size:12px;color:#959595;height:50px;width:100%;outline:none;text-indent:25px}
.sear-boxr{width:65px;float:left;margin-left:12px}
.sear-boxr input{width:100%;height:54px;background:#3f4040;color:#fff;font-size:14px;border:none;outline:none;cursor:pointer}
.chahao{position:absolute;width:9px;height:10px;top:0;right:100px}
.header_weixin{ position:absolute; top:60px; right:-70px; z-index:999; display:none;}
.header_weixin img{ width:78px; height:78px; border:1px solid #ccc;}

/*banner*/
.banner_box{ width:100%; overflow:hidden;}
.banner{clear:left; height:600px; overflow:hidden; zoom:1; position:relative; margin-left:-960px; width:1920px; left:50%; z-index:-1;}
.prolists{ position:absolute}
.prolists img{ width:1920px; height:600px; float:left;}
.banner .ctrl{ position:absolute; left:50%; bottom:30px; margin-left:-48px;}
.ctrl span{ float:left; cursor:pointer; width:14px; height:14px; border-radius:50%; background-color:#d5d6d4; margin-left:5px; margin-right:5px; border:4px solid #fff; border:hidden;}
.banner .red{ width:18px; height:18px; border-radius:50%; overflow:hidden; background:url(?images/ctrl_banner.png) no-repeat center scroll; position:relative; bottom:2px;}

/*首页如何选购*/
.choose_box{ height:597px; background:url(?images/choose_bg.jpg) no-repeat center;}
.choose_center{ width:1200px; margin:0 auto;}
.title_box{ position:relative; width:1115px; height:61px; padding-top:74px; margin:0 auto; background:url(?images/title_kuang.png) no-repeat 0 74px;}
.title_box h1{ color:#111; font-size:18px; text-transform:uppercase; text-align:center; line-height:18px;}
.title_box h2{ color:#111; font-size:28px; text-align:center; line-height:56px;}
.choose_con{ position:relative; margin-top:53px;}
.choose{ position:relative; float:left; width:354px; border:1px solid #d1d1d1; background-color:#eff0ea; cursor:pointer; transition:all ease-in-out .3s; margin-right:44px;}
.choose_icon{ width:82px; height:82px; position:absolute; top:24px; left:-41px; background:url(?images/choose_01.png) no-repeat center;  transition:all ease-in-out .5s; }
.choose_icon2{ width:82px; height:82px; position:absolute; top:24px; left:-41px; background:url(?images/choose_03.png) no-repeat center;  transition:all ease-in-out .5s; }
.choose_icon3{ width:82px; height:82px; position:absolute; top:24px; left:-41px; background:url(?images/choose_05.png) no-repeat center;  transition:all ease-in-out .5s; }
.choose_title{ margin-left:43px; width:284px; border-bottom:1px solid #d3c0af; padding-bottom:4px; padding-top:25px;}
.choose_title h1{font-family:"方正正粗黑简体"; font-size:22px; color:#222; float:left; line-height:35px; transition:all ease-in-out .5s; }
.choose_title span{font-size:18px; color:#666666; float:left; line-height:35px;}
.choose_title h2{font-size:14px; color:#666666; float:left; line-height:30px; padding-top:5px;}
.choose .choose_kuai{ width:23px; height:1px; position:absolute; top:64px; left:44px; background-color:#7b6f64; z-index:10;  transition:all ease-in-out .5s; }
.choose_con_text{ margin-left:44px; width:284px; padding-top:5px; padding-bottom:8px;}
.choose_con_text p{ line-height:22px; color:#444;}
.choose:hover .choose_title h1{ color:#834200;}
.choose:hover .choose_icon{ background:url(?images/choose_02.png) no-repeat center; }
.choose:hover .choose_icon2{ background:url(?images/choose_04.png) no-repeat center; }
.choose:hover .choose_icon3{ background:url(?images/choose_06.png) no-repeat center; }
.choose:hover .choose_kuai{ width:195px;}
.choose:hover{box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); position:relative; transform:translate(0,-10px);}

/*首页产品*/
.index_pro_box{ background-color:#fff;}
.index_pro_center{ width:1200px; margin:0 auto; }
.pro_class{ width:1200px; text-align:center; margin-top:40px;}
.pro_class ul li{ display: inline-block; width:84px; height:34px; line-height:34px; border:1px solid #d1d1d1; text-align:center; margin-right:12.5px; color:#666;  transition:all ease-in-out .3s; cursor:pointer;}
.pro_class ul .active-sort1{ border:1px solid #000;}
.pro_class ul li:hover{ color:#111; border:1px solid #000;} 

.index_pro_con{ width:1210px; overflow:hidden; margin-top:38px;}
.index_pro{ float:left; margin-right:10px; margin-bottom:12px; cursor:pointer;}
.index_pro ul .index_pro_img{ width:292px; height:223px; overflow:hidden;}
.index_pro ul .index_pro_img img{ width:292px; height:223px; transform:scale(1); transition:all ease-in-out .5s;}
.index_pro .index_pro_text{ background-color:#362d26; height:64px; transition:all ease-in-out .5s;}
.index_pro .index_pro_text h2{ text-align:center; font-size:16px; color:#bcbcbc; padding-top:12px; transition:all ease-in-out .5s;}
.index_pro .index_pro_text h3{ text-align:center; font-size:12px; color:#bcbcbc; text-transform:uppercase; transition:all ease-in-out .5s;}
.index_pro:hover ul .index_pro_img img{transform:scale(1.2);}
.index_pro:hover .index_pro_text{ background-color:#834200;}
.index_pro:hover .index_pro_text h2{ color:#fff;}
.index_pro:hover .index_pro_text h3{ color:#fff;}


.index_pro_con1{ width:1200px; overflow:hidden; margin-top:38px;}
.index_pro1{ float:left; margin:0 25px; margin-bottom:24px; cursor:pointer;}
.index_pro1 ul .index_pro_img{ width:250px; height:332px; overflow:hidden;}
.index_pro1 ul .index_pro_img img{ width:100%; transform:scale(1); transition:all ease-in-out .5s;}
.index_pro1 .index_pro_text{ background-color:#362d26; height:64px; transition:all ease-in-out .5s;}
.index_pro1 .index_pro_text h2{ text-align:center; font-size:16px; color:#bcbcbc; padding-top:12px; transition:all ease-in-out .5s;}
.index_pro1 .index_pro_text h3{ text-align:center; font-size:12px; color:#bcbcbc; text-transform:uppercase; transition:all ease-in-out .5s;}
.index_pro1:hover ul .index_pro_img img{transform:scale(1.2);}
.index_pro1:hover .index_pro_text{ background-color:#834200;}
.index_pro1:hover .index_pro_text h2{ color:#fff;}
.index_pro1:hover .index_pro_text h3{ color:#fff;}

/*首页关于篮球竞彩app*/
.index_about{height:730px; background:url(?images/about.jpg) no-repeat center; margin-top:60px;}
.index_about_center{ width:1200px; margin:0 auto;}
.index_about_con{ width:572px; margin-top:185px; margin-left:143px; text-align:right; position:relative; cursor:pointer;}
.index_about_con h1{ color:#fff; font-size:24px; text-transform:uppercase;}
.index_about_con h2{ color:#fff; font-size:18px; margin-bottom:8px; margin-top:5px;}
.index_about_con p{ color:#fff; line-height:22px; padding-bottom:10px;}
.index_about_con a img{ width:19px; height:19px; position:absolute; bottom:-40px; right:0; transition:all ease-in-out .5s; }
.index_about_con:hover a img{right:20px;}

/*首页经典案例*/
.index_case{ background-color:#fff;}
.index_case_center{ width:1200px; margin:0 auto; }
.index_case_con{ margin-top:47px; width:1212px;}
.tuijian{ position:relative; float:left; width:582px; height:225px; overflow:hidden; margin-right:24px; margin-bottom:15px; cursor:pointer;}
.tuijian img{ width:582px; height:225px; transform:scale(1); transition:all ease-in-out .5s; }
.tuijian:hover img{transform:scale(1.2);}
.tuijian_kuai{width:582px; height:225px; position:absolute; top:0; left:0; z-index:10; background-color:rgba(0,0,0,0.6); transition:all ease-in-out .5s; opacity:0;} 
.tuijian:hover .tuijian_kuai{ opacity:1;}
.tuijian_kuang{width:600px; height:245px; position:absolute; top:0; left:0; z-index:11; border:1px solid #fff;  transition:all ease-in-out .5s;} 
.tuijian:hover .tuijian_kuang{width:560px; height:205px; top:10px; left:10px;}
.tuijian p{ position:absolute;width:562px; left:0; top:0; font-size:16px;line-height:185px; text-align:center; z-index:20; color:#fff; opacity:0; transition:all ease-in-out .5s;}
.tuijian:hover p{ line-height:225px; opacity:1;}
.case_con{ position:relative; float:left; width:279px; height:225px; overflow:hidden; margin-right:24px;  margin-bottom:15px;cursor:pointer;}
.case_con img{ width:279px; height:225px;transform:scale(1); transition:all ease-in-out .5s; }
.case_con:hover img{transform:scale(1.2);}
.case_kuai{width:279px; height:225px; position:absolute; top:0; left:0; z-index:10; background-color:rgba(0,0,0,0.6); transition:all ease-in-out .5s; opacity:0;} 
.case_con:hover .case_kuai{ opacity:1;}
.case_kuang{width:297px; height:245px; position:absolute; top:0; left:0; z-index:11; border:1px solid #fff;  transition:all ease-in-out .5s;} 
.case_con:hover .case_kuang{width:257px; height:205px; top:10px; left:10px;}
.case_con p{ position:absolute;width:279px; left:0; top:0; font-size:16px;line-height:185px; text-align:center; z-index:20; color:#fff; opacity:0; transition:all ease-in-out .5s;}
.case_con:hover p{ line-height:225px; opacity:1;}

/*首页设计团队*/
.index_team_box{ height:646px; background:url(?images/design_bg.png) no-repeat center; margin-top:57px;}

/*首页公司资讯*/
.index_news_box{ margin-bottom:116px;}
.index_news_center{ width:1200px; margin:0 auto; }
.index_news_con{ margin-top:100px; cursor:pointer;}
.index_news_left{ float:left; width:529px; padding-left:70px; padding-top:6px;}
.index_news_date{ margin-bottom:6px; transition:all ease-in-out .5s; }
.index_news_date h1{ float:left; font-family: 'Calibri Light Italic'; font-size:24px; text-transform:uppercase; color:#747474;transition:all ease-in-out .5s;}
.index_news_date span{ float:left; font-family: 'Calibri Light Italic'; font-size:24px; color:#747474;transition:all ease-in-out .5s; }
.index_news_date h2{ float:left; font-family: 'Calibri Light Italic'; font-size:14px; margin-top:10px; color:#747474;transition:all ease-in-out .5s; }
.index_news_text{ background:url(?images/news_kuang.png) no-repeat center; height:190px; width:530px;transition:all ease-in-out .5s; }
.index_news_text h3{ width:452px; color:#111; font-size:18px; padding-top:42px; padding-left:31px; margin-bottom:5px;transition:all ease-in-out .5s; }
.index_news_text p{ width:452px; color:#666; font-size:14px; line-height:22px;  padding-left:31px;transition:all ease-in-out .5s; }
.index_news_right{ position:relative; float:left; width:600px; height:262px; overflow:hidden;}
.index_news_right img{width:600px; height:262px;transform:scale(1); transition:all ease-in-out .5s; }
.index_news_right .index_news_kuang{ position:absolute; top:0; left:0; width:620px; height:282px;transition:all ease-in-out .5s; border:1px solid #fff; z-index:10; }
.index_news:hover .index_news_date{ padding-left:20px;}
.index_news:hover .index_news_date h1{ color:#111;}
.index_news:hover .index_news_date h2{ color:#111;}
.index_news:hover .index_news_date span{ color:#111;}
.index_news:hover .index_news_text h3{padding-left:41px; color:#834200;}
.index_news:hover .index_news_text p{padding-left:41px; }
.index_news:hover .index_news_right img{ transform:scale(1.2);}
.index_news:hover .index_news_right .index_news_kuang{width:580px; height:242px; top:10px; left:10px; }
/*首页公司资讯2*/
.index_news_left2{ float:left; width:529px; padding-right:70px; padding-top:6px;}
.index_news_date2{ margin-bottom:6px; transition:all ease-in-out .5s; }
.index_news_date2 h1{ float:right; font-family: 'Calibri Light Italic'; font-size:24px; text-transform:uppercase; color:#747474;transition:all ease-in-out .5s;}
.index_news_date2 span{ float:right; font-family: 'Calibri Light Italic'; font-size:24px; color:#747474;transition:all ease-in-out .5s; }
.index_news_date2 h2{ float:right; font-family: 'Calibri Light Italic'; font-size:14px; margin-top:10px; color:#747474;transition:all ease-in-out .5s; }
.index_news_text2{ background:url(?images/news_kuang2.png) no-repeat center; height:190px; width:530px;  text-align:right; transition:all ease-in-out .5s; }
.index_news_text2 h3{ width:452px; color:#111; font-size:18px; padding-top:42px; padding-left:46px;margin-bottom:5px; text-align:right;transition:all ease-in-out .5s; }
.index_news_text2 p{ width:452px; color:#666; font-size:14px; line-height:22px; padding-left:46px; transition:all ease-in-out .5s; }
.index_news_right2{ position:relative; float:left; width:600px; height:262px; overflow:hidden;}
.index_news_right2 img{width:600px; height:262px;transform:scale(1); transition:all ease-in-out .5s; }
.index_news_right2 .index_news_kuang2{ position:absolute; top:0; left:0; width:620px; height:282px;transition:all ease-in-out .5s; border:1px solid #fff; z-index:10; }
.index_news2:hover .index_news_date2{ padding-right:20px;}
.index_news2:hover .index_news_date2 h1{ color:#111;}
.index_news2:hover .index_news_date2 h2{ color:#111;}
.index_news2:hover .index_news_date2 span{ color:#111;}
.index_news2:hover .index_news_text2 h3{padding-left:51px; color:#834200;}
.index_news2:hover .index_news_text2 p{padding-left:51px; }
.index_news2:hover .index_news_right2 img{ transform:scale(1.2);}
.index_news2:hover .index_news_right2 .index_news_kuang2{width:580px; height:242px; top:10px; left:10px; }

/*首页关于篮球竞彩app*/
.index_contact_box{ height:728px; background:url(?images/contact_bg.png) no-repeat center;}
.index_contact_center{ width:1200px; margin:0 auto;}
.index_contact_con{ position:relative; border:1px solid #eff0ea; background-color:#fff; margin-top:50px; height:456px;}
.index_con_ser{width:900px; margin:0 auto; padding-left:130px; margin-top:63px; margin-bottom:56px; cursor:pointer; display:none;}
.index_con{ position:relative; z-index:20; float:left; width:225px;}
.index_con h1{float:left; border:1px solid #c6c6c6; background-color:#ececec; width:35px; line-height:35px; text-align:center; border-radius:50%; font-size:18px; font-weight:bold; color:#666;transition:all ease-in-out .5s;}
.index_con ul{ float:left; margin-left:5px;}
.index_con ul li h2{ font-size:16px; color:#222; margin-bottom:4px; margin-top:3px; line-height:16px;transition:all ease-in-out .5s;}
.index_con ul li h3{ font-size:12px; color:#666;transition:all ease-in-out .5s;}
.index_con:hover h1{border:1px solid #834200; background-color:#834200; color:#fff; }
.index_con:hover ul li h2{ color:#834200;}
.index_con:hover ul li h3{ color:#834200;}
.index_contact_text{ width:928px; margin:0 auto; position:relative; z-index:20; padding-top:80px;}
.index_contact_text h1{ color:#444; text-align:center; line-height:14px; margin-bottom:28px;}
.index_contact_text p{ color:#666; text-align:center; line-height:26px;}
.index_share{position:relative; z-index:20; text-align:center; margin-top:20px;}
.index_share ul{ width:150px; margin:0 auto; margin-top:30px; margin-bottom:37px;}
.index_share ul .qq01{ float:left; width:37px; height:37px; background:url(?images/qq_icon01.png) no-repeat center;transition:all ease-in-out .5s; cursor:pointer;}
.index_share ul .weixin01{ float:left;  width:37px; height:37px; background:url(?images/weixin_icon01.png) no-repeat center;transition:all ease-in-out .5s;}
.index_share ul .xinlang01{ float:left;  width:37px; height:37px; background:url(?images/xinlang_icon01.png) no-repeat center;transition:all ease-in-out .5s;}
.index_share ul li{ margin-right:13px; }
.index_share ul .qq01:hover{ background:url(?images/qq_icon02.png) no-repeat center;}
.index_share ul .weixin01:hover{ background:url(?images/weixin_icon02.png) no-repeat center;}
.index_share ul .xinlang01:hover{ background:url(?images/xinlang_icon02.png) no-repeat center;}
.index_con_kuang{ position:absolute; left:10px; top:10px; border:1px solid #834200; width:1176px; height:433px; opacity:0; transition:all ease-in-out .5s;  z-index:10;}
.index_contact_con:hover .index_con_kuang{opacity:1;}

/*首页底部推荐*/
.index_bottom_box{position:relative; background-color:#eff0ea; width:100%; height:310px; overflow:hidden;}
.index_bottom_con{ position:relative; overflow:hidden;}
.index_bottom_con .bd{ width:100%;  position:relative; top:0; left:2.3%; z-index:99; overflow:hidden;}
.index_bottom_con .bd ul{overflow:hidden; width:100%; }
.index_bottom_con .bd ul{ overflow:hidden; width:100%; zoom:1; height:50%;}
.index_bottom_con .bd ul li{ float:left; width:360px; height:270px; margin:20px 0.22%; overflow:hidden;}
.index_bottom_con .bd ul li img{ width:100%;  transition:all ease-in-out .5s; transform:scale(1)}
.index_bottom_con .bd ul li:hover img{ transform:scale(1.1)}

/*footer*/
.footer{width:100%;background:#333333;padding:40px 0 38px 0}
.footer1{float:left;width:295px;height:161px;background:url(?images/shuxian.png) right center no-repeat;padding-top:57px;box-sizing:border-box}
.footer2{float:left;width:310px;height:161px;background:url(?images/shuxian.png) right center no-repeat;box-sizing:border-box;padding-left:42px}
.footer3{float:left;width:320px;height:161px;background:url(?images/shuxian.png) right center no-repeat;box-sizing:border-box;padding:0 15px 0 20px;color:#fff}
.footer4{float:left;width:275px;height:161px;background:url(?images/shuxian.png) right center no-repeat;box-sizing:border-box}

.footer2-top{width:100%;background:url(?images/qq.png) left center no-repeat;text-indent:60px;margin-bottom:35px}
.footer2-top h2{font-size:14px;color:#fff;margin-bottom:5px}
.footer2-top h3{font-size:24px;color:#fff}

.footer2-bot{width:100%;background:url(?images/dianhua.png) left center no-repeat;text-indent:60px;min-height:48px}
.footer2-bot h2{font-size:14px;color:#fff;margin-bottom:5px}
.footer2-bot h3{font-size:24px;color:#fff}
.footer3 p{color:#fff;line-height:27px}
.footer4 img{display:block;margin:0 auto;margin-top:5px}
.footer4 p{font-size:14px;color:#fff;text-align:center;margin-top:7px}

.foot{width:100%;padding:30px 0 20px 0;background:#212224;font-size:14px;color:#fff;text-align:center}



/*产品列表*/
.banner-pro{widht:100%;height:523px;background:url(?images/banner-pro.jpg) center top no-repeat}

.fenlei-con{width:100%;box-sizing:border-box;margin-top:-30px;padding:30px 0 20px 25px;box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.01);}
.fenlei{width:100%;}
.fenlei1{width:100%;border-bottom:1px dashed #eaeaea;font-size:18px;color:#000000;padding-bottom:15px}
.fenlei1 a{font-size:14px;color:#000;margin:0 25px;display:inline-block;padding:2px 5px}
.fenlei1 a:hover{background:#000000;color:#fff}
.fenlei1 a.on{background:#000000;color:#fff}


.fenlei2{width:100%;font-size:18px;color:#000000;padding-top:12px}
.fenlei2 a{font-size:14px;color:#000;margin:0 25px;display:inline-block;padding:2px 5px}
.fenlei2 a:hover{background:#000000;color:#fff}
.fenlei2 a.on{background:#000000;color:#fff}

.product-list{width:100%;margin-top:50px;padding-bottom:80px}
.yeshu{width:100%;margin-top:50px;text-align:center}
.yeshu a{display:inline-block;padding:5px 11px;color:#888888;border:1px solid #d9d9d8;margin:0 5px}
.yeshu1{background:#c2c2c2;border:1px solid #c2c2c2}
.yeshu a:hover{background:#834200;color:#fff;border:1px solid #834200}
.yeshu a.on{background:#834200;color:#fff;border:1px solid #834200}
.yeshu a.yeshu1:hover{background:#686868;border:1px solid #686868}
.yeshu1.on{background:#686868;border:1px solid #686868}
.yeshu a.yeshu1.on{background:#686868;border:1px solid #686868}
.yeshu a.yeshu1{padding:5px 25px;vertical-align:bottom}


/*产品详情*/
.detail{width:100%;margin-top:35px;margin-bottom:60px}
.detaill{float:left;width:1200px}

.picFocus{ float:left;  width:1200px;  position:relative;    zoom:1;   }

.picFocus .hd{ width:100%; padding-top:5px; position:absolute;top:50px;right:-602px;overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center; padding:1px 1px }
.picFocus .hd ul li img{ width:100px; height:90px; border:1px solid #dedede; cursor:pointer; margin-right:10px;   }
.picFocus .hd ul li.on{ padding:0 0 }
.picFocus .hd ul li.on img{ border:2px solid #ed1c24; }

.picFocus .bd{width:600px;height:450px;border:1px solid #f1f1f1; overflow:hidden; margin:0 auto;}
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; display:block;  }

.picFocus .bd1{width:600px;height:800px;border:1px solid #f1f1f1; overflow:hidden; margin:0 auto;}
.picFocus .bd1 li{ vertical-align:middle; }
.picFocus .bd1 img{ width:100%; display:block;  }



.detailr{float:right;width:578px;margin-right:20px}
.detailr h2{font-size:18px;color:#1a1a1a;border-bottom:1px dashed #d9d9d9;padding-bottom:10px;margin-top:5px}
.detail-ms{width:100%;margin-top:120px;color:#666666;line-height:30px;height:180px;overflow:hidden}
.detailr h3{font-size:14px;color:#444444;margin-top:10px}
.detailr h3 span{font-size:18px;color:#ed1c24}


.pro-xq{width:100%;margin-bottom:30px}
.pro-top{width:100%;border-bottom:2px solid #3c3c3c;padding-bottom:2px}
.pro-top span {background:#3c3c3c;color:#fff;padding:4px 32px}
.pro-neirong{width:100%;padding-top:40px}
.pro-neirong img{max-width:100%;height:auto;display:block;margin:0 auto}

/*团队*/
.banner-team{widht:100%;height:530px;background:url(?images/banner-team.jpg) center top no-repeat;}
.team{width:100%;padding:42px 0 94px 0}
.team ul li{width:100%;margin-bottom:55px}
.sheji-top{width:100%;height:62px;background:url(?images/sheji.png) left center no-repeat}
.sheji-bot{width:100%;height:406px;background:url(?images/sheji-bg.jpg) left center no-repeat;position:relative}
.sheji-img{position:absolute;width:225px;height:300px;left:100px;top:52px}
.sheji-img img{width:100%;}
.sheji-des{width:778px;height:298px;position:absolute;right:90px;top:55px;box-shadow: 1.5px 2.598px 6px 0px rgba(0, 0, 0, 0.08);background:#fff;box-sizing:border-box;padding:30px 55px 20px 25px;overflow:hidden}
.sheji-des1{width:100%}
.sheji-des1 h2{font-size:16px;color:#000;margin-bottom:17px}
.sheji-des1 h2 span{font-size:14px}

.sheji-des2{width:100%}
.sheji-des2l{float:left;width:85px;font-size:16px;color:#000}
.sheji-des2r{float:left;width:613px;color:#666666;line-height:25px}

/*案例*/
.banner-case{widht:100%;height:597px;background:url(?images/banner-case.jpg) center top no-repeat}
.anli{width:100%;padding:70px 0 75px 0}
.anli-img{width:100%;overflow:hidden; height:295px;} 
.anli-img img{ width:100%; transition:all ease-in-out 1s;}
.anli-des{width:100%;background:#362d26;box-sizing:border-box;padding:25px 0px 10px;text-align:center}
.anli-des h2{font-size:20px;color:#bcbcbc}
.anli-des h3{font-size:14px;color:#bcbcbc;text-transform:uppercase;margin-bottom:10px}
.anli-des p{font-size:14px;color:#b0b0b0;margin-bottom:20px}
.anli-des h4 a{display:inline-block;padding:4px 20px ;border:1px solid #9a9a9a;border-radius:4px;color:#fff}
.img-responsive{max-width:100%;height:auto}
.anli .swiper-slide:hover .anli-img img{transform:scale(1.1);transition:all ease-in-out 1s}
.anli .swiper-pagination{bottom:-60px}
.anli  .swiper-container{padding-bottom:80px}
.anli .swiper-pagination-bullet{background:#f7f7f4;border:1px solid #834200;opacity:1;width:12px;height:12px;margin:0 12px !important}
.anli .swiper-pagination-bullet-active{background:#834200;}

.guanggao{width:100%;height:512px;background:url(?images/bd.jpg) center top no-repeat}
.bg1{width:100%;height:613px;background:url(?images/bg1.jpg) center top no-repeat;box-sizing:border-box;padding:85px 0 93px 0}
.bg1-k{width:1198px;height:426px;border:1px solid #c8bbae;}
.bg1-k1{width:1186px;margin:5px 5px;height:414px;border:1px solid #aa9582;background: rgba(238, 239, 233,0.55);position:relative}
.bg1-img{position:absolute;width:392px;height:300px;left:32px;top:57px}
.bg1-img img{width:392px;height:300px;}

.bg1-des{position:absolute;width:605px;height:275px;right:110px;top:80px}
.bg1-des h2{font-size:20px;color:#111111}
.bg1-des h3{font-size:20px;color:#111111;text-transform:uppercase;margin-bottom:30px}
.bg1-des h3 span{border-bottom:3px solid #111111;padding-bottom:10px}
.bg1-des p{color:#444444;line-height:28px;margin-bottom:25px;height:112px;overflow:hidden}
.bg1-des h4 a{display:inline-block;width:142px;height:42px;border:1px solid #6f6f6f;line-height:42px;text-align:center;color:#444444}

.bg2{width:100%;height:613px;background:url(?images/bg2.jpg) center top no-repeat;box-sizing:border-box;padding:85px 0 93px 0}
.bg2-k{width:1198px;height:426px;border:1px solid #c8bbae;}
.bg2-k1{width:1186px;margin:5px 5px;height:414px;border:1px solid #aa9582;background: rgba(255, 255, 255,0.55);position:relative}


/*资讯*/
.banner-news{widht:100%;height:543px;background:url(?images/banner-about.jpg) center top no-repeat}
.zixun{width:100%;padding:60px 0 115px 0}
.zixun ul li{float:left;width:100%;box-sizing:border-box;padding:0 50px 30px 25px;border-bottom:1px solid #d4d4d4;margin-bottom:33px}
.zixun-img{float:left;width:295px;height:190px;overflow:hidden;transition:all ease-in-out 0.5s}
.zixun-img img{width:295px;height:190px;transition:all ease-in-out 0.5s}
.zixun-des{float:right;width:800px;height:190px;overflow:hidden}
.zixun-des h2{font-size:18px;color:#222222;margin-top:5px;margin-bottom:20px}
.zixun-des p{font-size:14px;color:#666666;line-height:28px;margin-bottom:15px}
.zixun-des h3{line-height:42px;font-size:12px;color:#9d9d9d}
.zixun-des h3 a{display:inline-block;width:150px;height:42px;background:url(?images/you.png) 111px center no-repeat #834200;text-indent:23px;color:#fff;font-size:14px;border-radius:5px;text-transform:uppercase;margin-right:20px;transition:all ease-in-out 0.5s}

.zixun ul li:hover .zixun-img img{transform:scale(1.1);transition:all ease-in-out 0.5s}
.zixun ul li:hover .zixun-des h3 a{background:url(?images/you.png) 118px center no-repeat #834200;transition:all ease-in-out 0.5s} 

/*关于篮球竞彩app*/
.about-lanmu1{width:100%;height:1116px;background:url(?images/about-bg1.jpg) center top repeat}
.about-lanmu1l{float:left;width:600px;height:516px;}
.about-lanmu1r{float:left;width:600px;box-sizing:border-box;padding-right:34px}
.about-lanmu1l img{display:block;margin-top:58px;margin-left:27px}
.about-lanmu1r img{display:block;margin-top:68px;margin-bottom:15px}
.about-lanmu1r p{color:#444444;line-height:30px;text-indent:2em}

.taidu{width:100%;height:530px;background:url(?images/taidu.jpg) center top no-repeat}

.fuli{width:100%;height:506px;background:url(?images/fuli.jpg) center top no-repeat}
.fulir{float:right;width:600px;}
.fulir img{display:block;margin-top:88px;margin-bottom:15px}
.fulir h2{font-size:14px;color:#444444;line-height:28px;margin-bottom:10px}
.fulir p{font-size:14px;color:#666666;line-height:28px}

.zhibao{width:100%;height:576px;background:url(?images/zhibao.jpg) center top no-repeat;box-sizing:border-box;padding-top:9px}

.ditu{width:100%;height:500px;position:relative}
.map{position:absolute;width:50%;height:500px;left:0;top:0}
.biaodan{float:right;width:600px;height:500px;box-sizing:border-box;padding:64px 170px 0 110px}
.biaodan input{width:100%;border-bottom:1px solid #d4cece;line-height:30px;font-size:16px;color:#666;margin-bottom:15px}
.biaodan input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666;  
}

.biaodan input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #666;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #666;
}
input{outline:none}
.biaodan  p{font-size:16px;color:#666;margin-bottom:8px}
.biaodan textarea{width:98%;border:1px solid #d4cece;height:95px;margin-bottom:14px}
.queren{border:1px solid #d4cece;background:#504a48;color:#fff !important;font-size:16px;cursor:pointer}


/*首页团队*/
.index_team_con{width:100%;position:relative;margin-top:110px;height:335px;box-sizing:border-box}
.caroufredsel_wrapper{margin-left:210px !important;}
#carousel div {
	cursor: pointer;
	margin-right: -93.5px;
	float: left;
	position: relative;
	box-shadow: 0 0 10px #000;
}
#carousel div:last-child {
	cursor: default;
}
#carousel div span {
	background-color: #222;
	background-color: rgba(0,0,0, 0.8);
	color: #efefe9;
	font-size: 14px;
	text-align: center;
	display: inline-block ;
	width: 588px;
	height:180px;
	box-sizing:border-box;
	padding: 20px 0;
	overflow: hidden;
	position: absolute;
	left: 190px;
	bottom: -100px;
	display:none !important;
}

#donate-spacer {
	height: 100%;
}
#donate {
	border-top: 1px solid #999;
	width:242px;
	padding: 50px 75px;
	margin: 0 auto;
	overflow: hidden;
}
#donate p, #donate form {
	margin: 0;
	float: left;
}
#donate p {
	width: 88px;
}
#donate form {
	width: 100px;
}
#carousel div img{display:block}

.tuandui{width:155px;height:160px;position:absolute;left:33px;top:17px}
.tuandui h2{font-size:24px;color:#222222;background:url(?images/hengxian1.png) left bottom no-repeat;padding-bottom:10px;margin-bottom:10px}
.tuandui p{color:#555555}
.tuandui-block{position:absolute;width:588px;height:178px;right:13px;top:150px;background:rgba(0,0,0,0.5);box-sizing:border-box;padding:48px 40px 40px 30px;color:#efefe9}

.anli1{width:100%;padding:70px 0 75px 0}
.anli1 ul li{float:left;width:394px;margin-right:9px;margin-bottom:20px}
.anli1 ul li:nth-child(3n){margin-right:0}
.anli-img{width:100%;overflow:hidden} 
.anli-img img{transition:all ease-in-out 1s}
.anli-des{width:100%;background:#362d26;box-sizing:border-box;text-align:center}
.anli-des h2{font-size:20px;color:#bcbcbc}
.anli-des h3{font-size:14px;color:#bcbcbc;text-transform:uppercase;margin-bottom:10px}
.anli-des p{font-size:14px;color:#b0b0b0;margin-bottom:20px}
.anli-des h4 a{display:inline-block;padding:4px 20px ;border:1px solid #9a9a9a;border-radius:4px;color:#fff}
.img-responsive{max-width:100%;height:auto}
.anli1 ul li:hover .anli-img img{transform:scale(1.1);transition:all ease-in-out 1s}

/*详情页*/
.details{width:100%;padding:65px 0 30px 0;background:#f7f7f7}
.details h2{text-align:center;font-size:32px;color:#545454;margin-bottom:35px}
.details h3{text-indent:750px;font-size:12px;color:#4f4e4e;margin-bottom:30px}
.details p{color:#666;line-height:35px;margin-bottom:30px}
.details h4{margin-bottom:10px;text-indent:895px}
.details h4 a{color:#666666;font-size:12px}
.details h4 a:hover{color:#e6770b}