﻿*{margin:0;padding:0}

body{min-width:1200px;background:#fff;background-position:0 0;margin:0;padding:0;text-decoration:none;font-size:12px;font-variant:normal;font-family:"微软雅黑"}

a:active,a:hover,a:link,a:visited{text-decoration:none}

a{text-decoration:none}

li{list-style-type:none}

ol,ul{list-style-type:none;list-style-image:none}

.top{width:100%;height:40px;background:#eee;float:left}

.top_main{width:1200px;margin:0 auto}

.top_main p{display:block;float:left;line-height:40px;font-size:12px;color:#1a1a1a}

.top ul{float:right}

.top ul li{float:left;position:relative}

.top_main a{font-size:12px;color:#1a1a1a;float:left;line-height:40px;margin-left:20px}

.top ul li:after{content:"";background:#686868;width:1px;height:12px;top:15px;margin-left:10px;position:absolute}

.top ul li:last-child:after{width:0;height:0}

.header{width:100%;height:100px;background:#fff;float:left}

.head{width:1200px;height:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}

.logo img{display:block}

.head_tel img{display:block}



.nav{width:100%;height:60px;float:left;background:#ca111e}

.nav .main{width:1200px;height:100%;margin:0 auto}

.nav .main ul li{float:left;width:170px;transition:all .5s}

.nav .main ul li a{display:block;font-size:16px;color:#fff;line-height:60px;text-align:center}

.nav .main ul li:hover{background:#ff5900}



.banner{width:100%;height:auto;float:left}

.slideBox{width:100%;height:auto;overflow:hidden;position:relative;margin:0 auto}

.slideBox .hd{height:50px;overflow:hidden;position:absolute;left:50%;margin-left:-40px;bottom:-10px;z-index:1}

.slideBox .hd ul{overflow:hidden;zoom:1;float:left}

.slideBox .hd ul li{float:left;margin-right:20px;width:15px;height:15px;line-height:14px;border-radius:50%;text-align:center;border:1px solid #ca111e;cursor:pointer}

.slideBox .hd ul li.on{background:#ca111e}

.slideBox .bd{position:relative;height:100%;z-index:0}

.slideBox .bd li{zoom:1;vertical-align:middle}

.slideBox .bd img{width:100%;height:auto;display:block}

.search{width:100%;height:60px;background:#eee;float:left;overflow:hidden}

.search .main{width:1200px;height:100%;margin:0 auto;overflow:hidden}

.search .main p{display:block;font-size:18px;font-weight:700;color:#1a1a1a;line-height:57px;float:left}

.search .main ul li{float:left;margin-right:20px;overflow:hidden}

.search .main ul li a{font-size:15px;color:#191919;line-height:60px;text-align:center}

.search .main ul li a:hover{color:#ca111e}

.product{width:100%;height:auto;float:left;margin-top:40px}

.product .main{width:1200px;height:auto;margin:0 auto}



.title{ overflow:hidden; margin:0 auto;margin-bottom:30px; text-align:center;}

.title h3{ font-size:24px; color:#333; }

.title h3 span{color:#ca111e;}

.title h3:after{content:""; width:160px; height:2px; background:#ca111e; display:block; margin:10px  auto}





.list{width:210px;float:left;background:#ca111e}

.list .list_title{width:100%;height:80px;margin-bottom:20px;background:url(../images/pro_list_title.png) no-repeat bottom}

.list .list_title span{display:block;font-size:24px;font-weight:700;color:#fff;text-align:center;padding-top:20px}

.list .list_title p{display:block;font-size:14px;color:#fff;text-align:center;padding-top:5px}

.list ul li{width:100%;height:40px;background:#fff;margin-top:12px;position:relative}

.list ul li:before{content:"";background:url(../images/list_before.png);width:12px;height:20px;position:absolute;left:10px;top:10px}

.list ul{width:200px;margin:0 auto;min-height: 696px;}

.list ul li a{display:block;font-size:16px;color:#1a1a1a;line-height:40px;padding-left:30px}

.ls_lb ul{ min-height:auto;}





.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}



.list .bottom{width:100%;height:87px;margin-top:20px}

.list .bottom img{display:block;margin:0 auto}

.product .main .pic{width:980px;height:auto;float:right}

.product .main .pic ul li{float:left;border:1px solid #f0f0f0;box-sizing:border-box;transition:all .6s;margin:0 10px 10px 0; width:32%}

.product .main .pic ul li:nth-child(3n){margin-right:0}

.product .main .pic ul li div{ overflow:hidden;margin:5px}

.product .main .pic ul li div img{ width:100%; height:100%}

.product .main .pic ul li p{display:block;font-size:16px;color:#1a1a1a;text-align:center;line-height:40px}

.product .main .pic ul li:hover{border:1px solid #ca111e}





.about{width:100%;margin-top:40px; overflow:hidden;}

.about .main{width:1200px;height:444px;margin:20px auto 0;padding-bottom:20px;background:url(../images/about_bg.jpg) no-repeat center;background-size:100% 100%}

.about .main .right{width:502px;height:auto;float:right;margin:100px 50px 0 0}

.about .main .right span{display:block;font-size:24px;font-weight:700;color:#fff;padding-left:30px;margin-bottom:20px}

.about .main .right .text{width:500px;height:210px;overflow:hidden}

.about .main .right .text p{display:block;font-size:15px;color:#fff;line-height:25px;text-indent:1em;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;}

.about .main .right a{display:block;font-size:14px;color:#fff;width:120px;height:30px;border:1px solid #fff;line-height:30px;text-align:center;float:left;margin-top:20px}



.adv{width:100%; overflow:hidden; margin-top:30px;}

.adv img{ width:100%;} 



.str{width:100%;height:auto;float:left;margin-top:50px}

.str .main{width:1200px;height:auto;margin:0 auto}

.str .main ul li{float:left;width:100%;margin-bottom:20px}

.str .main ul li .left{float:left;width:544px;height:auto;overflow:hidden}

.str .main ul li:nth-child(2n) .left{float:right}

.str .main ul li:nth-child(2n) .pic{float:left}

.str .main ul li:nth-child(2n) .pic img{float:left}

.str .main ul li .left img{display:block;float:left}

.str .main ul li .left .info{float:right;width:450px;height:auto; margin-top:21px; }

.str .main ul li .left .info .title{width:100%;border-bottom:1px solid #999;padding-bottom:10px;text-align:left; font-weight:bold;}

.str .main ul li .left .info .title span{display:block;font-size:30px;color:#ca111e;text-align:left;}

.str .main ul li .left .info .title p{display:block;font-size:12px;color:#999;text-transform:uppercase;margin-top:5px}

.str .main ul li .left .info .text{width:100%;height:auto;margin-top:10px}

.str .main ul li .left .info .text p{display:block;font-size:15px;color:#666;line-height:25px;position:relative;padding-left:20px}

.str .main ul li .left .info .text p:before{content:"●";width:8px;height:8px;color:#ca111e;position:absolute;left:0;top:-2px}

.str .main ul li .pic{float:right;width:609px;height:306px}

.str .main ul li .pic img{display:block;float:right}

.cases{width:100%;height:auto;float:left;margin-top:40px;background:#eee;padding-bottom:40px; padding-top:50px;}

.cases .main{width:1200px;height:auto;margin:0 auto}


#scroll{width:1200px; margin:20px auto 0 ; overflow:hidden;background:#eee}

.cases_pic{float:left;height:auto;margin:0 auto;overflow:hidden;box-sizing:border-box}

.cases_pic ul li{float:left;margin-right:10px;overflow:hidden}

.cases_pic ul li a{display:block;float:left;margin-bottom:10px}

.cases_pic ul li div{display:block;width:290px;margin:0 auto;transition:all .5s}

.cases_pic ul li div img{ width:100%; height:100%;}

.cases_pic ul li:hover a p{ color:#ca111e}



.cases_pic ul li p{width:100%;height:40px;line-height:40px;text-align:center;font-size:16px;color:#1a1a1a}



.section{width:100%;height:auto;float:left;margin-top:40px}

.section .main{width:1200px;height:auto;margin:0 auto}

.section .main .honor{width:365px;height:auto;float:left}

.section .main .honor .title{width:100%;height:40px;background:url(../images/news_title.png) no-repeat bottom;display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;margin-bottom:20px}

.section .main .honor .title span{display:block;font-size:24px;font-weight:700;color:#ca111e}

.section .main .honor .title a{display:block;font-size:14px;color:#666}

.section .main .honor .bd{margin:0 auto;width:250px;height:305px}

.section .main .honor .picScroll-left{background:#eee;padding:30px 0 30px 0}

.section .main .honor .picList li{float:left;margin-right:10px;overflow:hidden}

.section .main .honor .picList li img{display:block;width:250px;height:305px}

.section .main .honor{position:relative}

.section .main .honor .prev{position:absolute;left:0;top:200px;cursor:pointer}

.section .main .honor .next{position:absolute;right:0;top:200px;cursor:pointer}

.section .main .news{width:365px;height:auto;float:left;margin-left:50px}

.section .main .news .title{width:100%;height:40px;background:url(../images/news_title.png) no-repeat bottom;display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;margin-bottom:20px}

.section .main .news .title span{display:block;font-size:24px;font-weight:700;color:#ca111e}

.section .main .news .title a{display:block;font-size:14px;color:#666}

.section .main .news ul{width:100%;height:auto;margin-top:10px}

.section .main .news ul li{float:left;width:100%;border-bottom:1px dashed #9e9e9e;padding-bottom:10px}

.section .main .news ul li .info{width:100%;height:25px;display:flex;justify-content:space-between;overflow:hidden;margin-top:10px}

.section .main .news ul li .info span{display:block;font-size:16px;color:#1a1a1a;width:265px;height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.section .main .news ul li .info p{display:block;font-size:12px;color:#999}

.section .main .news ul li .text{width:100%;height:15px}

.section .main .news ul li .text p{display:block;width:100%;font-size:14px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.section .main .news ul li:hover .info span{color:#ca111e}

.section .main .contact{width:365px;height:auto;float:right;border-bottom:1px solid #a2a2a2;padding-bottom:20px}

.section .main .contact .title{width:100%;height:40px;background:url(../images/news_title.png) no-repeat bottom;display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;margin-bottom:20px}

.section .main .contact .title span{display:block;font-size:24px;font-weight:700;color:#ca111e}

.section .main .contact .title a{display:block;font-size:14px;color:#666}

.section .main .contact .contact_pic img{display:block;width:365px;height:200px}

.section .main .contact .text span{display:block;font-size:16px;color:#1a1a1a;margin:5px 0 10px 0; font-weight:bold;}

.section .main .contact p{display:block;font-size:15px;color:#1a1a1a;line-height:22px}

.friendlink{width:100%;height:auto;float:left;background:#ca111e;margin-top:50px}

.link{width:1200px;height:100%;margin:0 auto;overflow:hidden;padding-top:30px}

.link .title{width:100%;background:url(../images/link.png) no-repeat bottom; text-align:left; margin-bottom:0px;}

.link .title p{display:block;font-size:22px;color:#fff;padding-bottom:5px}

.link ul{width:100%;height:35px}

.link ul li{float:left;margin-right:20px}

.link ul li a{font-size:12px;color:#fff;line-height:35px}

.footer{width:100%;height:auto;float:left;background:#ca111e;padding-bottom:40px}

.foot{width:1200px; overflow:hidden;margin:0 auto;background:#fff;margin-top:20px; padding:20px;}

.foot .left{float:left;padding-left:50px}

.foot .left .name span{display:block;font-size:24px;font-weight:700;color:#1a1a1a}



.foot .left p{display:block;font-size:15px;color:#1a1a1a;line-height:25px}

.foot .left a{font-size:15px;color:#1a1a1a;line-height:25px}



.foot .icon{float:right;height:auto;margin:0px 40px 0 0; border-left:1px #ca111e solid; padding-left:30px;}

.foot .icon p{display:block;font-size:15px;color:#ca111e;width:26px;height:169px;text-align:center;background:#eee;float:left;padding-top:7px}

.foot .icon img{display:block;width:178px;height:178px;padding-left:5px}

*html .fixed{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop))}

.fixed{position:fixed;width:50px;height:230px;right:0;top:195px;z-index:100}

.fixed ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:10px}

.fixed ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#454545;transition:all .3s}

.fixed ul li .sidetop:hover{background-color:#e32b1f}

.fixed ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all .3s;background:#454545;color:#fff;font:14px/54px "微软雅黑";overflow:hidden}

.fixed ul li .sideqq{position:absolute;width:50px;height:50px;top:0;right:0;transition:all .3s;background:#454545;color:#fff;font:14px/54px "微软雅黑";overflow:hidden}

.fixed ul li .sidebottom{width:50px;height:50px;line-height:50px;display:inline-block;background:#454545;transition:all .3s}

.fixed ul li .sidebottom:hover{background-color:#e32b1f}

.fixed ul li img{float:left}

.sidebox span{display:block;font-size:16px;text-align:center;font-weight:700;color:#fff}

.sidebox p{display:block;font-size:16px;text-align:center;font-weight:700;line-height:19px;padding-top:7px;color:#fff}

.fixed ul li:hover .sideqq{ background:#e32b1f}

.hid_box{display:none;position:fixed;bottom:367px;right:70px}

.hid_box img{display:block;width:139px;height:139px}

.contain{width:1200px;margin:30px auto}

.con_left{width:210px;float:left;margin-right:20px;margin-bottom:30px}

.con_right{width:970px;float:left;margin-bottom:30px}

.l_about{width:100%;float:left}

.in_prokind{width:198px;padding-left:10px;height:40px;line-height:40px;color:#333;font-size:16px;background:#e9e9e9;font-weight:700;border-bottom:1px solid #ccc;position:relative}

.in_prokind span{position:absolute;right:12px;top:0;font-size:13px}

.in_prokind span a:link{color:#333}

.in_prokind span a:visited{color:#333}

.in_prokind span a:hover{color:#000}

.in_casetit{width:100%;height:57px;line-height:57px;font-size:21px;font-weight:700;color:#ca111e;text-align:left;position:relative;border-bottom:#ca111e 1px solid}

.in_casetit span{ float:right; font-size:14px; font-weight:normal;}

.in_casetit span a{ color:#666;}

.in_casetit span a:hover{ color:#ca111e;}

.in_casetit span a:after{ content:">"; color:#666; margin:0 5px;}

.in_casetit span a:last-child:after{content:""; display:none;}



.position a:link{color:#333}

.position a:visited{color:#333}

.position a:hover{color:#ca111e}



.position{position:absolute;right:5px;top:10px;font-size:14px;font-weight:400}



.ul_news{margin:0 auto; padding:0 10px;background:#f0f0f0;padding-bottom:10px;border-bottom:#e9e9e9 2px solid}

.ul_news ul{}

.ul_news li{font-size:10px;height:32px;line-height:32px;border-bottom:#bfbfbf 1px dotted;color:#1d1d1d;background:url(../images/icon04.jpg) no-repeat 1px;padding-left:5px ;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.in_contact{width:208px;margin-top:10px;float:left;color:#333;border:#ccc 1px solid}

.in_contact p{width:200px;font-size:14px;line-height:24px;padding-left:5px;padding-right:5px}

.in_contactmid{background:#f0f0f0;padding-bottom:10px;border-bottom:#e9e9e9 2px solid}

.in_contactmid h3{line-height:28px;font-size:16px;padding-left:5px;color:#1b242d}

.in_contactmid img{margin-top:10px;width:100%}

.clear{clear:both}

.index_aboutimg{width:193px;margin:10px;float:left}

.index_aboutcont{width:422px;float:left;margin-top:10px;line-height:24px}

.index_aboutcont p{text-indent:2em;font-size:13px;color:#3e3e3e;font-weight:700}

.main_right_product{width:100%;margin:0 auto}

.main_right_product ul{margin:0;padding:0;width:110%}

.main_right_product ul li{list-style:none;width:320px;float:left;margin-top:10px;margin-right:11px}

.p_name{text-align:center;line-height:30px;font-size:14px}

.main_right_product ul li div{ overflow:hidden;padding:5px;border:#eee 1px solid}

.main_right_product ul li div img{ width:100%; height:100%;}

.main_right_product ul li a:link{color:#444;text-decoration:none}

.main_right_product ul li a:visited{color:#444;text-decoration:none}

.main_right_product ul li a:hover{color:#ca111e;text-decoration:none}

.product_con{width:100%}

.product_con img,.productimg img{text-align:center;margin:0 auto; max-width:100%; display:block;}

.product_con p{ font-size:15px;color:#555; line-height:30px; text-indent:2em;}

.product_con p a{ color:#555; }

.index_newscont{width:100%;margin:10px auto}

.index_newscont a{color:#000}

.index_newscont ul li{height:42px;line-height:42px;border-bottom:#ccc 1px dotted;font-size:13px;background:url(../images/icon04.jpg) no-repeat 5px;padding-left:25px;position:relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.index_newscont ul li span{ float:right;}



.news_time{position:absolute;right:0;top:0}

.index_newscont ul li a:link,.ul_news li a:link{color:#3e3e3e}

.index_newscont ul li a:visited,.ul_news li a:visited{color:#3e3e3e}

.index_newscont ul li a:hover,.ul_news li a:hover{color:#ca111e}

.nav ul li.current a{background:#00754e}

.index_newscont h4,.main_right_product h4{font-size:16px;text-align:center;line-height:50px}

.fy,.xlr_pages{width:100%;height:24px;line-height:24px;font-size:12px;text-align:center;float:left;margin-top:10px;margin-bottom:10px}

.xlr_pages ul{width:100%;margin:0 auto;height:24px;text-align:center}

.pagelist li{text-decoration:none;margin-right:1px;display:inline-block;border:#ccc 1px solid;padding:0 8px;border-radius:3px}

.thisclass{background:#ca111e;color:#fff}

.pagelist li select{margin:3px}

.fy{ border-top:1px #ccc solid;}

.fy a:link,.pagelist li a:link{color:#000;text-decoration:none}

.fy a:visited,.pagelist li a:visited{color:#000;text-decoration:none}

.fy a:hover,.pagelist li a:hover{color:#ca111e;text-decoration:none}

.footer .right .info a{color:#fff}

.message{width:100%;height:600px;margin-left:50px}

.message span{width:100%;height:60px;line-height:60px;float:left;color:#000;text-align:center;font-size:30px}

.message p{font-size:15px;color:#999;text-align:center}

.message_left{float:left;width:40%;height:34px;line-height:34px;font-size:14px;color:#777;text-align:left;border-color:#333;border-style:none;clear:both;margin-top:8px}

.message_right{float:left;width:90%;height:24px;line-height:24px;background-color:#eee;font-size:14px;color:#777;text-align:left;padding:4px;border:1px;border-color:#aaa;border-style:dashed}

.area_message{float:left;width:90%;height:122px;line-height:24px;background-color:#eee;background-image:none;font-size:14px;color:#777;text-align:left;padding:4px;font-family:Microsoft YaHei;border:1px;border-color:#aaa;border-style:dashed}

.sub_message{float:left;width:92%;height:40px;line-height:40px;background-color:#333;border-radius:5px;color:#fff;text-align:center;border:1px;border-color:transparent;margin-top:20px}





.about_xq{ overflow:hidden; line-height:30px; font-size:15px; color:#555; padding-top:30px;}

.about_xq p{ text-indent:2em;}