*{ margin: 0; padding: 0;}
ul,ol{ list-style: none;}
input, select, button,textarea{ border:none; outline:none;}
a{ text-decoration: none; color: #333;}/*a链接转为块和a连接的yanse*/
h1,h2,h3{ font-size: 16px;}/*文字大小*/
body{ font-family: arial;}/*英文默认字体*/
em{font-style:normal}

.lf{ float: left;}/*左浮动*/
.rg{ float: right;}/*右浮动*/
.clera:after{ content: ""; display: block; clear: both;}/*清浮动、转为块*/
.container{ width: 1200px; margin: 0 auto; position: relative;}/*版心1200px，居中，相对定位*/
.container_news { width: 1340px; margin: 0 auto; position: relative;}/*版心1200px，居中，相对定位*/
.container_fluid{ width: 100%;}/*通栏的宽度*/
html{ background-color: #fff;}
.body{ background-color: #fff;}


/* 顶部导航 */
.nav { width: 100%; height: 90px;}
.nav_box { width: 1200px; height: 90px;}
.nav_box img { width: 365px; height: 72px; margin-top: 9px; float: left;}
.nav_box ul { width: auto; height: 90px; float: right;}
.nav_box ul li { width: 124px; height: 90px; float: left; }
.nav_box ul li a { width: 100%; height: 100%; font-size: 16px; line-height: 90px; color: #333; text-align: center; display: block; }
.nav_box ul li ul { width: 124px; height: auto; background: #fff; position: absolute; display: none;}
.nav_box ul li ul li { width: 124px; height: 58px; border-bottom: 1px solid #dcdcdc; }
.nav_box ul li ul li a { width: 124px; height: 58px; font-size: 14px; line-height: 58px; font-weight: 400; text-indent: 26px; text-align: left; display:block;}

.nav_box ul li a:hover { background: #FF5F36; color: #fff; font-weight: 600;}
.nav_box ul li:hover ul { display: block; z-index: 1000;}
.nav_box ul li ul li:hover { background: #FF5F36; }
.nav_box ul li ul li:hover a{ color: #fff; }


/* banner */
.c-banner { width: 100%; max-width: 1920px; height: auto; position: relative; margin: 0 auto ; overflow: hidden;}
.c-banner img { width: 100%; }
.c-banner .banner ul { list-style: none; margin: 0 auto; }
.c-banner .banner ul li { display: none; opacity: 0; }
.c-banner .banner ul li:nth-child(1) { opacity: 1; display: block }
.c-banner .banner ul li img { width: 100%; max-width: 1920px; height: auto; position: relative; -webkit-animation: scaleDraw 15s ease-in-out infinite;}
.c-banner .banner ul li:first-child img { position: relative; }
.c-banner .nexImg,.c-banner .preImg { padding: 25px 10px 25px 10px; position: absolute; top: 50%; margin-top: -53px; margin-left: 100px; margin-right: 100px; background: #5a0d10; opacity: 0.5; border-radius: 5px; z-index: 10;}
.c-banner .nexImg:hover,.c-banner .preImg:hover { opacity: 0.8;background: #000000;}
.c-banner .nexImg { right: 0px; }
.c-banner .jumpBtn { width: 100%;position: absolute;bottom: 34px;text-align: center; }
.c-banner .jumpBtn ul { margin-bottom: 0px;padding: 0px}
.c-banner .jumpBtn ul li { width: 16px;height: 16px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 18px}
.c-banner .jumpBtn ul li:first-child { margin-left: 0px;}


/* 关于我们 */
.about { width: 1200px; height: 640px; margin-top: 120px;}
.about_box { width: 588px; height: 257px; float: left;}
.about_box h2 { width: 88px; height: 30px; font-size: 22px; line-height: 30px; font-weight: 600; color: #333;}
.about_box p { width: 498px; height: 75px; font-size: 14px; line-height: 28px; color: #999; margin-top: 53px;}
.about_box a { width: 120px; height: 38px; font-size: 14px; line-height: 38px; text-indent: 25px; color: #999; margin-top: 50px; border: 1px solid #dbdbdb; background: url(../../images/pc_images/icon-10.png) 88px 14px no-repeat; display: block; transition: all 0.2s;}
.about_img { width: 612px; height: 257px; overflow: hidden; float: right;}
.about_img a { width: 612px; height: 257px; display: block;}
.about_img a img { width: 612px; height: 257px; display: block; transition: 0.4s;}
.about ul { width: 1200px; height: 200px; margin-top: 84px; float: left; }
.about ul li { width: 248px; height: 200px; margin-left: 69px; float: left;}
.about ul li span { width: 248px; height: 79px; padding: 0 84px; display: block; box-sizing: border-box;}
.about ul li h3 { width: 248px; height: 22px; font-size: 16px; font-weight: 600; color: #333; margin-top: 22px; text-align: center;}
.about ul li em { width: 248px; height: 63px; font-size: 14px; line-height: 22px; color: #999; margin-top: 14px; text-align: center; display: block;}

.about_img a:hover img { transform: scale(1.02);}
.about ul li:first-child { margin-left: 0px;}
.about_box a:hover { background: url(../../images/pc_images/icon-9.png) 94px 14px no-repeat #D61E23; color: #fff; border: 1px solid #D61E23;}


/* 产品展示 */
.product_title { width: 1360px; height: 38px; margin-top: 80px;}
.product_title h2 { width: 88px; height: 38px; margin-left: 80px; font-size: 22px; line-height: 38px; font-weight: 600; color: #333; float: left;}
.product_title ul { width: auto; height: 38px; margin-right: 80px; float: right;}
.product_title ul li { width: 110px; height: 38px; text-align: right; float: left;}
.product_title ul li a { width: 110px; height: 38px; font-size: 14px; line-height: 38px; color: #666; text-align: center; display: block; transition: 0.3s;}
.pro-new {width: 100%; height: auto; overflow: hidden; background: #f6f6f6;}
.pro-new-show {position: relative; width: 1360px; margin-top: 40px; height: auto;overflow: hidden;}
.pro-list{width: 1200px; margin: 30px 80px; height: auto; position: relative; overflow: hidden;}
.pro-list ul li { width: 384px; height: auto; background: #fff; margin-right: 24px; float: left; position: relative; overflow: hidden;}
.pro-list ul li a { width: 384px; height: auto; display: block;}
.pro-list ul li a em { width: 384px; height: 40px; font-size: 14px; line-height: 40px; color: #999; text-align: center; display: block;}
.pro-list ul li a b { width: 384px; height: 40px; font-size: 16px; line-height: 40px; color: #f00; text-align: center; display: block;}
.pro-list ul li a label { width: 384px; height: 40px; font-size: 14px; line-height: 40px; color: #999; font-weight: 500; text-align: center; display: block;}
.pro_img { width: 384px; height: 384px; overflow: hidden;}
.pro_img img { width: 384px; height: 384px; display: block; transition: 0.3s;}
.pro-list ul li a span { width: 384px; height: 64px; font-size: 16px; line-height: 64px; font-weight: 600; color: #333; text-align: center; display: block; transition: all 0.4s;}
.pro-new-show .arrow a{display: inline-block;position: absolute;width: 49px;height: 100px;z-index: 2;}
.pro-new-show .arrow a.prev{left: 0; margin-top: -330px;background: url(../../images/pc_images/arrow-left.png) center center no-repeat #fff; transition: all 0.3s;}
.pro-new-show .arrow a.next{right: 0; margin-top: -300px;background: url(../../images/pc_images/arrow-right.png) center center no-repeat #fff; transition: all 0.3s;}
.pro-new-show .arrow a.prev:hover { background: url(../../images/pc_images/arrow-left-1.png) center center no-repeat #272727; }
.pro-new-show .arrow a.next:hover { background: url(../../images/pc_images/arrow-right-1.png) center center no-repeat #272727;}
.news_title:hover span { background: #272727; }

.product_title ul li a:hover { background-color: #333; color: #fff;}
.pro-list ul li a:hover span { background-color: #333; color: #fff;}
.pro-new-show .pagination{position: relative;width: 100%;height: auto;overflow: hidden;padding-top: 40px;text-align: center;}
.pro-new-show .pagination ul li{width: 15px;height: 15px;border-radius: 100%;background: #FFFFFF;display: inline-block;margin: 0 8px;text-indent:-9999px; }
.pro-new-show .pagination ul li.on{background: #272727;}

.pro-list ul li:hover { box-shadow: 0px 10px 30px rgba(91, 91, 91, 0.16);}
.pro-list ul li a:hover img { transform: scale(1.05);}
.news_but { width: 204px; height: 50px; margin-left: 568px; margin-top: 40px;}
.news_but a { width: 204px; height: 50px; font-size: 16px; line-height: 50px; text-indent: 62px; color: #999; display: block; background: url(../../images/pc_images/gd-jt1.png) 134px 16px no-repeat #fff;}
.news_but a:hover { color: #fff; background: url(../../images/pc_images/gd-jt1-1.png) 134px 16px no-repeat #272727;}


/* 新闻资讯 */
.news { width: 1200px; height: 640px;}
.news_box { width: 1200px; height: 38px; margin-top: 80px; margin-bottom: 80px;}
.news_box h2 { width: 88px; height: 38px; font-size: 22px; line-height: 38px; font-weight: 600; color: #333; float: left;}
.news_box ul { width: auto; height: 38px; float: right;}
.news_box ul li { width: 110px; height: 38px; text-align: right; float: left;}
.news_box ul li a { width: 110px; height: 38px; font-size: 14px; line-height: 38px; color: #666; text-align: center; display: block;}
.news_hot { width: 535px; height: 446px; background-color: #F6F6F6; float: left;}
.news_hot a { width: 536px; height: 446px; display: block;}
.news_hot a span { width: 536px; height: 300px; display: block; overflow: hidden; }
.news_hot a span img { width: 536px; height: 300px; display: block; transition: all 0.4s;}
.news_hot a span em { width: 112px; height: 48px; font-size: 16px; line-height: 48px; font-weight: 600;  text-align: center; color: #fff; margin-left: 423px; background-color: #333; display: block; }
.news_hot h3 { width: 470px; height: 50px; font-size: 16px; line-height: 50px; font-weight: 600; color: #333; margin-top: 18px;margin-left: 32px;}
.news_hot p { width: 470px; height: 52px; font-size: 14px; line-height: 26px; color: #666; margin-left: 32px;}
.news_list { width: 588px; height: 446px; margin-left: 74px; display: block; float: left;}
.news_list li { width: 588px; height: 74px; border-bottom: 1px solid #E6E6E6;}
.news_list li a { width: 588px; height: 74px; font-size: 14px; line-height: 74px; color: #666; display: block;}
.news_list li a p { width: 448px; height: 74px; float: left; transition: 0.2s; overflow: hidden;}
.news_list li a em { width: 40px; height: 74px; font-size: 14px; line-height: 74px; color: #999; display: block; float: right; transition: 0.3s;}

.news_hot a:hover img { transform: scale(1.03);}
.news_list li a:hover p { font-weight: 600; font-size: 14px; text-indent: 8px; color: #333;}
.news_list li a:hover em { font-weight: 600; color: #333; }
.news_list li:last-child { border-bottom: 0px;}
.news_box ul li a:hover { background-color: #333; color: #fff;}


/* 友情链接 */ 
.jump { width: 1200px; height: auto; margin-bottom: 80px;}
.jump span { width: 72px; height: 22px; font-size: 16px; font-weight: 600; color: #333; line-height: 22px; float: left; display: block;}
.jump ul { width: 1128px; height: auto; display: block; float: left;}
.jump ul li { width: auto; height: 22px; border-right: 1px solid #cacaca; float: left;}
.jump ul li a { width: auto; height: 22px; padding: 0 36px; color: #666; font-size: 14px; line-height: 22px; display: block;}

.jump ul li a:hover { font-weight: 600; color: #FF5F36;}
.jump ul li:last-child { border-right: 0px;} 


/* 底部信息 */
.footre { width: auto; max-width: 1920px; height: 314px; margin: 0px auto; background: url(../../images/pc_images/back.png); position: relative;}
.footre_box { width: 1200px; height: 246px;}
.footre_box1 { width: 300px; height: 246px; float: left;}
.footre_box1 span { width: 300px; height: 51px; font-size: 16px; line-height: 51px; font-weight: 600; color: #E5E5E5; margin-top: 32px; display: block;}
.footre_box1 ul { width: 300px; height: 170px; }
.footre_box1 ul li { width: 102px; height: 34px; float: left;}
.footre_box1 ul li a { width: 102px; height: 34px; font-size: 14px; line-height: 34px; color: #999; display: block;}
.footre_box2 { width: 300px; height: 246px; float: left;}
.footre_box2 span { width: 300px; height: 51px; font-size: 16px; line-height: 51px; font-weight: 600; color: #E5E5E5; margin-top: 32px; display: block;}
.footre_box2 ul { width: 300px; height: 170px; }
.footre_box2 ul li { width: 300px; height: 34px;  font-size: 14px; line-height: 34px; float: left; color: #999;}
.footre_box3 { width: 100%; max-width: 1920px; margin: 0 auto; height: 68px; background: #272727; font-size: 14px; line-height: 68px; color: #A2A2A2; float: left; text-align: center; }
.footre_box3 a { font-size: 14px; line-height: 68px; color: #A2A2A2;}
.footre_box3 a:hover { color: #ffe136;}

.footre_box1 ul li a:hover { color: #E5E5E5;}


@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{ transform: scale(1);  /*开始为原始大小*/}
	25%{transform: scale(1.06); /*放大1.1倍*/}
	50%{transform: scale(1.12);}
	75%{transform: scale(1.18);}
    100%{transform: scale(1.24);}
}

.news2_tite { width: 1200px; height: auto; text-align: center; margin-top: -50px; background: #fff; padding: 20px 15px; box-sizing: border-box; box-shadow: 0px 2px 16px rgb(135 135 135 / 10%); border-radius: 4px;}
.news2_tite ul { width: auto; height: 42px; display: inline-block; }
.news2_tite ul li { width: auto; height: 42px; padding: 0 20px; margin: 0 10px; font-size: 16px; line-height: 42px; float: left; display: block; border-radius: 4px;}
.news2_tite ul li a { width: auto; height: 100%; display: block; font-size: 16px; line-height: 42px; color: #666; } 
.active { background: #333; }
.news2_tite ul li.active a { color: #fff;}

/* 当前位置 */
.position {width: 1200px; height: 79px; overflow: hidden; margin-top: -40px; border-radius: 4px; background: #fff; box-shadow: 0px 2px 16px rgba(135, 135, 135, 0.10);}
.position ul{ margin-top: 30px; height: 16px;}
.position li{ float: left; font-size: 16px; margin-left: 6px;}
.position li:first-child{ margin-left: 48px;}
.position a{ font-size: 16px; line-height: 14px;}

.position a:hover{ color: #333}



/* 内容单页 */
.sub_banner { width: 100%; height: 400px; max-width: 1920px; margin: 0px auto; position: relative;}
.sub_banner img { width: 100%; height: 400px; max-width: 1920px; margin: 0px auto;}
.content_show { width: 1200px; height: auto; min-height: 500px; margin-bottom: 60px; margin-top: 50px; box-shadow: 0px 2px 16px rgba(135, 135, 135, 0.16); overflow: hidden;}
.content_show_rg_tit { width: 1200px; height: auto; min-height: 30px; text-align: center; padding: 0 200px; box-sizing: border-box; font-size: 22px; margin-top: 10px; line-height: 80px; font-weight: 600; color: #333; }
.content_show_rg_des { width: 1080px; height: auto; padding: 30px 0px 60px; margin: 0px auto 0px; box-sizing: border-box; border-top: 1px solid #E4E4E4;}


/* 产品列表 */
.content_show_box { width: 1200px; height: auto; min-height: 500px; padding: 48px 48px 100px; overflow: hidden; box-sizing: border-box;}
.content_show_box ul { width: auto; height: auto;}
.content_show_box ul li { width: 245px; height: 410px; margin: 0 12px 24px; float: left; padding: 1px; box-sizing: border-box; overflow: hidden;}
.content_show_box ul li a { width: 245px; height: 410px; display: block;}
.content_show_box ul li a img { width: 245px; height: 245px; display: block; transition: all 0.3s;}
.content_show_box ul li a em { width: 245px; height: 40px; font-size: 16px; line-height: 40px; color: #333; text-align: center; display: block;}
.content_show_box ul li a b { width: 245px; height: 30px; font-size: 16px; line-height: 30px; color: #f00; text-align: center; display: block;}
.content_show_box ul li a label { width: 245px; height: 30px; font-size: 14px;font-weight: 500; line-height: 30px; color: #999; text-align: center; display: block;}
.content_show_box ul li a p { width: 245px; height: 24px; font-size: 14px; line-height: 24px; margin-bottom: 14px; text-align: center; color: #999; overflow: hidden;}
.content_show_box ul li a span { width: 245px; height: 48px; background: #fff; font-size: 14px; line-height: 48px; text-align: center; display: block; color: #999; transition: all 0.2s;}

.content_show_rg ul li a:hover span { background: #333; color: #fff;}
.content_show_box ul li a:hover img { transform: scale(1.03);}


/* 底部页码 */
.list_pages { width: 1104px; height: 90px; overflow: hidden; bottom: 0px; position: absolute; margin-bottom: 10px; float: left;}
.list_page{ width: auto; height: 30px; margin: 30px 0 30px; margin-left: 0px; background: white; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); }
.list_page a, .list_page span{ width: 28px; height: 28px; font-size: 14px; line-height: 28px; border: 1px solid #c4c4c4; display: block; float: left; margin: 0 8px; }
.list_page a:first-child { width: 68px; }
.list_page a:hover { background: #333; color: #fff; border:1px solid #333 }
.list_page a:last-child { width: 68px; }
.list_page span { background: #333; color: #fff;  border:1px solid #333 }


/* 列表内容页 */
.content_show_rg_subtit { width: 100%; height: 30px; text-align: center; margin-bottom: 10px;}
.content_show_rg_subtit span { width: auto; font-size: 14px; line-height: 30px; margin: 0px 15px; color: #999;}


/* 新闻列表 */
.content_news_box { width: auto; height: auto; min-height: 500px; margin-top: 50px; padding: 48px 48px 100px; overflow: hidden; margin-bottom: 60px; box-sizing: border-box; box-shadow: 0px 2px 16px rgba(135, 135, 135, 0.16);}
.content_news_box ul { width: auto; height: auto; overflow: hidden;}
.content_news_box ul li { width: 1104px; height: 60px; border-bottom: 1px solid #e9e9e9; overflow: hidden; text-align: center; transition: all 0.2s;}
.content_news_box ul li a { width: 1104; height: 60px; display: block;}
.content_news_box ul li a span { width: auto; height: 60px; background: #fff; font-size: 14px; line-height: 60px; text-align: center; display: block; color: #333; float: left; transition: 0.2s;}
.content_news_box ul li a em { font-size: 14px; line-height: 60px; float: right; color: #999;}

.content_news_box ul li a:hover span, .content_news_box ul li a:hover em{margin-left: 5px; font-weight: 600; color: #333; transform: (1.03);}


/* 留言表单 */
.message{ min-height: 880px; overflow: hidden; background: white; border-radius: 8px;}
.message_box{ width: 720px; height: 780px; margin: 40px auto;}
.message_box h3{ font-size: 20px; line-height: 29px; text-align: center;}
.message_box span{ width: 46px; height: 2px; background: #7cace6; margin: 6px auto 38px; display: block; border-radius: 6px;}
.message_box em{ width: 718px; height: 54px; font-size: 16px; line-height: 28px; color: #666; margin-bottom: 48px; display: block; overflow: hidden; }
.message_box p{ font-size: 16px; line-height: 22px; color: #666; margin-top: 20px; margin-bottom: 10px;}
.message_box input{ width: 720px; height: 48px; font-size: 16px; text-indent: 16px; background: #f9f9f9; border: 1px solid #dedede; border-radius: 6px; }
.message_box textarea{ width: 688px; height: 200px; font-size: 16px; padding: 16px; background: #f9f9f9; border: 1px solid #dedede; border-radius: 6px; resize: none;}
.message_box .message_but { width: 148px; height: 42px; font-size: 16px;  text-indent: 0px; line-height: 42px; background: rgb(167, 167, 167); border-radius: 6px; color: white; margin: 38px 290px; text-align: center; cursor: pointer;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: rgb(189, 189, 189);}
.message_box .message_but:hover{ background: #333;}