/*-------------------------------------------------------------------------------------*/
.container { margin: 0 auto; width: 1170px; }
.content { width: 1170px; margin: 2% auto; overflow: hidden; }
.sypro_con { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 30px; margin-bottom: 40px; padding-left: 40px; }
#container { width: 100%; /* width: 1040px!important;  -- Repalace  with this value if you want to have Boxed layout :)*/ margin: 0px auto; overflow: hidden; }
.head-wrapp .logo { float: left; width: 27%; margin-top: 20px; }
.head-wrapp .logo{ width:260px; height:53px;margin:px 0px 0px 0px; background:url(../images/logo.png);background-repeat :no-repeat}

.logo a{width:230px; height:53px; display:block;text-indent: -9999px;}
    .head-wrapp .logo img { max-width:100%;}
.head-wrapp { width: 100%; height: 90px; border-bottom: #f2f2f2 8px solid; }

.one-fourth { float: left; position: relative; margin-right: 2.5%; }


.one-fourth { width: 17.34%; }

.one-fourth2 { width: 22.5%; }

.one-fourth4 { width: 19%; margin-left: 1%; margin-right: 3%; }




/*--------------------------------------------------------------------------------------*/
/*                     6 - FOOTER & COPYRIGHTS                                          */

#footer { width: 100%; margin: 0 auto; overflow: hidden; float: left; background: #242933; height: auto; color: #7e8793; }
#copyrights { width: 100%; padding: 10px 0 10px 0; float: left; background: #15181E; color: #4d5560; font-size: 12px; }

    #copyrights a { -moz-transition: all 0.24s ease 0s; -webkit-transition: all 0.24s ease 0s; -o-transition: all 0.24s ease 0s; color: #777; }
        #copyrights a:hover { color: #FFF; text-decoration: none; }

.copyright_links { float: right; }
    .copyright_links li { display: inline; float: left; background: url(/templets/default/images/bt_right_x.jpg) no-repeat right center; padding: 0 10px; }






/*iservice*/
.pro_fenlei { background: #fff url(/templets/default/images/is_yy.jpg) repeat-x bottom; padding-bottom: 6px; width: 100%; margin: 0 auto; overflow: hidden; }
.iservice { width: 1170px; margin: 0 auto; overflow: hidden; }
.isv_left { float: left; height: 106px; width: 16%; background: #ED1C24 url(/templets/default/images/pro_lei.png) no-repeat center 80%; font-size: 32px; text-align: center; color: #fff; padding-top: 20px; padding-bottom: 5px; font-weight: 600; }

.sy_new { float: left; width: 50%; overflow: hidden; }

    .sy_new dt { float: left; width: 32%; }
        .sy_new dt img { width: 100%; height: auto; }
    .sy_new dd { float: right; width: 66%; }

.sy_sol { float: right; width: 46%; overflow: hidden; }
    .sy_new h3, .sy_sol h3 { font-size: 22px; color: #000; margin-bottom: 25px; }
.sy_new dl { width: 100%; padding-bottom: 10px; border-bottom: #d8d8d8 1px dashed; overflow: hidden; margin-bottom: 15px; }
.sy_new dd strong { font-size: 15px; color: #1C1C1C; }
.sy_new dd p { line-height: 23px; margin-top: 3px; }
.sy_new ul { width: 100%; overflow: hidden; }
    .sy_new ul li { float: left; width: 46%; background: url(/templets/default/images/new_ico.jpg) no-repeat left 8px; padding-left: 20px; line-height: 28px; height: 28px; overflow: hidden; }

.sy_sol ul { float: right; width: 250px; }
.sy_sol li { height: 32px; line-height: 32px; margin-bottom: 5px; }
    .sy_sol li a:hover { color: #fff; }
    .sy_sol li a { display: inline-block; width: 100%; text-indent: 20px; }
.sy_sol .com { float: left; width: 30%; cursor: pointer; }
.sy_sol .center_page { float: right; width: 67%; }
.column { display: block; overflow: hidden; width: 100%; clear: both; }
    .column .con { width: 93.7%; color: #666; height: 45px; padding: 7px 10px 5px 10px; margin-bottom: 8px; font-size: 12px; border: #eee 1px solid; }
        .column .con p { line-height: 23px; }

.title18 { padding: 5px 0 4px 0; font-size: 15px; color: #000; border: #eee 1px solid; margin-bottom: 8px; background: url(/templets/default/images/ico1.png) no-repeat right center #f7f7f7; }
    .title18 a { text-align: left; display: block; background: url(/templets/default/images/ico2.png) no-repeat right center; }
        .title18 a:hover { color: #000; }
    .title18.onshow { cursor: default; color: #fff; background: url(/templets/default/images/ico2.png) no-repeat right center #ED1C24; }
    .title18.on { cursor: pointer; color: #fff; background: url(/templets/default/images/ico2.png) no-repeat right center #ED1C24; }
    .title18.off { cursor: default; background: url(/templets/default/images/ico1.png) no-repeat right center #f7f7f7; }

.i_main_t { background: #fff; padding-top: 5px; float: right; width: 81%; }
    /*.i_main_t ul{ width:110%;}
.i_main_t ul li{ width:182px; float:left; _display:inline; margin-right:17px;}
.i_main_t ul li h2{ font-size:18px; font-weight:bold; color:#0e0d0c; padding:15px 0;}
.i_main_t ul li .lmt_img img{ width:182px; height:106px; }*/
    .i_main_t .i_add_ico { }
        .i_main_t .i_add_ico li { width: 19.8%; height: 115px; padding-top: 5px; float: left; text-align: center; }
            .i_main_t .i_add_ico li a { display: inline-block; width: 100%; height: 100%; }
            .i_main_t .i_add_ico li .add_iimg { height: 79px; margin: 0 auto; width: 100%; overflow: hidden; }
            .i_main_t .i_add_ico li .add_ititle { color: #000; text-align: center; width: 100%; font-size: 15px; margin: 0 auto; }


            .i_main_t .i_add_ico li.i1 .add_iimg { background: url(/templets/default/images/add_ico1_03.gif) no-repeat center; }
            .i_main_t .i_add_ico li.i1 a:hover .add_iimg, .i_main_t .i_add_ico li.i2 a:hover .add_iimg, .i_main_t .i_add_ico li.i3 a:hover .add_iimg, .i_main_t .i_add_ico li.i4 a:hover .add_iimg, .i_main_t .i_add_ico li.i5 a:hover .add_iimg { -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: scale(1.1) rotate(0deg); */ -moz-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(0deg); -ms-transform: scale(1.1) rotate(0deg); /* transform: scale(1.2) rotate(6deg); */ }
            .i_main_t .i_add_ico li.i1 a:hover .add_iimg { background: url(/templets/default/images/add_ico11_03.gif) no-repeat center; }
            .i_main_t .i_add_ico li.i2 .add_iimg { background: url(/templets/default/images/add_ico2_03.gif) no-repeat center; }
            .i_main_t .i_add_ico li.i2 a:hover .add_iimg { background: url(/templets/default/images/add_ico22_03.gif) no-repeat center; }
            .i_main_t .i_add_ico li.i3 .add_iimg { background: url(../images/add_ico3_03.gif) no-repeat center; }
            .i_main_t .i_add_ico li.i3 a:hover .add_iimg { background: url(/templets/default/images/add_ico33_03.gif) no-repeat center; }
            .i_main_t .i_add_ico li.i4 .add_iimg { background: url(../images/add_ico4_03.gif) no-repeat center; }
            .i_main_t .i_add_ico li.i4 a:hover .add_iimg { background: url(/templets/default/images/add_ico44_03.gif) no-repeat center; }
            .i_main_t .i_add_ico li.i5 .add_iimg { background: url(../images/add_ico5_03.gif) no-repeat center; }
            .i_main_t .i_add_ico li.i5 a:hover .add_iimg { background: url(/templets/default/images/add_ico55_03.gif) no-repeat center; }


#footer_feilei { width: 1180px; margin: 0 auto; overflow: hidden; padding: 0px 0px 5px 0px; margin-top: 30px; margin-bottom: 15px; color: #FFF; }
    #footer_feilei li { float: left; padding: 0 0px; }
        #footer_feilei li.first { margin-left: 40px; }
        #footer_feilei li dl dt { font-size: 16px; font-weight: bolder; margin-bottom: 15px; }
        #footer_feilei li dd { line-height: 25px; padding-left: 10px; width: 100%; }
            #footer_feilei li dd a { color: #999; }


.fenleia1 { width: 30%; color: #999999; margin-top: 10px; }
.fenleia2, .fenleia3, .fenleia4, .fenleia5 { width: 15.8%!important; width: 14.7%; background: url(/templets/default/images/right_x.gif) no-repeat 120px top; }
.fenleia1 a { margin: 0 15px; color: #fff; }
.fenleia1 .tel { font-size: 20px; color: #fff; margin-bottom: 15px; }
.fenleia1 .tuku { float: left; background: #000; height: 30px; width: 120px; line-height: 30px; text-align: center; font-size: 16px; margin-top: 16px; }
.tuku a { color: #FFFFFF; }
.fenleia1 .message { float: left; margin-top: 15px; width: 120px; background: #ED1C24; height: 30px; line-height: 30px; margin-left: 20px; text-align: center; font-size: 15px; }
    .fenleia1 .message a { color: #FFFFFF; }

.fenleia6 { width: 80px; }

/*layerslider*/
.slider-shadow-top { position: absolute; top: 0px; left: 0px; width: 100%; height: 41px; z-index: 99; }
.slider-shadow-bottom { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 32px; z-index: 99; }
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next { width: 44px; height: 70px; z-index: 10000; top: 42%; position: absolute; }
.ls-fullwidth .ls-nav-prev { background: #aab2bd url("/templets/default/images/slider-prev.png") 50% 50% no-repeat; left: 0px; }
.ls-fullwidth .ls-nav-next { background: #aab2bd url("/templets/default/images/slider-next.png") 50% 50% no-repeat; right: 0px; }

.slidewrap { width: 105%; }

.one-half { width: 60%; float: left; }

.select_box { font-size: 14px; display: inline-block; height: 27px; line-height: 28px; text-indent: 60px; color: #000; width: 180px; float: right; margin-top: 5px; z-index: 999999; }
.selet_open { display: inline-block; position: absolute; right: 20px; top: 0; height: 26px; }
.select_txt { display: inline-block; cursor: pointer; overflow: hidden; float: left; }
.option { position: absolute; background: #000; top: 34px; left: 1400px; z-index: 999999; overflow: hidden; display: none; }
    .option a { display: block; height: 30px; line-height: 30px; text-align: left; background: #DDDDDF; }
        .option a:hover { background: #fff; height: 30px; line-height: 30px; color: #d80100; }


/*-------------index bottom  end--------*/




.projects-container { width: 1205px; margin: 0 auto; overflow: hidden; padding: 10px 0 20px 33px; }
.projects-pro { width: 1170px; margin: 0 auto; overflow: hidden; border-top: #d8d8d8 1px solid; padding: 0 0 20px 0; }
    .projects-pro ul { float: left; width: 90%;height: 49px;overflow: hidden; }
    .projects-pro span { /*width: 4.6%;*/ float: right; margin-top: 15px; background: #222; padding: 3px 15px; }
        .projects-pro span a { color: #fff; }
    .projects-pro li.cur { border-top: #EC1D23 4px solid; color: #000; font-size: 22px; font-weight: 600; background: none; margin-right: 40px; padding: 5px 0 0 0; }
    .projects-pro li { float: left; line-height: 40px; margin-right: 20px; padding: 10px 30px 0 0; text-align: center; background: url(/templets/default/images/xx.jpg) no-repeat right 22px; }
#portfolio-content { padding: 0; list-style: none; }
    #portfolio-content li { display: inline-block; border: 0px solid transparent; outline: 0px solid transparent; margin: 0; padding: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px; border-radius: 2px 2px 2px 2px; border-color: #000; . border-style: none; }
.projects-container li { width: 23%; float: left; margin-right: 1.8%!important; margin-right: 1%; }

.projects-container li { position: relative; margin-bottom: 2.5%!important; margin-bottom: 5%; }
    .projects-container li img { width: 100%; position: relative; z-index: 2; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

.project-content { position: absolute; height: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border-radius: 2px; width: 100%; }

.projects-container li:hover .project-content { background: #eee; z-index: 3; }

.projects-container li:hover img { transform: translateY(-50px) scale(0); -webkit-transform: translateY(-50px) scale(0); -moz-transform: translateY(-50px) scale(0); -o-transform: translateY(-50px) scale(0); }

.inner-project { text-align: center; position: absolute; width: 100%; top: 50%; margin-top: -38px; }

    .inner-project h3 { font-size: 16px; line-height: 24px; color: #222; font-weight: 700; margin: 0px 0px 6px 0px; padding: 4px 12px 3px 12px; border-radius: 0px 0px 0px 0px; background-color: rgba(255,255,255,0); font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; text-transform: capitalize; }

    .inner-project span { display: block; color: #1abc9c; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 12px; }
.project-link { font-size: 12px; line-height: 30px; color: #fff; font-weight: 500; padding: 3px 30px 2px 30px; background-color: #ee0000; z-index: 2; display: inline-block; font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; text-transform: uppercase; }
    .project-link:hover { color: #454545; }


.lselect { width: 120px; float: right; padding-top: 7px; position: relative; z-index: 100; right: 42px; }
    .lselect select { width: 110px; }

.tst { width: 150px; height: 25px; background: url(/templets/default/images/language_bg.gif) left top no-repeat; cursor: pointer; position: absolute; left: 0px; top: 5px; z-index: 1; }
    .tst.tso { background: url(/templets/default/images/language_bg_hover.gif) left top no-repeat; }
.tsc { width: 150px; height: auto; background: #eee; display: none; position: absolute; z-index: 9999; left: 0px; top: 31px; }
    .tsc ul { padding: 5px 0px; width: 100%; }
        .tsc ul li { height: 12px; line-height: 12px; padding: 3px 0px 3px 20px; margin: 0; background: none; }
            .tsc ul li a { color: #666; }
                .tsc ul li a:hover { color: #f60; }
            .tsc ul li img { margin-right: 10px; }