html {margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,article,aside,dialog,figure,footer,header,hgroup,nav,section {margin:0;padding:0;border:0;font-size:14px;vertical-align:top;}
body {color:#333;background-color:transparent;font-family:"Microsoft YaHei","PingFang SC",Arial;}
img {border:0;margin:0;padding:0;}
ul,li{list-style: none;}

input:focus {outline: 1px solid var(--primary50);   border-radius: 4px;}

/*placeholder字体颜色*/
::-webkit-input-placeholder {color:#999}
:-moz-placeholder {color:#999}
::-moz-placeholder {color:#999}
:-ms-input-placeholder {color:#ccc}
* {/*width = 主体宽 + padding + border 如默认content-box 那么 width = 主体宽*/
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:after{display:block;content:" ";height:0;font-size:0;clear:both;visibility:hidden;overflow:hidden;}
.clear {clear:both;}

a {background-color:transparent;text-decoration: none;color:#222222;}/*默认透明背景色*/
a:active,a:visited,a:hover {outline:0;text-decoration: none;color:#222222;}/*a:active：点击中显示的颜色，鼠标未松开时 a:visited:链接被访问后呈现的颜色 a:hover:鼠标放上去的颜色*/
b,strong {font-weight:bold;}

/*布局同宽*/
.layout_box{width:1905px;margin: 0 auto;}
/*顶部*/
.top_box{position: relative;background-color:#FFFFFF;}
.top_language{position: absolute;top:3px;right:20px;padding:5px;}
.top_language_a,.top_language_a:visited{text-decoration:underline;}
.top_nav{display:flex;overflow:hidden;margin-left:422px;padding:10px 0px;}
.top_nav .top_nav_li{width:200px;text-align: center;padding-top:39px;}
.top_nav .top_nav_li a{font-weight: 600;font-size:18px;}
.top_nav .top_nav_logo{width:260px;font-size:0;}



/*首页*/
.banner_box{display:flex;}
.banner_left{width:50%;}
.banner_right{width:50%;margin-left:auto;}
.banner_1{width:100%;}
.banner_2{width:100%;}
.banner_3{width:100%;}


.product_box{padding:30px 0px;}
.product_box_title{font-size: 24px;font-weight: 600;text-align: center;}
.product_box_content{margin-top:30px;}
.product_box_content ul li{float:left;width:568px;margin-right:100px;}
.product_box_content ul li.ret{margin-left:1px;margin-right:0px;}
.product_box_content .product_pic img{width:100%;height:568px;}
.product_box_content .product_category_name{padding:20px 0px;text-align: center;}
.product_box_content .product_category_name a{font-size: 22px;font-weight:500;}


.video_box{width:100%;background-color:#F5F5F5;margin: 0 auto;padding:30px 0px;}
.video_box_title{font-size: 24px;font-weight: 600;text-align: center;}
.video_box_content{display:flex;margin-top:30px;}
.video_1{width:485px;}
.video_2{width:484px;}
.video_3{width:484px;}
.video_4{width:454px;}


.why_box{width:100%;background-color:#F8F8F8;margin: 0 auto;}
.why_wrapper{display:flex;}
.why_left{width:953px;height:700px;padding:80px 0px;}
.why_right{width:952px;height:700px;margin-left:auto;padding:80px 0px 0px 20px;}
.why_us{width:100%;height:528px;background-color:#F4F7FB;padding:56px 68px;}
.why_us h2{font-size: 38px;}
.why_us p{color:#273046;line-height: 32px;}
.why_a{display:inline-block;margin-top:8px;padding:16px 40px;background:#ED7C16;font-size:16px;color:#FFFFFF;font-weight:bold;text-decoration:none;border-radius:4px;}
.why_a:active,.why_a:visited,.why_a:hover{font-size:16px;color:#FFFFFF;}

/*关于我们*/
.about_bg{background:url(../img/about_bg.png) #f9fbff no-repeat center top;}
.about_us{display:flex;justify-content: flex-start;}
.about_left{width:586px;margin-left:300px;padding-top:46px;}
.about_left h2{font-size: 36px;font-weight: bold;}
.about_left h2.en{font-size: 32px;font-weight: bold;}
.about_left p{font-size: 16px;color: #363D57;line-height: 32px;letter-spacing: 1px;}
.about_right{width:536px;margin-left:80px;}
.about_i{margin-top:80px;padding-left:28px;padding-bottom: 30px;}
.about_i ul li{margin-top:20px;}
.about_m{background-color:#FFFFFF;border: 1px #EAEAEA solid;width:414px;height:239px;padding:6px;}


/*产品类别*/
.product_category_box{}
.product_tip{font-size: 21px;color:#777777;margin-top:20px;}
.product_content{display:flex;margin-top:20px;}
.product_category{width:221px;background-color:#F5F5F5;padding-top:22px;padding-left:26px;}
.product_category ul li{line-height: 36px;}
.product_category ul li a{font-size: 16px;color: #363D57;}
.product_category ul li a.ret{font-weight: bold;}
.product_list{width:1684px;min-height:600px;}
.product_list ul li{float:left;width:399px;margin-left:22px;margin-bottom:22px;}
.product_list ul li img{width:100%;height:480px;}
.product_list ul li.blan{padding:16px;}

/*联系我们*/
.contact_box{background-color:#F8F8F8;}
.contact_us{display:flex;justify-content: flex-start;width:1200px;height:370px;background-color:#FFFFFF;margin: 60px auto 0 auto;}
.contact_us_a{width:645px;padding-top:64px;padding-left:54px;}
.contact_us_a h2{font-weight:700;font-size:36px;}
.contact_us_a h2.en{font-size:32px;}
.contact_us_a h2 strong{color:#EC008C;}
.contact_us_a .contact_x{margin-top:6px;}
.contact_us_a .contact_x ul li{padding-top:16px;}
.contact_us_a .contact_x b{font-size: 20px;font-weight:bold;}
.contact_us_b{width:555px;}
.contact_line{width:80px;height:3px;background-color:#DDDDDD;border: none;margin-left: 0;}	
.contact_map{width:1200px;margin: 60px auto 0 auto;padding-bottom:60px;}


/*底部*/
.foot_box{width:100%;margin: 0 auto;background-color:#161827;padding-top: 60px;padding-bottom: 30px;}
.foot_grid{display:flex;color:#FFFFFF;}
.foot_grid h2{letter-spacing: .3em;font-size:24px;}
.foot_item_1{width:40%;text-align: center;}
.foot_item_2{width:30%;}
.foot_item_2 p{font-size:16px;line-height:30px;}
.foot_item_3{width:30%;}
.foot_item_3 p{font-size:16px;line-height:30px;}
.foot_copyright{color:#FFFFFF;text-align: center;line-height:36px;margin-top: 16px;}


