@charset "gb2312";
/* CSS Document */

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1;} 
.float_left{ float: left;}
.float_right{ float: right;}

ul{ list-style:none; padding:0; margin:0;}
a{ text-decoration:none;}
img{ border:0;}


.big_box{max-width: 2000px; margin: 0 auto; box-sizing: border-box;}
.big_box .img_box{}



/*微信视频开始*/
 #bgvid {  position: fixed; right: 0; bottom: 0;  min-width: 100%; min-height: 100%;  width: auto; height: auto; z-index: -100;  background: url(polina.jpg) no-repeat;  background-size: cover;}
.wechat_box{ background: url(../images/wechat_bj.jpg.png); height: 1000px;}
.wechat_box .wechat{ width: 800px; height: 261px; position: absolute; top: 50%; left: 50%; margin-top: -130px; margin-left: -400px; z-index: 100;}
/*微信视频结束*/




.index_top{ z-index: 998; position:absolute; top: 0; left: 0; padding: 50px 50px 0 50px; width: 100%; box-sizing: border-box;}
.index_top .index_link{ float: left; width:158px; height: 40px; overflow: hidden; background: url(../images/logo.png) no-repeat 0px 0px; display: block; overflow: hidden; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.index_top .index_link:hover{background: url(../images/logo.png) no-repeat 0px -50px;}
.index_top .incex_top_navigation{float: right; width: 40px; height: 28px; overflow: hidden; margin: 6px 0 0 0; background: url(../images/navigation.png) no-repeat;-moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.index_top .incex_top_navigation:hover{background: url(../images/navigation.png) no-repeat 0px -38px;}


.list_top{z-index: 998; background: #f2f2f2; box-shadow: 0 1px 1px #e0e0e0; padding: 45px 100px; width: 100%; box-sizing: border-box; opacity: 0.98; position: fixed;}
.list_top .list_link{ float: left; width:158px; height: 40px; overflow: hidden; background: url(../images/list_logo.png) no-repeat 0px 0px; display: block; overflow: hidden; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.list_top .list_link:hover{background: url(../images/list_logo.png) no-repeat 0px -50px;}
.list_top .list_top_navigation{float: right; width: 40px; height: 28px; overflow: hidden; margin: 6px 0 0 0; background: url(../images/list_navigation.png) no-repeat;-moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.list_top .list_top_navigation:hover{background: url(../images/list_navigation.png) no-repeat 0px -38px;}


/*.list_show_top{ z-index: 998; position:absolute; top: 0; left: 0; padding: 50px 50px 0 50px; width: 100%; box-sizing: border-box;}
.list_show_top .index_link{ float: left; width:158px; height: 40px; overflow: hidden; background: url(../images/list_logo.png) no-repeat 0px 0px; display: block; overflow: hidden; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.list_show_top .index_link:hover{background: url(../images/list_logo.png) no-repeat 0px -50px;}
.list_show_top .incex_top_navigation{float: right; width: 40px; height: 28px; overflow: hidden; margin: 6px 0 0 0; background: url(../images/list_navigation.png) no-repeat;-moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.list_show_top .incex_top_navigation:hover{background: url(../images/list_navigation.png) no-repeat 0px -38px;}*/


.list_show_top_gray{ background: url(../images/list_show_navigation_bj_gray.png) repeat-x top left;  padding:0 20px 0px 20px; font-size: 12px;color:#999; z-index: 999; position: relative;}
.list_show_top_gray .logo img{line-height: 30px; margin-top: 8px;} 
.list_show_top_gray .logo a{ width: 77px; height: 30px; background: url(../images/list_show_navigation_logo_gray.png) no-repeat left 8px; display: block;-moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.list_show_top_gray .logo a:hover{background: url(../images/list_show_navigation_logo_gray.png) no-repeat left -26px;}
.list_show_top_gray .WenZhi a{ height: 30px; line-height: 30px; color:#999;}
.list_show_top_gray .WenZhi a:hover{ color:#666;}






.about_me_top{ z-index: 998;padding: 50px 50px 0 50px; width: 100%; box-sizing: border-box;}
.about_me_top .index_link{ float: left; width:158px; height: 40px; overflow: hidden; background: url(../images/list_logo.png) no-repeat 0px 0px; display: block; overflow: hidden; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.about_me_top .index_link:hover{background: url(../images/list_logo.png) no-repeat 0px -50px;}
.about_me_top .incex_top_navigation{float: right; width: 40px; height: 28px; overflow: hidden; margin: 6px 0 0 0; background: url(../images/list_navigation.png) no-repeat;-moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.about_me_top .incex_top_navigation:hover{background: url(../images/list_navigation.png) no-repeat 0px -38px;}











.box_navigation{ opacity:1; z-index:999; position: fixed; background: #333333; width: 100%; height: 100%; display: none; top: 0; left: 0;}
.box_navigation .close{ width: 32px; height: 32px; display: block; overflow: hidden; position: fixed; top: 57px; right: 50px; background: url(../images/box_navigation_close.png) no-repeat;-moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;opacity:0.4;}
.box_navigation .close:hover{opacity:0.8;}
.box_navigation .box{ height: 510px; width: 560px; margin:-255px 0 0 -280px; position: absolute; top: 50%; left: 50%;}
.box_navigation .box .navigation{}
.box_navigation .box .navigation a{opacity:0.6; height: 102px; display: block; text-align: center; margin-bottom:120px;  -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.box_navigation .box .navigation a:hover{opacity:0.9;}
.box_navigation .box .LianXiWo { text-align: center;}
.box_navigation .box .LianXiWo a{ height:20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #fff;opacity:0.4;-moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.box_navigation .box .LianXiWo a:hover{opacity:0.6;}
.box_navigation .box .LianXiWo a img{vertical-align:middle;}




.banner{height:750px;overflow:hidden;}
.banner a img{ width: 100%;}
.banner .d1{width:100%;height:750px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px; top:700px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:40px;height:10px;overflow:hidden;cursor:pointer; background: url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{ background: url(../images/img1_1.png) no-repeat center;}




.index_navigation{}
.index_navigation li{ width: 33.3333%; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;padding:80px 0; box-sizing: border-box;}
.index_navigation .SheJi a,.index_navigation .GuanYuWo a{ display: block;height: 240px; line-height: 240px; text-align: center; }
.index_navigation .SheJi{ background: url(../images/ShouYe_SheJi.png) no-repeat center;}
.index_navigation .SheJi:hover{background:url(../images/ShouYe_SheJi：hover.png) no-repeat center #366ab3;}
.index_navigation .GuanYuWo{ background: url(../images/ShouYe_GuanYuWo.png) no-repeat center;}
.index_navigation .GuanYuWo:hover{ background: url(../images/ShouYe_GuanYuWo：hover.png) no-repeat center center #bf3939;}
.index_navigation .GuanYuWo .XianTiao{border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
.index_navigation .GuanYuWo:hover .XianTiao{border-left:none;}
.index_navigation .index_contact_box{ height: 400px;-moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.index_navigation .index_contact_box .index_contact span a{color:#999;}
.index_navigation .index_contact_box:hover{background:#2f9e79;}
.index_navigation .index_contact_box:hover .index_contact span{ color:#fff; opacity:0.9; padding-left: 35px; height: 50px; line-height: 50px; display: block;}
.index_navigation .index_contact_box:hover .index_contact span a{color:#fff;}
.index_navigation .index_contact_box:hover .index_contact .QQ{ background: url(../images/index_Tel.png) no-repeat 0 -86px;}
.index_navigation .index_contact_box:hover .index_contact .WX{ background: url(../images/index_Tel.png) no-repeat 0 -285px;}
.index_navigation .index_contact_box:hover .index_contact .YX{ background: url(../images/index_Tel.png) no-repeat 0 -485px;}
.index_navigation .index_contact_box .index_contact{ padding:120px 0 0 0; width: 200px; margin: 0 auto;}
.index_navigation .index_contact_box .index_contact span{ padding-left: 35px; color:#999; font-size: 16px; height: 50px; line-height: 50px;  display: block; }
.index_navigation .index_contact_box .index_contact span:hover{ color:#fff; opacity:0.6;}
.index_navigation .index_contact_box .index_contact .QQ{ background: url(../images/index_Tel.png) no-repeat 0 14px;}
.index_navigation .index_contact_box .index_contact .WX{ background: url(../images/index_Tel.png) no-repeat 0 -185px;}
.index_navigation .index_contact_box .index_contact .YX{ background: url(../images/index_Tel.png) no-repeat 0 -385px;}




.index_bottom{ padding:40px 50px; width: 100%; box-sizing: border-box; background: #e6e6e6; color: #999;}
.index_bottom a{ color: #999;}
.index_bottom a:hover{ color: #666;}
.index_bottom .Link,.index_bottom .copyright{ height: 30px; line-height: 30px;}


.list_bottom{ padding:40px 100px; width: 100%; box-sizing: border-box; background: #dbdbdb; color: #999;}
.list_bottom a{ color: #999;}
.list_bottom a:hover{ color: #666;}
.list_bottom .Link,.index_bottom .copyright{ height: 30px; line-height: 30px;}




.list_box{ background: #e6e6e6; padding: 150px 80px 80px 80px;}
.list_box ul li{ width: 33.3%; box-sizing: border-box; padding: 20px; float:left; -moz-transition: all 0.4s ease-in-out; transition: all 0.3s ease-in-out;}
.list_box ul li:hover{transform: translateY(-10px);}
.list_box ul li a{}
.list_box ul li a img{ width:100%; border-radius:4px; -moz-border-radius:4px; box-shadow: 0 2px 3px #d9d9d9;-moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.list_box ul li a:hover img{ box-shadow: 0 15px 30px #bbb; }







.about_me { padding: 0 50px; margin: 60px 0;  box-sizing: border-box;}
.about_me .content{background: #fff; box-sizing: border-box; box-sizing: content-box; font-size: 16px; line-height: 2; color: #666; padding: 150px;border-radius: 4px; min-height: 453px;}
.about_me .photo{}