/*头部样式*/
#header{height:86px;position: fixed;width:1920px;left:50%;margin-left: -960px;background:url(../images/head.png)no-repeat center top;top:0;z-index: 9999
}
.logo{float:left;margin-top:5px;margin-left:254px;}
.top{width:1200px;margin:0 auto;position:relative;}
.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

.p_detail {
    margin-top: 10px;
    float: right;
    width: 733px!important;
    height:375px;
    overflow:auto;
    border-left:1px solid #333;
}
#moveUp{margin-top:50px;cursor:pointer;position:absolute; left:50%; margin-left:-36px; bottom:0px; z-index:99999;}
/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:320px;float:left;}
.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;}

#header .bdsharebuttonbox{position:absolute;left: -23px;top: 20px;}
#header .bdsharebuttonbox a{display:inline-block;width:45px;height:45px;margin:0 1px;padding:0;background-position:center;}
#header .bdshare-button-style0-16 a{padding-left: 0 !important;}
#header .bdsharebuttonbox a.bds_sqq{background:url(../images/f1.png)no-repeat center;width:17px;height:18px;}
#header .bdsharebuttonbox a.bds_tsina{background:url(../images/f2.png)no-repeat center;width:17px;height:18px;}
#header .bdsharebuttonbox a.bds_weixin{background:url(../images/f3.png)no-repeat center;width:17px;height:18px;position:relative;}
.language{position: absolute;top:0;left:70px;}

.we{display:none;position:absolute;left:0;top:27px;width:130px;height:118px;}
#header .bdsharebuttonbox a.bds_weixin:hover .we{display:block;}
/*主体样式*/
#container{width:1200px;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;}

/*首页新闻*/
.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;}
a.hisyort{display: block;position: absolute;top:0;right:0;}
/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

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




/*友情链接*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}


/*------------内页-------------------*/

.left {
    width: 224px;
    float: left;
}

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: #f48000;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;
    background: #fff
}

.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:1920px;margin:0 auto;margin-left:-960px;position:relative;left:50%;
}
.n_banner img{width:1920px;margin:0 auto;margin-left:-960px;position:relative;left:50%;}
.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;}

.right1{width:760px;float:right;padding-bottom:10px;}
.sitemp {
    border-bottom:1px solid #eee;

}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color:#333;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}
.right1 .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
}
.more3{border-bottom:1px solid #fff;width:532px;position: relative;font-size:13px;color:#ffffff;padding-bottom:10px;margin-top:61px;}
.more3 a{position: absolute;right:0;top:0;font-size:14px;color:#ffffff;text-transform: uppercase;}
/* 侧边导航圆点 */
#fp-menu {
    position: fixed;
    left: 74%;
    margin-left: 410px;
    top: 30%;
    z-index: 999;
    
    padding: 5px;
    
}

#fp-menu li {
      display: block;
      width: 76px;
      height: 13px;
      /* margin: 7px; */
      position:relative;
      background: url(../images/dian2.png) no-repeat 51% -9%;
      height: 33px;
}

#fp-menu li a {
    display: block;
    height: 100%;
    position: relative;
    background: url(../images/xian2.png) no-repeat 50% 144%;
}
#fp-menu li:last-child a{background:none}
#fp-menu li a span{
   top: -4px;
   left: -80px;
   width: 200px;
   color:#000;
   opacity: 0;
   height: 19px;
   width: 92px;
   text-align: center;
}
#fp-menu li a:hover span{
    color:#fff;
    opacity: 1;
}
#fp-menu li.active {
     background: url(../images/dian.png) no-repeat top center;
}
#navs li{float:left;width:22%;margin:1% 1.5%;background:#00a0e9;height:44px;}
#navs li a{color:#fff;text-align:center;line-height:44px;font-family:"微软雅黑"}

.nav1{width:100%;display:none;position:absolute;top:0;left:0;background:rgba(255,151,0,.3);}
#nav{width: 20%;padding-top: 95px;position:relative;z-index:999;left: 40px;}
#nav li{border-bottom:1px solid #fff;background: #000;line-height:40px;text-align:center;}
#nav li a{display:block;color:#fff;font-family:"微软雅黑"}
 
 .navbg{width:60px;height: 27px;background: url(../images/nav1.png) no-repeat ;position: absolute;top:55px;left:41px;z-index: 99999}
 .close{width:22px;height:22px;text-align:center;line-height:22px;background:#444;border-radius:3px;margin:3px 0;color:#fff;position:absolute;left: 400px;top: 66px;z-index:9999;cursor:pointer;font-family:"微软雅黑";}

.la{position: absolute;left:41px;margin-top:398px;z-index: 99999}

.box1{background: url(../images/box1.jpg) no-repeat center;background-size:cover;height:782px;width:1920px;left:50%;margin-left:-960px;position:relative;padding-top:108px;}
.box1_t{float: left;font-size:30px;color:#ffffff;margin-top:90px;}
.box1_t span{display: block;font-size:16px;text-transform: uppercase;}
.sort1{float: right;text-align: right;padding-top:36px;}
.sort1 li{float: left;padding:0 23px;background: url(../images/xian.png)no-repeat right center;}
.sort1 li a{font-size:16px;color:#9d9d9d;}
.sort1 li:last-child{background: none}

#multipleColumn{overflow:hidden;position:relative;height: 522px;width: 1200px;
    margin: 0 auto;margin-top:30px;
   
}
        #multipleColumn .hd{background: url(../images/pre1.png)no-repeat;width:67px;height: 24px;margin: 0 auto;}
        #multipleColumn .hd .prev,.multipleColumn .hd .next{}
        #multipleColumn .hd .next{background:url(../images/left.png) no-repeat;width:8px;height:15px;display: block;float: left;margin-top: 9px;}
        #multipleColumn .hd .prev{background:url(../images/right.png) no-repeat;height:15px;display: block;float: right;width: 8px;margin-top: 8px;}
        #multipleColumn .hd .ul2{overflow:hidden;zoom:1;margin-top:10px;zoom:1;position:absolute;right:48%}
        #multipleColumn .hd .ul2 li{float:left;width:14px;height:15px;overflow:hidden;margin-right:5px;text-indent:-999px;cursor:pointer;/* border:1px solid #fff; */border-radius:10px;}
        #multipleColumn .hd .ul2 li.on{width:14px;height:15px;/* border-radius:10px; *//* border:1px solid #fff; */}
        #multipleColumn .bd{overflow:hidden;  }
        #multipleColumn .bd ul{ overflow:hidden; zoom:1; float:left; _display:inline;  }
.arrowdown{ position:absolute; left:50%; margin-left:-36px; bottom:20px; z-index:99999;}

/*项目*/

.content .header { padding-top:70px;}

#indexPage #mproject { background:#212121; height:100%;}

#indexPage #mproject .content .wrapper { width: 90%; margin: 0 auto; }

.content .header p.title { font-family: "Times New Roman", "微软雅黑"; text-align: left; margin-left: 5%; color:#fff;}

#indexPage #mnews {background-color: #393939;}

#indexPage #mnews .content .header p.title { color:#fff;}

#projectlist .bx-viewport { padding-bottom: 90px; }

#projectlist .projectitem a:hover .project_info { background: rgba(0,0,0,.3); position:absolute;}

.content .header p.subtitle { text-align: left; margin-left: 5%; font-family: "Times New Roman", "微软雅黑"; margin-top: 5px;color: #B4B4B4;}

#projectlist .projectitem a .project_info div { position: absolute; height:90px; width: 100%; bottom: -90px; margin-top: 0; top: auto; background-color:transparent; transition: all 0.3s ease-out 0s; }

#projectlist .projectitem a .project_info div::after { width: 32px; height: 30px; position: absolute; content: ""; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 30px; right: 0px; background: url(http://resources.jsmo.xin/templates/upload/376/icon/jt01.png); opacity: 0; }

#projectlist .projectitem a:hover .project_info div::after { right: 25px; background: url(http://resources.jsmo.xin/templates/upload/376/icon/jt01.png); opacity: 1; }

#projectlist .projectitem a .project_info p.title { margin: 0 80px 0 20px; color:#E4E4E4; padding: 20px 0px 5px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: "Times New Roman", "微软雅黑"; }

.Pageanli #projectlist .projectitem a .project_info p.title { color:#ececec;}

#projectlist .projectitem a .project_info p.subtitle { margin-right: 60px; margin-top: 0; color: #6F6F6F; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: "Times New Roman", "微软雅黑"; font-size: 14px; }

.Pageanli #projectlist .projectitem a .project_info p.subtitle {color: #929292;}

#projectlist .projectitem a:hover .project_info p.title { color: #fff; }

#category a { padding: 7px 28px; border: 0; }

#category a::after { position: absolute; content: "/"; text-align: left; margin-left: 28px; margin-top: 0px; font-size: 12px; color:#565656; }
#indexPage #mproject #category a:last-child::after { position: absolute; content: ""; height: 0px; width: 0px; }

#newsPage #category a:last-child::after { position: absolute; content: ""; height: 0px; width: 0px; }

#indexPage #mproject #category { position: absolute; top: 20px; display: block; animation-name: fadeInUp; right: 1%; margin-right: -30px; }

#category a::before { position: absolute; content: ""; text-align: left; margin-left: 0px; margin-top: 22px; background-color: #b2b2b2; width: 0px; height: 1px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#category a:hover::before { width: 30px; }

#category a { font-size: 14px; color:rgba(255,255,255,.6); border:0; }

#category a.active, #category a:hover { background: transparent; color: #fff; border-color: transparent;}

#projectlist .wrapper { width: 1200px; margin: 0 auto;}

#projectlist .projectitem { margin-bottom: 100px; }



#projectlist .projectitem a .project_info::after { width: 0%; height: 1px; position: absolute; content: ""; top: 100%; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: rgba(255,255,255,.15); margin-top: 89px; z-index:3 }

#projectlist .projectitem a:hover .project_info::after { width: 100%; }

#projectlist .projectitem a::after { content: '+'; width: 64px; height: 64px; line-height: 64px; margin: 0 auto; margin-left: -32px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; border-radius: 50px; border: 2px solid #fff;transition: all 0.6s cubic-bezier(.17,.84,.44,1) 0s; opacity: 0; color: #fff; font-size: 40px; text-align: center; font-family: "Times New Roman", "微软雅黑"; }

#projectlist .projectitem:hover a::after { margin-left: -32px; margin-top: -48px; top: 50%; opacity: 1; }

#indexPage #mproject .bx-wrapper .bx-controls-direction { display: inline; }

#indexPage #mproject .bx-wrapper .bx-controls-direction a { top: 114%; margin-top: 0px; width: 60px; height: 30px; background: transparent; border-radius: 0px; }

#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev { left: 50%; margin-left: -60px; border-right: 1px solid rgba(255,255,255,.1);background:url(http://resources.jsmo.xin/templates/upload/376/icon/icon.png) -60px -250px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev:hover {border-right: 1px solid #454545;background:url(http://resources.jsmo.xin/templates/upload/376/icon/icon.png) -60px -220px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next { right: 50%; margin-right: -60px;background:url(http://resources.jsmo.xin/templates/upload/376/icon/icon.png) 0 -250px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next:hover { background:url(http://resources.jsmo.xin/templates/upload/376/icon/icon.png) 0 -220px no-repeat;}

#indexPage #mproject .bx-wrapper .bx-controls-direction a i { color: #dadada; font-size: 24px; margin-top: 2px; margin-left: 26px; }

#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover i { color: #535353; }

#indexPage #mproject a.more { display: none; }

#category { text-align: right; position: relative; top:8px;width: clac(100% - 70px);padding-right: 70px;padding-bottom:40px;}

#indexPage #mproject .fa-angle-right::before { content:"";}

#indexPage #mproject .fa-angle-left::before { content:"";}

.Pageanli #category { text-align:center; top:0; margin:0 auto; width:94%; padding-left:3%; padding-right:3%; margin-bottom:40px;}

#indexPage #projectlist .projectitem a .project_info p { text-align:left;}

#projectlist .projectitem {
    width: 24%;
    height: auto;
    margin-right: 15px;
    margin-bottom: 12%;
    float: left;
    position: relative;
    background: #000;
}

#indexPage #projectlist .projectitem {
    margin: 0
}

#indexPage #mproject .bx-wrapper .bx-pager {
    bottom: -40px
}

#indexPage #mproject .bx-wrapper .bx-controls-direction {
    display: none
}

#indexPage #mproject a.more {
    margin-top: 80px
}

#projectlist .projectitem a {
    display: block;
    overflow: hidden
}

#projectlist .projectitem a img {
    float: none;
    width:284px;
    height: 183px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border:1px solid #a5a5a5;
}

#projectlist .projectitem a:hover img {
    transform: scale(1.2, 1.2)
}

#projectlist .projectitem a .project_info {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out .3s;
}

#projectlist .projectitem a:hover .project_info {
    background: rgba(0,0,0,.7)
}

#projectlist .projectitem a .project_info p {
    text-align: center;
    color: #fff;
    padding: 0 20px
}

#projectlist .projectitem a .project_info div {
    position: relative;
    top: 107%;
    margin-top: -15px;
}

#projectlist .projectitem a .project_info p.title {
    margin-top: 10px;

    font-size: 16px;
    transition: all ease-out .3s;
}

#projectlist .projectitem a:hover .project_info p.title {
    margin-top: 0px;
    color: #fff;
    font-size: 16px
}

#projectlist .projectitem a .project_info p.subtitle {
    /* margin-top: 16px; */
    font-size: 12px;
    transition: all ease-out .3s;
}

#projectlist .projectitem a:hover .project_info p.subtitle {
    margin-top: 0px;
    color: #b7b7b7;
}

#projectmore {
    width: 100%;
    height: 150px;
    line-height: 150px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: block;
    background: #343434;
    transition: all ease-out .3s;
    text-indent: 0px;
    position: relative;
    z-index: 1
}

#projectmore:hover {
    width: 100%;
    height: 150px;
    line-height: 150px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: block;
    background: #838383;
    text-indent: -50px;
}
#projectwrap {
    padding-top: 50px;
    min-height: 600px
}

#projectbody {
    width: 800px;
    float: left;
}

#projectimages {
    background: #fff;
}

#projectimages li {
    margin-bottom: 10px
}

#projectimages li img {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 100%
}

#projectbody .postbody {
    padding: 20px 0;
}

#projectinfo {
    width: 340px;
    margin-left: 40px;
    float: left
}

#projectih {
    width: 340px
}

#projecttags {
    margin-top: 20px
}

#projecttags a {
    float: left;
    font-size: 13px;
    color: #989898;
    padding: 5px 10px;
    background: #f3f3f3;
    margin-right: 5px;
    margin-bottom: 5px
}

#projecttags a:hover {
    color: #989898;
    background: #f3f3f3;
}

#projectib {
    margin-right: -10px;
    margin-top: 20px
}

#projectib .projectitem {
    width: 160px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-bottom: 14px
}

#projectib .projectitem img {
    width: 100%;
    height: auto;
    float: none
}

#projectib .projectitem a .project_info {
    width: 100%;
    height: 30px
}

#projectib .projectitem a .project_info p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#projectib .projectitem a .project_info p.title {
    margin-top: 10px;
    color: #333;
    font-size: 12px;
    transition: all ease-out .3s;
}

#projectib .projectitem a .project_info p.subtitle {
    margin-top: 0px;
    color: #b7b7b7;
    font-size: 12px;
    transition: all ease-out .3s;
}

#projectinfo .header {
    padding: 0;
    border-bottom: #cccccc 1px dotted;
    width: 340px
}

#projectinfo .header p {
    text-align: left
}

#projectinfo .header .description {
    color: #6a6a6a;
    font-size: 13px;
    line-height: 24px;
    margin: 30px 0
}
#projectlist .projectitem:nth-child(4) {margin-right:0;}
#projectlist .projectitem{width: 288px;float: left;list-style: none;position: relative;visibility: visible;animation-delay: 0.1s;animation-name: fadeInUp;}


#indexPage #projectlist .projectitem a .project_info p {
    text-align: left;
}

#projectlist .projectitem a .project_info p.title {
    margin: 0 80px 0 20px;
    color: #E4E4E4;
    padding: 20px 0px 5px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: "Times New Roman", "微软雅黑";
}

#projectlist .projectitem a .project_info p.title {
    /* margin-top: 10px; */
    font-size: 16px;
    /* transition: all ease-out .3s; */
}

#projectlist .projectitem a .project_info p {
    text-align: center;
    color: #fff;
    /* padding: 0 20px; */
}

.box2{background: url(../images/box1.jpg) no-repeat center;height:786px;overflow:hidden;width:1920px;left:50%;margin-left:-960px;position:relative;
/*padding-top:104px;*/
    padding-top: 183px;
}

.l_btn3{position:absolute;top: 49%;cursor:pointer;z-index: 99;}
.r_btn3{position:absolute;top:49%;cursor:pointer;z-index: 99;}
.l_btn3{left: 0px;z-index: 99;}
.r_btn3{right: 0px;z-index: 99;}

#mm_demo{overflow:hidden;width: 95%;margin:0 auto;}
#mm_indemo {float: left;width:800%}
#mm_demo1 {float: left;}
#mm_demo2 {float: left;}

.product_list3 li{float: left;padding:11px;width:344px;height:432px;margin-left:18px;}
.product_list3 li img{width:342px;height:233px;border:2px solid #fff;}
.product_list3 li h3{text-align: center;margin-top:35px;font-size:18px;color:#ffffff;background: url(../images/tt1.png) no-repeat 50% 44%;font-weight: normal;padding-top:136px;}
.product_list3 li h3 span{display: block;margin-top:43px;font-size:14px;color:#cccccc;}
.product_list3 li h3 a{font-size:14px;color:#ffffff;display: block;margin-top:35px;display: none}
.product_list3 li:hover{border:2px solid #fff;}
.product_list3 li:hover img{border:none;}
.product_list3 li:hover h3 a{display: block;}
.product_list3 li:hover h3{background: url(../images/tt1.png) no-repeat 50% 30%;}
.box2_con{width: 1200px;margin:0 auto;
/*padding-top:74px;*/
  padding-top:34px;  
}

.box3_con{width:1200px;margin:0 auto;position:relative;}
.box3_fl{float: left;margin-top:248px;width:579px;}
.box3_t{font-size:24px;color:#ffffff;}
.box3_tt{margin-top:58px;font-size:14px;color:#cccccc;}
.box3_fr{float: right;width:561px;padding-top:149px;}


.box4_fl{float: left;width:433px;margin-left: 31px;position: relative;padding-top: 9px;}
.tab1{display: none;padding:34px 17px;border:2px solid #fff;width:326px;height:390px;}

.tab1 h3{font-size:18px;color:#ffffff;font-weight: normal;}
.tab1 h3 b{font-weight: normal;font-size:12px;color:#a9a9a9;display: block;margin-top:8px;}
.tab1 h3 span{display: block;font-size:14px;color:#e1e1e1;line-height: 26px;}
.tab1 img{width:325px;height:172px;margin-top:33px;}


.tab1li {position: absolute;right: 4px;top: 87px;}
.tab1li li{width:46px;height:54px;padding-top:11px;text-align: center;font-size:25px;color:#ffffff;background-color:#a5a5a5;line-height: 24px;}
.tab1li li span{display: block;font-size:12px;}
.tab1li li.cur{width:65px;height:75px;padding-top:16px;background-color:#fff;font-size:36px;color:#000000;line-height: 32px;}
.tab1li li.cur span{display: block;font-size:18px;color:#000000;}

.box4_fr{float: right;width:528px;padding-top: 9px;/* margin-right: 302px; */}
.news_list1 li{width:534px;margin-bottom:25px;height:88px;margin-top:28px;}
.data{float: left;width:67px;font-size:24px;color:#ffffff;}
.news_list1 li h3{float: right;width:433px;padding-bottom:13px;border-bottom:1px solid #fff;font-weight: normal}
.news_list1 li h3 a{font-size:18px;color:#ffffff;}
.news_list1 li h3 span{display: block;font-size:14px;color:#dddddd;line-height: 28px;margin-top:11px;}
.tab2{display: none}
.tab2li li{float: left;font-size:14px;color:#ffffff;width:68px;text-align: center;height:23px;}
.tab2li li.cur{padding-bottom: 6px;border-bottom:2px solid #fff;}
.tab2li{float: right;}
.product_list2{}
.product_list2 li{float: left;margin-left:26px;margin-bottom:21px;}
.product_list2 li img{width:300px;height:224px;}

.l_btn1{position:absolute;top: 64%;cursor:pointer;z-index: 99;}
.r_btn1{position:absolute;top:64%;cursor:pointer;z-index: 99;}
.l_btn1{left: 0px;z-index: 99;}
.r_btn1{right: 0px;z-index: 99;}



.ditu{float: left;margin-left: 60px;width:1000px;padding-top:29px;}
.cont_fl{float: left;width: 470px;margin-top:77px;}
.box6fl{float: left;width:308px;}
.box6_t{font-size:24px;color:#cdcccc;}
.box6_tt{margin-top:33px;font-size:16px;color:#cdcccc;line-height: 24px;}

.er{width:130px;}
.liuyan{float: right;width: 636px;margin-top:62px;}

.ytt{color:#ffffff;font-size:14px;text-align:left;font-weight:normal;margin-bottom:20px}

/*留言*/
.bg{width:281px;margin-top:10px;float: left;height:37px;border-bottom:1px solid #a5a5a5;margin-right: 19px;}
.ming{color:#fff;font-size:14px;line-height:34px;display:block;float: left;}
.bn{float:left;width: 248px;}
.bn #name{/* border:1px dashed #aaaaaa; */width: 248px;height:34px;line-height:34px;display:block;background: none;border: none;color:#fff;}
.bn #contact{/* border:1px dashed #aaaaaa; */width: 248px;height:34px;line-height:34px;display:block;background: none;border: none;color:#fff;}
.bn #email{/* border:1px dashed #aaaaaa; */width: 248px;height:34px;line-height:34px;display:block;background: none;border: none;color:#fff;}

.bn #content{border:none;width:888px;height:100px;line-height:34px;height:100px;padding:0px;margin-top:0px;background: none;color:#fff;}

.tj .msgbtn{float:left;border-radius:none;-webkit-border-radius:none;border:none;width:98px;height:38px;line-height: 38px;text-align: center;text-align: center;font-size:16px;color:#cdcccc;border:1px solid #cdcccc;background: none;margin-top:10px;}
.ming1{color:#fff;font-size:14px;line-height:34px;display:block;}
.bg1{width:900px;border-bottom:1px solid #a5a5a5}



.sun-delay0 {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
    }

    .sun-delay1 {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
    }

    .sun-delay2 {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
    }

    .sun-delay3 {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s;
    }

    .sun-delay4 {
        -webkit-transition-delay: 1s;
                transition-delay: 1s;
    }

    .sun-delay5 {
        -webkit-transition-delay: 1.2s;
                transition-delay: 1.2s;
    }

    .sun-delay6 {
        -webkit-transition-delay: 1.4s;
                transition-delay: 1.4s;
    }

    .sun-delay7 {
        -webkit-transition-delay: 1.6s;
                transition-delay: 1.6s;
    }

    .sun-delay8 {
        -webkit-transition-delay: 1.8s;·
                transition-delay: 1.8s;
    }

    .sun-delay9 {
        -webkit-transition-delay: 2s;
                transition-delay: 2s;
    }

    .sun-delay10 {
        -webkit-transition-delay: 2.2s;
                transition-delay: 2.2s;
    }

    .sun-ani-left,
    .sun-ani-down,
    .sun-ani-right,
     .sun-ani-up {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .7s;
                transition-duration: .7s;
    }

    .sun-ani-left {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
    }

    .sun-ani-down {
        -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
    }

 .sun-ani-down {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
    .sun-ani-right {
        -webkit-transform: translatex(100px);
                transform: translatex(100px);
    }


    .actives .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .active .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .active .sun-ani-down {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
  .active .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
    }
    .active .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
                transform: translatex(0);
    }
    
.products{width:1200px;margin:0 auto;padding-top:28px;}
.products .content li{line-height:31px;float:left;margin:0 10px;width:300px;}
.products .content li h3 a{display:block;color:#fff;text-align: center;font-weight: normal;padding-top: 10px;font-size: 14px;}
.products .content li h3 a:hover{color:#bad6ec;}
.products .content img{width:300px;height:224px;}
.products .content{width:1125px;overflow:hidden;float:left;}
.prolist{width:6000px;}

.pre-left{cursor:pointer;float:left;margin-top:154px;_display:inline;margin-right:10px;}
.pre-right{cursor:pointer;float:right;margin-top:154px;}
.opa:hover{opacity: 0.8;filter:alpha(opacity=80);}

    
    #focus_Box{position:relative;width:1200px;height:308px;margin-top:20px;}
#focus_Box ul{position:relative;width:1200px;height:308px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(img/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(img/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:50px;height:50px;top:131px;}
#focus_Box .prev{background:url(../images/left1.png) left bottom no-repeat;left:-45px}
#focus_Box .next{background:url(../images/right1.png) right bottom no-repeat;right:-9px} 

#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(img/share-btn.png) no-repeat;text-indent:-999px;}
    
    
.cp_color{background-color:#000;} 
.right2{width:1200px;margin:0 auto;position:relative;}
    
.cp_tt{color:#fff;font-size:24px;border-bottom:1px solid  #fff;padding-bottom:16px;position:relative;}
    
.cp_tt span{font-size:18px;} 
    
 .cp_tt a{position:absolute;right:0;top:0;width:52px;height:20px;line-height:20px;background-color:#fff;text-align:center;}