*{box-sizing:border-box;margin:0;padding:0;list-style:none;}
*{margin:0;padding:0}
:focus{outline:0}
body{color:#666;font-size:14px;}
ul li{list-style:none}
a{text-decoration:none; border: 0px;}
a:hover{transition-duration:.6s;transition-property:color}
img{border:none}
h1{font-size:24px; margin: 0px;}
h2{font-size:18px; margin: 0px;}
h3{font-size:16px; margin: 0px;}
h4{font-size:14px; margin: 0px;}
.clr{clear:both}
.w1200{clear:both;margin:0 auto;width:1200px}






/*内页 banner图*/
.leo_all{height: 100%; display: block;position: relative;}
.leobanner{width: 100%;height:400px;}
.leobanner_title{width: 270px; height: 131px; background:#e6002f; color: #fff;padding-top: 34px;}
.leobanner_ding{position: absolute; bottom:-86px; left: 0;z-index: 111;}
.left_icon{ float: left; height: 44px; margin-left: 30px;width:30px;margin-top: 7px;}
.left_title h3{font-size: 24px;}
.left_title p{font-size: 16px;height: 35px; line-height: 35px;}
.left_title{ margin-left: 10px; float: left;}
.product_banner{ background: url(../images/product_ban.jpg) no-repeat center;}
.about_banner{ background: url(../images/about_ban.jpg) no-repeat center;}
.news_banner{ background: url(../images/news_ban.jpg) no-repeat center;}
.contact_banner{ background: url(../images/contact_ban.jpg) no-repeat center;}
.case_banner{ background: url(../images/case_ban.jpg) no-repeat center;}
.service_banner{ background: url(../images/service_ban.jpg) no-repeat center;}
.join_banner{background: url(../images/join_ban.jpg) no-repeat center;}
.fangan_banner{background: url(../images/fangan_ban.jpg) no-repeat center;}
.dianti_banner{background: url(../images/dianti_ban.jpg) no-repeat center;}
.yewu_banner{ background: url(../images/yewu_ban.jpg) no-repeat center;}

/*左边导航*/
.main_left{ width:270px; height: auto; display: block; float: left;margin-top: 85px;}
.main_left .main_left_top{width: 100%; height: auto;  padding-bottom: 20px;border: 1px solid #dddddd; border-top: 0px;display: block;padding-top: 15px; }
.main_left .main_left_top .name_logo{ width: 132px; height: 46px;}
.main_left .main_left_top .lianxi{ width: 134px; height: 53px;}
.main_left_top ul{ width: 100%; height: auto;position: relative;}
.main_left_top ul li{width: 100%; height:49px; line-height: 49px;  padding: 0px 30px;}
.main_left_top ul li a{ display: block; width: 100%;height: 50px; color: #666666; font-size: 14px;border-bottom: 1px solid #e5e5e5;}
.main_left_top ul li a span{ float: right;}
.main_left_top ul li:hover{ background:#e6002f; color:#fff;}
.main_left_top ul li:hover .active{background:#fff!important;}
.main_left_top ul li:hover a{color: #fff;}
.main_left_top ul li.active{background:#e6002f;}
.main_left_top ul li.active a{color: #fff;}
.main_left_bottom{ margin-top: 26px;width: 270px; height: 344px;padding-bottom: 20px; position: relative; }
.main_left_bottom .kf{width: 100%;height:90px;}
.left_bottom_xiao{width:100px; height: 35px; text-align: center; line-height: 35px; margin: 10px auto 0;}
.left_bottom_xiao p{font-size: 14px; color: #666666;  padding-left: 25px;}
.left_bottom_xiao i{ float: left; color: #5bc859; font-size: 24px;}
.main_left_bottom h3{ color: #e6002f; font-size: 24px; text-align: center; font-weight: bold; height: 35px; line-height: 35px; margin-top: 10px;}
.main_left_bottom .tubiao{width:169px; height: 35px; line-height: 35px; margin:10px auto;}
.main_left_bottom .tubiao li{width:54px; float: left; text-align: center; height: 100%; line-height: 35px; position:relative; }
.main_left_bottom .tubiao li .icon{ font-size:34px!important; color: #cccccc;}
.main_left_bottom .tubiao li .icon-dizhi01{font-size: 33px!important}
.main_left_bottom .tubiao li:hover .icon{ color: #e6002f;}
.left_bottom_nei{border: 1px solid #dddddd; height: 257px;}
.bottom_tubiao{width: 90%; height: 100%;margin: 0px auto;}
.weixin{position: absolute; right:16px; top:42px; z-index: 1; display: none; width:100px; height:100px;  border:1px solid #ddd}
.shouji{position: absolute; left: -22px; top: 42px; z-index: 1; display: none;width:100px; height:100px;  border:1px solid #ddd}
.left_bottom_nei .tweixin:hover .weixin{display: block;}
.shouji_wx:hover .shouji{display: block;}


/*右边中间内容*/
/*about关于我们*/
.maininfo{ height: auto; display: block; overflow: hidden;}
.main_right{ float:right; width:900px; height: auto; margin-top: 34px;}
.main_right .top_title{width: 100%;height: 50px; border-bottom: 1px solid #e6002f;}
.main_right .top_title h3{ width:auto; font-size: 20px; color: #333;  height: 50px; line-height: 50px; float: left; margin: 0px 10px 0 0;}
.top_title_xiao{width:auto; height:100%; float:left;}
.top_title_xiao p{float: left; line-height: 50px; font-size: 14px; color: #666666;text-transform: uppercase;}
.main_right .top_title .top_title_dizhi{ float: right; font-size: 14px; color: #999999; line-height: 50px;}
.main_right .top_title .top_title_dizhi a{font-size: 14px; color: #999999;}
.top_title_dizhi .icon{font-size: 23px!important; float: left;}
.about_info,.contact_all,.news_all{width: 100%; height: auto;display: block;overflow: hidden; margin-top:15px;}
.about_info p{ color: #666; font-size: 14px; line-height: 25px; /*! text-indent: 2em; */ margin:10px 0 15px;}


.ny_about_info{ margin-top: 30px; line-height: 30px;}


/*联系我们*/
.contact_info{width: 100%; height: auto; margin-top:15px;}
.contact_info h3{font-size: 16px; color: #333;height: 60px; line-height: 60px; border-bottom: 1px solid #bebebe; margin: 0; }
.contact_info li{width: 100%; height:81px;padding: 8px 0; border-bottom: 1px solid #bebebe;}
.contact_info li img{ float: left;}
.contact_info .contact_xinxi{ float: right; width: 85%;}
.contact_info .contact_xinxi p{ margin: 0;}
.contact_info .contact_xinxi .contact_name{font-size: 14px; color: #333;height: 30px; line-height: 30px;}
.contact_info .contact_xinxi .xinxi_info{ font-size: 12px; color: #666;}
.hxian{height: 31px;border: 1px solid #bebebe; float: left; margin: 12px 12px 0;}
.contact_info ul{width:42%; float: left;}
.dhxian{border: 1px solid  #bebebe; float: left; height:170px;margin: 30px 60px 0;}
.youxiang{width: 20px; height: 25px;margin-top: 20px;}
.dianhuas{width: 20px;height: 15px;margin-top: 20px;}
.dizhitb{width: 20px; height: 25px; margin-top: 14px;}
.chuan{width: 20px; height: 25px; margin-top: 19px;}
.phones{width: 20px; height: 25px;margin-top: 14px;}
.cont_wei{width: 100%; height: 162px!important; border: 0px!important; margin-top: 10px;}
.cont_wei div{ float: left;width: 111px; text-align:center;}
.cont_wei_gz{ margin-right: 76px;}
.cont_wei div img{width: 114px; height: 114px;border: 1px #ddd solid;}
.cont_wei div p{width:100%; height:30px; color: #333; font-size: 14px; line-height: 30px;}



/*荣誉资质*/
.ny_honor,.ny_case{width:100%; height: auto; display: block; overflow: hidden}
.ny_honor li{width:300px; padding: 0px 10px; float: left; margin-top:15px;}
.ny_honor li .ny_honor_img{width:100%; height: 260px; overflow: hidden;border: 1px #ddd solid;}
.ny_honor li .ny_honor_img img{width:100%; height: 100%;transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s; }
.ny_honor li p{width:100%; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color:#333}
.ny_honor li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_honor li .ny_video_img{width:100%; height: 200px; overflow: hidden;border: 1px #ddd solid;}
.ny_honor li .ny_video_img img{width:100%; height: 100%;transform: scale(1);}



/*案列展示*/
.ny_case ul{width:100%; height:auto; display:block; overflow:hidden; margin-bottom:10px;}
.ny_case li{width:300px; padding: 0px 10px; float: left; margin-top:15px;}
.ny_case li .ny_honor_img{width:100%; height: 222px; overflow:hidden;}
.ny_case li .ny_honor_img img{width:100%; height: 100%;transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.ny_case li p{width:100%; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color:#333}
.ny_case li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}




/*产品中心*/
.ny_product{ margin-top:25px;}
.ny_product ul{width:100%; height: auto; display: block; overflow: hidden}
.ny_product ul li{ width:300px; height: 280px; float: left;}
.ny_product ul li a{width:100%; height: 100%;}
.product_img li{padding: 10px 10px; margin: 10px 0 0; }
.product_img li a{width: 100%; height: 100%; display: block;}
.product_img img{width:100%; height: 100%;  transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s; }
.product_img li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.product_img li:hover .icon{color:#e6002f; }
.product_img li:hover p{color:#e6002f}
.ny_product .honnos_img{width: 100%; height: 213px;text-align: center; overflow: hidden; border: 1px solid #bebebe;}
.honnos_img .xuanting{ display: none; position: absolute; top: 0; left: 0;z-index: 111;}
.honnos_img{position: relative;}
.honnos_div{width: 100%; height: 47px; line-height: 47px; border-bottom: 1px solid #eee}
.honnos_div p{width: 85%; float: left; color:#333}
.honnos_div i{float: left;}
.ny_product ul li:hover .xuanting{ display:block;}
.ny_product_show{line-height:30px; padding-top:30px;}
.ny_product_show p{color:#666}
.promsg a{ margin-top:20px; display:block}

/*新闻中心*/
.news_all ul{width: 100%; height: 100%; display:block; overflow:hidden;}
.news_all ul li:nth-child(1){padding-top: 30px;}
.news_all ul li{padding:15px 0; display: block;overflow: hidden;}
.news_all ul li img{ width: 100%; height: 100%;  cursor: pointer;transition: all 0.6s;}
.news_all ul li img:hover{transform: scale(1.1);}
.news_xx{ float: left; margin-left:22px;width: 60%;}
.news_all ul li .news_xx h3{ font-size: 20px; color:#333333; margin: 0;height: 40px; line-height: 40px;font-weight: bold;}
.news_all ul li:hover h3{color:#e6002f;}
.news_all ul li .news_xx time{font-size: 14px; color: #333;}
.news_all ul li .news_xx p{font-size: 14px; color: #666;height:77px; line-height: 24px;width: 100%; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; /*! padding-top: 10px; */}
.news_all ul li .news_xx .news_more{ color: #333;width: 120px; height: 32px; text-align: center; line-height: 32px; border: 1px solid #cacaca;display: block; overflow: hidden;}
.news_xuxian{width: 100%;height: auto;padding-bottom: 10px;}
.news_all .news_time{padding-top: 10px;}
.news_all .news_time .xian{width: 20px; border: 1px solid #666;height: 2px; margin: 5px auto;}
.news_all .news_time p{font-size: 28px;}
.news_all .news_time time{font-size: 20px;}
.news_all ul li:hover p{color:#fff}
.news_all ul li:hover time{color:#fff}
.news_all ul li:hover .news_time{ background:#e6002f }
.news_all ul li:hover .news_twoinfo p{color:#e6002f;}
.news_time a{color:#666}
.news_time{width: 104px; height:104px; float: left; background: #eeeeee; color: #333; text-align: center;margin-right: 20px;}
.news_time span{font-size:50px; display: block; overflow: hidden}
.news_time time{font-size:14px; margin-top: 10px}
.news_twoinfo{width:auto;}
.news_twoinfo h3{font-size: 16px; color: #333;height: 32px; line-height: 32px; overflow: hidden; border-bottom: 1px solid #dcdcdc; font-weight: normal}
.news_twoinfo p{font-size: 14px; color: #999999; line-height: 30px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;overflow:hidden; 
	margin-top: 8px}
.index_news_list li:nth-child(2n){ float: right}
.news_all .news_a{width: 314px; height: 178px; float: left; overflow:hidden }
.news_all ul li:hover .news_xx p,.news_all ul li:hover .news_xx time{color:#e6002f;}
.news_all ul li:hover .news_more{color:#e6002f; border:1px solid #e6002f}
.news_all ul li:hover .xian{border: 1px solid #fff;}




/*推荐新闻*/
.leo_list{ width: 100%; height: auto; display: block; margin-top:30px; padding-top: 20px; overflow:hidden; margin-bottom:30px;}
.leo_list_info  ul li{ height: 40px; line-height: 40px; /*! margin-top: 15px; */width:50%; padding: 0px 15px; float: left}
.leo_list_info  ul li p{ width: 80%;  font-size: 14px; color: #666666; float: left; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: 0;}
.leo_list_info  ul li .icon-dot{ float: left; font-size: 18px!important; color: #bebebe;}
.leo_list_info  ul li time{ float: right; font-size: 12px;color: #666666;}
.leo_list_info  ul li .leo_xian{border-bottom: 1px solid #bebebe;height: 100%; width: 100%;}
.leo_list_info  ul li .leo_xian a{display: block;width: 100%; height: 100%;}
.leo_list_info  ul li:hover  p{ color:#e6002f;}
.leo_list_info  ul li:hover time{color:#e6002f;}
.leo_list_info  ul li:hover i{color:#e6002f ;}
.leo_list_info  ul li .leo_xian img{ float: left;width: 10px; height: 10px; margin-top:16px; margin-right:13px;}
.leo_about_title h3{ font-size: 20px; color: #333;  height:43px;}
.leo_about_title{width: 100%; height: 40px; text-align: center;}
.leo_about_title .icon{ color:#e6002f;}



/*客服*/
.lxfx{position:fixed;top:200px;right:0;z-index:11;width:77px;height:auto}
.lxfx li a{display:block;margin-top:9px;width:300px;height:47px;color:#fff}
.leftlx{float:left;width:77px;height:47px}
.lxfx li span{float:left;margin-top:8px;padding-left:8px;height:24px;border-left:1px solid #fff;color:#fff;font-size:20px;line-height:22px}
.fix_ewm{position:absolute;top:-40px;left:-145px;display:none;width:120px;height:120px;border:5px solid #fff}
.lxfx li i{display:block;margin:0 auto;width:30px;height:27px;background:url(../images/fx.png) no-repeat;text-align:center}
.lxfx li i.icon-tel{background-position:0 -25px}
.lxfx li i.icon-ly{background-position:4px -53px}
.lxfx li i.icon-wx{background-position:-34px 4px}
.lxfx li i.icon-wb{background-position:-30px -22px}
.lxfx li p{text-align:center;font-size:14px;line-height:12px}
.lxfx li{position:relative;float:left;overflow:hidden;margin-bottom:1px;margin-left:0;width:77px;height:56px;background:#e6002f}
.tupian img{transition:all 1s}
.tupian:hover img{transform:rotate(180deg)}


.keyword_light{width:100%;  height:auto; overflow:hidden;}

.video-box{ margin:0px auto;}

@media screen and (max-width:768px){
	.w1200{width:100%}
}