/*å¤´éƒ¨æ ·å¼*/
.xy-head{width: 100%;left: 0;right: 0;z-index: 9999;;;}
.head1{height: 33px;background: #e42021;    -webkit-transition: all .7s ease;transition: all .7s ease;opacity: 1;}
.w1200{width: 1200px;margin: 0 auto;}
.wel{font: normal 13px/33px "å¾®è½¯é›…é»‘";color: #fff;}
.tel1{font: bold 15px/33px "å¾®è½¯é›…é»‘";color: #fff;padding-left: 25px;background: url(../images/tel1.png) no-repeat 5px center;}
.k1{font: normal 13px/33px "å¾®è½¯é›…é»‘";color: #fff;}
.k1 a{color: #fff;}
.head1 a:hover{text-decoration: underline;}
.head2{height: 94px;}
.tel2{line-height: 24px;margin-top: 15px;}
.head3{height: 50px;border-top: 1px solid #e9e9e9;}
.xy-head.scroll .head1{display: none;}
.xy-head.scroll {position: fixed;-webkit-transition: all .7s ease;transition: all .7s ease;background: #fff;box-shadow: 0 2px 0 rgba(0,0,0,0.1);}

.case_detail h1{font-size:18px;}




#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 94px;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"å¾®è½¯é›…é»‘";}

#menu{width: 1200px;margin: 0 auto;}

/*çƒ­é—¨æœç´¢*/
.search{width: 278px;height: 38px;background: url(../images/ss.png) no-repeat center;margin-top: 30px;margin-right: 20px;position: relative;}
#formsearch{width:278px;}
.hotSearch{width:230px;height:38px;overflow: hidden;position: absolute;top: 0;left: 10px;font: normal 12px/38px "å¾®è½¯é›…é»‘";color: #999;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}




.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*ä¸»ä½“æ ·å¼*/
.c1{padding: 20px 0;}
.tlt{text-align: center;padding: 20px 0;}
.tlt h2{font: bold 32px/50px "å®‹ä½“";color: #333;}
.tlt p{font: normal 14px/30px "å¾®è½¯é›…é»‘";color: #e42021;font-style: italic;text-transform: uppercase;background: url(../images/line01.png) no-repeat center;}

.c1-con ul li{    width: 278px;
    float: left;
    margin: 0 10px 30px;
    /* margin-bottom: 30px; */
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border: 1px solid #eeeeee;
    /* height: 670px; */
    padding-bottom: 25px;}
.c1-con ul li:nth-child(3n){
    /*margin-right: 0;*/
}
.c1-con ul li a{display: block;}
.c1-con ul li .tu{width: 100%;/*height: 556px;*/position: relative;overflow: hidden;;}
.c1-con ul li .tu img{width: 100%;/*height: 556px;*/transition: .5s;}
.c1-con ul li:hover img{transform: scale(1.1);}
.c1-con ul li .tu .marks{ display:none; width: 380px;height: 556px;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.3);transition: .5s;opacity: 0;}
.c1-con ul li:hover .tu .marks{opacity: 1;}
.c1-con ul li .tu .jia{display:none; width: 54px;height: 54px;position: absolute;top: 80px;left: 163px;background: url(../images/jia.png) no-repeat center;transition: .5s;opacity: 0;}
.c1-con ul li:hover .tu .jia{top: 250px;opacity: 1;}
.c1-con ul li .wz{background: #fff;padding-top: 20px;}
.c1-con ul li .wz h3{font: normal 18px/20px "Ã¥Â¾ÂÃ¨Â½Â¯Ãâ€ºâ€¦ÃÂ»â€˜";color: #333;text-align: center;}
.c1-con ul li .wz h4{text-align: center;line-height: 30px;color: #737373;font-weight: normal;font-size: 14px;}
.c1-con ul li .wz dt{width: 165px;height: 30px;border: 1px solid #ccc;text-align: center;margin: 0 auto;font: normal 13px/30px "Ã¥Â¾ÂÃ¨Â½Â¯Ãâ€ºâ€¦ÃÂ»â€˜";color: #555;margin-top: 20px;}
.c1-con ul li:hover .wz dt{background: #e42021;color: #fff;border-color: #e42021;}
.c1-con ul li:hover{    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);}
.c1-con ul li:hover .wz h3 { color:#e42021; }

.c2{width:1920px;margin-left: -960px;left:50%;position:relative;background: url(../images/liu.png)no-repeat;height: 720px;padding-top: 17px;display: none;}
.c2 .tlt p{background: url(../images/1.png)no-repeat center;}
.c2 ul{overflow: hidden;margin-top: 20px;margin-left: 35px;}
.c2 ul li{float: left;position: relative;width: 195px;height: 195px;overflow: hidden;border-radius: 50%;margin-right: 123px;margin-bottom: 91px;cursor: pointer;}
.c2 ul li img{width: 195px;height: 195px;}
.c2 ul li span{position: absolute;top:0;left:0px;line-height: 195px;text-align: center;display: block;color: #fff;font-family: "å®‹ä½“";font-size:52px;font-weight: 100;width: 195px;background: rgba(0,0,0,0.7);}
.c2 ul li p{position: absolute;top:0;left:0;width: 195px;height: 145px;background: rgba(173,6,26,0.7);color: #fff;font-size: 14px;line-height: 23px;padding-top: 50px;text-align: center;opacity: 0;}
.c2 ul li:nth-child(4n){margin-right: 0}
.c2 ul li:hover p{opacity: 1;}
.c2 ul li:hover span{opacity: 0;}

.c4{width: 1920px;height: 700px;background: url(../images/c4bg.jpg) no-repeat center top;position: relative;left: 50%;margin-left: -960px;}
.c4-con{height: 395px;background: #fff;position: absolute;top: 300px;left: 360px;box-shadow: 0 2px 5px #ccc;}
.c4-con .c4-right{width: 412px;height: 395px;background: url(../images/c41.jpg) no-repeat center;}
.c4-con .c4-left{padding: 20px 40px;width: 708px;position: relative;}
.c4-left .abouttlt h3{font:bold 30px/40px "å®‹ä½“";color: #333;}
.c4-left .abouttlt p{font: normal 13px/30px "å¾®è½¯é›…é»‘";color: #e42021;font-style: italic;text-transform: uppercase;}
.c4-left .jj{font: normal 14px/30px "å¾®è½¯é›…é»‘";color: #555;padding: 10px 0;height: 175px;}
.c4-left .tel3{padding-left: 60px;background: url(../images/tel3.png) no-repeat left center;}
.c4-left a.ckgd{width: 162px;height: 32px;border: 1px solid #e42021;font: normal 13px/32px "å¾®è½¯é›…é»‘";color: #fff;text-align: center;position: absolute;
    bottom: 20px;right: 40px;background: #e42021}
.c4-left a.ckgd:hover{background: #f8c133; border-color: #f8c133;}
.c4-con .c4-right .sp{width: 352px;height: 249px;padding-top: 106px;padding-left: 30px;}
.c4-con .c4-right .sp img{width: 352px;height: 249px;}


.c6{padding: 20px 0 30px;background: #fafafa;margin-top: 30px;display: none;}
.c6-con ul{margin: 10px auto;}
.c6-con ul li{width: 158px;height: 195px;border-radius: 5px;background: #fff;text-align: center;margin-right: 42px;box-shadow: 0 5px 5px #eee;float: left;}
.c6-con ul li .img{height: 100px;text-align: center; display: table-cell;vertical-align:middle;width: 158px;}
.c6-con ul li img{
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.c6-con ul li h3{font: normal 18px/35px "å¾®è½¯é›…é»‘";color: #333;}
.c6-con ul li h4{font: normal 12px/20px "å¾®è½¯é›…é»‘";color: #aaaaaa;}
.c6-con ul li:hover img{
    transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    -moz-transform: scale(-1,1);
}

.c7{padding: 20px 0 0;}
.c7 .tlt p{background: url(../images/line02.png) no-repeat center;}
.c7-con{border: 1px solid #eee;}
.c7-con .xw{padding: 15px;width: 368px;float: left;height: 600px;}
.c7-con .xw .xwtu{width: 370px;height: 152px;padding-bottom: 24px;overflow: hidden;}
.c7-con .xw .xwtu img{width: 370px;height: 152px;transition: all 0.5s ease-out;}
.c7-con .xw .xwtu:hover img{transform:scale(1.1,1.1);}
.c7-con .xw01{border-right: 1px solid #eee;}
.c7-con .xww li{padding-bottom: 22px;margin-bottom: 26px;border-bottom: 1px solid #eee;}
.c7-con .xww li a.img{display: block;float: left;overflow: hidden;}
.c7-con .xww li img{width: 159px;height: 90px;transition: all 0.5s ease-out;}
.c7-con .xww li:hover img{transform:scale(1.1,1.1);}
.c7-con .xww li .wz{width: 190px;float: right;;}
.c7-con .xww li .wz h3{font: 15px/30px "å¾®è½¯é›…é»‘";}
.c7-con .xww li .wz h3 a{color: #333;}
.c7-con .xww li .wz .summ{font: normal 12px/20px "å¾®è½¯é›…é»‘";color: #777;}
.c7-con .xww li:hover h3 a{color: #e42021;}
.c7-con .xw02{border-right: 1px solid #eee;}
.c7-con .xww2 li{font: normal 14px/40px "å¾®è½¯é›…é»‘";}
.c7-con .xww2 li a{display: block;padding-left: 25px;background: url(../images/c71.png) no-repeat 10px center;color: #333;}
.c7-con .xww2 li:hover a{color: #e42021;}
.c7-con .xww3 li{margin-bottom: 16px;}
.c7-con .xww3 li h3{font: normal 15px/40px "å¾®è½¯é›…é»‘";}
.c7-con .xww3 li h3 a{display: block;padding-left: 35px;background: url(../images/c72.png) no-repeat left center;color: #333;}
.c7-con .xww3 li h3:hover a{color: #e42021;}
.c7-con .xww3 li .summ{padding-left: 35px;font: normal 13px/24px "å¾®è½¯é›…é»‘";color: #666;}

.c9{width: 1920px;height: 206px;position: relative;left: 50%;margin-left: -960px;background: url(../images/c9bg.jpg) no-repeat center;margin-top: 121px;}
.c9-con{padding-top: 56px;}
.c9-con a{display: block;width: 252px;height: 51px;background: #e42021;font: normal 18px/51px "å¾®è½¯é›…é»‘";color: #fff;text-align: center;margin: 0 auto;border-radius: 5px;transition: all 0.5s ease-out;}
.c9-con a:hover {font-size: 20px;}
.c9-con p{font: normal 14px/40px "å¾®è½¯é›…é»‘";color: #fff;text-align: center;letter-spacing: 2px;}








#container{width:1200px;margin:0 auto;margin-top:30px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*é¦–é¡µæ–°é—»*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*é¦–é¡µå·¦ä¾§è”ç³»æˆ‘ä»¬*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*å·¥ç¨‹æ¡ˆä¾‹*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*äº§å“æŽ¨è*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*å“ç‰Œåˆ—è¡¨*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*å‰å°å¤šé¡µç­¾*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*å‹æƒ…é“¾æŽ¥*/
.f_link{width:1200px;margin:10px auto;font: normal 14px/30px "å¾®è½¯é›…é»‘";color: #333;}
.f_link a{color: #333;}

/*é¡µé¢åº•éƒ¨*/
#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;font: normal 13px/26px "å¾®è½¯é›…é»‘";color: #ccc;}
.copyright a{color: #ccc;}
.zyqy{text-align:center;font: normal 13px/26px "å¾®è½¯é›…é»‘";color: #ccc;}
.zyqy a{color: #ccc;}


.foot1{background: #222;padding: 20px 0 30px;}
.ff1{width: 280px;text-align: center;padding-top:3px;}
.ftel{font: normal 22px/25px "å¾®è½¯é›…é»‘";color: #fff;margin-top: -24px;text-align: left;padding-left: 40px;display:none;}
.ff2{width: 345px;padding-left: 30px;}
.foot1-con h3{font: normal 16px/40px "å¾®è½¯é›…é»‘";color: #fff;padding-left: 10px;background: url(../images/line03.png) no-repeat left center;}
.ff2 .fnav a{font: normal 13px/40px "å¾®è½¯é›…é»‘";color: #cccccc;}
.ff2 .fnav a:hover {color: #e42021}
.ff3{width: 395px;}
.ff3 .flx{font: normal 14px/28px "å¾®è½¯é›…é»‘";color: #ccc;}

.foot2{background: #111;padding: 10px 0;}




/*------------å†…é¡µ-------------------*/
.left .box{}
.left .box h3{font: normal 20px/30px "å¾®è½¯é›…é»‘";color: #fff;background: #e42021;padding: 10px 0;padding-left: 20px;}
.left .box .content{background: #fafafa;padding:10px 5px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;position: relative;left: 50%;margin-left: -960px;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:238px;float:left;}
.sort_menu h3{}
.box h3 p{font: normal 14px/20px "å¾®è½¯é›…é»‘";color: #e4a382;text-transform: uppercase;font-style: italic;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:931px;float:right;padding-bottom:30px;}
.sitemp{line-height:45px;height:45px;overflow:hidden;padding-right:10px;background:url(../images/line04.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:45px;text-align:center;text-align:left;text-indent:5px;font-size:20px;font-weight: normal;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:45px;}
.right .content{padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}
