﻿@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);


/* 首页部分开始 */
.p_right1 .title04 {
    float: none;
    padding-left: 0;
    height: auto;
}

header { width:100%; height:176px; background:#fff; position:fixed; top:0; z-index:1000

}

.mfbox {
    width:1300px;
    margin: 0 auto; margin-top:30px; margin-bottom:30px;
}

header .mfbox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.hed_top{ height:176px;}

.slideBox{ position:relative; overflow:hidden; max-width:1920px; min-height:450px; margin:0px auto;/* 设置焦点图最大宽度 */ }
@media screen and (max-width: 1380px){
   .slideBox{ position:relative; overflow:hidden; max-width:1920px; min-height:310px; margin:0px auto;/* 设置焦点图最大宽度 */ }
}
.slideBox .hd ul{ position:absolute; height:28px; line-height:28px; bottom:0;z-index:1; left:0; width:100%; }
.slideBox .hd li{ display:inline-block;width:14px; height:14px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:8px; background:#fff; color:#ff4500; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ width:26px; background:#ff4500;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

.hd .prev{ position:absolute; left:50px; width:26px; height:46px; background:url(../images/hero-arrow.png) no-repeat; text-indent:-9999px;   bottom:40%; z-index:50; cursor:pointer}
.hd .next{ position:absolute; right:50px;width:26px; height:46px; background:url(../images/hero-arrow.png)  0px -46px  no-repeat; text-indent:-9999px;   bottom:40%; z-index:50;cursor:pointer}
.mtitle{font-size:26px;color:#ff4500;width:100%;text-align:center; line-height:60px;padding-top:30px;}

.case_ul{ }
.case_ul li{ float:left; width:400px; margin:20px 35px;}
.case_ul li img{ border:1px solid #CCC; padding:2px;}
.case_ul li span{ display:block; line-height:40px; font-size:18px; font-weight:bold; text-align:center}
.ia_sou{ border:1px solid #CCC; height:24px; padding-left:10px; margin-top:5px; width:160px; margin-right:7px;}
.ia_sub{ width:32px; height:29px; background:url(../images/ss.jpg) no-repeat; border:0}

.yx-rotaion{margin:0 auto;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}



.i_nav {max-width:1920px;margin:0px auto;
    background-color: #ff4500;
   
}

.i_nav .ddsmoothmenu>ul {
    display: flex;
    flex-wrap: wrap;
}

.i_nav .ddsmoothmenu>ul>li { margin-left:20px;
  
      position: relative;
}
.i_nav .ddsmoothmenu>ul>li:first-child {
    margin-left: 0;
}
.i_nav .ddsmoothmenu>ul>li:last-child {
    margin-right: 0;
}

.i_nav .ddsmoothmenu>ul>li>a { display:block; width:112px; margin-left:5px; margin-right:5px; margin-top:6px; margin-bottom:6px; text-align:center; height:26px; line-height:26px; 
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
}

.i_nav .ddsmoothmenu>ul>li>a:hover {

    color: #ff4500; background:#FFF
}
.i_nav .ddsmoothmenu>ul>li>a.navactive{display:block;text-align:center; color: #ff4500; background:#FFF}


.i_nav .ddsmoothmenu>ul>li>ul { border-top:2px solid #fff;
    display: none;
    position: absolute;
    width: 150px !important;
    left: calc(50% - 75px) !important;
    top: 38px !important;
    background: #f2eee6;
}
.i_nav .ddsmoothmenu>ul>li>ul li {
    width: 100%;
}
.i_nav .ddsmoothmenu>ul>li>ul li a { border-bottom:2px solid #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    display: block;
}
.i_nav .ddsmoothmenu>ul>li>ul li a:hover{color: #fff; background:#ff4500; border-bottom:2px solid #fff;
}



.header_txt { width:640px; padding-top:0px;


    margin-left: 30px;
}
.header_txt h4{
    font-size: 24px;color:#333; padding-top:18px;
}

.header_rig{ float:right; width:385px; margin-top:12px;}
.rig_t{ width:90px; float:right; line-height:32px; font-size:16px; text-align:right }
.rig_t a{ color:#999; }
.rig_c{ float:right;text-align:right;  font-size:24px; color:#ff4500; margin-right:10px; }
.index_products {
    padding: 60px 0;
}

.toptitle {
    text-align: center;
}

.toptitle h3 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #333333;
}


.index_products_sort {
    margin-top: 50px;
}

.index_products_sort ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index_products_sort ul li {
    width: 293px;
    line-height: 40px;
    background: url(../Images/products_sort_item.png) no-repeat;
    background-size: 100%;
    font-size: 16px;
    color: #fff;
    text-align: center;
      cursor: pointer;
}

.index_products_sort ul li.on {
    background: url(../Images/products_sort_item_hover.png) no-repeat;
    background-size: 100%;
    color: #ffffff;
}

.index_products_container {
    margin-top: 40px;
}

.index_products_content ul {
    display: flex;
    flex-wrap: wrap;
}

.index_products_content ul li {
    width: 289px;
    padding: 15px;
    border: solid 1px #d5d5d5;
   display: flex;
	margin-left:20px;
	margin-right:20px;
}

.index_products_content ul li:last-child {
    margin-right: 0;
}

.index_products_content ul li .pic { height:350px;
    padding-bottom: 20px;
    border-bottom: 2px solid #d5d5d5;
}

.index_products_content ul li .pic,
.index_products_content ul li .pic img {
    width: 100%;
}

.index_products_content ul li .title { text-align:center;
    padding-top: 25px;
}

.index_products_content ul li .title h3 {
    font-size: 14px;
    color: #ff4500;
}

.index_products_content ul li .title .infos { text-align: left;
    font-size: 14px;
    line-height: 29px;
    letter-spacing: 1px;
    color: #4b4a4a;
    margin-top: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* -webkit-box 实现多行文本 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*纵向对其*/
    -webkit-line-clamp: 4;
    /*设置行数*/
    height: 112px;
}
.index_products_content ul li .title .infos p{ text-align:left}

.index_products_content ul li .title .more {
    width: 100%;
    background-color: #ff4500;
    box-shadow: inset 1px 2px 2px 0px rgba(182, 181, 181, 0.76);
    border: solid 1px #d5d5d5;
    font-size: 14px;
    line-height: 29px;
    line-height: 30px;
    color: #ffffff;
    margin-top: 40px;
    text-align: center;
}

.index_products_content ul .one {
    display: block; width:100%;
    flex-wrap: wrap;
    position: relative;
    align-items: center; margin-bottom:20px;
}

.index_products_content ul .one .pic { float:left;
    width: 700px;
}
.index_products_content ul .one .pic img {
    max-width: 400px;
}

.index_products_content ul .one .title { float:left;
    width: calc(100% - 736px);
    margin-left: 36px;
}
.index_products_content ul .one .more {width: 207px; height:50px; line-height:50px; color:#FFF; font-size:16px;
    border-radius: 5px;
    background: url(../Images/more_bg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    margin-top: 10px;
    float: right;
}
.index_products_content ul .one .more a{ color:#FFF;}
.index_products_content ul .one .title h3 {
    font-size: 20px;
    color: #4a4a4a;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.index_products_content ul .one .title h3::before {
    content: '';
    position: absolute;
    width: 348px;
    height: 1px;
    background-color: #ff4500;
    left: 0;
    bottom: 0;
}

.index_products_content ul .one .title h3::after {
    content: '';
    position: absolute;
    width: 110px;
    height: 3px;
    background-color: #ff4500;
    left: 0;
    bottom: 0;
}

.index_products_content ul .one .title .infos {
    font-size: 16px;
    line-height: 31px;
    color: #4a4a4a;
}

.index_products_content ul .one .title a.more {
    font-size: 16px;
    color: #ff4500;
    margin-top: 47px;
    display: block;
    text-align: right;
}

.index_products_content ul .one .icon {
    width: 132px;
    height: 172px;
    background: url(../Images/products_list_icon.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 530px;
    top: 60px;
}

.index_about {
    width: 100%; margin:auto; max-width:1920px;
    background-color: #f7f5f2;
    box-shadow: 1px 2px 2px 0px rgba(164, 164, 164, 0.75);
    padding: 80px 0;
}

.index_about .mfbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.index_about .pic {
    width: 618px;
}

.index_about .pic img {
    width: 100%;
}

.index_about .title {
    width: calc(100% - 718px);
}

.index_about .title p {
    font-size: 16px;
    line-height: 35px;
    color: #595959;
}

.index_about .title .more {
    width: 207px;
    border-radius: 5px;
    background: url(../Images/more_bg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    margin-top: 100px;
    float: right;
}

.index_about .title .more a {
    font-size: 16px;
    line-height: 55px;
    letter-spacing: 2px;
    color: #ffffff;
}

.index_news {
    padding: 80px 0;
}

.index_news_content {
    margin-top: 50px;

    justify-content: space-between;
}

.index_news_left { float:right;
    width: 702px;
}

.index_news_left ul li {
    background-color: #f5f5f5;
    border: solid 1px #d5d5d5;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 25px;
}

.index_news_left ul li:last-child {
    margin-bottom: 0;
}

.index_news_left ul li a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.index_news_left ul li .time {
    width: 62px;
    text-align: center;
}

.index_news_left ul li .time h3 {
    font-size: 24px;
    letter-spacing: 1px;
    color: #727171;
}

.index_news_left ul li .time span {
    display: block;
    font-size: 15px;
    margin-top: 7px;
}

.index_news_left ul li .title {
    padding-left: 25px;
    margin-left: 15px;
    border-left: 1px solid #d5d5d5;
    width: calc(100% - 120px);
}

.index_news_left ul li .title h3 {
    font-size: 17px;
    letter-spacing: 1px;
    color: #212020;
}

.index_news_left ul li .title .infos {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    color: #727171;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* -webkit-box 实现多行文本 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*纵向对其*/
    -webkit-line-clamp: 2;
    /*设置行数*/
    height: 45px;
}


.index_news_left .more {width: 207px; height:50px; line-height:50px; color:#FFF; font-size:16px;
    border-radius: 5px;
    background: url(../Images/more_bg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    margin-top: 10px;
    float: right;
}
.index_news_left .more a{ color:#FFF}

.index_news_right { float:left;
    width: calc(100% - 772px);
}

.index_news_right .pic,
.index_news_right .pic img {
    width: 100%;
    position: relative;
}

.index_news_right .pic .time {
    position: absolute;
    width: 115px;
    background-color: #ff4500;
    right: 0;
    text-align: center;
    bottom: 0;
    padding: 13px 13px;
}

.index_news_right .pic .time h3 {
    font-size: 30px;
    letter-spacing: 1px;
    color: #ffffff;
}

.index_news_right .pic .time span {
    font-size: 18px;
    margin-top: 10px;
    color: #ffffff;
}

.index_news_right .title h3 {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #313131;
    padding-left: 23px;
    margin: 30px 0;
}

.index_news_right .title h3::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #ff4500;
    border-radius: 50%;
    left: 0;
    top: 9px;
}

.index_news_right .title .infos {
    font-size: 16px;
    line-height: 35px;
    color: #595959;
    overflow: hidden;
    text-overflow: ellipsis;
    /* -webkit-box 实现多行文本 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*纵向对其*/
    -webkit-line-clamp: 3;
    /*设置行数*/

}

.pro_cla{ margin-bottom:50px}
.pro_h3{ height:26px; line-height:26px; font-size:20px; font-weight:bold; border-left:3px solid #ff4500; padding-left:10px; margin-bottom:5px; }
.pro_xa{ width:40px; height:3px; background:#fff; border-radius: 2px;}

.pro_left{ float:left; width:400px; height:240px; margin-top:40px;}
.pro_left_h0{height:240px; line-height:240px; font-size:20px;}
.pro_right{ float:left; width:500px; margin-top:40px; margin-left:50px}
.pro_h4{ height:40px;  font-size:20px;}

.pro_list{ }
.pro_list li { float:left; width:225px; height:66px; line-height:66px; margin-right:25px; border-bottom:1px dashed #CCC; position:relative}
.pro_list li:nth-child(1),.pro_list li:nth-child(2){ border-top:1px dashed #CCC}
.pro_list li a{ position:absolute; top:-1px;background: none; display:block; padding-left:5px; width:225px; height:67px;}
.pro_list li a:hover{ background:#ff4500; color:#FFF}
.pro_list .on a{ background:#ff4500; color:#FFF}
.pro_list .on{}

.proBox{ position:relative; overflow:hidden; width:400px; height:240px; margin:0px auto;/* 设置焦点图最大宽度 */ }
.proBox .pro_hd ul{ position:absolute; height:28px; line-height:28px; bottom:0;z-index:1; left:0; width:100%; }
.proBox .pro_hd li{ display:inline-block;width:16px; height:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#fff; color:#ff4500; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.proBox .pro_hd li.on{ background:#ff4500;  }
.proBox .bd{ position:relative; z-index:0; }
.proBox .bd li{ position:relative; text-align:center;  }
.proBox .bd li img{ background:url(images/loading.gif) center center no-repeat; vertical-align:middle; height:240px; max-height:100%;;/* 图片宽度100%，达到自适应效果 */}
.proBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.proBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

.pro_hd .prev{ position:absolute; left:20px; width:17px; height:33px; background:url(../images/hero-left.png) no-repeat; text-indent:-9999px;   bottom:103px; z-index:50;cursor:pointer}
.pro_hd .next{ position:absolute; right:20px;width:17px; height:33px; background:url(../images/hero-right.png)  no-repeat; text-indent:-9999px;   bottom:103px; z-index:50;cursor:pointer}



#nsremark_toolsa2 p{ line-height:25px;}
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

footer { border-top:3px solid #ff4500; margin:auto; max-width:1920px; z-index:100000; position:relative;
    background-color: #fff;
    padding: 60px 0;
}

footer .mfbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_logo {
    width: 227px;
}

.footer_title {
    width: calc(100% - 307px - 130px);
}

.footer_title_top {
    display: flex;
    flex-wrap: wrap;
}
.footer_title_top a{ display:block; background: #fff; padding-left:10px; }
.footer_title_top a:hover{ display:block; background: #ff4500; color:#FFF}

.footer_title_top dl {
    margin-right: 20px;
    width: calc(100% / 6 - 20px);
}

.footer_title_top dl:last-child {
    margin-right: 0;
}

.footer_title_top dl dt { 
    font-size: 16px;
    line-height: 30px;
    color: #212020;
}

.footer_title_top dl dd { 
    color: #727171;
    line-height: 30px;
    font-size: 12px;
}

.footer_title_bottom {
    margin-top: 20px;
}

.footer_title_bottom p {
    font-size: 12px;
    line-height: 27px;
    letter-spacing: 2px;
    color: #6f6f6f;
}

.footer_qrcode {
    width: 130px;
}

.footer_qrcode img {
    display: block;
}

.footer_qrcode h3 {
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 1px;
    color: #ff4500;
    text-align: center;
}

.copyright {margin:auto; max-width:1920px;
    background-color: #f2eee6;
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px;
    color: #949392;
}
.copyright span{ color:#ff4500; }
























a {
    text-decoration: none !important;
}

.p_banner_box img {
    width: 2600px !important;
}

div#com_singles_ad img {
    display: block;
    margin: 0 auto;
}

.i_yy_ll {
    display: none;
}



.i_banner_box {
    position: relative;
    width: 100%;
    overflow: hidden; text-align:center
}

.i_banner {

    display: inline;
}

/*.i_banner li{width:100%; height:550px;}
.i_banner li a{display:block; width:100%; height:550px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.i_banner_p a:hover{ background:#8ed90c;}
.i_banner_p a.on{ background:#8ed90c;}*/

.i_container {
    width: 100%;
    margin: 60px auto;
}

.i_container * {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.p_container * {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.i_pro {
    width: 100%;
    background: url(../Images/bg.jpg) no-repeat center top;
}

.i_pro_l {
    margin: 30px auto 0;
    width: 1000px;
    overflow: hidden;
}

.i_pro_l ul {
    width: 1200px;
    overflow: hidden;
}

.i_pro_l li {
    width: 220px;
    margin-right: 35px;
    margin-bottom: 22px;
    display: inline-block;
}

.i_pro_l li i {
    width: 220px;
    height: 276px;
    display: block;
    overflow: hidden;
    background: #FFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}

.i_pro_l li i img {
    width: 220px;
    height: 276px;
}

.i_pro_l li a:hover i img {
    z-index: -1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

.i_pro_l li span {
    display: block;
    width: 220px;
    height: 80px;
    margin-top: 7px;
    padding: 15px 0;
    color: #255ba7;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
    background: #FFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    text-decoration: none;
}

.i_pro_l li span strong {
    display: block;
    line-height: 30px;
    padding-top: 5px;
    font-size: 16px;
    color: #7e7e7e;
    text-decoration: none;
}

.i_pro_l li a:hover span {
    background: #f69237;
    color: #FFF;
    text-decoration: none;
}

.i_pro_l li a:hover span strong {
    color: #FFF;
    text-decoration: none;
}



.i_ys {
    width: 100%;
    margin-top: 50px;
    padding: 60px 0 0;
    background: url(../Images/bg2.jpg) no-repeat center top;
}

.i_ys_l {
    margin: 30px auto 0;
    width: 1070px;
    overflow: hidden;
}

.i_ys_l dl {
    float: left;
    width: 500px;
    height: 130px;
    margin-bottom: 65px;
    padding-right: 35px;
    color: #FFF;
}

.i_ys_l dl dt {
    float: left;
    width: 131px;
    height: 122px;
}

.i_ys_l dl dd {
    float: right;
    width: 330px;
}

.i_ys_l dl dd h4 {
    display: block;
    height: 35px;
    line-height: 34px;
    border-bottom: 1px solid #103267;
    font-weight: bold;
    font-size: 18px;
}

.i_ys_l dl dd span {
    display: block;
    padding-top: 13px;
    line-height: 20px;
}

.i_about {
    width: 1044px;
    margin: 50px auto 0;
    background: url(../Images/icon02.png) no-repeat left top;
}

.i_about_c {
    margin-top: 20px;
    padding-left: 80px;
}

.i_about_cl {
    float: left;
    width: 420px;
}

.i_about_cl img {
    width: 388px;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
}

.i_about_cr {
    float: left;
    width: 540px;
    line-height: 24px;
    color: #000;
}

.i_cooperative {
    width: 980px;
    margin: 30px auto 0;
}

.i_txt01 {
    float: right;
    margin-top: 20px;
    color: #999;
    padding-right: 30px;
    height: 23px;
    line-height: 23px;
    width: 371px;
    text-align: center;
}

.i_txt01 span {
    display: inline-block;
    float: left;
    width: 23px;
    height: 23px;
    margin-right: 10px;
}

.i_cooperative_l {
    width: 980px;
    margin-top: 20px;
    overflow: hidden;
}

.i_cooperative_l li {
    display: inline-block;
    float: left;
    margin: 0 2px;
    width: 157px;
    height: 105px;
    border: 1px solid #f1efef;
}

.i_ad {
    width: 100%;
    margin-top: 50px;
}

.i_news {
    float: left;
    width: 500px;
    margin-top: 50px;
}

.i_news_l {
    margin-top: 25px;
    padding-right: 50px;
}

.i_news_l li {
    height: 41px;
    line-height: 25px;
    padding-bottom: 12px;
    background: url(../Images/icon07.jpg) no-repeat left 10px;
    padding-left: 15px;
}

.i_news_l li a {
    display: block;
    float: left;
    width: 355px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.i_news_l li span {
    display: block;
    float: right;
    width: 80px;
    text-align: right;
    color: #ccc;
    font-size: 10px;
}

.footer {
    width: 100%;
    border-top: 1px solid #565658;
    background: #333;
    text-align: left;
    color: #b3b3b3;
}

.ftxt {
    width: 1000px;
    padding: 30px 0;
    margin: 0 auto;
    border-bottom: 1px solid #565658;
}

.ftxt strong {
    display: block;
    color: #8c8c8c;
    font-size: 24px;
}

.ftxt span {
    display: block;
    padding-top: 15px;
    font-size: 16px;
}

.footerbox {
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
}

.fewm {
    float: left;
    width: 160px;
    overflow: hidden;
}

.ftel {
    float: left;
    width: 160px;
    line-height: 25px;
}

.ftel strong {
    display: block;
    font-size: 20px;
}

.footer_nav {
    float: right;
}

.footer_nav dl {
    float: left;
    width: 150px;
}

.footer_nav dl dt {
    font-size: 20px;
    padding: 0 0 20px;
    font-weight: bold;
}

.footer_nav dl dt a {
    color: #8c8c8c;
}

.footer_nav dl dd {
    line-height: 30px;
}

.footer_nav dl dd a {
    color: #b3b3b3;
}




.footer a:hover {
    color: #d40d1b;
}

/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box {
    width: 100%; text-align:center;

    z-index: 1;
    overflow: hidden;
}

.p_banner {
    display: inline;
}

/*.p_banner li{width:100%; height:480px;}
.p_banner li a{display:block; width:100%; height:480px;}
.p_banner_p{width:100%; text-align:right; margin-top:10px;}
.p_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.p_banner_p a:hover{ background:#8ed90c;}
.p_banner_p a.on{ background:#8ed90c;}*/

.p_container { width:1300px; margin:auto;
}

.p_left { position: fixed; top:195px;    float: left;
    width: 310px;
    overflow: hidden;
    height: auto !important;
}
.p_left_p { position: fixed; top:195px;    float: left;
    width: 310px;
    overflow: hidden;
    height: auto !important;
}

.p_right {
    float: right;
    width: calc(100% - 340px);
    overflow: hidden;
}

/*.p_right1{ width:733px; min-height:300px; padding:24px 50px; border:1px solid #e0e0e0; border-left:0; background:url(../Images/icon10.jpg) no-repeat left top #FFF;}
*/
.path {
    height: 66px;

    line-height: 50px;
    color: #999;
    border-bottom: 1px dotted #d3d3d3;
}

.path span {
    padding: 0 5px;
}

.plad {
    margin-top: 20px;
}

.plad li {
    padding: 10px 0;
}

/*.sidebar{ width:267px; margin-top:30px; margin-bottom:20px;}
.sidebar li{width:233px; height:50px; padding-right:34px;}
.sidebar a{ display:block; width:205px; height:50px; padding-left:23px; border-left:5px solid #FFF; color:#545454; font-size:14px; line-height:49px; background:url(../Images/icon07.png) no-repeat 210px center;}
.sidebar a span{ display:block; text-indent:50px; border-bottom:1px solid #e0e0e0;}
.sidebar a:hover{ border-left:5px solid #006caa; color:#006caa; background:url(../Images/icon08.png) no-repeat 210px center;}
.sidebar a.on{ border-left:5px solid #006caa; color:#006caa; background:url(../Images/icon08.png) no-repeat 210px center;}*/

.p_content { min-height:560px; margin-bottom:10px;
    font-size: 14px;
    padding: 20px 5px;
    line-height: 25px;
}


/* 内页部分结束 */

.nm_def {
    margin: 0 auto;
    width: 1100px;
}

.prolist {
    display: flex;
    flex-wrap: wrap;
}

.blk.fl {

  width:200px;
    margin: 0 15px 20px;
}

.prolist .imgbox {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border: 1px solid #e6e6e6;
}

.prolist .intro { text-align:center;
    position: relative;
    width: 100%;
    margin-top: 7px;
}

.intro h3 a {
    display: block;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    padding-top: 15px;
    margin-bottom: 3px;
    text-align: center;
    font-weight: normal;
    color: #666;
}



h3.name {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #255ba7;

}


.bg {
    width: 100%;
    height: 20px;
    background-color: #e0dad1;
}

.box_top {
    border-bottom: 1px solid #d0d0d0;
    height: 39px;
}

li.sel a {
    display: block;
    padding: 0 20px;
    line-height: 39px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
}

li.sel {
    width: 123px;
    float: left;
}

.box_bottom {
    margin-top: 20px;
}

.activetab {
    background: #e8e8e8;
    text-decoration: none;
}

.productinfoslist .pro_div {
    height: 201px;
    overflow: hidden;
}

.productinfoslist  .more1 {width: 160px; height:43px; line-height:43px; color:#FFF; font-size:16px;
    border-radius: 5px;
    background: url(../Images/more_bg1.png) no-repeat;
    background-size: 100%;
    text-align: center;
    margin-top: 10px; margin-right:50px;
    float: left;
}
.productinfoslist .more1 a{ color:#FFF;}

.productinfoslist  .more2 {width: 160px; height:43px; line-height:43px; color:#FFF; font-size:16px;
    border-radius: 5px;
    background: url(../Images/more_bg1.png) no-repeat;
    background-size: 100%;
    text-align: center;
    margin-top: 10px;
    float: left;
}
.productinfoslist .more2 a{ color:#FFF;}




/* input */
.ipt { border:0;

	box-shadow: inset 0 1px 0 #f8f8f8;
	background-color: #f4f4f4;
	padding: 4px 6px;
	height: 40px;
	line-height: 40px;
	color: #555;
	width: 220px;
	vertical-align: baseline;
}
.ipt-mini {
	width: 140px;
	padding: 1px 3px;
}
.ipt:focus {
	border-color: #95C8F1;
	box-shadow: 0 0 4px #95C8F1;
}
/* btn */


.theme-buy {
	margin-top:10%;
	text-align: center;
}
.theme-gobuy, .theme-signin {
	font-size: 15px;
}
.theme-price {
	position: relative;
	bottom: -6px;
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	margin-right: 20px;
	font-weight: bold;
	color: #f60;
	line-height: 32px;
	font-size: 24px;
	display: inline-block;
}
.theme-price dfn {
	font-style: normal;
	font-size: 18px;
	margin-right: 2px;
}
.theme-desc {
	padding: 30px;
}
.theme-version {
	padding: 30px;
}
.theme-popover-mask {
	z-index: 9998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:none
}
.theme-popover {
	z-index:9999;
	position:fixed;
	top:50%;
	left:50%;
	width:530px;
	height:360px;
	margin:-180px 0 0 -280px;
	border-radius:5px;
	border:solid 2px #666;
	background-color:#fff;
	display: none;
	box-shadow: 0 0 10px #666;
}
.theme-poptit {

	padding:12px;
	position: relative;
}
.theme-popbod {
	padding:60px 15px;
	color:#444;
	height: 148px;
}
.theme-popbom {
	padding:15px;
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	border-radius:0 0 5px 5px;
	color:#666
}
.theme-popbom a {
	margin-left:8px
}
.theme-poptit .close {
	float:right;
	color:#999;
	padding:5px;
	margin:-2px -5px -5px;
	font:bold 14px/14px simsun;
	text-shadow:0 1px 0 #ddd
}
.theme-poptit .close:hover {
	color:#444;
}
.btn.theme-reg {
	position: absolute;
	top: 8px;
	left: 43%;
	display: none
}
.inp-gray, .feed-mail-inp {
	border:1px solid #ccc;
	background-color:#fdfdfd;
	width:220px;
	height:16px;
	padding:4px;
	color:#444;
	margin-right:6px
}
.dform { padding-top:10px;


}
.dform  h3{ font-size:24px; font-weight:bold; text-align:center}
.dform .ipt_error {
	background-color:#FFFFCC;
	border-color:#FFCC66
}
.dform-tip {
	display:none;
	background-color:#080;
	color:#fff;
	line-height:42px;
	margin-top:10px;
display:;
	font-size: 14px;
}
.dform-tip-errer {
	background-color: #CF301A;
}
.dform-tip a {
	display: inline-block;
	padding: 0 20px;
	margin-left:10px;
	background-color: #FFE924;
	color: #CF301A;
}
.dform-login {
	padding:0;
	height: 270px;
	overflow: hidden;
}
.dform-login iframe {
	height: 470px;
	margin-top: -180px;
}
.theme-signin {
	text-align:left;
	font-size: 14px;
}
.theme-signin h4 {
	color:#999;
	font-weight:100;
	margin-bottom: 20px;
	font-size: 12px;
}
.theme-signin li { float:left; width:240PX; padding-top:20px;
	padding-left: 20px;

}
.theme-signin li strong {
	line-height: 32px;
}
.theme-signin .btn {
	margin-bottom: 10px;
}
.theme-signin p { line-height:30px;
	font-size: 12px;
	color: #999;
}
.theme-signin p b { color:#F00;
}
.theme-desc, .theme-version {
	padding-top: 0
}

.btn-primary{ width:200px; height:50px; line-height:50px; border:0; background: #F00; color:#FFF; font-size:16px; }
.tubiao {

    right: 93px;
    top: 260px;
    margin-top: 18px;
}

.tubiao a {
    margin-left: 10px;
}

a.gob {
    float: right;
    margin-top: -30px;
}

.case_gallery>.fl {

    width: 706px !important;
}

.build-list {
    margin-top: 0px;
    border-top: #e5e5e5 0px solid;
}

.build-list li {height: 60px;
    overflow: hidden;
    
    line-height: 60px;border-bottom: #e5e5e5 1px solid;
    
}

.build-list li span {
    float: right;
    color: #9e9e9e;
}

.build-list li a {
    display: inline-block;
    color: #5c5c5c;
    padding-left: 19px;
    background: url(http://www.lyterminals.com/templates/cn/images/about_img26.gif) no-repeat;
}


.build-list-case {
    margin-top: 0px;
    border-top: #e5e5e5 0px solid;
}

.build-list-case li {
	height: 100px;
    overflow: hidden;
    line-height: 60px;border: #ff4500 3px solid; margin-bottom:30px;
    
}
.build-list-case li img { float:right; height:80px;padding-top:10px;
}
.build-list-case li div { width:150px; height:100px; background:url(../images/case.png); font-size:24px; color:#FFF; padding-left:5px;
    float: left;

}
.build-list-case li span { display:block; height:30px; width:90px; text-align:center; line-height:30px; 
 font-size:32px; color:#FFF;
}

.build-list-case li a {
    display: inline-block;
    color: #5c5c5c;
    padding-left: 19px; line-height:100px; font-size:18px;font-weight:bold;

}


.prolist123 .imgbox {
    width: 100%;
    height: auto;
}



.qw div#com_indexistop_products .title02.wow.zoomIn.animated.animated h3 {
    display: block;
    color: #333;
    line-height: 50px;
    padding-bottom: 14px;
    font-size: 40px;
    font-weight: bold;
}

.qw div#com_indexistop_products span {
    color: #666;
}

.i_yy_lr {
    width: 1000px;
    ;
    overflow: hidden;
    margin: 0 auto;
}

.i_yy_lr li {
    position: relative;
    width: 240px;
    height: 156px;
    margin-right: 10px;
    margin-bottom: 32px;
    float: left;
    overflow: hidden;
}

.i_yy_lr li i {
    width: 240px;
    height: 156px;
    overflow: hidden;
}

.i_yy_lr li i img {
    width: 240px;
    height: 156px;
}

.i_yy_lr li a:hover i img {
    z-index: -1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    z-index: 1;
}

.i_yy_lr li span {
    position: absolute;
    display: block;
    width: 240px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #FFF;
    left: 0;
    bottom: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
}

.fewm img {
    width: 141px;
    height: 141px;
}
@media screen and (max-width: 1500px){
    .index_products_sort ul li{
        width: 263px;
    }
    .index_products_content ul li{
        width: calc(100% / 4 - 25px);
    }
    .index_about .title .more{
        margin-top: 20px;
    }
    .index_news_left {
        width: 47%;
    }
    .index_news_right {
        width: calc(100% - 50%);
    }
}

@media screen and (max-width: 1366px){
    .index_products_sort ul li{
        width: 220px;
    }

	.index_products_content ul li .pic{ height:300px;}
    .index_about .title .more{
        margin-top: 20px;
    }
    .index_news_left {
        width: 47%;
    }
    .index_news_right {
        width: calc(100% - 50%);
    }
}