﻿/*å¤´éƒ¨æ ·å¼*/
/*.head{height: 35px;line-height: 35px;border-bottom: 1px solid #e5e5e5}*/
/*.top{width: 1200px;margin:0 auto;}*/
/*.wel{color:#1a1a1a;font-size: 14px;}*/
/*.yu{position: relative;}*/
/*.yu a.yy1{color: #1a1a1a;display: inline-block;background: url(../images/y1.png)no-repeat left;padding-left: 34px;font-size: 14px;}*/
/*.yu a.yy2{color: #1a1a1a;display: inline-block;background: url(../images/y2.png)no-repeat left;padding-left: 34px;font-size: 14px;margin-left: 20px;}*/
/*.yu a.yy3{color: #1a1a1a;display: inline-block;background: url(../images/y3.png)no-repeat left;padding-left: 34px;font-size: 14px;margin-left: 20px;}*/

/*#header{height: 84px;}*/
/*.logo{float:left;line-height:84px;}*/
/*.ba{margin-top:24px;height: 43px;border-left:1px solid #cbcbcb;margin-left: 19px;padding-left: 20px;line-height: 43px;}*/

/*.topLink{float:right;text-align:right;position: relative;z-index: 9999;}*/
/*.translate{width:103px;position: absolute;right: -120px;top:4px;z-index: 9999;}*/
/*.tran-in{left:120px;}*/
/*.translate li{line-height: 26px;text-align: left;background: #fff;}*/
/*.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat right 9px;}*/
/*.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;}*/
/*.k1{margin-left: 10px;}*/
/*.topLink .k2{color:#074b91;font-size:14px;font-family:"å¾®è½¯é›…é»‘";}*/

/*#menu{float: right;}*/
.fb2  .p1 p{display: inline-block;}

.head{height: 27px;line-height: 27px;background: #e6e6e6;color: #595959;font-size: 13px;display:none;}
.head a{color: #595959;font-size: 13px;}
.top{width: 1200px;margin:0 auto;position: relative;}
#header{height: 87px;line-height: 87px;width: 1200px;position: fixed;z-index: 99999;background: #fff;left: 50%;margin-left: -600px;}
.logo{float:left;line-height: 87px;margin-left: 20px;}

.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{background: url(../images/tele.png) no-repeat 32px #ce010c;color: #ffffff;font-size: 30px;font-weight: bold;width: 205px;height: 77px;text-align: left;line-height: 21px;padding-left: 72px;    padding-top: 3px;margin-left: 24px;    padding-bottom: 7px;   }
.topLink .k2 p{position:relative;top:18px;}

#menu{height:87px;float: right;}

/*çƒ­é—¨æœç´¢*/
/*.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}*/
/*#formsearch{width:320px;float:left;}*/
/*.hotSearch{}*/
/*#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}*/


/*çƒ­é—¨æœç´¢*/
/* .ss{height: 60px;line-height: 60px;margin-right: 32px;}
.search{position: absolute;top:60px;right: 0;z-index: 9999;display: none;}
#formsearch{}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#ce010c;color:#fff;border:none;cursor:pointer;} */



/* .procenter{
    margin-top: 48px;
}
.proinn{
    background: url(../images/probg.jpg) no-repeat center;
    height: 603px;
    margin-top: 24px;
    position: relative;
}
.proleft{
    padding-top: 20px;
}
.proleft li{
    position: relative;
    width: 389px;
    height: 96px;
    overflow: hidden;
}
.proleft li .probg{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ce010c;
    transition: all 0.6s;
    width: 0;
}
.proleft li:hover .probg,.proleft li.cur .probg{
    width: 100%;
    transition: all 0.6s;
    right: 0
}
.proleft li a{
    display: block;
    width: 389px;
    height: 96px;
    position: relative;
    overflow: hidden
}
.proleft li a .img{
    position: relative;
    height: 96px;
    float: left;
    width: 96px;
}
.proleft li a .img:after{
    content:'';
    position:absolute;
    width:70px;
    height:1px;
    background:#666666;
    left: 96px;
    top:50%;
    transition: all 0.6s
}
.proleft li:hover a .img:after,.proleft li.cur a .img:after{
    background:#ffffff;
    transition: all 0.6s;
}

.proleft li a .img span{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    line-height: 96px;
    transition: all 0.4s;
}
.proleft li a .img span:nth-child(1){
    top:0;
    opacity: 1;
}
.proleft li a .img span:nth-child(2){
    top:96px;
    opacity: 0;
}
.proleft li:hover a .img span:nth-child(1),.proleft li.cur a .img span:nth-child(1){
    top:96px;
    transition: all 0.4s;
    opacity: 0;
}
.proleft li:hover a .img span:nth-child(2),.proleft li.cur a .img span:nth-child(2){
    top:0;
    transition: all 0.4s;
    opacity: 1;
}
.proleft li a .img span img{
    max-width:100%
}
.proleft li a h3{
    float: left;
    color: #2c2c2c;
    font-size: 18px;
    font-weight: normal;
    line-height: 96px;
    margin-left: 86px;
    transition: all 0.6s;
}
.proleft li:hover a h3,.proleft li.cur a h3{
    color: #ffffff;
    transition: all 0.6s;
}
.proleft li a .add{
    position: absolute;
    width: 31px;
    height: 31px;
    background: url(../images/add.png) no-repeat center;
    right: -31px;
    top: 50%;
    margin-top: -15px;
    transition: all 0.6s
}
.proleft li:hover a .add,.proleft li.cur a .add{
    right: 38px;
    transition: all 0.6s
}
.proright{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 281px;
    height: 350px;
    margin-left: -121px;
    margin-top: -174px;
    z-index: 10;
    z-index: 9999;
    text-align: center;
    
}
.proright li .cont1{
    background:url(../images/bg1.png)no-repeat;
    width: 281px;
    height: 350px;
}
.proright li{display:none;position:relative;}
.proright li .img{
    position:absolute;
    top: -127px;
    right: -807px
}
.proright li .img img{
    width:960px;
    height:603px;
}
.proright li h3{
    font-weight: normal;
    padding-top: 42px;
    position:relative;
    z-index: 999
}
.proright li h3 a{
    color: #252525;
    font-size: 24px;
}
.proright li .sum{
    color: #5a5959;
    font-size: 14px;
    line-height: 27px;
    width: 218px;
    margin: 0 auto;
    margin-top: 42px;
    height: 120px;
    overflow: hidden;
    position:relative;
    z-index: 999
}
.proright li a.more{
    color: #b10008;
    font-size: 14px;
    margin-top: 4px;
    display: block;
    position:relative;
    z-index: 999
} */
* {
    box-sizing: border-box;
}



.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);}


/*ä¸»ä½“æ ·å¼*/
#container{width: 1290px;margin: 0 auto;padding-top: 48px;padding-bottom: 48px;}
.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;}

/*å‰å°å¤šé¡µç­¾*/

.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{line-height: 51px;height: 51px;overflow: hidden;color: #fff;font-size: 14px;border-bottom: 1px solid #b3b3b1}
.f_link a{color: #333;font-size: 14px;margin:0 5px;display: inline-block;}

/*é¡µé¢åº•éƒ¨*/
#footer{text-align: center;padding:10px 0;background: #141414;color: #fff;font-size: 14px;}
#footer a{color: #e0e0e0;font-size: 14px;}


/*------------å†…é¡µ-------------------*/

.left {
    width:265px;
    border:3px solid #e3b74e;
    border-radius: 5px;
    float: left;
}

.left .box{margin-bottom:10px;}
.left .box h3{
    background: url(../images/sort1.png) no-repeat top center;
    height: 50px;
    font-size: 18px;
    font-weight:bold;
    line-height: 50px;
    color: #fff;
    text-align: center;
}
.left .box .content{padding:5px 0px;/*padding-left:11px;*/}

.left .n_news1 .content{padding-left:0;}
.left .n_news .content{padding-left:10px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:100%;}
.n_banner img{max-width:100%; height:auto !important;width:auto !important;}

.sort_menu h3{background-color:#ececec;line-height:28px;font-weight:normal;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;width:259px;}
.n_contact .content p{
    border-bottom:1px solid #dddddd;
}
.right{    width: 947px;float:right;padding-bottom:10px;}
.sitemp{
    border-bottom: 1px solid #c1c1c2;
    line-height: 44px;
    font-size: 14px;
    color: #000000;
    margin-bottom: 15px;
  }
.sitemp a{
    font-size: 14px;
    color: #000000;
}


.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}

.sort_album{margin-top: 15px;}

/* æ–°é—»å†…é¡µ */
.left2{
    width:231px;
    float: left;
}
.left2 .box h3{
    background:#1c75bc;
    border-radius: 5px;
    height: 50px;
    font-size: 18px;
    font-weight:bold;
    color: #fff;
    text-align: center;
    line-height: 50px;
}
.n_contact2 .content{
    background: #e8e5e0;
    box-shadow: 0px 1px 2px #82987c;
    border-radius: 5px;
    padding: 20px 9px 15px 9px;
    line-height: 28px;
    color: #070c0c;
}
.n_contact2 .content p img{
    padding-bottom: 20px;
}
.right2{
    width:990px;
}

.sortnews{}
.sortnews li{background: url(../images/sort2.png) no-repeat top center;margin-bottom: 10px;position: relative;}
.sortnews li a{display: block;line-height: 80px;font-size: 16px;font-weight:bold;color: #fff;text-indent: 44px;background: url(../images/sort3.png) no-repeat 17px center;}
.sortnews li:hover{background: #8fcf4c;border-radius: 6px;}
.sortnews li a:hover:after{content: "";position: absolute;right: 40px;top:33px;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #fff;}

.news_listn{}
.news_listn li{background: #ededed;margin-bottom: 24px;height: 120px;}
.news_listn li:nth-child(2n){background: #fff2d7;}
.news_listn li a{font:400 13px/50px "Microsoft YaHei";color:#000000;}
.news_listn li span{font:400 13px/30px "Microsoft YaHei";color:#666666;display: block;}
.nnn1{width: 108px;height: 120px;text-align: center;}
.nes1{font:500 58px/60px "Microsoft YaHei";color:#666666;padding-top: 15px;}
.nes2{font:400 23px/30px "Microsoft YaHei";color:#666666;}
.nnn2{width: 815px;}
.news_listn li a:hover{color:#1c75bc;}
.news-nei{width:600px;padding-left: 20px;}
.newsner-more{margin-right: 30px;width:102px;height: 30px;background: #e3b74e;margin-top: 45px;}
.newsner-more a{display: block;line-height: 30px;color: #fff !important;font: 400 13px/30px "Microsoft YaHei" !important;text-align: center;}



/*  */
.a1{width: 1920px;margin-left: -960px;left:50%;position: relative;}
.a2{width: 1200px;margin:0 auto;}

/*  */
.s2{background:#fcfcfc;padding-top: 17px;}
.s2-tab{}
.s2-tab li{width: 397px;height: 138px;background:#fff;box-shadow: 0 0 10px #ebebeb;float: left;margin-right: 4px; position: relative;}
.s2-tab li:nth-child(3){margin-right: 0px;}
.s2-tab li a{display: block;float: left;width: 104px;height: 67px;overflow: hidden;text-align: center;margin-top: 36px;}
.s2-tab li a.img2{position: absolute;top:0;left: 0;display: none;}
.s2-tab li .cont{float: left;height: 96px;border-left:1px solid #b7b7b7;margin-top: 19px;padding-left: 26px;}
.s2-tab li .cont span{display: block;line-height: 30px;color: #2f2f2f;font-size: 20px;}
.s2-tab li .cont p{margin-top: 15px;color: #444;font-size: 14px;line-height: 24px;}
.s2-tab li.action{background: #ce010c}
.s2-tab li.action a.img2{display: block;}
.s2-tab li.action .cont{border-left-color:#fff;}
.s2-tab li.action .cont span{color: #fff}
.s2-tab li.action .cont p{color: #fff;}
.s2-tab li::after{content:"";width: 19px;height: 16px;background: url(../images/san.png)no-repeat center;display: block;position: absolute;top:138px;left:189px;opacity: 0;}
.s2-tab li.action::after{opacity: 1;}

.s2-body{margin-top: 50px;}
.pic{}
.pic .bd{}
.product_list1{}
.product_list1 li{float: left;margin-right: 23px;width: 385px;}
.product_list1 li img{width: 383px;height: 288px;border:1px solid #bfbfbf;}
.product_list1 li span{display: block;height: 50px;border:1px solid #bfbfbf;border-top:none;line-height: 50px;text-align: center;color: #414242;font-size: 18px;}
.product_list1 li:hover img{border-color: #ce010c}
.product_list1 li:hover span{border-color: #ce010c;color: #fff;background: #ce010c}


/* å…³äºŽæˆ‘ä»¬ */
.ab{margin-top: 65px;position: relative;z-index: 999}
.ab-cont{margin-top: 45px;}
.ab-le{width: 494px;height: 347px;}
.ab-ri{width: 615px;margin-right: 37px;}
.ab-ri h3{font-weight: normal;color: #2d2d2d;font-size: 18px;margin-top: 40px;}
.ab-ri h3::after{content: "";display: block;width: 173px;height: 1px;background: #727272;margin-top: 17px;}
.ab-ri div{margin-top: 23px;color: #161616;font-size: 14px;line-height: 30px;text-align: justify;height: 190px;overflow: hidden;}
.ab-ri a{display: inline-block;width: 117px;height: 39px;line-height: 39px;text-align: center;background: #ce010c;color: #fff;font-size: 16px;font-family: "arial";border-radius: 10px;}
/*  */
.s1{
    /*height: 1217px;*/
    z-index: 999;margin-top: -300px;}
.s1 .aa2{padding-top: 60px}
.s1 .a2{padding-top: 395px;}
.s1 ul li{float: left;position: relative;width: 300px;height: 456px}
.s1 ul li .img{width: 300px;height: 228px;position: absolute;top:0px;left:0px;overflow: hidden;}
.s1 ul li img{width: 300px;height: 228px;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;cursor: pointer;}
.s1 ul li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.s1 ul li .cont{position: absolute;top:228px;left:0px;width: 272px;height: 228px;background: #ce010c;padding-left: 28px;}
.s1 ul li .cont h3{padding-top: 45px;color: #fff;font-size: 20px;}
.s1 ul li .cont p{padding-right:30px;margin-top: 20px;color: #fff;font-size: 14px;line-height: 24px;text-align: justify;height: 90px;}
.s1 ul li .cont a{display: inline-block;padding-right: 34px;color: #fff;font-size: 16px;background: url(../images/more.png)no-repeat right;}
.s1 ul li:nth-child(2n) .img{top:228px;}
.s1 ul li:nth-child(2n) .cont{top:0;}

.s1 ul li:nth-child(2) .cont{background:#6d6d6c;}
.s1 ul li:nth-child(3) .cont{background:#6d6d6c;}
/* æ–°é—» */
.xin{margin-top: 28px;}
.biaoti{text-align: center;color: #ddddde;font-size: 16px;font-family: "arial";text-transform: uppercase;}
.biaoti span{display: block;background: url(../images/tit.png)no-repeat center;color: #313131;font-size: 30px;font-family: "å¾®è½¯é›…é»‘"}
.biaoti p{color: #313131;font-size: 16px;margin-top: 5px;}
.xin-cont{margin-top: 30px;}
.xin-le{width: 590px;}
.xin-shi{width: 589px;height: 339px;overflow: hidden;}
.news_list1{margin-top: 22px; }
.news_list1 li{width: 588px;height: 158px;border:1px solid #d2d2d2;}
.news_list1 li .time{width: 101px;height: 100px;background:url(../images/time.png) no-repeat center 71px #e7e9e8;margin-top: 23px;margin-left: 29px;text-align: center;color: #2a2a2a;font-size: 24px;line-height:28px;padding-top: 12px;}
.news_list1 li .time span{display: block;color: #2a2a2a;font-size: 14px;}
.news_list1 li .cont{width: 385px;margin-right: 34px;margin-top: 35px;}
.news_list1 li .cont a{display: block;color: #242424;font-size: 16px;}
.news_list1 li .cont p{color: #242424;font-size: 12px;line-height: 23px;margin-top: 23px;text-indent: 25px;}
.news_list1 li:hover .time{background: url(../images/htime.png)no-repeat center 71px #ce010c;color: #fff;}
.news_list1 li:hover .time span{color: #fff;}
.news_list1 li:hover .cont a{color: #ce010c}

a.xin-more{width: 145px;height: 40px;line-height: 40px;text-align: center;display: block;background: #ce010c;color: #fff;font-size: 16px;font-family: "arial";border-radius: 10px;margin:4px auto 28px;}

/* åº•éƒ¨ */
.foot{background: #262626;height: 296px;}
.foot .a2{}
.ff_tel{position: absolute;
    margin-left: -90px;}
.ff_tel span{display: block;backgroun: url(../images/tel.png)no-repeat left;padding-left: 57px;color: #fff;font-size: 20px;height: 40px;line-height: 40px;margin-left:30px;}
.ff_tel div{color: #4b4b4b;font-size: 26px;margin-top: 16px;line-height: 30px;}
.ff_nav{margin-left: 255px;}
.ff_nav li{float: left;margin-right:30px;}
.ff_nav li a{display: block;color: #fff;font-size: 15px;}
.ff_nav li .sec{margin-top: 15px;line-height: 26px;}
.ff_nav li .sec a{color: #fff;font-size: 13px;}
.ff_nav li:hoer a{color: #1d9a4f}
.ff_nav li:hver .sec a{color: #525252}
.er{}





















/*äº§å“è¯¦ç»†*/
.product_detail{padding:5px;}
.product_detail h1.title{text-align:center;line-height:30px;font-size:14px;font-family:"Microsoft YaHei";border-bottom:1px solid #e0e1dc;margin-bottom:15px;padding-bottom:5px;}
.product_detail .img{width:452px;height:307px;float:left;}
.product_detail .small{width:452px;height:307px;}
.jqzoom{
	text-decoration:none;
	float:left;
}


.product-detail-swiper {
	
}

.product-detail-list {
	width: 417px;

	height:308px;
	float: left;
	border:1px solid  #ededed;
	float: right;

}

.product-detail-list h1 {
	font-size:16px;
	font-weight: normal;
	color: #ce010c;	padding-left: 28px;
	line-height:56px;
	line-height:30px;
	border-bottom:1px solid  #ededed;
}
.cpjj{padding-left: 28px;padding-right:23px;color:#666666;line-height:23px;line-height:20px;}
.cpjj h3{color:#000000;margin-top:15px;}




.product-detail-list .product-detail-item li {
	border-top: 1px solid #eee;
	padding: 25px 0;
	font-size: 18px;
	color: #333333;
}

.product-detail-list .product-detail-item li span {
	font-size: 14px;
	color: #666666;
}

.product-detail-list .product-detail-inquiry {
	margin-top: 17px;
	margin-top: 2px;
	margin-left: 20px;
}

.product-detail-list .product-detail-inquiry a {
	display: block;
	width: 163px;
	line-height: 33px;
	font-size: 14px;
	color: #ffffff;
	padding-left: 53px;
	background: url(../images/m1.png) no-repeat top center;
	padding-right: 10px;
	
}

.product-detail-list .product-detail-inquiry a i {
	font-size: 20px;
	line-height: 0;
	vertical-align: -2px;
	margin-right: 5px;
}
.product-detail-list .product-xiaz{
  margin-left: 20px;
  padding-top: 10px;
}

.product-detail-list .service-number {
	font-size: 12px;
	color: #666666;
	padding-left: 28px;
	/*padding-top: 20px;*/
	/*padding-bottom: 15px;*/
	border-bottom: 1px solid #ededed;
}

.product-detail-list .service-number span {
	font-size: 14px;
	color: #0056ad;
	
	
}



.list_p li{height:26px;font-size:12px;border-bottom:1px dashed #e0e1dc;padding-bottom:5px;padding-top:5px;font-family:"Microsoft YaHei"}
.list_p li h2{font-size:12px;font-weight:normal;font-family:"Microsoft YaHei";}
.product_detail .inquiry{line-height:32px;border:none;margin-top:6px;}
.product_detail .inquiry a{background:url("../images/xunjia.gif") center center no-repeat;display:block;width:112px;height:32px;text-indent:-99999px;}
.buy{border:none!important;}
.buy a{ background:#0057a8;display:block;width:112px;height:32px;float:left;color:#fff;text-align:center;line-height:32px;border-radius:5px;margin-right:10px;}
.buy a:hover{background: #e87518}
.buy a.nobuy-product{background: #666}

.product_detail .inquiry a:hover{background-image:url("../images/xunjia_hover.gif");}
.list_p li h2 a{font-size:12px;font-family:"Microsoft YaHei"}

.p_detail span.title{line-height:28px;height:28px;text-align:left;margin-top:10px;
	display:block;padding-left:10px;font-size:12px;}

.product-tab {
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
}
.product-tab li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    margin-left: -1px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1;
    margin-bottom: -1px;
    float: left;
}
.product-tab li.cur {
    border-top: 2px solid #ce010c;
    border-bottom: 1px solid #FFF;
    color: #ce010c;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 3;
}

.p_detail span.title strong{
  padding-right: 20px;
  cursor: pointer;
}
.p_detail p.dd{padding-top:5px;padding-bottom:5px;}
h3.tag{line-height:32px;border-top:1px dashed #e0e1dc;margin-top:10px;color:#999;font-weight:normal;}
h3.tag a{color:#005a98;}
h3.tag a:hover{color:#e87518;}
.page{line-height:26px;border-top:1px dashed #e0e1dc;margin-top:6px;padding-top:5px;font-size:12px;}
.page a{color:#005a98;}
.page a:hover{color:#e87518;}
.page span{color:#005a98;}
.download-list{
    padding: 10px;
    overflow: hidden;
    line-height: 20px;
}
.download-list li{
    min-height: 40px;
    position: relative;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    padding-left: 40px;
}
.download-list li .iconfont{
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 15px;
}

/*äº§å“è¯„è®º*/
.product-comment-list {
    position: relative;
    overflow: hidden;
}
#commentList li {
    padding: 10px 10px 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.user-column {
    width: 100px;
    float: left;
}
.user-column img {
    height: 50px;
    max-width: 50px;
    border-radius: 50%;
}
.user-name {
    color: #333;
    padding-top: 5px;
    display: block;
}
.comment-content {
    margin-left: 120px;
    overflow: hidden;
    position: relative;
}
.comment-stars i {
    font-size: 16px;
    color: #ff0000;
    display: none;
}
.comment-stars i.shows {
    display: inline-block;
}
.comment-stars span {
    position: absolute;
    right: 0;
    top: 5px;
    color: #999;
}
.comment-text {
    padding: 5px 0;
    line-height: 22px;
}
.comment-recovery {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
    line-height: 22px;
    color: #888;
}
.comment-recovery span {
    color: #f90;
}

.no-content-icon {
    text-align: center;
    line-height: 50px;
    padding-top: 40px;
    color: #999;
}
.no-content-icon .icon {
    font-size: 60px;
}






.w1240 {
    width: 1240px;
    margin: 0 auto;
}

/* Ã¥Â¤Â´Ã©Æ’Â¨ */
header .thop {
    background: #e8e8e8;
    line-height: 32px;
    font-size: 12px;
    color: #666666;
}

header .thop a {
    color: #666666;
}

header .thop a:hover {
    color: #c3142a;
}

.loo h1 {
    line-height: 78px;
}

.lopb {
    padding: 6px 0;
    border-left: 1px solid #e2e2e3;
    padding-left: 23px;
    margin-left: 19px;
    margin-top: 22px;
}

.lopb p:nth-child(1) {
    font-size: 20px;
    color: #e3b74e;
    line-height: 22px;
    font-weight: 600;
}

.lopb p:nth-child(2) {
    font-size: 22px;
    color: #333;
    line-height: 22px;
    font-weight: 600;
    margin-top: 18px;
}

.toptel {
   
}

.toptel .t1 {
    line-height: 78px;
    font-size: 16px;
    color: #333;
}

.toptel .t2 {
    font-size: 18px;
    line-height: 8px;
    color: #666666;
    padding-top: 33px;
    background: url(../images/tel.png)no-repeat 0px 34px;
    padding-left: 40px;
    margin-top: -9px;
}

.toptel .t2 p+p {
    margin-top: 10px;
}
.yuyan{margin-top: 29px;margin-right: 25px;}
.yuyan p{font-size: 14px;color: #666666;}




.page-position {
  padding: 15px 0;
  font-size: 14px;
  color: #2f2f2f;
}

.page-position a {
  color: #2f2f2f;
}

.page-position a:hover {
  color: #292e39;
}

.page-wrap {
  background: #ffffff;
  padding-bottom: 3.38541667%;
}

@media (min-width: 990px) {
  .page-wrap-left {
    float: left;
    width: 305px;
    margin-right: 4.16666667%;
  }
}

.xypg-left-box {
  margin-bottom: 20px;
}

.xypg-left-title {
  background: #292e39;
  padding: 10px 20px;
  position: relative;
}

.xypg-left-title h3 {
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  z-index: 9;text-align: left;
}

.xypg-left-title i {
  position: absolute;
  left: -5px;
  top: -9px;
  font-style: normal;
  font-size: 67px;
  font-weight: bold;
  opacity: .1;
  color: #fff;
  line-height: 1;
  z-index: 1;
  text-transform: uppercase;
  display:none;
}

.xypg-left-title span {
  font-weight: normal;
  font-size: 16px;
  color: #fff;

  margin-left: 10px;
  text-transform: capitalize;
}

.xypg-left-title span:before {
  content: "/";
  padding-right: 5px;
}

.xypg-left-con {
  border: 1px solid #d2d2d2;
  border-top: none;
}

.latest-news {
  padding: 10px 0;
}

.latest-news li {
  padding: .5em 1em;
  font-size: 14px;
}

.latest-news li a {
  display: block;
  line-height: 1.2;
  color: #5a5a5a;
}

.latest-news li a:before {
  content: '+';
  font-weight: bold;
  margin-right: 5px;
  font-size: 16px;
}

.latest-news li a:hover {
  color: #292e39;
}

.latest-news li a:hover:before {
  color: #292e39;
}

.hot-keys {
  padding: 20px 7px 8px 7px;
}

.hot-keys li {
  width: calc(50% - 14px);
  float: left;
  margin: 0 7px 14px 7px;
}

.hot-keys li a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 2.857;
  border: 1px dashed #f1f1f1;
}

.hot-keys li a:hover {
  color: #292e39;
  border-color: #292e39;
}

.page-wrap-contact {
  padding: 10px 0;
  font-size: 14px;
}

.page-wrap-contact h4 {
  padding: .3em 1.4em .8em 1.4em;
  font-size: 16px;
  color: #000000;
}

.page-wrap-contact p {
  border-top: 1px solid #eee;
  position: relative;
  margin-bottom: 0;
  padding: .8em 1.4em;
  color: #2f2f2f;
}

.page-message-img img {
  border: 1px solid #d2d2d2;
}

.page-wrap-right {
  overflow: hidden;
}

.page-mob-tool {
  position: fixed;
  right: 15px;
  bottom: 100px;
  z-index: 9999;
}

.page-mob-tool li {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 1px;
  cursor: pointer;
  position: relative;
}

.page-mob-tool li:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #292e39;
  opacity: .7;
}

.page-mob-tool li i {
  display: block;
  width: 100%;
  height: 100%;
}

.page-mob-tool li .icon-dots-horizontal:after {
  background-position: -30px -390px;
}

.page-mob-tool li .icon-top:after {
  background-position: -30px -60px;
}

@media (min-width: 992px) {
  .page-mob-tool {
    display: none;
  }
}

.navigation a {
  display: inline-block;
  font-size: 14px;
  color: #333333;
  font-family: "Microsoft YaHei",Arial;
  line-height: 26px;
  border: 1px solid #cbcbcb;
  margin: 0 5px;
  padding: 0 8px;
}

.navigation a.previous_page {
  float: left;
}

.navigation a.next_page {
  float: right;
}

.navigation a:hover {
  color: #fff;
  border-color: #292e39;
  background: #292e39;
}

.xypg-left-nav {
  margin: 0 -1px;
}

.xypg-left-nav > li {
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

.xypg-left-nav > li:last-child {
  border-bottom: none;
}

.xypg-left-nav > li > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #2e2e2e;
  padding: 5px 18px;
}

.xypg-left-nav > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;
  background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.xypg-left-nav > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
  color: #292e39;
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
  color: #292e39;
}

.xypg-left-nav .xypg-left-subnav {
 /* display: none;*/
  padding: 0 10px;
}

.xypg-left-nav .xypg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.xypg-left-nav .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav > li > a:hover {
  color: #292e39;
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a {
  color: #292e39;
}

.xypg-left-nav .xypg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.xypg-left-nav .xypg-left-threenav > li > a:before {
  content: '\2014   ';
}

.xypg-left-nav .xypg-left-threenav > li > a:hover {
  color: #292e39;
}

.xypg-left-nav .xypg-left-threenav > li.clicked > a {
  color: #292e39;
}

@media (max-width: 990px) {
  .xypg-left-nav .xypg-left-threenav {
    display: block;
  }
}
/* 首页banner样式 */
.x-banner .owl-carousel {
  position: relative;
}

.x-banner .owl-carousel .banner-item a {
  display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
 left:3%;
   left:0%;
 background: url(../images/z.png) no-repeat;
}

.x-banner .owl-carousel .owl-nav .owl-next {
right:3%;
  right:0%;
background: url(../images/y.png) no-repeat;
}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next {
 outline: none;
  position: absolute;
  top: 50%;
  z-index: 9999;
  height:40px;
  width:40px;
  margin-top: -20px;
  
 
}




.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover {
 
}

.x-banner .owl-carousel .owl-nav .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {
  background-position: -34px -180px;display:none;
}

.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {
  background-position: -26px -480px;display:none;
}

@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-nav button.owl-prev,
  .x-banner .owl-carousel .owl-nav button.owl-next {
    height: 40px;
    width: 30px;
    margin-top: -20px;
  }
  .x-banner .owl-carousel .owl-nav .iconfont {
    font-size: 20px;
  }
}

.x-banner .owl-carousel .owl-dots {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
  bottom: 5%;
  display: none;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin: 0 .5em;
  outline: none;
  width: 14px;
  height: 14px;
background: url(../images/b1.png) no-repeat;
 background:#fff;
 border-radius: 50%;
 opacity: .2;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
  background: url(../images/b2.png) no-repeat;
    background:#fff;
    opacity: .5;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
background: url(../images/b2.png) no-repeat;
    background:#fff;
     opacity:1;
}

@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-dots button.owl-dot {
    font-size: 12px;
  }
}
