/*å¤´éƒ¨æ ·å¼*/
@font-face {
	font-family: "iconfont";
  src: url("../fonts/iconfont.eot");
  /* IE9*/
  src: url("../fonts/iconfont.eot") format("embedded-opentype"), url("../fonts/bc83d9a8f6654a25aba43ad5931dedd1.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg") format("svg");
  /* iOS 4.1- */
}

/*.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-msnui-qr-code:before {
	content: "\e66a";
}

.icon-msnui-download:before {
	content: "\e67b";
}

.icon-tubiao209:before {
	content: "\e61b";
}

.icon-huiyuan21:before {
	content: "\e641";
}

.icon-zhiding:before {
	content: "\e66d";
}

.icon-qq:before {
	content: "\e62d";
}

.icon-icon-inquiry:before {
	content: "\e645";
}

.icon-iconfontphone:before {
	content: "\e634";
}

.icon-tuichu:before {
	content: "\e642";
}

.icon-gengduo:before {
	content: "\e688";
}

.icon-emiyanzhengma:before {
	content: "\e61c";
}

.icon-shouji:before {
	content: "\e6a1";
}

.icon-shijian:before {
	content: "\e6b5";
}

.icon-weixin:before {
	content: "\e64f";
}

.icon-arrowdown:before {
	content: "\e692";
}

.icon-arrowleft:before {
	content: "\e693";
}

.icon-arrowright:before {
	content: "\e694";
}

.icon-arrowup:before {
	content: "\e695";
}

.icon-close:before {
	content: "\e69a";
}

.icon-account:before {
	content: "\e6a3";
}

.icon-search:before {
	content: "\e6a5";
}

.icon-up:before {
	content: "\e6a9";
}

.icon-add:before {
	content: "\e6b9";
}

.icon-minus:before {
	content: "\e6ba";
}

.icon-atm:before {
	content: "\e6bd";
}

.icon-dizhi:before {
	content: "\e61a";
}

.icon-mimaffffffpx:before {
	content: "\e604";
}

.icon-chakan:before {
	content: "\e605";
}

.icon-wenjianxiazaiicon:before {
	content: "\e603";
}
*/




/* è‡ªåŠ¨èŽ·å–ä¸‹è½½æ–‡ä»¶ç±»åž‹å›¾æ ‡æ ·å¼ */
@font-face {
	font-family: 'filetypeicon';
  /* project id 455609 */
  src: url("../fonts/font_455609_md6xsqc4pwrk9.eot");
  src: url("../fonts/font_455609_md6xsqc4pwrk9.eot") format("embedded-opentype"), url("../fonts/font_455609_md6xsqc4pwrk9.woff") format("woff"), url("../fonts/font_455609_md6xsqc4pwrk9.ttf") format("truetype"), url("../fonts/font_455609_md6xsqc4pwrk9.svg") format("svg");
}

.filetypeicon {
	font-family: "filetypeicon";
	font-size: 13px;
	font-style: normal;
}


.head{
    height: 37px;
    background: #e5e5e5;
    font: 400 12px/37px "Microsoft Yahei";color: #5a5a5a;
}
.head{
    font: 400 12px/37px "Microsoft Yahei";color: #5a5a5a;
}
.head_right{
    background:url(../images/phone.png) no-repeat left center;
    padding-left: 45px;
}
.head_right{
    font: 400 18.5px/37px "Microsoft Yahei";color: #c71d02;
}
.tops{
    height: 80px;
}
.logo{
    float:left;
    margin-top: 4px;
}
#menu{float: right;margin-top: 19px;}




/*äº§å“æŽ¨è*/

.w_product {
    position: relative;
    background-color: #eeeeee;
    padding-bottom: 100px;
}

.recommend_product {
    padding-top: 80px;
    position: relative;
    width: 1200px;
    left:50%;
    margin-left:-600px;
}

.recommend_product .title {
    text-align: center;
    line-height: 31px;
  
    font-weight: bold;
    font-family: "å¾®è½¯é›…é»‘";
    font-size: 14px;
    color: #000;
}

.red_line {
    border-bottom: 1px solid #c71d02;
    width: 60px;
}

.line_center {
    position: relative;
    margin: 0 auto;
}

.recommend_product .title h3 {
    color: #000000;
    font: 400 30px/50px "Microsoft yahei";
}

.recommend_product .title h3 span {
    display: block;
    color: #787878;
    font: 400 12px/20px "Microsoft yahei";
}

.recommend_product .content {
    padding-top: 70px;
    padding-bottom: 14px;
}

.recommend_product .content li {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.sun_banner {
    width: 100%;
    position: relative;
}

.sun_banner img {
    max-width: 100%;
}

.White_line {
    border-bottom: 1px solid #000;
    background: url(../images/black_arrow.png) no-repeat center;
}


.recommend_product .swiper-button-prev:hover{
    background: url(../images/hover_left.png) no-repeat center center;
    background-size: 100% 100%;
}
.recommend_product .swiper-button-next:hover{
    background: url(../images/hover_right.png) no-repeat center center;
    background-size: 100% 100%;
}

.swiper-slide h3:hover .White_line {
    border-bottom: 1px solid #fff;
}


.about_box {
    padding-top: 95px;
    padding-bottom: 90px;
}
.about_box .imgs{
    width: 672px;
    height: 472px;
    margin-left: 23px;
}
.about_box .abouts{
    width: 605px;
    margin-left: 55px;
    padding-top: 45px;
}
.about_box .abouts h3{
    font: 400 30px/60px "Microsoft Yahei";color: #000;
    background: url(../images/line.png) no-repeat top left;
}
.about_box .abouts h4{
    font: 400 12px/14px "Microsoft Yahei";color: #787878;
    margin-bottom: 35px;
}

.about_box .abouts p{
    font: 400 14px/30px "Microsoft Yahei";color: #323232;
}
.about_list{
   border-top: 1px solid #858585;
    margin-top: 33px;
    padding-top: 20px;
}

.container2{
    width: 1480px;
    margin-left: -740px;
    left: 50%;
    position: relative;
}

.about_list li{
    float: left;
    width: 225px;
    padding:0 15px;
    background: url(../images/line2.png) no-repeat top right;
}
.about_list li:first-child{
    width: 190px;
}
.about_list li:last-child{
    width: 190px;
    background: none;
}
.about_list li a.img{
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.about_list li .ttls{
    float: left;
    width:120px;
    margin-left: 15px;     
}
.about_list li .ttls h3{
    font: 400 14px/30px "Microsoft Yahei";color: #323232;
    background: none;
}
.about_list li .ttls p{
    font: 400 12px/20px "Microsoft Yahei";color: #787878;text-transform: uppercase;
}
.about_list li:first-child .ttls{
    width: 95px;
}
.about_list li:last-child .ttls{
    width: 95px;
}


.w_idea {
    text-align: center;
    background: url(../images/ideabg.jpg) no-repeat center top #fff;padding-bottom: 34px;
}

.idea_title {
    color: #fff;
    margin-left: 20%;
    margin-right: 20%;
    padding-top: 120px;
    padding-bottom: 80px;
}

.idea_line1 {
    width: 70px;
    border: 1px solid #fff;
    left: 50%;
    position: relative;
    margin-left: -35px;
}

.idea_title h2 {
    color: #fff;
    font: 400 35px/70px "Microsoft yahei";
    margin-bottom: 20px;
}

.idea_title p{
    font: 400 16px/30px "Microsoft yahei";color: #fff;
}


.idea_li {
    padding: 20px;
    background-color: #c71d02;
    margin-left: 13%;
    margin-right: 13%
}

.idea_li li {
    padding: 20px 0px;
    text-transform: uppercase;
    font: 400 14px/40px "Microsoft yahei";
    background: url(../images/bg1.png) no-repeat center;
    color: #fff;
}

.idea_li li h2 {
    font: 400 20px/30px "Microsoft yahei";
}

.idea_li li+li {
    border-left: 1px solid #fff;
    /* border-right: 1px solid #fff; */
}
.idea_li li h2{
    margin-top: 20px;
    margin-bottom: 10px;
}
.line1 {
    width: 30px;
    border: 1px solid #fff;
    left: 50%;
    position: relative;
    margin-left: -15px;
}

.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;
}



.topLink{float:right;text-align:right;position: relative;z-index: 99;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 99;}
.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:"å¾®è½¯é›…é»‘";}

/*çƒ­é—¨æœç´¢*/
/*.search{width: 1500px;margin: 0 auto;}
#formsearch{width:320px;float:right;}
.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;}
.ss{
    background: #eee;
    padding-top: 20px;
}*/

/*ä¸»ä½“æ ·å¼*/
#container{width:1100px;margin:0 auto;margin-top:10px;}
.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;}
/*å·¥ç¨‹æ¡ˆä¾‹*/
.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;}

/*å“ç‰Œåˆ—è¡¨*/
.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{
        color: #fff;}

/*é¡µé¢åº•éƒ¨*/

.contact {}

.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 {
    background: url(../images/contactbg.png) no-repeat left 20px;
    padding: 10px 0px;
    padding-left: 40px;
}

.contact .content p {
    color: #fff;
    margin-top: 1px;
    margin-bottom: 0px;
    font: 400 14px/34px "Microsoft yahei";
}



#footer {
    background: url(../images/footbg.jpg) no-repeat top;
    position: relative;
    padding-top: 8px;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #e87518;
    text-decoration: none;
}

.foot {
    margin: 30px 20%;
}

.foot h2 {
    color: #fff;
    font: 400 16px/30px "Microsoft yahei";
}

.foot h2 span {
    border-bottom: 1px solid #fff;
    display: block;
    width: 70px;
}

.nav_foot {
    text-align: center;
    line-height: 24px;
    color: #666;
}

.copyright {
    text-align: center;
    line-height: 24px;
}

.copyright1 {
    border-top: 1px solid #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    margin-left: 13%;
    margin-right: 13%;
}

.copyright1 a {
    line-height: 30px;
}


/*------------å†…é¡µ-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:18px;color:#000;}
.left .box .content{padding:5px 0px;}

.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:100%;}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;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;}

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

/*å·¥ç¨‹æ¡ˆä¾‹*/

.case_box {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 20px;
    background-color: #eeeeee;
}

.case_box .case_title {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font: 400 12px/30px "Microsoft yahei";
    color: #787878;
    background: none;
    padding: 0;
    border: 0px;
}

.case_box .case_title .case_line {
    width: 70px;
    border: 1px solid #c71d02;
    left: 50%;
    position: relative;
    margin-left: -35px;
}

.case_box .case_title h2 {
    margin-top: 8px;
    margin-bottom: 0px;
    color: #000;
    font: 400 30px/44px "Microsoft yahei";
}

.case_box .case .content {
    padding: 5px;
    padding-bottom: 12px;
    text-indent: 20px;
}

.case_box .news2_company {
    margin-top: 10px;
}



/*æ¡ˆä¾‹åˆ‡æ¢*/
#Index {
    Z-INDEX: 100;
    margin: 0 auto;
    max-WIDTH: 1200px;
    HEIGHT: auto;
}

#Index .style {
    Z-INDEX: 99;
    WIDTH: 150px;
    BOTTOM: 0px;
    DISPLAY: block;
    FLOAT: right;
    HEIGHT: 172px;
    RIGHT: 0px
}

#Index_Box {
    POSITION: relative;
    MARGIN: 0 auto 20px;
    WIDTH: 1200px;
    HEIGHT: 400px;
    padding-top: 20px;
}

#Index_Box UL {
    POSITION: relative;
    WIDTH: 1200px;
    HEIGHT: 400px
}

#Index_Box LI {
    Z-INDEX: 0;
    POSITION: absolute;
    LIST-STYLE-TYPE: none;
    WIDTH: 0px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    TOP: 146px;
    CURSOR: pointer;
    LIST-STYLE-IMAGE: none;
    LEFT: 380px;
    height: 382px;
}

#Index_Box LI .pad {
}

#Index_Box LI a {
    display: block;
    position: relative;
    overflow:hidden;
}

#Index_Box LI h3 {
    color: #000;
    font: 400 16px/45px "Microsoft Yahei";
    text-align: center;
    text-decoration: none;
    margin: 0;
}
#Index_Box LI h3:hover{
    text-decoration: none;
}
#Index_Box LI#cs1{
    margin-top: 30px;
}
#Index_Box LI#cs1 h3 {
    display: block;
    color: #c71d02;
}

#Index_Box LI IMG {
    WIDTH: 100%;
    BACKGROUND: url(../images/loading.gif) no-repeat center 50%;
    HEIGHT: 100%;
    VERTICAL-ALIGN: top
}

#Index_Box .prev {
    DISPLAY: block
}

#Index_Box .next {
    DISPLAY: block
}

#Index_Box .prev {
    Z-INDEX: 100;
    OVERFLOW: hidden;
    CURSOR: pointer
}

#Index_Box .next {
    Z-INDEX: 100;
    OVERFLOW: hidden;
    CURSOR: pointer
}

#Index_Box .prev {
    POSITION: absolute;
    WIDTH: 300px;
    BACKGROUND: url(../images/pre3.png) no-repeat center #646464;
    HEIGHT: 38px;
    TOP: 70px;
    LEFT: 5px
}

#Index_Box .next {
    POSITION: absolute;
    WIDTH: 300px;
    BACKGROUND: url(../images/next3.png) no-repeat center #646464;
    HEIGHT: 38px;
    TOP: 70px;
    RIGHT: 20px;
}
#Index_Box .prev:hover{
	background-color:#c71f05;
}
#Index_Box .next:hover{
	background-color:#c71f05;
}



/*é¦–é¡µæ–°é—»*/

.w_news {
    background-color: #fff;
    padding-top: 70px;
    padding-bottom: 80px;
}
.w_news .case_title {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font: 400 12px/30px "Microsoft yahei";
    color: #787878;
    background: none;
    padding: 0;
    border: 0px;
}

.w_news .case_title .case_line {
    width: 70px;
    border: 1px solid #c71d02;
    left: 50%;
    position: relative;
    margin-left: -35px;
}

.w_news .case_title h2 {
    margin-top: 8px;
    margin-bottom: 0px;
    color: #000;
    font: 400 30px/44px "Microsoft yahei";
}

.w_news .content {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.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;
}

.news_listt li {
    margin-top: 20px;
    line-height: 27px;
    position: relative;
    padding-left: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}

.news_listt li:hover .news_text h2 a {
    color: #c02a1d;
}

.news_listt .news_text {
    color: #5a5a5a;
    padding-right: 10%;
}

.news_listt .news_text h2 a {
    color: #000000;
    font: 500 16px/30px "Microsoft yahei";
}

.news_listt .news_text h2 span {
    font: 400 14px/24px "Microsoft yahei";
}

.news_listt li a {}

.news_listt li a:hover {
    text-decoration: none;
}

.news_listt li span {
    display: block;
}

.news_listt li img {
    width: 100%;
    height: auto;
}

.news_listt .news_more {
    margin-top: 10px;
    border-radius: 15px;
    text-align: center;
    width: 120px;
    border: 1px solid #5a5a5a;
}

.news_listt .news_more a {
    font: 400 14px/30px "Microsoft yahei";
}

.news_listt .news_more:hover {
    border: 1px solid #c71d02;
    background-color: #c71d02;
}

.news_listt .news_more:hover a {
    color: #fff;
}



/*å·¦ä¾§å·¥å…·æ¡*/
#toolbar {
	position: fixed;
	z-index: 99;
	right: 33px;
	bottom: 30%;
}

#toolbar li {
	margin-bottom: 3px;
	font-size: 0;
	width: 57px;
	height: 57px;
	right: 0;
	position: relative;
	z-index: 100;
}

#toolbar li.online .chat{
    position: absolute;
    right:-244px;
    top:0;
    border:1px solid #d7d7d7;
    width: 150px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 99;
    background: rgba(255,255,255,.8);
}

#toolbar li.online:hover .chat{
    right: 70px;
}
#toolbar li.online .chat i{
    background: url(../images/jiantou.jpg) right center no-repeat;
    display: block;
    width: 8px;
    height: 15px;
    right:-8px;
    position:absolute;
    top:30%;
}
#toolbar li.online .chat .chatlist{
    line-height: 32px;
    color:#666;
    text-align: left;
    text-indent: 15px;
}
#toolbar li.online .chat .chatlist a{
    position: static;
    width: auto;
    padding-top: 0;
    color:#666;
    height: 32px;
    line-height: 32px;
}
#toolbar li.online .chat .chatlist a span{
    display: inline-block;
    color:#666;
    font-size: 12px;
}


#toolbar li a {
	display: block;
	position: absolute;
	z-index: 9;
	right: 0;
	top: 0;
	width: 57px;
	height: 57px;
	overflow: hidden;
	background: #EC1A0F;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	white-space: nowrap;
	font-size: 0;
}

#toolbar li.online a {
    background: none;
}

#toolbar li .iconfont {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 57px;
	background-color: #d9d9d9;
	vertical-align: middle;
	text-align: center;
	line-height: 57px;
	color: #2b2b2b;
	font-size: 26px;
}

#toolbar li .wz {
	display: inline-block;
	line-height: 57px;
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
	padding-left: 10px;
}
#toolbar li.ewm {
    z-index: 99 !important;
}
#toolbar li.ewm .ewm-box {
	position: absolute;
	padding: 5px;
	background: #EC1A0F;
	width: 154px;
	right: 120%;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	-webkit-transition: all .7s;
	transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
	margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
	max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
	content: '';
	position: absolute;
	right: -5px;
	bottom: 20px;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	border-width: 5px;
	cursor: pointer;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #EC1A0F;
	border-right: none;
}

#toolbar li.ewm:hover .icon {
	background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

#toolbar li.backtop {
	cursor: pointer;
}

#toolbar li.backtop .iconfont {
	color: #fff;
	background-color: #EC1A0F;
}

#toolbar li:not(.online):hover a {
	width: 200px;
}

#toolbar li:hover .iconfont {
	background-color: #EC1A0F;
	color: #fff;
}




.slide_tab .hd{
    margin-top: 36px;
    width: 1200px;
    position: relative;
    margin-left: -623px;
    left: 52.5%;
}
.slide_tab .hd ul{
    text-align: center;
}
.slide_tab .hd ul li{
    display: inline-block;
    background: #dcdcdc;
    border-radius: 20px;
    width:248px;
    margin: 0 15px;
}
.slide_tab .hd ul li a{
    font-size: 18px;
    color: #c71d02;
    line-height: 50px;
}
.slide_tab .hd ul li.on{
    background: #c71d02;
}
.slide_tab .hd ul li.on a{
    color: #fff;
}
.slide_tab .bd{
  margin-top: 62px;
    width: 1200px;
    position: relative;
    margin-left: -600px;
    left: 52.5%;
}
.product_list1{
    margin: 0 -15px;
   
}
.product_list1 li{float:left;margin-left:15px;margin-right:15px;_display:inline;border:1px solid #fc2d41; margin-bottom: 37px;}
.product_list1 li a.img{}
.product_list1 li a.img img{width:265px;height:265px;}
.product_list1 li h3{text-align:center;height: 58px;background: #c71d02;}
.product_list1 li h3 a{font-weight:normal;font-size: 21px;color: #fff;line-height: 58px;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#e87518;}
.product_list1 li:hover h3{background: #fc1128;}






.news {width:1200px;margin:0 auto;margin-top: 30px;}
.news_l{ float:left; overflow:hidden; }
.news_l dl {
	padding-left: 30px;
	padding-top: 30px;
	height: 205px;
	width: 125px;
	background: #b5b5b5;
	margin-top: 1px;
	overflow: hidden;
	position: relative;
}
.news_l dl:after{ content: ''; display: block; position: absolute; top:0; left: -100%; transition:0.2s all ease-in-out; width: 100%; height: 100%; background: #c71d02; }
.news_l dl > *{ position: relative; z-index: 3}
.news_l dl.active:after,.news_l dl:hover:after{ left: 0; }
.news_l dl strong{ font-size:18px; color:#fff; display:block; line-height: 32px; padding-top: 13px; font-weight: normal;}
.news_l dl span{ font-size:12px; color:#fff; ; text-transform:uppercase; display: block; padding-bottom: 15px; font-family: 'arial'; line-height: 20px; }
.news_l dl li{ height:22px; width:70px; border:1px solid #fff; text-align:center; }
.news_l dl li a{ line-height:20px; display:block; color:#fff; font-size:12px; }

.new_cont .news_row2 { position: absolute; left: 0; top: 0; display: none; width: 550px; height: 473px; }
.new_cont { position: relative; width: 550px; height: 473px; display: block; }
.news_nor{ height:473px; width:550px; overflow:hidden; margin-left: 7px; }
.news_row2 .divdgweb_new_div, .news_row2 .news_div { padding: 0px 10px; height: 473px; font-weight: normal; }

.news_row2 .news_div_item, .news_row2 .divdgweb_new_div_item { position: relative; height: 47px; overflow: hidden; transition: 0.3s all ease; }
.news_row2 .divdgweb_new_div_item_date, .news_row2 .news_div_item_date { position: absolute; right: 20px; top: 17px; transition: 0.3s all ease; }
.news_row2 .divdgweb_new_div_item_date > div, .news_row2 .news_div_item_date > div{ display: inline-block; color: #787878; font-size: 12px; font-family: 'arial'; }
.news_row2 .news_div_item_title, .news_row2 .divdgweb_new_div_item_title{ position: relative; }

.news_row2 .news_div_item_year:after, .news_row2 .news_div_item_year::after, .news_row2 .divdgweb_new_div_item_year:after, .news_row2 .divdgweb_new_div_item_year::after{ content: '-'; }
.news_row2 .on .news_div_item_year:after, .news_row2 .on .divdgweb_new_div_item_year:after,{ content: ''; }
.news_row2 .news_div_item_title:after, .news_row2 .divdgweb_new_div_item_title:after{ content: '';  width: 4px; height: 4px; position: absolute; left: 10px; top: 19px; }
.news_row2 .on .news_div_item_title:after, .news_row2 .on .divdgweb_new_div_item_title:after{ content: ''; display: none; }
.news_row2 .news_div_item_title .news_div_item_a, .news_row2 .divdgweb_new_div_item_title .divdgweb_new_div_item_a { font-size: 14px; color: #444; padding-left: 26px; display: block; line-height: 40px; width: 425px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s all ease; }
.news_row2 .news_div_item_pic, .news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body{ transition: 0.3s all ease; }
.news_row2 .news_div_item_pic { padding-top: 15px;}
.news_row2 .news_div_item_pic a, .news_row2 .news_div_item_pic a img { display: block; width: 220px; height: 162px; }
.news_row2 .news_div_item.on, .news_row2 .divdgweb_new_div_item.on{ height: 175px; border-bottom: 1px solid #c71d02; padding: 0 0 20px;}
.news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body { line-height: 24px; color: #767676; font-size: 13px; width: 254px; text-align: justify; position: absolute; right: 20px; top: 110px; }
.news_row2 .on .divdgweb_new_div_item_date, .news_row2 .on .news_div_item_date { top: 23px; right: 213px; }
.news_row2 .on .news_div_item_title .news_div_item_a, .news_row2 .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 230px; top: 70px; width: 245px; }
.news_row2 .on .divdgweb_new_div_item_date > div, .news_row2 .on .news_div_item_date > div { font-weight: bold; color: #282828; font-size: 24px; line-height: 30px; }
.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year, .news_row2 .on .news_div_item_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; }
.news_row2 .on .news_div_item_date > .news_div_item_year:after,.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year:after{ content: ''; }


/*Ã¦Å â‚¬Ã¦Å“Â¯Ã¥Ë†â€ Ã¦Å¾Â*/
#ydemo{overflow:hidden;margin:0 auto;position:relative;height:340px;}
#yindemo{height:95%;}
#ydemo1{}
#ydemo2{}

.p6{
	margin-top: 30px;
}
.p6-ri{
	width: 420px;
	position: relative;
}
.p6-ri-con{
	margin-top: 30px;
}
.p6-ri h3{
	width: 128px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background: #c71d02;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
}
.p6-ri a.more-all{
	display: block;
	width: 67px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: #c71d02;
	color: #fff;
	font-family: "Arial";
	font-weight: 600;
	position: absolute;
	right: 0;
	top: 10px;
}
.news_list3 li{
	line-height: 25px;
	margin-top: 20px;
	position: relative
}
.news_list3 h2 a{
    font-size: 14px;
    color: #535353;
    font-weight: 400;
    font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
}
.news_list3 span{
	color: #333333;
}
.jishuriqi{
    position: absolute;
    right: 0;
    top:0;
}

































