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

/*public start*/
*{ margin:0px; padding:0px;}
html,body,div,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,from,input,select,button,textarea,iframe,table,th,td{
	/*[disabled]margin : 0;*/
	margin:0px;
	padding:0px;
	font-family:"微软雅黑";
}
input, button {border: none;outline: none;}

.clear{ clear:both; height:0px; width:100%; margin:0; padding:0; }
img{ border:0; }
ul,li{ list-style-type:none;}
body{ font-size:14px; font-family:"微软雅黑"; background:url(../images/background.jpg); }
a{ text-decoration:none; }
a:link{ text-decoration:none; }
a:visited{ text-decoration:none;  }

input:focus::-webkit-input-placeholder {
color: transparent;
/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}


/* Mozilla Firefox 4 to 18 */

input:focus:-moz-placeholder {
color: transparent;
}


/* Mozilla Firefox 19+ */

input:focus::-moz-placeholder {
color: transparent;
}


/* Internet Explorer 10+ */

input:focus:-ms-input-placeholder {
color: transparent;
}

header{width: 100%;height: auto; display: table;background: #FFFFFF;}
.header{width: 1200px;height: auto;margin: 0 auto;}
.header_logo{width: 464px;height: 86px;padding-top: 30px;float: left;}
.header_nav{width: 100%;height: 60px;background-color: #e50012;margin-top: 20px;}
.header_menu{width: 1200px;margin: 0 auto;}
.header_nav ul li{width: 142px; float:left;height: 57px; line-height:60px; font-size: 16px; text-align: center;margin-top: 3px; position: relative;transition:background-color .5s ease-out;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.header_nav a{color: #FFFFFF;text-align: center;}
.header_nav a:hover{color: #0086df;}
.header_nav ul li:hover{background-color: #FFFFFF;}
.header_nav ul li:hover .a1{color: #e50012;}
.ny_banner{width: 100%;height: auto;}
.ny_banner img{width: 100%;height: auto;}
/*搜索框*/
.header_search{width: 250px; height: 86px;padding-top: 30px;float: right;}
.header_search .header_weixin{float: left;margin-left: 110px;}
.header_search .header_qq{float: left;margin-left: 25px;}
.header_search .search{float: right;position: relative;margin-top: 10px;}
.header_search .search input{border-radius: 25px;color: #9E9C9C;width: 200px;height: 30px; text-indent: 1em;border: 1px solid #e50012;}
.header_search .search button{height: 30px;width: 30px;cursor: pointer;position: absolute;background: url(../images/search.png) no-repeat center;right: 10px;top: 1px;}
/*二级菜单*/
.header_nav ul li .sub{position: absolute; z-index: 1000;background-color: #FFFFFF;margin-top: -3px;overflow: hidden;height: 0;
-webkit-transition: height 300ms ease-in;
-moz-transition: height 300ms ease-in;
-o-transition: height 300ms ease-in;
transition: height 300ms ease-in;}
.header_nav ul li ul li{float: left;width: 100px;display: block;position: relative;border-bottom: 1px solid #CCCCCC;margin-left: 10px; margin-right: 10px;border-radius:0 ;}
.header_nav ul li ul li a{line-height: 36px;color: #757575;text-align: center;display: block;width: 120px;height: 36px;margin: 0 auto;border-radius: 6px;transition:background-color .5s ease-out;}
.header_nav ul li ul li a:hover{color: #FFFFFF;background-color: #e50012;}
.header_nav ul li:hover .sub{display: block;height: 240px;}
.header_nav ul li ul{width: 235px;border-top: 2px solid #c70110;}
.header_nav .nav_pic{float: left;width: 320px; height: 240px;}
.header_nav .nav_pic img{width: 280px; height: 200px; margin: 20px;}
.header_nav .sub_left{float: left;}
.header_nav h3{font-size: 16px;font-weight: normal;color: #e50012;text-align: left;margin-left: 15px;}
.sub0{width: 120px;}
/*sub1*/
.sub1{width: 635px;}
.header_nav ul li .sub1 ul{width: 300px;float: left;margin-left: 15px;}
.header_nav ul li .sub1 ul li {width: 130px;height: 40px; line-height: 40px;}
/*sub2*/
.sub2{width: 635px;}
.header_nav ul li .sub2 ul{width: 300px;float: left;margin-left: 15px;}
.header_nav ul li .sub2 ul li {width: 130px;height: 40px; line-height: 40px;}
/*sub3*/
.sub3{width: 635px;}
.header_nav ul li .sub3 ul{width: 300px;float: left;margin-left: 15px;}
.header_nav ul li .sub3 ul li {width: 130px;height: 40px; line-height: 40px;}
/*sub4*/
.sub4{width: 485px;}
.header_nav ul li .sub4 ul{width: 150px;float: left;margin-left: 15px;}
.header_nav ul li .sub4 ul li {width: 130px;height: 40px; line-height: 40px;}
/*sub5*/
.sub5{width: 485px;}
.header_nav ul li .sub5 ul{width: 150px;float: left;margin-left: 15px;}
.header_nav ul li .sub5 ul li {width: 130px;height: 40px; line-height: 40px;}
/*sub6*/
.sub6{width: 485px;}
.header_nav ul li .sub6 ul{width: 150px;float: left;margin-left: 15px;}
.header_nav ul li .sub6 ul li {width: 130px;height: 40px; line-height: 40px;}
/*product*/
.product{width: 100%;height: auto; margin: 0 auto;margin-top: 150px;}
.product_title{width: 1200px;height: 149px;margin: 0 auto;}
.product_title img{width: 1200px;height: 149px;}
/*about*/
.about{width: 100%;height: auto;margin-top: 150px;}
.about_title{width: 1200px;margin: 0 auto;margin-bottom: 75px;}
.about_top{width: 1200px;height: 430px; margin: 0 auto;background-color: #FFFFFF;box-shadow: 0px 5px 15px #CCCCCC;margin-bottom: 80px;}
.about_top_left{width: 600px;height: 365px; float: left;margin-top: 65px;position: relative;}
.about_top_right{width: 600px;float: right;}
.about_top_left .red_line{height: 60px;border-left: 10px solid #c8161d;margin-left: 50px;}
.about_top_left .red_line h3{font-weight: normal;font-size: 25px;line-height: 22px;margin-left: 10px;}
.about_top_left .red_line h4{font-weight: normal;font-size: 24px;color: #c8161d;line-height: 57px;margin-left: 10px;}
.about_top_left h2{font-weight: normal;font-size: 24px;margin: 30px 0 0 50px;}
.about_top_left p{width: 460px;height: 110px;display: block;overflow: hidden;line-height: 29px;margin: 30px 0 0 50px;text-indent: 2em;font-size: 14px;}
.about_top_left .more{display: block; width: 130px;height: 35px;line-height: 35px; border: 1px solid #787878;color: #787878; border-radius:20px;text-align: center;position: absolute;left: 50px;bottom: 40px;}
.more:hover{color: #FFFFFF;background-color: #E50012;border: none;}
.about_top_right img{margin: 65px 0 0 50px; display: block; width: 495px;height: 311px;}
.about_bottom{width: 1200px;margin: 0 auto;}
.about_bottom_con{float: left; width: 380px;height: 350px;background-color: #FFFFFF;box-shadow: 0px 5px 15px #CCCCCC;margin-right: 30px;border-radius: 5px;}
.about_bottom_con a{display: block;380px;height: 225px;overflow: hidden;}
.about_bottom div:nth-child(3){margin-right:0 ;}
.about_bottom_con img{width: 380px;height: 225px;transform: scale(1); transition: all 2s ease-out;}
.about_bottom_con a:hover img{transform: scale(1.2);}
.about_bottom_con h2{font-size: 22px;margin-left: 25px;margin-top: 30px;}
.about_bottom_con p{font-size: 15px;margin-left: 25px;color: #6b6b6b;margin-top: 20px;}
/*video*/
.video{width: 100%; margin-top: 100px;}
.video_title{width: 1200px;margin: 0 auto;}
.video video{display: block;margin: 0 auto;margin-top: 80px;}
/*news*/
.news{width: 100%;margin-top: 100px;}
.news_title{width: 1000px;margin: 0 auto;}
/*footer*/
footer{width: 1903px;height: auto;margin-top: 100px;background: url(../images/bottom.jpg)no-repeat;}
.footer{width: 1200px;height: 400px;position: relative;margin: 0 auto;}
.footer .ewm{float: left; width: 270px; height: 400px; position: relative;}
.footer .ewm img{width: 154px; height: 154px; position: absolute;left: 10px;top: 106px;}
.footer .bottom_nav{float: left;width: 930px;height: 400px;}
.bottom_nav_main{width: 810px;height: 250px;margin: 98px 0 0 88px;}
.bottom_nav_main ul li{float: left;width: 135px;text-align: center;font-size: 15px;}
.bottom_nav_main ul .foot_nav:last-child{display: none;}
.bottom_nav_main ul li a{color: #FFFFFF;}
.bottom_nav_main ul li a:hover{color: #E50012;}
.bottom_nav_main ul li ul{margin-top: 50px;}
.bottom_nav_main ul li ul li{float: none;font-size: 12px;line-height: 30px;}
.bottom_nav_main ul li ul li:hover{color: #E50012;}
.bottom_link{display: none; width: 166px;position: absolute;right: 38px;bottom: 45px;}
.bottom_link .bottom_icon{float: left; width: 32px;height: 32px;margin-right: 35px;}
.bottom_link .bottom_icon:nth-child(3){margin-right: 0px;}
.copy{width: 100%; background-color: #c10101;text-align: center;padding: 10px 0px;}
.copy p{color: #FFFFFF;font-size: 14px;line-height: 24px;}
.copy p a{color: #FFFFFF;}
/*float*/
.float{width: 55px;height: auto;position: fixed;top: 55%;right: 50px;z-index: 9999;}
.gotop{width: 55px;height: 40px; cursor: pointer;background: url(../images/gotop.png) no-repeat 15px 3px #FFFFFF;border-radius: 5px;transition:background-color .5s ease-out;}
.gotop:hover{background: url(../images/gotop_white.png) no-repeat 15px 3px #ff0000;border-radius: 5px;}
.gotop:hover p{color: #FFFFFF;}
.gotop p{padding-top: 17px;}
.float p{font-size: 12px; color: #656565;width: 55px;text-align: center;line-height: 22px;}
.float_p{padding-top: 35px;}
.float_border{border:1px solid #CCCCCC;box-sizing: border-box;width: 55px; height: 60px;position: relative;}
.float_weixin{background: url(../images/weixin_black.png) no-repeat 10px 6px #FFFFFF;border-top: none;border-bottom: none;transition:background-color .5s ease-out;}
.float_weixin:hover{background: url(../images/weixin_white.png) no-repeat 10px 6px #ff0000;}
.float_weixin:hover .float_p{color: #FFFFFF;}
.float_weixin:hover .weixin_con{display: block;}
.float_phone{background: url(../images/phone_black.png) no-repeat 10px 6px #FFFFFF;border-top: none;border-bottom: none;transition:background-color .5s ease-out;}
.float_phone:hover{background: url(../images/phone_white.png) no-repeat 10px 6px #ff0000;}
.float_phone:hover .float_p{color: #FFFFFF;}
.float_phone:hover .phone_con{display: block;}
.float_address{background: url(../images/address_black.png) no-repeat 10px 6px #FFFFFF;border-top: none;border-bottom: none;transition:background-color .5s ease-out;}
.float_address:hover{background: url(../images/address_white.png) no-repeat 10px 6px #ff0000;}
.float_address:hover .float_p{color: #FFFFFF;}
.float_address:hover .address_con{display: block;}
.float_feedback{background: url(../images/feedback_black.png) no-repeat 10px 6px #FFFFFF;border-top: none;transition:background-color .5s ease-out;}
.float_feedback:hover{background: url(../images/feedback_white.png) no-repeat 10px 6px #ff0000;}
.float_feedback:hover .float_p{color: #FFFFFF;}
.weixin_con{z-index: 9999; display: none; width: 401px;height: 220px;position: absolute;left: -402px;top: -162px;box-shadow: 0px 5px 5px #CCCCCC;border-top: 1px solid #E5E5E5;background: #FFFFFF;border-radius: 3px;}
.weixin_con_ewm1{float: left;width: 170px;height: 170px;border: 1px solid #CCCCCC;margin: 15px;box-sizing: border-box;}
.weixin_con_border{float: left;height: 170px; border-left: 1px solid #CCCCCC;box-sizing: border-box;margin-top: 15px;}
.weixin_con_ewm2{float: left;width: 170px;height: 170px;border: 1px solid #CCCCCC;margin: 15px;box-sizing: border-box;}
.weixin_con p{width: 170px;text-align: center;}
.weixin_con img{margin: 10px;width: 150px; height: 150px;}
.phone_con{display: none; width: 300px;height: 60px;position: absolute;left: -302px;top: 0px;box-shadow: 0px 5px 5px #CCCCCC;border-top: 1px solid #E5E5E5;background: url(../images/phone_red.png)no-repeat 25px 15px #FFFFFF;border-radius: 3px;}
.phone_con p{font-size: 14px;width:250px;margin-left: 50px;line-height: 30px;}
.phone_con p span{color: #E50012;font-size: 14px;font-weight: bold;}
.address_con{display: none; width: 300px;height: 60px;position: absolute;left: -302px;top: 0px;box-shadow: 0px 5px 5px #CCCCCC;border-top: 1px solid #E5E5E5;background: url(../images/address_red.png)no-repeat 10px 15px #FFFFFF;border-radius: 3px;}
.address_con p{font-size: 14px;width:260px;margin-left: 40px;line-height: 60px;}
.float_gwc{background: url(../images/gwc_black.png) no-repeat 10px 6px #FFFFFF;border-bottom: none;transition:background-color .5s ease-out;}
.float_gwc:hover{background: url(../images/gwc_white.png) no-repeat 10px 6px #ff0000;}
.float_gwc:hover .float_p{color: #FFFFFF;}
.float_gwc:hover .gwc_con{display: block;}
.gwc_con{z-index: 9999; display: none; width: 201px;height: 220px;position: absolute;left: -202px;top: -162px;box-shadow: 0px 5px 5px #CCCCCC;border-top: 1px solid #E5E5E5;background: #FFFFFF;border-radius: 3px;}
.gwc_con p{width: 170px;text-align: center;}
.gwc_con img{margin: 10px;width: 150px; height: 150px;}