/* CSS Document */ 
div,ul,ol,li,dl,dd,dt,table,form,h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ul,ol,li{ list-style:none; list-style-type:none;}
body{ margin:0px; padding:0px; font-size:12px; color: #444; line-height:24px; font-family:"微软雅黑"; background-color:#fff;} 
/*table{ margin:0 auto;}*/
table {table-layout: fixed;word-wrap:break-word;} 
img{ border:none;}
a{ color: #444; text-decoration: none;}
a:hover { color:#f00; text-decoration: none; } 
a.red{ color:#f00;}
a.red:hover{ color:#009900;}
img{border:none;}  
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
.clear{ clear:both; } 
.fl_l{ float:left; }
.fl_r{ float:right; }
.margin0{ margin:0 auto;}
.margin5{ margin:5px auto 0; }  
.margin10{ margin:10px auto 0; }  
.margin15{ margin:15px auto 0; } 
.margin20{ margin:20px auto 0; }  
.blank20{ height:20px; overflow:hidden; }

.wrap{ margin:auto; }

.bannerquick{ position:absolute; bottom:20px; right:150px; z-index:1;}
.bannerquick .left{ float:left; width:120px; margin-right:10px;}
.bannerquick .right{ float:left; width:120px;}
.navwrap{ height:56px; border-bottom:1px solid #fff; width:100%; background:url(../images/topnav_bg.jpg) repeat-y center center;}

.topbox{ height:70px; background:url(../images/navbg.png) no-repeat top center;  position: absolute; left:0; right:0; top:50px; z-index: 9999;}
.neimemu{ height:70px; background-color: #fff;  position: fixed; left:0; right:0; top:0px; z-index: 9999; padding: 12px 0px; box-shadow: 0 1px 1px #ccc;}
.languc{ height:25px; line-height:25px; margin-top:18px; width:160px; float:right; }
.languc a{ display:block; color:#666;}
.languc .lagch{ width:80px; float:left; text-indent:30px; height:25px; line-height:25px; background:url(../images/lanch.png) no-repeat left center;}
.languc .lagen{ width:80px; float:left; text-indent:30px; height:25px; line-height:25px; background:url(../images/lanen.png) no-repeat left center;}

.navbg{ background:#fff; height:116px; width:100%; }
.navallbox{ width:1200px; margin:0px auto;} 
.navlogo{ width:390px; float:left;}
.navbox{width:810px; float:right;  color:#fff; height:116px; margin:auto; margin-top:20px;}
.navbox ul{ margin:auto; }
.pSort{ width:115px; color:#fff;  float:left; height:80px; line-height:80px; text-align:center; font-weight:300;  font-family:"Microsoft Yahei"; font-size:16px; }
.pSort:hover{  color:#fff; }
a.pSortLink{ display:block; color:#fff; height:80px; 
    -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
a.pSortLink:hover{  background:url(../images/nav_hover.png) no-repeat bottom center; color:#fff; }

.pSorttxt{ font-size:14px; font-family:"Microsoft Yahei"; padding-top:10px; height:24px; line-height:24px; text-indent:12px;}
.pSorttxt1{ font-size:10px; font-family:Arial, Helvetica, sans-serif;  height:20px; line-height:20px; color:#99C7DF; -webkit-text-size-adjust:none; text-indent:12px;}
 
.pSort:hover .submenu{ display:block; }
#CurrMenu{  background:url(../images/nav_hover.jpg) no-repeat bottom center; color:#fff; }

.navindex{ height:70px; border-bottom:5px solid #DFDFDF; width:1200px; margin:auto;}
.navnei{ height:70px; border-top:5px solid #414141; border-bottom:1px solid #DFDFDF;  margin:auto;}
.nlogo{ position:absolute; top:0px; left:0; right:0; width:134px; margin:0 auto; z-index:99; }

#kinMaxShow{ visibility:hidden;width:100%; height:840px; overflow:hidden;}

.banneryy{ position:relative; z-index:999; background:url(../images/nav_bottom.png) repeat-x;}
.topnavbottom{ position:absolute; background:url(../images/nav_bottom.png) repeat-x; top:80px; left:0; width:100%; z-index:99; height:10px;}
.banner{overflow:hidden; margin:0px auto;}

.indexprobox{ background-color:#F7F7F7; overflow:hidden; padding: 50px 0px;}

.indexprocort{ width:280px; float: left;}
.indexprocort .title{ background-color: #659544; height: 75px; text-align: center; line-height: 75px; font-size: 26px; color: #fff; font-weight: bold;}
.indexprocort .title span{ font-size: 14px; color: #fff; font-family: arial; font-weight: normal; margin-left: 5px;}

.leftMenu{
	width: 280px;
	height: 590px;
	background-color: #fff;
	float: left;
}
.leftMenu .topMenu{
	height: 42px;
	background-color: #fff;
}
.leftMenu .topMenu img{
	margin: 11px;
	float: left;
}
.leftMenu .topMenu .changeMenu{
	cursor: pointer;
}
.leftMenu .topMenu .banshi{
	padding-left: 23px;
}
.leftMenu .topMenu .menuTitle{
	text-align: center;
	color: #000;
	float: left;
	line-height: 42px;
	font-size: 16px;
	width: 120px;
}
.menu_list {
	width: 280px;
	background: #fff;
}
.menu_list ul li{
	display: block;
	text-align: center;
	width: 100%;
}
.menu_list ul li .fuMenu{
	color: #000;
	font-size: 16px;
	cursor: pointer;
	height: 60px;
	line-height: 60px;
	text-align: left;
	width: 280px;
	background:url(../images/leftcort.png) 8px center no-repeat;
	text-indent: 30px;
	border-bottom: 1px solid #ccc;
	float: left;
}
.menu_list ul li .xiala{
	float: left;
	margin-left: -50px;
	margin-top: 27px;
}
.menu_list ul li .div1 {
	width: 100%;
	height: auto;
	float: left;
}
.menu_list ul li .div1 .zcd{
	color: #666;
	font-size: 14px;
	height: 50px;
	background-color: #F1F1F1;
	margin-bottom: 1px;
	cursor: pointer;
	line-height: 50px;
	text-align: center;
	width: 280px;
}
.div1 {
	height: 200px;
	display: none;
}
.div1:first-child{ display: block;}
.menu_list ul li .div1 .zcd:hover{ color: #659544; background-color: #F7F7F7; font-weight: bold; }
.menu_list ul li .div1 .zcd:hover a{ display: block;color: #659544; background-color: #F7F7F7; font-weight: bold; }
.removes{
	color: #0FB9EF !important;
	border-left: 3px solid #0FB9EF;
}

.indexprolist{ width:915px; float: right;}
.indexprolist li{ width:285px;  float:left; margin-left:20px; margin-bottom:14px;}
.indexprolist li .img{ width:285px; height:285px; overflow: hidden;}
.indexprolist li img{ width:285px; height:285px; transform: scale(1, 1); transition:all 1s; overflow:hidden; object-fit: cover; }

.indexprolist li:hover img{ width:285px; height:285px; transform: scale(1.05, 1.05); transition:all 1s; overflow: hidden;}
.indexprolist li .title{ height: 48px; line-height: 48px; background-color: #A1A1A1; color: #fff; text-align: center;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexprolist li:hover .title{ background-color: #052E61;} 

.bannerbtn{ position: absolute; left:0; right:0; bottom:50px; z-index: 9999; width: 1500px; margin: 0 auto;}
.bannerbtn li{ width: 345px; height: 82px;  float: left; margin-right: 40px; background-color: #fff; border-bottom: 3px solid #fff;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.bannerbtn li .img{ width: 50px; height: 50px; float: left; margin-left: 88px; margin-top: 16px;}
.bannerbtn li .txt{ float: left; margin-left: 15px; height: 50px; line-height: 50px; font-size: 20px; color: #000; margin-top: 16px;}
.bannerbtn li:hover{ border-bottom: 3px solid #DD682D; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.bannerbtn li a{ display: block; width: 345px; height: 82px;  }
.bannerbtn li:nth-child(4n){ margin-right:0px;}

.indexscopebox{ background:url(../images/scopebg.jpg) no-repeat bottom center; overflow: hidden;}
.indexscope{ width: 1280px; margin: 0 auto; margin-top: 50px; }
.indextitle{ }
.indextitle .title{ height:50px; line-height: 50px; font-size: 40px; color: #273642; font-weight: bold;}
.indextitle .title i{ font-style: normal; color: #de692c;}
.indextitle .txt{ height:25px; line-height: 25px; font-size: 18px; font-family:Arial; font-weight: bold;}
.indextitle span{ float: right; width: 80px; margin-top: 30px; background:url(../images/iicon10.png) no-repeat right 10px center; text-indent: -20px; color: #373737; font-size: 18px; }

.nTab{ width:1280px; margin:0 auto; margin-top: 36px;}
.nTab .TabTitle{clear:both; height:95px; overflow:hidden; }
.nTab .TabTitle ul{margin:0; padding:0;}
.nTab .TabTitle li{ float:left; width:320px; height:95px; text-align:center; cursor:pointer; background-color: #fff;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.nTab .TabTitle li .img{ margin-top: 18px;}
.nTab .TabTitle li .title{ height:30px; line-height: 30px; font-size: 17px; color: #273642;}
.nTab .TabTitle .active{ background:#f7f7f8; color:#fff;}
.nTab .TabTitle .active .title{ color: #273642}
.nTab .TabTitle .normal{  }
.nTab .TabTitle .normal .title{ color: #888;}
.nTab .TabContent{ width:auto; margin:0px auto; margin-top: 20px;}
.none {display:none;}

.ntabimg{ }
.ntablbox{ height: 470px; margin-top: 30px; margin-bottom: 95px; }
.ntabrbox{ width: 580px; height: 340px; background-color: #fff; float: right; margin-top: 25px; padding: 40px 30px; position: relative;}
.ntabrbox .title{ height: 52px; line-height: 52px; font-size: 24px; color: #273642; margin-bottom: 20px;}
.ntabrbox .qlink{ margin-top: 15px; line-height: 48px; font-size: 20px; color: #575757;}
.ntabrbox .qlink a{ display: block; text-decoration:none; color: #575757; }
.ntabrbox .qlink a span{ margin-left: 20px;}
.ntabrbox .txt{ line-height: 40px; font-size: 16px; color: #273642; text-indent: 33px;}
.ntabrbox .qbtn{ position: absolute; left: 60px; bottom: 80px; width: 160px; height: 50px; background-color: #273642; line-height: 50px; text-align: center;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.ntabrbox .qbtn a{ color:#fff; font-size: 18px; display: block;}
.ntabrbox .qbtn:hover{ border-radius: 8px;}

.indexmain{ width:1280px; margin: 0 auto; overflow: hidden;}

.indexabout{ padding-top: 60px; padding-bottom: 100px;}
.indexaboutbox{ }
.indexaboutleft{ width:620px; float: left; margin-top: 40px;}
.indexaboutright{ width:590px; height:325px;  float: right; overflow: hidden; margin-top: 30px;}
.indexaboutright li{ width:590px; height: 325px;}
.indexaboutleft .txt{ line-height: 40px; font-size: 16px; color: #333;}
.indexaboutleft .btn{ margin-top: 45px;}
.indexaboutbtnbox{ margin-top:75px; }
.indexaboutbtn1{ width:160px; height:50px; line-height:50px; font-size:18px; border:1px solid #273642; background-color:#273642; text-align:center; color:#fff; float:left;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexaboutbtn1 a{ display:block; color:#fff; }
.indexaboutbtn1:hover{ background-color:#f7f7f7; border:1px solid #273642; color:#273642; border-radius:8px;}
.indexaboutbtn1:hover a{ color:#273642;}
.indexaboutbtn2{ width:170px; height:55px; line-height:55px; font-size:14px; background-color:#2349B4; border:1px solid #A7B6E1; text-align:center; color:#fff; float:left; margin-left:20px;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexaboutbtn2 a{ display:block; color:#fff; }
.indexaboutbtn2:hover{  border:1px solid #163795; background-color:#163795; border-radius:5px;}

.indexglories{ margin-top:24px; padding-bottom:50px; background:url(../images/gloriesbg.jpg) no-repeat top center; height:455px; overflow:hidden;}
.indexglories .left{ width:195px; margin-left:20px; margin-top:315px; float:left; font-size:14px; color:#fff;}
.indexglories .list{ margin-left:75px; margin-top:60px; float:left;}
.indexglories .list li{ width:210px; float:left; margin-right:13px;}
.indexglories .list li .img{}
.indexglories .list li .title{ height:46px; line-height:46px; text-align:center; background-color:#333; color:#fff; font-size:14px;}

.indexnewsbox {
    margin: 0 auto;
    text-align: center;
    padding: 0 0 40px;
}
    .indexnewsbox .indexnewstop{
        width:1200px;
        margin:0 auto;
        position:relative; 
    }

        .indexnewsbox .indexnewstop h4 {
            padding: 20px 0;
            text-align: left;
        }

            .indexnewsbox .indexnewstop h4 span {
                display: inline-block;
                margin: 25px 15px 10px 0;
                color: #272727;
                font-family: Arial;
                font-size: 42px;
                font-weight: bold;
                /*border-bottom: solid 4px #bc1d20;*/
            }

            .indexnewsbox .indexnewstop h4 i {
                display: block;
                color: #bc1d20;
                margin: 0px 0 10px;
                font-size: 34px;
                font-weight: bold;
            }

.indexnewsct {
    position: relative;
    width: 1280px;
    height: 405px;
    margin: 50px auto 10px;
    transform-style: preserve-3d;
    transition: transform 1s;
}
.indexnewswrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 405px; 
}

.indexnewsct .indexnewswrap:nth-of-type(1) {
    transform: rotateX(0deg);
}

.indexnewsct .indexnewswrap:nth-of-type(2) {
    transform: rotateX(-90deg);
}

.indexnewsct .indexnewswrap:nth-of-type(3) {
    transform: rotateX(-180deg);
}

.indexnewstype{display:flex; position:absolute; right:0; bottom:18px;}
.indexnewstype li{position:relative; padding:0 15px 0 10px;}
    .indexnewstype li::after {
        content: ' / ';
        position: absolute;
        right: 0;
        top: 0;
        font-size: 15px;
        color: #444;
    } 
    .indexnewstype li:last-child {
        padding-right:0;
    }
        .indexnewstype li:last-child::after {
            content: ' ';
            position: absolute;
            right: 0;
            top: 0;
            font-size: 0; 
        }

    .indexnewstype li a {
        font-size: 15px;
        color: #6f6f6f;
    }
    .indexnewstype li a:hover {
        color: #c3181c; 
    }
        .indexnewstype li a.seltype {
            color: #c3181c;
        }


.indexnewsct .indexnewswrap a {
    display: block;
    width: 24.5%;
    height: 405px;
    overflow: hidden;
    position: relative;
    float: left; 
    background: #f8f8f8; margin-right:0.666%;
}

    .indexnewsct .indexnewswrap a:last-child {
        float:right; margin-right: 0;
    }
    .indexnewsct .indexnewswrap a ul {
        width: 100%;
        height: 405px;
    }

.indexnewsct .indexnewswrap ul li.nimg {
    height: 265px;
    overflow: hidden;
}

    .indexnewsct .indexnewswrap ul li.nimg img {
        width: 100%;
        height: 265px;
        object-fit: cover;
        transition: all 1.2s;
    }

.indexnewsct .indexnewswrap ul li.ntxt {
    width: 100%; 
    line-height: 30px;
    /*background: rgba(0,0,0, .3);*/
    color: #3b3b3b;
    padding: 0 20px;
    margin:15px 0;
    font-size: 16px;
    box-sizing: border-box;
    text-align: left;
    height:60px;  
    overflow: hidden;
}

.indexnewsct .indexnewswrap ul li.ntime {
    width: 100%;
    line-height: 30px;
    /*background: rgba(0,0,0, .3);*/
    color: #212121;
    padding: 0px 20px 20px;
    font-size: 14px;
    box-sizing: border-box;
    text-align: left; 
    font-weight:bold;
}

.indexnewswrap a:hover{color:#313131;}

.indexnewslink {
    text-align: right;
    width: 1200px;
    margin: 0 auto;
}

.sq_timer_800ms {
    -webkit-transition: all 800ms;
    -moz-transition: all 800ms;
    -ms-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
}
 
    .unit {
        display: block;
        overflow: hidden;
        position: relative;
        height: 405px;
        background: #f5f5f5
    }

.unit_header {
    position: relative;
    z-index: 2;
    height: 125px;
    padding: 30px;
    box-sizing: border-box; 
}

        .unit_header:before {
            position: absolute;
            top: 20px;
            left: 40px;
            width: 16px;
            height: 3px;
            background: #111;
            content: " "; 
        }

        .unit_header .en {
            margin-bottom: 10px;
            padding-top: 10px;
            font-size: 1rem;
            max-height: 78px;
            line-height: 145%;
            font-weight: 500;
            letter-spacing: 1px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-align:left;
            text-overflow: ellipsis;
        }

        .unit_header .jp {
            font-size: 13px;
            font-weight: 700;
            text-align: left;
        } 

    .unit_body { 
        position: absolute;
        top: 145px;
        height: 260px;
        left: 0;
        z-index: 1;
        width: 100%;
        -webkit-transition: top 550ms cubic-bezier(.23, 1, .32, 1);
        -moz-transition: top 550ms cubic-bezier(.23, 1, .32, 1);
        transition: top 550ms cubic-bezier(.23, 1, .32, 1)
    }

        .unit_body:before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background: 0 0;
            content: ""
        }

    .body_inner { 
        position: relative;
        z-index: 2;
        height: 100%;
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover;
        -webkit-transition: height 550ms cubic-bezier(.23, 1, .32, 1);
        -moz-transition: height 550ms cubic-bezier(.23, 1, .32, 1);
        transition: height 550ms cubic-bezier(.23, 1, .32, 1);
    }

        .body_inner:after,
        .body_inner:before {
            top: 0;
            -webkit-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
            -moz-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
            transition: background 550ms cubic-bezier(.23, 1, .32, 1);
            width: 100%;
            position: absolute;
            left: 0;
            height: 100%;
            content: " "
        }

        .body_inner:before {
            z-index: 1;
            background-repeat: no-repeat;
            background-position: 50%;
            -moz-background-size: auto 580px;
            background-size: auto 580px
        }

        .body_inner:after {
            z-index: 2;
            background: 0 0
        }

        .body_inner .lead {
            position: absolute;
            top: 50px;
            left: 0;
            z-index: 3;
            width: 100%;
            padding: 0 30px;
            box-sizing:border-box;
            text-align: justify;
            color: #fff;
            font-size: 13px;
            line-height: 1.85;
            -webkit-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
            -moz-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
            transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
            opacity: 0;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        } 

    .unit_body:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 0;
        height: 100%;
        background: #e5e5e5;
        content: " "
    }

.m-detail_header:after,
.m-kv_header:after {
    content: ""
}
 
.unit.is_active .unit_header .en,
.unit.is_active .unit_header .jp {
    color: #fff
}

.unit.is_active .unit_header:before {
    background: #bc1d20
}

.unit.is_active .unit_body {
    top: 0
}

    .unit.is_active .unit_body:before {
        height: 620px
    }

.unit.is_active .body_inner {
    height: 405px;
}

    .unit.is_active .body_inner:before {
        background-position: 50% 0
    }

    .unit.is_active .body_inner:after {
        background: rgba(0, 0, 0, .65)
    }

    .unit.is_active .body_inner .lead {
        top: 180px;
        opacity: 1
    } 



.indexnumbox{ margin-top:85px; background:url(../images/number_bg.jpg) no-repeat top center; height:190px; overflow:hidden;}
.indexnumbox .left{ float:left; margin-top:80px; margin-left:60px; width:480px; height:60px; line-height:60px; font-size:56px; color:#fff;}
.indexnumbox .mid{ float:left; margin-top:80px; height:60px; line-height:60px; font-size:56px; color:#fff; width:515px;}
.indexnumbox .right{ float:left; margin-top:80px; height:60px; line-height:60px; font-size:56px; color:#fff; }

.indexintroduce{ margin-top:50px;}
.indexintroduce .title{ text-align:center;}
.indexintroduce .intro{ height:52px; line-height:52px; font-weight:300; color:#000; font-size:18px; text-align:center;}
.indexintroduce .trocon{ width:1200px; margin:0 auto; background:url(../images/introbg.jpg) no-repeat top center; height:600px; overflow:hidden;}
.indexintroduce .ione{ margin-top:210px; width:410px; height:280px; margin-left:80px; font-size:14px; color:#333;}
.indexintroduce .itwo{ margin-left:660px; width:410px; height:270px; font-size:14px; color:#333;}
.indexintroduce .ithree{ width:410px; margin-left:90px; font-size:14px; color:#333;}

.indexcasebox{ margin-top:65px; background-color:#F3F3F3; padding-top:60px; }
.indexcasetitle{ text-align:center;}

.indextopcase{ margin-top:32px;}
.indextopcase .left{ width:898px; height:616px; float:left;}
.indextopcase .topright{ width:186px; height:175px; float:left; margin-left:16px;}
.indextopcase .bottomright{ width:186px; height:425px; float:left; margin-left:16px; margin-top:16px;}

.indexcaseli{ margin:50px 0px; margin-bottom: 120px;}
.indexcasemore{ width:120px; margin:0 auto; margin-bottom:50px; height:44px; line-height:44px; border-top:1px solid #659544; border-bottom:1px solid #659544; text-align:center; color:#659544; font-size:14px; display:block;}
.indexcasemore a{ display:block; color:#659544;}

.mainnews{ background-color:#fff; padding: 60px 0; padding-bottom: 100px;}
.mainnewstitle{ text-align:center; margin-top:80px; }
.mainnewscon{ margin-top:75px; width:1260px;}
.mainnewstop{ height:275px;}
.mainnewstop .left{ width:535px; height:275px; float:left; overflow:hidden;}
.mainnewstop .left img{ width:535px;}
.mainnewstop .right{ width:560px; margin-left:40px; float:left;}
.mainnewstop .time{ margin-top:8px; height:36px; line-height:36px; color:#888; font-size:16px; font-family:Arial, Helvetica, sans-serif; background:url(../images/newstime.png) no-repeat bottom left;}
.mainnewstop .title{ height:40px; line-height:40px; margin-top:20px; font-size:18px; color:#000;}
.mainnewstop .intro{ margin-top:15px; line-height:25px; color:#666; font-size:14px;}
.mainnewstop .more{ margin-top:65px; height:32px; line-height:32PX; width:90px; border:1px solid #659544; text-align:center; color:#659544;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.mainnewstop .right:hover .more{ color:#fff; background-color:#659544;}

.section{ margin-top: 30px;}
.section .container{width:1510px;margin:0 auto}
.section .mod-title{padding-bottom:35px;text-align:center;color:#333}
.section .mod-title h2{font-size:36px;margin-bottom:17px}
.section .mode-list{ height: 480px; }
.section .mode-list .mode-item{ width: 302px; height: 480px; float: left; overflow: hidden; margin-left: -1px; background: #fff; transition: width .4s;}
.section .mode-list .mode-wrap{ width: 1500px; height: 480px;}
.section .mode-list .mode-view{ float: left; width:300px; height: 478px; border: 1px solid #eee; opacity: 1;}
.section .mode-list .mode-view h3{ font-size: 30px; padding-top: 52px; padding-bottom: 11px;}
.section .mode-list .mode-view h4{ font-size: 14px; color: #888; }
.section .mode-list .mode-view i{ display: block; width: 120px; height: 90px; margin: 80px auto 105px;}
.section .mode-list .mode-view ul{ padding-left: 20px; }
.section .mode-list .mode-view li{ float: left; width: 90px; height: 30px; line-height: 30px; margin: 0 5px 10px 5px; background: #EDEDED; }
.section .mode-list .mode-detail{ float: left; color: #fff; width: 600px; height: 480px; background: #f9f9f9; opacity: 0;}
.section .mode-list .mode-detail .pic img{ width: 600px; height: 400px; object-fit: cover;}
.section .mode-list .mode-detail .detail-left,
.section .mode-list .mode-detail .detail-right{ width: 300px; height: 480px; }
.section .mode-list .mode-detail .detail-left{ float: left; background: #00AF27; overflow: hidden;}
.section .mode-list .mode-detail .detail-left i{ display: block; width: 120px; height: 90px; margin: 112px auto 70px; }
.section .mode-list .mode-detail .detail-left h3{ font-size: 30px; margin-bottom: 19px;}
.section .mode-list .mode-detail .detail-left h4{ font-size: 14px; padding: 0 25px; line-height: 1.7;}
.section .mode-list .mode-detail .detail-right{ float: left; background: #0ac052;}
.section .mode-list .mode-detail .detail-right ul{ padding: 20px 20px 0 30px; }
.section .mode-list .mode-detail .detail-right li{ margin-bottom: 16px; }
.section .mode-list .mode-detail .detail-right li h3{ width: 83px; height: 28px; border: 1px solid #fff; line-height: 28px; margin-bottom: 11px;font-size: 16px;}
.section .mode-list .mode-detail .detail-right li p{ text-align: left; line-height: 1.7; font-size: 14px;}
.section .mode-list .mode-detail .detail-right .get{ width: 100px; height: 31px; line-height: 31px; padding-left: 15px; color: #00CE52; display: block; margin-left: 30px; font-size: 16px; background: #fff url(../images/04-jt.png) no-repeat 84px center; text-align: left;}
.section .mode-list .mode-item-1 .mode-view i{ background: url(../images/04-img-1.png) no-repeat -120px 0; }
.section .mode-list .mode-item-1 .mode-detail .detail-left i{ background: url(../images/04-img-1.png) no-repeat 0 0; }
.section .mode-list .mode-item-2 .mode-view i{ background: url(../images/04-img-2.png) no-repeat -120px 0; }
.section .mode-list .mode-item-2 .mode-detail .detail-left i{ background: url(../images/04-img-2.png) no-repeat 0 0; }
.section .mode-list .mode-item-3 .mode-view i{ background: url(../images/04-img-3.png) no-repeat -120px 0; }
.section .mode-list .mode-item-3 .mode-detail .detail-left i{ background: url(../images/04-img-3.png) no-repeat 0 0; }
.section .mode-list .mode-item-4 .mode-view i{ background: url(../images/04-img-4.png) no-repeat -120px 0; }
.section .mode-list .mode-item-4 .mode-detail .detail-left i{ background: url(../images/04-img-4.png) no-repeat 0 0; }
.section .mode-list .mode-item.active{ width: 600px; }
.section .mode-list .mode-item.active .mode-wrap{ margin-left: -300px; opacity: 1; }
.section .mode-list .mode-item.active .mode-view{ opacity: 0; }
.section .mode-list .mode-item.active .mode-detail{ opacity: 1; }
    .mode_timebox{ display:flex; flex:1;}
        .mode_timebox .mode_time{ background-color:#DE692C; height:80px; line-height:30px; color: #fff;  width:80px; text-align:center;}
        .mode_timebox .mode_time .gx_titletd{ font-size:30px; font-weight:bold; color: #fff; margin-top: 10px;}
        .mode_timebox .mode_time .gx_titletd1{ font-size:13px; color: #fff;}
            .mode_timebox .mode_time a{ color:#fff;}
    .mode_timebox .mode_title{ font-size:20px; font-weight:bold;  color:#202F3B;   height:80px; line-height:80px; padding-left:15px; overflow:hidden;}
        .mode_timebox .mode_title a{ height:80px; display:block; width:100%; color:#202F3B;}
    .mode_timetop{ padding:80px 0px 30px 30px; }
    .mode_timetop .gx_titletd{ color:#202F3B; font-size:30px; font-weight:bold; height:30px; line-height:30px; }
    .mode_timetop .gx_titletd1{ color:#202F3B; font-size:18px;}
    .mode_timetitle{ padding:36px 30px; font-size:18px; font-weight:bold;}
    .modego{ padding:70px 30px 0px 30px;}
        .modego img{ }

.mainnewsli{ width:310px; padding:30px 35px; float:left; background-color:#F6F6F8; margin-top:50px; margin-right:30px;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.mainnewsli .time{ height:36px; line-height:36px; color:#888; font-size:16px; font-family:Arial, Helvetica, sans-serif; background:url(../images/newstime.png) no-repeat bottom left;}
.mainnewsli .title{ margin-top:15px; height:32px; line-height:32px; color:#000; font-size:16px;}
.mainnewsli .intro{ margin-top:5px; line-height:25px; color:#666; font-size:14px;}
.mainnewsli a{ display:block;}
.mainnewsli:hover{ background-color:#eee; border-radius:5px;}



.mainnewsleft{ width:600px; float:left; height:500px;}
.mainnewsleft .img{ width:600px; height:360px; overflow:hidden;}
.mainnewsleft .img img{ width:600px; height:360px;}
.mainnewsleft .txtbox{ height:140px; background-color:#fff; position:relative;}
.mainnewsleft .txt{ width:440px; height:160px; padding:20px 30px; position:absolute; right:0; bottom:0; z-index:99; background-color:#EAEAEA;}
.mainnewsleft .time{ width:100px; text-align:center; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
.mainnewsleft .time .dtime{ margin-top:30px; height:56px; line-height:56px; font-size:48px; color:#949494;}
.mainnewsleft .time .dyear{ height:32px; line-height:32px; font-size:14px; color:#aaa;}
.mainnewsleft .ttitle{ height:40px; line-height:40px; font-size:16px; color:#343333;}
.mainnewsleft .ttxt{ margin-top:10px; line-height:30px; font-size:14px; color:#888;}
.mainnewsleft .more{ width:76px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:15px; color:#888; text-align:center; font-size:14px; margin-top:20px; float:right;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.mainnewsleft:hover .more{ border:1px solid #2349B4; border-radius:15px; background-color:#2349B4; color:#fff;}

.mainnewsright{ width:530px; float:right; height:220px; margin-bottom:60px; border-bottom:1px solid #EBEBEB;}
.mainnewsright .title{ margin:18px 0px; height:34px; line-height:34px; color:#333; font-size:16px; overflow:hidden;}
.mainnewsright .txt{ height:56px; line-height:28px; color:#888; font-size:14px; overflow:hidden;}
.mainnewsright .time{ margin-top:28px; height:32px; line-height:32px; font-size:14px; color:#888; font-family:Arial, Helvetica, sans-serif;}
.mainnewsright .time span{ width:76px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:15px; color:#888; text-align:center; font-size:14px; float:right;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.mainnewsright:hover .time span{ border:1px solid #2349B4; border-radius:15px; background-color:#2349B4; color:#fff;}
.mainnewsright:hover .title{ color:#163795;}



.indexnews{ }
.indexnewstitle{ height:110px; text-align: center;}
.indexnewscon{ margin-top:50px;}
.indexnewstop{ width:450px; padding:20px 30px; padding-bottom:0px; background-color:#F8F8F8; float:left;}
.indexnewstop .time{ height:40px; line-height:40px; color:#666; font-size:18px; font-weight:300;}
.indexnewstop .title{ height:30px; line-height:30px; font-size:16px; font-weight:300;  color:#000;}
.indexnewstop .pic{ margin:8px 0px; width:450px; height:240px;}
.indexnewstop .pic img{ width:450px; height:240px;}
.indexnewstop .txt{ height:60px; line-height:30px; font-size:14px; color:#6B6B6B;}
.indexnewstop .btn{ width:140px; height:45px; margin:8px auto;}

.indexnewslist{ margin:20px 0px;} 
.indexnewslist li{ width:552px; float:left; margin:20px 5px; height:90px; padding:10px 10px 10px 28px; background:url(../images/newsahover.jpg) no-repeat;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.indexnewslist li .title{ height:30px; line-height:30px; color:#000; font-size:16px; font-weight:300;}
.indexnewslist li .title span{ float:right; color:#333; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.indexnewslist li .txt{ margin-top:8px; line-height:24px; height:48px;  width:480px; overflow:hidden; color:#666; font-size:14px;}
.indexnewslist li:hover{ background:url(../images/newsabg.jpg) no-repeat;}
.indexnewslist li:hover .title{ color:#fff;}
.indexnewslist li:hover .title span{ color:#fff;}
.indexnewslist li:hover .txt{ color:#fff;}

.indexproject{ width:358px; height:288px; float:right; padding:20px; padding-top:10px; background-color:#fff;}
.indexproject .title{ height:42px; line-height:42px; border-bottom:1px solid #E6E6E6; background:url(../images/title_bg1.png) no-repeat left bottom; font-size:18px; color:#333; text-indent:10px;}
.indexproject .title span{ float:right; height:30px; margin-top:12px; line-height:30px; font-size:14px;}
.indexproject .title span a{ color:#999;}
.indexproject .con{ margin-top:10px;}
.indexproject .img{ text-align:center; height:130px;}
.indexproject .txt{ line-height:30px; font-size:16px; color:#333; margin-top:20px;}

.mainindexbg{ background:url(../images/indexmain_bg.jpg) repeat-x; overflow:hidden;}
.mainaboutbg{ background:url(../images/indexabout_bg.jpg) no-repeat center center; height:196px; width:1176px; margin:0 auto; margin-top:28px; padding:16px;}
.main{ margin:auto; width:1200px; overflow:hidden;}
.mainnei{ margin:auto; width:1000px; overflow:hidden;}
 
.mainboxindex{ width:576px; float:left; background:url(../images/indexline.jpg) no-repeat left center; height:200px; padding-left:24px;}
.maintitle{ height:34px; line-height:34px; margin-top:15px;}
.maintitle span{ float:right; margin-top:6px; margin-right:10px;}
.mainboxcon{ margin-top:20px;}
.mainboxpic{ float:left; width:279px; margin-top:20px;}
.mainboxpic1{ float:left; width:178px; height:106px; }
.mainnewslist{ float:right; width:440px;  border-bottom:1px solid #ddd; height:165px; overflow:hidden; margin-top:20px;}
.mainnewslist li{ height:32px; line-height:32px; font-size:14px; border-bottom:1px dotted #ddd; overflow:hidden;}
.mainnewslist li a{ color:#666;}
.mainnewslist li a:hover{ color:#DA251D;}
.mainnewslist li span{ float:left; width:86px; color:#278067;}
.mainanlilist{ float:left; margin-left:2px; width:386px; overflow:hidden;}
.mainanlilist li{ height:26px; line-height:26px; font-size:12px; overflow:hidden; background:url(../images/icon1.jpg) no-repeat left center; text-indent:10px; width:190px; float:left;}
.mainanlilist li a{ color:#666;}
.mainanlilist li a:hover{ color:#DA251D;}

.topsearch{ width:500px; margin:0px auto; color:#222;}
.topsearch .input{ width:188px; height:34px; line-height:34px; border:1px solid #ccc; float:left; text-indent:30px;}
.topsearch .btn{ width:44px; float:left;  }
.schbtn{ width:44px; height:28px; background-color:#333;}

.copyright{ background-color: #44484B; height:110px; overflow:hidden;}
.copyrightbox{ width:1280px; margin:auto; text-align:left; }
.copyrightbox p{ display:inline;}
.copyrightbox .left{ width: 410px; float:left; margin-top: 15px;}
.copyrightbox .add{ line-height: 24px; font-size: 13px; color: #ddd; width: 475px; float: left; margin-top: 23px;}
.copyrightbox .add span{ color: #bbb;}
.copyrightbox .add span a{ color: #bbb;}
.copyrightbox .compy{ float: left; line-height: 32px; font-size: 14px; color: #bbb; margin-top: 23px;}
.copyrightbox .compy a{ color:#bbb;}
.copyrightbox .qlink{ float: left; width:256px; height: 42px; margin-top: 33px;}
.copyrightbox .qlink select{ width:256px; height: 42px;}
.copyrightbox .qlink option{ height: 32px; line-height: 32px; padding: 10px 0px;}
.copyrightbox .right{ float: right; margin-top: 13px;}
 
 /* 效果CSS开始 */
.mkeFocus { height: 220px; width: 260px; border: 1px solid #C9CACB; border-radius:8px; padding-top: 7px; margin:0 auto }
.mkeUl { margin: 0px auto; height: 220px; width: 260px; overflow: hidden; position: relative; }
.mkeUl ul { position: absolute; left: 0px; top: 0px; height: 220px; }
.mkeUl ul li { float: left; width:260px; }
.mkeUl ul li img { }
.mkeUl ul li .txt{ height:30px; line-height:30px; color:#fff; text-indent:5px; font-size:14px; background-color:#D9341E;}
.mkeul ul li .txt a{ color:#fff;}
.mkeNum { background: #FFF url(../images/banNum.jpg); height: 35px; width: 37px; position: absolute; z-index: 1; left: 13px; bottom: 4px; font: 14px Arial; }
.mke_ns1 { line-height: 16px; text-align: center; height: 16px; width: 16px; position: absolute; left: 0px; top: 0px; }
.mke_ns2 { line-height: 16px; color: #9FA0A0; text-align: center; display: block; height: 16px; width: 16px; position: absolute; right: 0px; bottom: 0px; }
.mkeLbtn { background: url(../images/kelBtn.png) no-repeat; height: 98px; width: 36px; position: absolute; left: 6px; top: 165px; cursor: pointer; z-index: 10; }
.mkeRbtn { position: absolute; top: 165px; right: 6px; background: url(../images/kerBtn.png) no-repeat; height: 98px; width: 36px; cursor: pointer; z-index: 10; }
/* 效果CSS结束 */
 

/*内页样式*/
.mainbox{ width:1000px;}
.neimain{ width:1200px; margin:0px auto; margin-top:20px;}
.neibanner{ height:355px; margin-top: 90px;}
.nowsite{ height:60px; line-height:60px; background-color:#fff;}

.neinav{ height: 74px; background-color: #F7F7F7; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px;}
.neinavbox{ border-left:1px solid #e1e1e1; height: 74px; line-height: 74px;}
.neihomea{ width: 80px; height: 74px; background:url(../images/homea.png) no-repeat; float: left; border-right:1px solid #e1e1e1;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.neihomea:hover{ width: 80px; height: 74px; background:url(../images/homehover.png) no-repeat;}
.neihomea a{ display: block;}

.neititle{ padding-top: 65px; padding-bottom: 50px; text-align: center;}
.neititle .title{ height: 54px; line-height: 54px; font-size: 36px; color: #232323;}
.neititle .txt{ height:40px; line-height: 40px; font-size: 24px; font-family: arial; color: #E7E7E7;}

.neinewslist{ border-top: 1px solid #eee;}
.neinewslist li{ border-bottom: 1px solid #eee; padding: 45px 15px; background:url(../images/icon3.png) no-repeat right center;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	display:box;
	display:-webkit-box;
	display:-moz-box;
}
.neinewslist li .img{ width: 350px; height: 235px; margin-left: 40px; 
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.neinewslist li .img img{ width: 350px; height: 235px; object-fit: cover;}
.neinewslist li .txtbox{ margin-left:80px; margin-right: 80px; width: 870px;
    /*-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;*/
}
.neinewslist li .title{ margin-top:15px; font-size:20px; font-weight: bold; color: #444; height: 36px; line-height: 36px;}
.neinewslist li .txt{ margin-top:20px; line-height: 32px; font-size: 16px; color: #6d6d6d;}
.neinewslist li .time{ margin-top: 50px; height: 32px; line-height: 32px; background:url(../images/icon2.png) no-repeat left 5px; color: #414141; font-size: 16px;font-family: arial; text-indent: 30px;}
.neinewslist li:hover{ background:url(../images/icon4.png) no-repeat right center;}
.neinewslist li:hover .img{ margin-left:0px;}

.hynewsli{ height: 90px; margin-top: 5px; margin-bottom: 25px;
   display:box;
   display:-webkit-box;
   display:-moz-box;
}
.hynewsli .time{ width: 90px; height: 90px; background-color: #9A9A9A; text-align: center;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.hynewsli .time .dtxt{ font-size:30px; font-weight:bold; color: #fff; margin-top: 15px; line-height: 30px;}
.hynewsli .time .ytxt{ font-size:14px;  color: #fff; line-height: 30px;}
.hynewsli .title{ background:#F9F9F9 url(../images/icon3.png) no-repeat right 35px center; text-indent: 35px; line-height: 90px; font-size: 18px;
   -moz-box-flex:1;
   -webkit-box-flex:1;
   box-flex:1;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.hynewsli a{ display:block;}
.hynewsli:hover .time{ background-color: #DE692C;}
.hynewsli:hover .title{ background:#F9F9F9 url(../images/icon4.png) no-repeat right 35px center;}
.hynewsli:hover .title a{ color:#DE692C;}

.abouttop{ padding: 80px 0px; border-bottom: 1px solid #eee; background:url(../images/aboutpic.png) no-repeat right center;}
.abouttop .title{ height: 100px; line-height: 100px; font-size: 36px; font-weight: bold; color: #242424;}
.abouttop .txt{ line-height: 56px; font-size: 26px;}
.abouttop .txt i{ font-style: normal; text-decoration: underline;}

.aboutcon{ font-size:16px; line-height: 36px; color: #555; padding: 50px 0px; padding-bottom: 100px;}

/*电梯检测*/
.dtjcbox{ }
.dtjcbox .left{ width:620px; float: left; height: 375px; overflow: hidden;
    
}
.dtjcbox .right{ width:620px; float: right; height: 375px; overflow: hidden;}
.dtjcbox .title{ text-align: center; padding-top: 120px; line-height: 110px; font-size: 30px; color: #fff;}
.dtjcbox .bico{ text-align: center; width: 30px; height: 30px; background:url(../images/icon3.png) no-repeat center center; margin: 0 auto;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.dtjcbox a{ display: block; width:620px; height: 375px;}
.dtjcbox .left:hover .bico{ background:url(../images/icon4.png) no-repeat center center;}
.dtjcbox .right:hover .bico{ background:url(../images/icon4.png) no-repeat center center;}

/*联系我们*/

.lxwmimg{ background:url(../images/mappic.jpg) no-repeat left center; width: 1280px; height: 560px; position: relative;}
.lxwmimg .txtbox{ background:url(../images/lxwmbg.png) no-repeat top center; width: 499px; height: 460px; position: absolute; top:-50px; right:60px;}
.lxwmimg .tbox{ margin-left: 40px; margin-top: 25px;}
.lxwmimg .cname{ height: 100px; line-height: 100px; font-size: 32px; color: #fff;}
.lxwmimg .ctitle{ height: 48px; line-height: 48px; font-size: 24px; color: #fff;}
.lxwmimg .cadd{ margin-top: 20px;}
.lxwmimg .caddico1{ background:url(../images/lxico4.png) no-repeat left 10px top 10px; background-size: 26px 26px;}
.lxwmimg .caddico2{ background:url(../images/lxico5.png) no-repeat left 10px center; background-size: 26px 26px;}
.lxwmimg .caddico3{ background:url(../images/lxico6.png) no-repeat left 10px center; background-size: 26px 26px;}
.lxwmimg .caddtxt{ text-indent: 55px; font-size: 16px; height: 32px; line-height: 32px; color: #fff;}

.lxfenbox{ margin-top:60px;}
.lxfenbox .left{ width: 710px; float: left; border: 1px solid #E4E4E4; box-sizing:border-box; padding: 35px 0px; }
.lxfenbox .right{ width: 710px; float: right; border: 1px solid #E4E4E4; box-sizing:border-box; padding: 35px 0px;}
.lxfenbox .title{ height: 30px; line-height: 30px; font-size: 24px; color: #202F3B; border-left:3px solid #202F3B; text-indent: 40px; margin-bottom: 25px;}
.lxfenbox .txt{ height: 42px; line-height: 42px; font-size: 16px; color: #555; margin-left: 40px; text-indent: 56px;}
.lxfenbox .lico1{ background:url(../images/lxico1.png) no-repeat left center; background-size: auto 23px ;}
.lxfenbox .lico2{ background:url(../images/lxico2.png) no-repeat left center; background-size: auto 23px ;}
.lxfenbox .lico3{ background:url(../images/lxico3.png) no-repeat left center; background-size: auto 23px ;}

/*企业文化*/
.qythree{ margin-top: 80px;}
.qythree li{ width:426px; float: left; height: 285px;}
.qythree li.ico1{ background:url(../images/qybg1.png) no-repeat center center;}
.qythree li.ico2{ background:url(../images/qybg2.png) no-repeat center center;}
.qythree li.ico3{ background:url(../images/qybg3.png) no-repeat center center;}
.qythree li .img{ margin-top:60px; text-align: center;}
.qythree li .title{ text-align:center; margin-top: 10px; height: 60px; line-height: 60px; font-size: 24px;}
.qythree li .txt{ height:50px; line-height: 50px; font-size: 16px; color: #888; text-align: center;}

.qyallbg{ margin-top: 85px; background:url(../images/qyimg.jpg) no-repeat top center; overflow: hidden;}
.qyallbg .title{ margin: 50px 0px; text-align: center; font-size: 36px; color:#fff; height: 90px; line-height: 90px;}
.qyallbg .txt{ width: 1190px; margin: 0 auto; padding: 30px 0px; padding-left: 60px; background-color: #f7f7f7;}
.qyallbg .ltxt{ float: left; width: 48%; margin-right: 2%;}
.qyallbg .txt span{ height: 40px;line-height: 40px; font-size: 16px; color: #666; display: block; }

.qyten{ margin-top: 80px; }
.qyten li{ padding: 35px 45px; width: 49%; float: right; height: 700px; box-sizing:border-box; background:#f9f9f9 url(../images/qytenbg2.png) no-repeat bottom right;}
.qyten li:nth-child(2n+1){ float: left; background:#f9f9f9 url(../images/qytenbg1.png) no-repeat bottom right;}
.qyten .title{ }
.qyten .title span{ float:right; margin-top: 25px;}
.qyten .ztxt{ height:60px; line-height: 60px; color: #DE692C; font-size: 36px;}
.qyten .ytxt{ height:40px; line-height: 40px; color: #DADADA; font-size: 24px;}
.qyten .txt{ line-height:35px; margin-top: 35px; color: #444; font-size: 16px;}
.qyten .txt i{ font-style: normal; margin-left: 64px;}

/*人才理念*/
.rcpicbox{ width:1280px; height: 425px; background:url(../images/rcpic.jpg) no-repeat top center; overflow: hidden;}
.rcpicbox .txtbox{ margin-left: 620px; width: 630px;}
.rcpicbox .title{ margin-top: 36px; height: 100px; line-height: 100px; background:url(../images/rcico1.png) no-repeat left bottom; font-size: 30px; color: #fff;}
.rcpicbox .txt{ margin-top: 40px; line-height: 36px; font-size: 16px; color: #fff;}

/*网站链接*/
.linkli{ }
.linkli li{ width:450px; border: 1px solid #E4E4E4; background-color: #fff; height: 60px; line-height: 60px; color: #333; font-size: 16px; text-indent: 35px;
	float: left; margin-right: 75px; margin-bottom: 40px; box-sizing:border-box;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.linkli li:nth-child(3n){ margin-right:0px;}
.linkli li:hover{ border: 1px solid #DE692C; background-color: #DE692C; color: #fff;}
.linkli li a{ display: block;}
.linkli li:hover a{ color: #fff;}


.neiabout{ }
.neiaboutleft{ width:395px; float:left;}
.neiaboutright{ width:745px; float:right;}
.neiabouttitle{ height:40px; line-height:40px; font-size:22px; color:#222;}
.neiaboutcon{ line-height:30px; font-size:13px;}

.nei_l{ width:1200px; overflow:hidden;  
    /*box-shadow: -2px 2px 5px #ddd;*/
}
.nei_r{ width:1000px; float:left; margin-left:20px; margin-top:20px; background:#f7f7f7;} 
.leftmenu{ margin-top:20px; margin-bottom:30px; }
.leftTit{ height:43px; line-height:43px; background:url(../images/lefttit.jpg) no-repeat; color:#fff; text-indent:20px; font-size:14px;}
.leftline{ height:8px; background-color:#CCCCCC;} 
.leftmenu ul{ margin:0 auto;}
.leftmenu ul li{ width:120px;  float:left; text-align:center; margin-right:10px; height:40px; line-height:40px;  background-color:#fff; font-family:"微软雅黑"; font-size:14px;}
.leftmenu ul li a:link,.leftmenu ul li a:visited{ display:block; line-height:40px; color:#222;  }
.leftmenu ul li span{ float:right; margin-right:20px;}

.leftcon{ border:1px solid #ccc; background:url(../images/contact_bg.jpg) no-repeat right bottom; padding:5px; width:238px; margin-top:10px; height:240px;}
.leftcontitle{ height:27px; margin-top:5px;}
.lefttxt{ font-size:14px; line-height:30px; color:#111; margin-top:10px;}


.leftphone{ margin-top:5px; width:236px; background:url(../images/leftphone.jpg) no-repeat; height:62px; font-size:14px; text-indent:80px; padding-top:40px;}

#currcol{ color:#fff; background-color:#22809C; }

.righttitle{ width:1200px; margin:0px auto; background-color:#fff; height:60px; line-height:60px; font-size:22px; color:#333; font-family:"微软雅黑";}
.righttitle b{ font-size:20px; color:#999; font-weight:normal; margin-left:20px;}
.righttitle span{ height:30px; line-height:30px; margin-top:20px; float:right; font-size:12px; margin-right:10px;}

.btnbg{ width:100px; height:30px; line-height:30px; background-color:#0270AB;}

.mainleft{ width:220px; margin-top:10px; background:url(../images/neititle.jpg) no-repeat; float:left; overflow:hidden; min-height:271px;}
.mainlefttitle{ margin-left:16px; margin-top:18px; }
.mainleftlist{ padding:20px 20px; overflow:hidden; }
.mainleftlist li{ height:30px; line-height:30px; background:url(../images/title_bg.jpg) no-repeat left center; text-indent:20px; }
.mainleftlist li a{ font-size:14px; font-family:"微软雅黑"; border-bottom:1px #ccc solid; display:block; }

.mainright{ width:1200px; background-color:#fff; }
.mainrighttitle{ line-height:62px; height:62px; font-size:12px; font-family:"song"; text-indent:10px; position:absolute; top:200px; left:0;}
.mainneititle{ width:960px; height:36px; margin-top:15px; text-align:center;}
.mainrighttitle span{ float:right; font-size:12px; font-family:"宋体"; line-height:30px; padding-right:20px;}
.main_content{ padding:20px;   min-height:500px;}
.pro_content{ background-color:#Ffffff;   min-height:500px;}

.newstitle{ line-height:30px; margin:10px auto;color:#333; text-align:center;  font-size:16px; font-weight:bold;}
.newsinfo{ height:32px; line-height:32px; text-align:center; background:#E1F4E8; }
.newsdetail{ font-size:14px; line-height:30px; min-height:300px; overflow:hidden;}
.newsdetail img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:1180px; 
  width: expression(this.width > 1180 && this.width > this.height ? 1180px : 'auto';); 
}
.newsdetail a:link,.newsdetail a:visited,.newsdetail a:hover{ color:#333; text-decoration:none;}



.artilelist{}
.artilelist li{ height:36px; line-height:36px;background:url(../images/dot3.jpg) no-repeat left center; text-indent:15px; border-bottom:dashed 1px #ddd;}
.artilelist li span{ float:right; color:#666;}

.resultlist{ width:500px; margin:0px auto; border:1px solid #ddd; padding:8px;  background-color:#f7f7f7;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:8px;

}
.resultlist li{ height:36px; line-height:36px;background:url(../images/dot3.jpg) no-repeat left center; text-indent:15px; border-bottom: dotted 1px #ddd; color:#222;}
.resultlist li span{ float:right; color:#222;}

.page {font-size:12px;font-family:microsoft yahei;text-align:center; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.page a{ color:#333; text-decoration:none; margin:0 3px; background:url(../images/pagebg0.gif) repeat-x; border:solid 1px #b4b4b4; padding:0px 5px;}
.page a:hover{ color:#0C7DD7; background:url(../images/pagebg.gif) repeat-x; border:solid 1px #cbcbcb; }
.page a.current{ color:#0C7DD7; font-weight:bold; background:url(../images/pagebg.gif) repeat-x; border:solid 1px #cbcbcb; }

.flinksort{ width:670px; overflow:hidden; margin:10px auto 10px; font:bold 14px/28px "微软雅黑"; border-bottom:1px dashed #ccc;}
.flinklist{ width:670px; overflow:hidden; margin:10px auto;}
.flinklist ul li { float:left; border:1px #ccc dotted;}

.caselistli{ width:280px; margin:15px 0px; margin-right:30px; float:left;}
.caselistli .img{ width:280px; height:210px; overflow:hidden;}
.caselistli .img img{ width:280px;}
.caselistli .txt{ height:50px; line-height:50px; background-color:#f1f1f1; text-align:center; color:#000; font-size:14px;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.caselistli:nth-child(3n){ width:280px; margin:15px 0px; margin-right:0px; float:left;}
.caselistli:hover .txt{ background-color:#bbb; color:#000;}

.productlist{ }
.productlist li{ width:280px; margin:15px 0px; margin-right:30px; float:left;}
.productlist li .img{ width:280px; height:280px; overflow:hidden;}
.productlist li .img img{ width:280px; height:280px; object-fit: cover;}
.productlist li .txt{ height:50px; line-height:50px; background-color:#f1f1f1; text-align:center; color:#000; font-size:14px;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.productlist li:nth-child(5n){ width:280px; margin:15px 0px; margin-right:0px; float:left;}
.productlist li:hover .txt{ background-color:#bbb; color:#000;}



/*========fy========*/
.fy{ width:720px; height:36px; overflow:hidden; margin:15px auto; }
.fy ul {  text-align:center;}
.fy ul li{ display:inline-block; *display:inline; *zoom:1; color:#fff; margin:0 5px 0 0;}
.fy ul li a{ font:normal 14px/32px "Microsoft Yahei"; color:#333; text-align: center; text-decoration:none; height:32px; border-radius:5px;}
.fy ul li a:hover{ font:normal 14px/32px "Microsoft Yahei"; color:#fff; text-align: center; text-decoration:none; height:32px; } 
 

.fydd001 a{ height:24px; padding:0 5px; _width:15px; color:#333; display:block; color:#333; overflow:hidden; border:1px solid #ddd;}
.fydd001 a:hover{ height:24px; padding:0 5px; _width:15px; display:block; color:#fff; overflow:hidden; border:1px solid #ddd; background:#02906A; } 
  
#fydd002 a{ height:32px; padding:0 5px; color:#fff; _width:15px; display:block; overflow:hidden; border:1px solid #ddd; background:#2A98CA;}

.fypang a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}

.fypang02 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang02 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}

.fypang03 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang03 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}
 
.fypang04 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block; }
.fypang04 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}   
  
.procont{ padding:10px; line-height:24px; color:#333; width:740px; overflow:hidden; margin:10px auto; word-break:break-all; word-wrap : break-word;} 
.procont img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:740px; 
  width: expression(this.width > 740 && this.width > this.height ? 740px : 'auto';); 
}
.procont a:link,.procont a:visited,.procont a:hover{ color:#333; text-decoration:none;}

.joblist th{ background:#eee; height:30px; line-height:30px; text-align:center;}
.joblist td{ height:30px; line-height:30px; border-bottom:1px dotted #ccc; }
.jobdet{border-collapse:collapse; margin:0 auto; background:#eee;}
.jobdet td{ height:28px;}
  
.pager{ color:#000; font-size:12px; padding-top:10px;}
.pager a:link,.pager a:visited,.pager a:hover{ color:#887747; text-decoration:none;}  

.footer{ width:1000px; line-height:20px; color:#fff; margin:10px auto 0; background:url(../images/foot_bg.gif) repeat-x; height:51px; padding-top:15px; overflow:hidden; text-align:center;}
.footer a:link,.footer a:visited{ color:#fff; text-decoration:none;}
.footer a:hover{ color:#f60; text-decoration:none;}  

.newsprenext{ border-top:1px dashed #ccc; margin-top:10px; padding:5px 0;  color:#585858;}
.newsprenext a{ color:#585858; text-decoration:none;}
.newsprenext a:hover{ color:#f00; text-decoration:none;}
.newspre{ background:url(../images/arr4.gif) no-repeat 0 center; text-indent:12px; }
.newsnext{  background:url(../images/arr4.gif) no-repeat 0 center; text-indent:12px; }

.inputxt1{ border:1px solid #ccc; height:20px; line-height:20px; color:#333;}
.areatxt{ border:1px solid #ccc; line-height:18px; color:#333; width:450px;}
.jobbtn{ background-color:#22809C; width:93px; height:32px; text-align:center; color:#fff; cursor:pointer; border:none;}

.designer_name{ display:block; width:120px; background:#22809C; line-height:30px; height:30px; text-align:center; font:bold 14px/30px "";}
.designer_name a:link,.designer_name a:visited{ color:#fff; text-decoration:none;}
.designer_name a:hover{ color:#fff; text-decoration:none; }

.qqbox{ width:98px;overflow:hidden; position:absolute; right:5px; top:200px; color:#000000; font-size:12px;  z-index:999; }
.qqbox a:hover,a:active { color: #f80000; text-decoration: underline; }  
.qqtop{ }
.qqend1{height:45px;}
.qqend2{height:68px; display:block; cursor:pointer;}
.qqkf{background:url(../images/qq_bg.gif) repeat-y;top:0; z-index:99px; padding-top:10px;min-height:120px; padding-right:15px; } 
.qqkf ul li{ text-align:center;line-height:35px;} 
.qqkf ul li a{ text-decoration:none;}
.qqkf ul li a:hover{ text-decoration:none;}
.qqkf ul li img{}
.weixin a:hover,a:active { color: #f80000; text-decoration: underline; } 
.weixin{width:135px; text-align:center;height:auto; overflow:hidden;color:#000000; font-size:12px; letter-spacing:0px; }

.ViewPic{width:730px;height:555px; position:relative; margin:10px auto; }
.ViewPic #center{position:relative;clear:both;overflow:hidden}
.ViewPic .bigpic{margin:0 auto;color:#333;line-height:18px}
.ViewPic .bigpic .img{margin:0 auto;text-align:center}
.ViewPic .bigpic h2{font-size:14px;padding:10px 0 5px}
.ViewPic .sz{font-size:24px;position:absolute;right:15px;bottom:10px}
.ViewPic .sz span{font-size:48px}
#num{display:none}
.ViewPic .picls{height:60px;padding-top:10px}
.ViewPic .ls_cen{width:728px;float:left}
.ViewPic .smls{width:694px;float:left;height:60px;overflow:hidden}
.ViewPic .smls ul{width:710px}
#nav,.ViewPic .smls ul{padding:0;margin:0;list-style:none}
.ViewPic .smls li{float:left;list-style:none}
.ViewPic .js1_lf_bd{left:0}
.ViewPic .js1_rg_bd{right:0}
.ViewPic .js1_lf_bd,.ViewPic .js1_rg_bd{z-index:10;width:72px;height:72px;position:absolute;top:206px;background:#60b029;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
.ViewPic .js1_lf{background:url(../images/js_a.gif) no-repeat 0 0;left:24px}
.ViewPic .js1_rg{background:url(../images/js_a.gif) no-repeat -24px 0;right:24px}
.ViewPic .js1_lf,.ViewPic .js1_rg{z-index:11;display:block;width:24px;height:42px;position:absolute;top:221px}
.ViewPic .an_left a{display:block;background:url(/images/js2_lf.gif) no-repeat;width:15px;height:60px;float:left;margin-right:4px}
.ViewPic .an_right a{display:block;background:url(/images/js2_rg.gif) no-repeat;width:15px;height:60px;float:right}
.ViewPic li{float:left;margin:0 10px 0 0;position:relative;width:80px;height:60px}
.ViewPic li .li_pst_bd{background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.ViewPic li .li_pst_nr{color:#fff;line-height:20px;text-align:center;z-index:3}
.ViewPic li .li_pst_bd,.ViewPic li .li_pst_nr{width:80px;height:20px;position:absolute;top:40px;left:0}
.ViewPic li .bor{border:#60b029 solid 3px;position:absolute;top:0;left:0;width:74px;height:54px;display:none}
.menu_nav ul,.ViewPic .smls li.one .bor,.ViewPic li .li_pst_pho{display:block}

 
.prodetail{ line-height:24px; color:#333; width:730px; overflow:hidden; margin:20px auto; word-break:break-all; word-wrap : break-word;} 
.prodetail img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:730px; 
  width: expression(this.width > 730 && this.width > this.height ? 730px : 'auto';); 
}
.prodetail a:link,.prodetail a:visited,.prodetail a:hover{ color:#333; text-decoration:none;}