/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		

	margin:0 auto;
	font-size:14px;	
	font-family:arial,Microsoft Yahei;	
	background:#fff;
	color:#545456;

}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#545456;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#1d61ac;	
}
ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
span{
	float:none;
	margin:0;	
	
}
.f_l{
	float:left;	
}
.f_r{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1400px;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

/*header 开始*/
.header{position: relative;height:80px; width:100%;	background:#fff;  box-sizing:border-box; /*position:fixed;*/ top:0px; left:0px; z-index:9;/*box-shadow: 0 0 20px rgba(0, 0, 0, .2);*/}
.header .logo{	float:left; margin-top:5px; margin-bottom:5px; }
.header .logo img{max-height:70px;}

.m1{ float:right; color:#fff;}
.m1 a{ width:35px; height:35px; display:inline-block; text-align:center; line-height:35px; vertical-align:middle; color:#fff;}
.m1 a:hover,.m1 .aa{ background:#b2142b;}
.seach{ float:left; margin-top:6px; margin-left:10px; }
.seach input[type="text"]{ float:left; width:120px; height:20px; background:rgba(255,255,255,0.6); border:0px; padding-left:5px; padding-right:5px; box-sizing:border-box; font-size:12px;}
.seach input[type="button"]{ float:left; width:26px; height:20px; background:url(../images/pic19.jpg) center center no-repeat; border:0px; cursor:pointer;}
.pc-nav{ float:left; margin-left:80px; width:auto;}
.nav{
	float:left; 
	height:auto; 
	font-size:16px;
	color:#153768;	
}
.nav>li{ float:left;  width:auto; margin-left:15px; text-align:center;  }
.nav>li>a{ display:block;width:100%;padding-left:15px; padding-right:15px; height:80px; line-height:80px; vertical-align:middle; color:#262626; box-sizing:border-box; transition:all 0.4s;}
.nav>li:hover,.nav>.hover{   }
.nav>.hover>a,.nav>li:hover>a{color:#fff; background:#1d61ac; }
.nav li .nav-ct:after{ content:url(../images/head02.png); display:inline-block; vertical-align:middle; margin-left:5px;}
.nav .hover .nav-ct:after,.nav li:hover .nav-ct:after{content:url(../images/head02_h.png); }
.nav li>.nav-c{ display:none; width:100%; height:auto;position:absolute; z-index:9999999; background:#f5f5f5; box-shadow:0px 0px 3px #ccc; box-sizing:border-box;  top: 80px;    left: 0px;  }
.nav li>.nav-c a{ } 
.nav li>.nav-c a:hover{ }
.nav li:hover>.nav-c{ display:block;}
.nav-cLeft{ width:60%; height:auto; background:#f5f5f5; float:left; padding:50px 50px 50px 5%;box-sizing:border-box; }
.nav-cRight{width:40%;background:#fff; float:right; padding:50px 5% 50px 50px;box-sizing:border-box; text-align:left; }
.nav li dl{ float:left; width:25%; height:auto; text-align:left; overflow:hidden; padding-left:20px; padding-right:20px; box-sizing:border-box;}
.nav li dl dt{ background-position:left center; background-repeat:no-repeat;box-sizing:border-box; width:100%; margin-bottom:5px;    font-size: 16px;    color: #333;    line-height: 40px;}
.nav li dl dt img{ display:inline-block; margin-right:5px; vertical-align:middle;}
.nav li dl dt:hover img{ display:none;}
.nav li dl dt a{ color:#333; display:block;}
.nav li dl dt a:hover{padding-left:30px;  background-image:none;background-color:#1d61ac; background-repeat:no-repeat; color:#fff; }
.nav li dl dt a:hover:after{ content:url(../images/head05.png); display:inline-block; float:right; margin-right:20px;}
.nav li dl dd{ padding-left:30px; box-sizing:border-box; width:100%; line-height:20px; margin-bottom:10px;font-size: 14px;box-sizing:border-box; 
    color: #666;}
.nav-cRight img{ max-width:100%; margin-bottom:15px;}
.nav-cRight p{  font-size: 14px;
    color: #666;
    line-height: 24px;}
.nav-cRight .more{ text-align:center; float:left; background:#d83b1c;background-repeat:no-repeat; background-position:right center; width:165px; height:40px; line-height:40px; vertical-align:middle;display:inline-block; color:#fff; padding-left:20px; box-sizing:border-box; font-size:14px;}
.nav-cRight .more:after{ content:url(../images/wel02.png); display:inline-block; vertical-align:middle; margin-left:20px;}

/*pc端头部导航 开始*/
.nav{ width:710px; height:auto; margin:0 auto; position:relative;}
 .navT{ width:100%; z-index:2; position:relative;}
 .navT li{width:118px; float:left; text-align:center; line-height:76px; vertical-align:middle; }
 .navT li a{ font-size:16px; display:block; color:#333;}
 .navT .hover{border-bottom: 4px solid #1d61ac;}
/*.navT .hover a,.navT li .aa{ color:#fff;}*/
 .navCon{ width:580px; height:auto; position:absolute; top:80px; background:#CCC;    z-index: 2;}
 .line{ width:118px; height:3px; background:#1d61ac; display:inline-block; position:absolute; top:77px; left:0px; z-index:0;}
 .con1{ width:100%; height:auto; float:left; overflow:hidden; display:none; background:#cdddf3;}
 .navCC{ width:100%; height:auto; min-height:300px; padding:30px; box-sizing:border-box;}
 .navCC a{ width:50%; float:left; padding-right:30px; box-sizing:border-box; line-height:20px; margin-bottom:15px; vertical-align:middle; }
 .navCC2{ width:100%;  height:auto; float:left; background:#cdddf3; min-height:215px; box-sizing:border-box; }
.navLC{/*background:#cdddf3;*/ width:300px; height:auto; min-height:215px; float:left; display:none;padding:30px; box-sizing:border-box; }
.navLC a{width:100%; display:block; float:left; padding-right:0px; box-sizing:border-box; line-height:20px; margin-bottom:15px; vertical-align:middle;}

.navList{width:167px; height:auto; float:left; background:#1d61ac; min-height:300px; padding-top:15px; padding-bottom:15px;box-sizing:border-box;  }
.line2{ width:168px; height:40px; background:#1d61ac; display:inline-block; position:absolute; top:15px; left:0px; z-index:0; background:url(../images/bgg.jpg) right top no-repeat;}
.navList a{ 
    display:block; 
    width:100%; 
    height:auto; 
    line-height:20px; 
    padding-left:15px; 
    padding-right:15px; 
    box-sizing:border-box; 
    padding-top:10px; 
    padding-bottom:10px; 
    vertical-align:middle; 
    color:#fff;
}
/*.navList a:hover,.navList .oo{background:#cdddf3; color:#1d61ac;}*/
.navList a:hover,.navList .oo{/*background:#cdddf3; */color:#1d61ac;}
.navList .oo{ position: relative;color: #1d61ac !important; z-index: 3;}
.navList .oo:after{ 
    display: block;
    position: absolute; 
    right: 0;
    top:50%;
    margin-top:-3px;
    border:5px solid rgba(0,0,0,0);
    border-left-color: #1d61ac;
    content: "";
}
.bgc1{
    background:url(../images/bgc1.png) bottom right no-repeat;
}
.bgc2{
    background:url(../images/bgc2.png) bottom right no-repeat;
}
.bgc3{
    background:url(../images/bgc3.png) bottom right no-repeat;
}
.bgc4{
    background:url(../images/bgc4.png) bottom right no-repeat;
}
.bgc5{
    background:url(../images/bgc5.png) bottom right no-repeat;
}
/*pc端头部导航 结束*/



.mnav{ width:100%; height:auto;}
.mnav>li{ width:100%; height:auto; float:left;}
.mnav>li>a{}
.mnav dl{width:100%; height:auto; float:left;}
.mnav dl dt{width:100%; height:auto; float:left; line-height:30px; font-size:15px;  padding:10px 10px 10px 20px; box-sizing:border-box;}
.mnav dl dt:before{ content:""; display:inline-block; width:5px; height:5px; background:#d6401a; margin-right:10px; vertical-align:middle;}
.mnav dl dd{width:100%; height:auto; float:left;}
.mnav-c{width:100%; height:auto; float:left;}
.mnav-c>a{width:100%; height:auto; float:left;}

.mnav>li{    width: 100%;    float: left;    height: auto;    overflow: hidden;    border-bottom: 1px solid rgba(206,206,206,0.4); margin-left: 0px;    box-sizing: border-box;}
.mnav>li>a{padding: 15px;    box-sizing: border-box;    display: block;    font-size: 18px;    color: #333;    width: 100%;    height: auto;    line-height: 30px;    text-align: left;    font-weight: normal;}
.mnav-c{left: 0px;    margin-left: 0px;    display: none;    position: relative;    height: auto;    width: 100%;    float: left;    background: none; top: 0px;    padding-top: 0px;    border: 0px;    box-shadow: none;    padding: 0px;}
.mnav-c a{ width: 100%;    display: block;    float: left;    line-height: 30px;    padding-top: 5px;    padding-bottom: 5px;    vertical-align: middle;    padding-left: 30px;    padding-right: 10px;    color: #7d7d7d;    box-sizing: border-box;    text-align: left;}
.mnav>li:hover>a, .mnav .hover>a {    color: #FFF;    border: 0px; /*background: #d6401a;*/ background-color: #1d61ac; border-radius: 0px;    overflow: hidden;}
	
.wap-nav{ display:none;}
.pc-nav{ display:block;}
.mob-nav{ display:none;}

.tel{ 
    position: absolute;
    float: left;
    margin-left: 40px;
    line-height: 80px;
    vertical-align: middle;
    top: 0;
    right: 20%;
}
.tel span{ color:#d53d19; font-size:20px;}
.openSearch{ position:absolute; right:0px; top:0; height:80px; width:80px; background:#b4b4b4; text-align:center; line-height:80px; vertical-align:middle; cursor:pointer;}
.openSearch img{ display:inline-block; vertical-align:middle;}
.search{ position:absolute; right:0; top:0; height:80px; background:#222222; width:310px; transition:all 0.2s;}
.close{ display:none; cursor:pointer; width:50px; height:80px; text-align:center; line-height:80px; vertical-align:middle; float:left;}
.close img{ display:inline-block; vertical-align:middle; transition:all 0.4s;}
.close:hover img{ transform:rotate(360deg);}
.search .inp5{ width: 210px; padding-left: 20px; height:80px; border:0px; background:none; float:left; color:#fff; font-size:14px;}
.search .inp6{ width:80px; height:80px;background:url(../images/head01.png) #d63e19 center center no-repeat; text-align:center;line-height:80px; vertical-align:middle; border:0px; }

/*header 结束*/

/*footer 底部开始*/
 footer {
        width: 100%;
        background: #1f2024;
        padding: 52px 0 7px; overflow:hidden;
    }

    .footer-top { width:100%; overflow:hidden;
        padding-bottom: 29px;
        border-bottom: 1px solid #3c3c42
    }

    .footer-bot { width:100%; overflow:hidden;
        padding: 10px 0
    }
    .footer-bot-left{
        text-align: center;
    }
    .footer-bot-left p {
        font-size: 14px;
        color: #fff;
        line-height: 22px;
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .footer-bot-left p span {
        margin:0 20px;
    }

    .footer-bot-left a {
        font-size: 13px;
        color: #fff;
        line-height: 23px;
        margin-right: 10px;
        transition: color .3s
    }


    .footer-top-center {
        float: left;
        width: 90%
    }

    .footer-top .weixin {
        float:right;
        width: 7.8%;
        float: left;
        text-align: center;
    }

    .footer-top .weixin img {
        width: 100%
    }

    .footer-top h2 {
        font-size: 14px;
        color: #fff;
        line-height: 33px;
        margin-bottom: 7px;
        opacity: .8;
        filter: alpha(opacity=80)
    }


    .footer-top-left .submit {
        width: 32%;
        background: #e60012;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        border: 0;
        border-radius: 2px
    }

    .footer-top-left h4 {
        font-size: 12px;
        color: #fff;
        opacity: .5;
        filter: alpha(opacity=50);
        line-height: 20px;
        padding-top: 10px;
        width: 76%
    }

    .footer-top-center li {
        width: 13%;
        float: left;
    }

    .footer-top-center li:last-child {
        width: 24%;
    }

    .footer-top-center li p {
        font-size: 13px;
        color: #a5a0a0;
        line-height: 24px;
    }

    .footer-top-center li a {
        color: #a5a0a0;
        transition: color .3s;
    }

    .footer-top-center li a:hover {
        color: #dd231f;
    }



.banner{ width:100%; height:auto; overflow:hidden; /*margin-top:80px;*/}
/* main_image */
.main_visual{height:550px;overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;margin-top:0px; margin-left:0px;}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%; background-position:center top; background-repeat:no-repeat; position:relative;}
.main_image li span div{ background:rgba(255,255,255,0.8); width:400px; height:auto; border-radius:0px 120px 0px 0px; border-right:10px solid #efa540; font-size:24px; color:#294a70; font-weight:bold; padding:35px; margin-top:200px; position:absolute; left:20%;}
.main_image li a{display:block;width:100%;height:100%}

div.flicking_con{position:absolute;bottom:10px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:31px;height:28px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -27px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.part01{width:100%;height:auto;padding-top: 60px;padding-bottom: 60px;overflow:hidden;}
.index-title{width:100%; height:auto;}
.index-title div{    position: relative;
    width: 200px;
    padding: 5px;
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
    color: #24272b;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 22px;
    border: 1px solid #ccc;}
.index-title div:before, .index-title div:after {
    position: absolute;
    display: block;
    width: 10px;
    height: 4px;
    top: 50%;
    background-color: #333;
    content: "";
}
.index-title div:before {
    left: -40px;
}
.index-title div:after {
    right: -40px;
}

.teclist{
    width:100%;
    height: auto;
    overflow: hidden;
}
.teclist li{
    position: relative;
    float:left;
    width:48%;
    margin:0 1%;
    overflow: hidden;
    opacity: 1;
    text-align: center;
}
.teclist li img{
    transition: all 2s;float: left;
    width: 100%;
}
.teclist li:hover img{
    transform: scale(1.2);
}
.tec_c{
    position: absolute; padding:80px; box-sizing:border-box;
    width:100%;
    height: 100%;
    top:0;
    left:0;
    background-color: rgba(0,0,0,.6);
}
.tec_c .tec_txt{
    width:100%; height:100%;
    border:2px solid rgba(255,255,255,.3);
}
.tec_c .tec_txt p{ position:absolute; width:100%; text-align:center; top:50%; margin-top:-20px;
    font-size: 36px; line-height:40px; vertical-align:middle;
    font-weight: bold; left:0px;
    text-align: center;
    color: #fff;
}
.gdBox{ width:100%; height:auto; float:left; position:relative; }
.gdList{width:100%; height:auto; float:left;}
.gdList ul{width:100%; height:auto; float:left;  }
.gdList ul li{ width:33.33%; float:left; overflow:visible; }
.gdListCbox{width:100%; height:auto; float:left; transition:all 0.4s;}
.gdListCImg{width:45%; height:329px; float:left; overflow:hidden;}
.gdListCImg img{ min-height:100%; min-width:100%; max-width:none;}
.gdListC{width:55%; height:auto; background:#fff; float:left; padding:25px; box-sizing:border-box; border:1px solid #c3c3c3; }
.gdListCText{width:100%; height:auto; float:left; border:1px solid #168dca; padding:20px;box-sizing:border-box; text-align:center; }
.gdListCText h1{ width:100%; height:30px; line-height:30px; vertical-align:middle; float:left;font-size:20px; text-align:center; color:#2b2a2a; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:20px;}
.gdListCText p{width:100%; height:55px; float:left; font-size:12px; color:#838282; background:#f1f1f1; padding:10px; box-sizing:border-box; line-height:20px; overflow:hidden; margin-bottom:20px;text-align:left;}
.gdListCText dl{ text-align:left;width:100%; height:50px; overflow:hidden;float:left; margin-bottom:20px;}
.gdListCText dd{width:100%; height:auto; float:left; line-height:25px; vertical-align:middle;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.gdListCText dd a{ color:#2b2a2a; font-size:12px; }
.gdListCText dd a:hover{ color:#168dca;}
.gdListCText dd:before{ content:""; display:inline-block; width:7px; height:7px; background:#171717; margin-right:10px; vertical-align:middle;}
.moreP{ width:auto; display:inline-block; background:#1c61ac; line-height:40px; vertical-align:middle; height:40px; padding-left:40px; padding-right:40px; color:#fff; cursor:pointer; transition:all 0.4s; }
.moreP:hover{ background:#024d9d;color:#fff;}
.gdBottom{ width:100%; height:40px; overflow:hidden; float:left; text-align:center;}

.gdList ul li:hover .gdListCbox{ transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}

 .preBtn,.nextBtn{ width:50px; height:80px; position:absolute; top:50%; margin-top:-40px; cursor:pointer; z-index:222; border-radius:3px; overflow:hidden;}
 .preBtn{ left:40px;}
 .nextBtn{right:40px;}
  .preBtn i:first-child, .preBtn i:last-child,.nextBtn i:first-child, .nextBtn i:last-child{background:rgba(0,0,0,0.7); position:absolute;  display:inline-block; width:2px; height:40px;}
 .preBtn i:first-child{  transform:rotate(45deg);left:22px; top:8px; }
  .preBtn i:last-child{  left:22px; top:36px; transform:rotate(135deg);}
   .nextBtn i:first-child{  transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);left:22px; top:8px;}
  .nextBtn i:last-child{  left:22px; top:36px; transform:rotate(45deg);-moz-transform:rotate(45deg);	/* Firefox */
-webkit-transform:rotate(45deg);	/* Safari 和 Chrome */
-o-transform:rotate(45deg);}
  .preBtn:hover,.nextBtn:hover{ background:rgba(0,0,0,0.6);}
  .preBtn:hover i,.preBtn:hover i, .nextBtn:hover i,.nextBtn:hover i{ background:#fff;}
  
.gg{ width:100%; height:auto; background:#f7f7f7; line-height:65px; vertical-align:middle;}
.list1{ width:100%; height:auto; float:left; background:url(../images/pic01.png) left center no-repeat; padding-left:60px; box-sizing:border-box;}
.list1 li{ width:47%; height:auto; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:3%;}
.list1 li span{ float:left; font-size:16px; color:#009b4c; margin-right:5px; font-weight:bold;}
.list1 li div{ float: left; width:70%; height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list1 li div a{ font-size:16px; color:#515050;}
.list1 li div a:hover{ text-decoration:underline; color:#009b4c;}

.list2{ width:100%; height:auto; overflow:hidden;}
.list2 li{ 
    width: 49%;
    margin-right: 2%;
    height:auto; 
    float:left; 
    padding:20px; 
    box-sizing:border-box; 
    text-align:center; 
    border:1px solid #e4e4e4; 
    margin-bottom:20px; 
    position:relative;
}
.list2 li:nth-child(2n){
    margin-right: 0;
}
.list2 li .list2-1{ width:290px; height:225px; overflow:hidden;  float:left; text-align:center; margin-bottom:20px;  box-sizing:border-box; transition:all 0.6s; position:absolute; left:20px;}
.list2 li .list2-1 img{ max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; transition:all 0.4s;}
.list2 li .list2-2{ min-height:225px; padding-left:325px; width:100%; height:auto; float:left; font-size:18px; color:#181818;  overflow:hidden; box-sizing:border-box; text-align:left;}
.list2 li .list2-2  h1{ 
    text-overflow:ellipsis; 
    font-size:18px; 
    margin:10px 0; 
    font-weight:bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.list2 li .list2-2 p{ 
    line-height:25px; 
    font-size:14px; 
    height:100px; 
    margin-bottom:8px; 
    color:#666; 
    overflow:hidden;    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.list2 li:hover{ background:#f5f5f5;  }
.list2 li:hover .list2-2{color:#1c61ac;}
.list2 li:hover .list2-1 img{ transform:scale(1.2);}
.more2{ 
        color: #fff;
    text-align: center;
    /* float: left; */
    background: #1d61ac;
    background-repeat: no-repeat;
    background-position: right center;
    width: 165px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    vertical-align: middle;
    display: inline-block;
    /* padding-left: 20px; */
    box-sizing: border-box;
    font-size: 14px;
}
	.more2:after{ content:url(../images/wel02.png); display:inline-block; vertical-align:middle; margin-left:20px;}
.list2 li:hover .more2{background:#d83b1c;}


.list21{ width:100%; height:auto; overflow:hidden;}
.list21 li{ width:25%; height:auto; float:left; box-sizing:border-box; text-align:center; position:relative;}
.list21 li a{ display:block;}
.list21 li .list21-1{ width:100%; height:auto;float:left; text-align:center; box-sizing:border-box; transition:all 0.6s; position:relative; z-index:0;}
.list21 li .list21-1 img{width:100%; height:auto; display:block; vertical-align:middle;}
.list21 li .list21-2{ width:100%; height:100%; line-height:30px; vertical-align:middle; text-align:center; position:absolute; left:0px; top:0; font-size:26px; color:#fff;  z-index:1; transition:all 0.4s;}
.list21 li .list21-2 div{ position:absolute; right:40px; bottom:40px;transition:all 0.4s;}
.list21 li .list21-2 div:after{ content:url(../images/1.png); display:inline-block; margin-left:10px; vertical-align:middle;}
.list21 li:hover .list21-2{ background:rgba(178,20,43,0.75);  }
.list21 li:hover .list21-2 div{ bottom:50%; margin-bottom:-15px; right:50%; margin-right:-70px;}


.section{ width:100%; height:auto; background:url(../images/bg1.jpg) center top no-repeat; padding-top:120px; padding-bottom:120px; overflow:hidden;}
.tt1{ width:100%; height:auto; text-align:center; float:left; margin-bottom:90px; }
.tt1 h1{ width:100%; height:auto; text-align:center; font-size:48px; font-weight:bold; color:#fff;}
.tt1 h2{ width:100%; height:auto; text-align:center; font-size:26px; font-weight:bold; color:#fff; margin-top:10px; margin-bottom:10px;}
.tt1 span{ display:inline-block; width:80px; height:3px ; background:#00e26f; }

.list3{ width:100%; height:auto; float:left;}
.list3 li{ width:25%; height:auto; float:left; text-align:center; padding-left:20px; padding-right:20px; box-sizing:border-box;}
.list3 li h1{ font-size:60px; color:#4be57d; font-weight:bold;}
.list3 li h2{ font-size:24px; color:#fff;}

.section2{ width:100%; height:auto; background:#009b4e; padding-top:15px; padding-bottom:15px; overflow:hidden;}
.list4{ width:100%; height:auto; float:left;}
.list4 li{ width:25%; padding-right:20px; box-sizing:border-box; float:left; background-position:left center; background-repeat:no-repeat; background-size:auto 40px; padding-left:60px; box-sizing:border-box;}
.list4 li h1{ font-size:18px; color:#fff; margin-bottom:0px;}
.list4 li p{ font-size:14px; color:#fff;}

.list5{ width:100%; height:auto; float:left; margin-top:80px; margin-bottom:80px;}
.list5 li{ width:33.33%; height:auto; float:left;}
.list5 li .list5-1{ float:left; width:130px; height:130px; background:#eeeeee; border-radius:50%; overflow:hidden;}
.list5 li .list5-1 img{ max-width:100%; transition:all 0.6s;}
.list5 li .list5-2{ width:60%; height:auto; float:right; padding-top:20px;}
.list5 li .list5-2 h1{ width:100%; float:left; font-size:24px; color:#000000;}
.list5 li .list5-2 h2{ width:100%; float:left;  font-size:14px; color:#737373;}
.list5 li .list5-2 span{ float:left;display:block; width:46px; height:3px; background:#009b4c; margin-bottom:10px; margin-top:15px;}
.list5 li:hover h1{ color:#009b4e;}
.list5 li:hover .list5-1 img{ transform:rotate(360deg)}

.section3{width:100%; height:auto; float:left; background:#f8f8f8; padding-top:75px; padding-bottom:75px; overflow:hidden;}
.tt2{ width:100%; height:auto; float:left; margin-bottom:30px;}
.tt2-1{ float:left; width:300px; height:auto;}
.tt2-1 h3{float:left; width:100%; height:auto; overflow:hidden;  font-size:36px; color:#030303;line-height:35px; vertical-align:middle;}
.tt2-1 h3 i{ display:inline-block; width:40px; height:4px; background:#b2142b; vertical-align:middle; }
.tt2-1 h3 span{ display:inline-block; margin-right:10px;}
.more{ float:right; color:#b2142b; margin-top:40px;}
.tt2-2{ float:right; margin-top:70px; }
.list6{ width:100%; height:auto; float:right; text-align:right;}
.list6 li{ cursor:pointer; display:inline-block; width:125px; height:48px; background:; text-align:center; border:1px solid #9a9a9a; color:#9a9a9a; line-height:48px; vertical-align:middle; margin-left:20px; }
.list6 li:hover,.list6 .cur{ background:#9a9a9a; color:#fff;}

.list7{ width:100%; height:auto; float:left;}
.list7 li{ width:31.33%; margin-right:3%; float:left; margin-bottom:40px; transition:all 0.4s;}
.list7 li:nth-child(3n){ margin-right:0px;}
.list7 li .list7-1{ float:left; width:100%; font-size:12px; margin-bottom:10px; color:#858484;}
.list7 li h1{float:left; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;  width:100%; font-size:16px; color:#202020; transition:all 0.4s;}
.list7 li p{float:left;  width:100%; font-size:14px; color:#767676; line-height:24px; height:48px; overflow:hidden; margin-bottom:20px; transition:all 0.4s;}
.list7 li .list7-2{float:left;  width:100%; height:282px; overflow:hidden; margin-bottom:15px;}
.list7 li .list7-2 img{ width:100%; height:100%; transition:all 0.6s;}
.list7 li:hover { background:#c2c2c3;}
.list7 li:hover h1{ color:#fff; padding:0px 20px 0px 20px; box-sizing:border-box; }
.list7 li:hover .list7-2 img{ transform:scale(1.2);}
.list7 li:hover p{padding:0px 20px 0px 20px; box-sizing:border-box; color:rgba(255,255,255,0.7) }
.list7 li:hover .list7-1{padding:0px 20px 0px 20px; box-sizing:border-box; color:rgba(255,255,255,0.7); }

.list8{ width:100%; height:auto; float:left;}
.list8 li{ width:23%; margin-right:2.5%; float:left; height:165px; margin-bottom:2.5%; overflow:hidden; position:relative;}
.list8 li:nth-child(4n){ margin-right:0px;}
.list8 li .list8-1{ width:100%; height:165px; line-height:165px; vertical-align:middle; float:left; background:#f1f1f1; text-align:center;}
.list8 li .list8-1 img{ max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.list8 li .list8-2{ width:100%; height:165px; float:left; background:rgba(0,155,76,0.9); font-size:24px; color:#fff; text-align:center; line-height:165px; vertical-align:middle; position:absolute; top:165px; transition:all 0.6s;}
.list8 li:hover .list8-2{ top:0px; }


.list_tec{ width:100%; height:auto; overflow:hidden;}
.list_tec li{ 
    width: 100%;
    height:auto; 
    float:left; 
    padding:20px; 
    box-sizing:border-box; 
    text-align:center; 
    border:1px solid #e4e4e4; 
    margin-bottom:20px; 
    position:relative;
}
.list_tec li .list_tec-1{ width:300px; height:225px; overflow:hidden;  float:left; text-align:center; margin-bottom:20px;  box-sizing:border-box; transition:all 0.6s; position:absolute; left:20px;}
.list_tec li .list_tec-1 img{ max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; transition:all 0.4s;}
.list_tec li .list_tec-2{ min-height:225px; padding-left:325px; width:100%; height:auto; float:left; font-size:18px; color:#181818;  overflow:hidden; box-sizing:border-box; text-align:left;}
.list_tec li .list_tec-2  h1{white-space:nowrap; text-overflow:ellipsis; font-size:20px; margin:10px 0; font-weight:bold;}
.list_tec li .list_tec-2 p{ 
    line-height:25px; 
    font-size:14px; 
    height:100px; 
    margin-bottom:20px; 
    color:#666; 
    overflow:hidden;    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.list_tec li:hover{ background:#f5f5f5;  }
.list_tec li:hover .list_tec-2{color:#1c61ac;}
.list_tec li:hover .list_tec-1 img{ transform:scale(1.2);}

.list_sol{ width:100%; height:auto; overflow:hidden;}
.list_sol li{ 
    width: 31.33%;
    margin: 1%;
    height: auto;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.list_sol li .list_sol-1{     
    width: 100%;
    height: 185px;
    overflow: hidden;
    /* float: left; */
    text-align: center;
    /* margin-bottom: 20px; */
    box-sizing: border-box;
    transition: all 0.6s;
}
.list_sol li .list_sol-1 img{ max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; transition:all 0.4s;}
.list_sol li .list_sol-2{ min-height:225px; width:100%; height:auto; float:left; font-size:18px; color:#181818;  overflow:hidden; box-sizing:border-box; text-align:left;}
.list_sol li .list_sol-2  h1{
    white-space:nowrap; 
    text-overflow:ellipsis; 
    font-size:20px; 
    margin:10px 0; 
    font-weight:bold;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.list_sol li .list_sol-2 p{ 
    line-height:25px; 
    font-size:14px; 
    height:100px; 
    margin-bottom:20px; 
    color:#666; 
    overflow:hidden;    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.list_sol li:hover{ background:#f5f5f5;  }
.list_sol li:hover .list_sol-2{color:#1c61ac;}
.list_sol li:hover .list_sol-1 img{ transform:scale(1.2);}
.list_sol-2 span{
    width:100%;
    height: auto;
    overflow: hidden;
}

.tt3{ width:100%; height:auto; float:left; text-align:center; margin-bottom:35px;}
.tt3 h1{ font-size:48px; color:34a4a4a; font-weight:bold;}
.tt3 h2{font-size:24px; color:34a4a4a;}
.tt3 span{ display:inline-block; width:75px; height:3px; background:#009b4c;}
.section4{ padding-top:80px; padding-bottom:80px; height:auto; overflow:hidden;}

.footer-1{ width:240px; height:auto; float:left; margin-right:40px}
.footer-1 dl{ width:100%; height:auto; float:left; }
.footer-1 dt{ width:100%;font-weight:bold;  height:auto; float:left;border-bottom:1px solid #bcbcbc; font-size:16px; color:#292929; line-height:30px; padding-bottom:10px; margin-bottom:15px;}
.footer-1 dl dd{ width:50%; float:left; line-height:30px; height:auto;}
.footer-1 dl dd a{ color:#333333;}
.footer-1 dl dd a:hover{ color:#39a148;}

.list40{ width:12.5%; height:auto; float:left; padding-right:2%; padding-left:2%; box-sizing:border-box; }
.list40 dt{ float:left; width:auto; height:auto; color:#fff; margin-bottom:5px; font-size:14px;line-height:40px; vertical-align:middle;  }
.list40 dt a{color:#fff; }
.list40 dt a:hover{font-weight:bold;}
.list40 dd{float:left;  width:100%; height:auto; line-height:20px; vertical-align:middle; padding-top:5px; padding-bottom:5px; color:#a0a0a0; }
.list40 dd a{ color:#a0a0a0;}
.list40 dd a:hover{ color:#fff;}
.last{ width:25%;}
.list40 .yellow{ color:#d75f11;}
.footer-2{width:100%; float:left; height:auto; text-align:center; padding-top:15px; padding-bottom:15px;  background:#313131; color:rgba(255,255,255,0.3)}

.ab{ width:100%; height:180px; background-position:center bottom; background-repeat:no-repeat; position:relative; margin-bottom:10px;}
.con-top{ width:100%; height:auto; float:left; overflow:hidden;  margin-bottom:30px;}
.con-top-1{ width:100%; height:auto; float:left; margin-bottom:20px; text-align:center;}
.con-top-1 h1{ font-weight:bold; color:#101010; font-size:36px; width:100%; height:auto; float:left; text-align:center; text-transform:uppercase;}
.con-top-1 h2{ display:inline-block; width:36px; height:2px; background:#b2142b;}
.ab-nav{ width:100%; height:auto; float:left; text-align:center;  padding-top:10px; padding-bottom:10px; margin-bottom:40px;}
.ab-nav a{ display:inline-block; line-height:60px; border:1px solid #fff; padding-left:40px; padding-right:40px; font-size:18px; color:#333; margin-left:5px; margin-right:5px; box-sizing:border-box; background:#f5f5f5;}
.ab-nav a:hover,.ab-nav .on	{ color:#fff; background:#d63e19;	}

.con{ width:100%; height:auto; float:left; overflow:hidden; min-height:300px; margin-bottom:60px;}
.txt img{ max-width:100%; }
.txt{ line-height:25px; font-size:16px;}
.txt p{ margin-bottom:20px;}

.jj{width:100%; height:auto; overflow:hidden; background:url(../images/dd.jpg) center bottom no-repeat; padding-bottom:300px;}
.pagelist{ width:100%; height:auto; float:left; text-align:center; margin-top:60px; margin-bottom:30px;}
.pagelist .curPage,.pagelist a:hover{ background:#1d61ac; color:#fff; }
.pagelist a{ font-size:14px; cursor:pointer; display:inline-block; line-height:40px; margin-left:1px; margin-right:1px; color:#8d8d8d; background:#f2eeef; box-sizing:border-box;  width:40px; height:40px;}
.pagelist .noclick{ cursor:no-drop; color:#8d8d8d;}
.pagelist .noclick:hover{cursor:no-drop;background:#ccc;  color:#8d8d8d;}

.ntitle{width:100%; height:auto; float:left; font-weight:bold; font-size:20px; text-align:center; color:#000; margin-bottom:20px; line-height:22px; margin-top:20px; }
.ntime{width:100%; height:auto; float:left; font-size:14px; color:#C5C5C5;text-align:center;margin-bottom:30px; }
.nnnext{ float:left; width:100%; height:auto; float:left;margin-bottom:30px; margin-top:30px; border-top:1px solid #ccc; padding-top:20px;  }
.nnnext p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; line-height:25px;}
.position{ width:100%; height:auto; border-bottom:1px solid #ededed;  font-size:12px; box-sizing:border-box; color:#848484; border-radius:5px 5px 0px 0px; margin-bottom:40px;}
.position a{ color:#848484;}
.position a:hover{color:#b2142b;}

.proT{ width:100%; height:auto; font-size:28px; color:#000; font-weight:bold; margin-bottom:20px;}
.proT:before{ content:""; display:inline-block; width:10px; height:20px; background:#b2142b; margin-right:15px;}
.proLeft{ width:200px; height:auto; float:left; margin-bottom:40px;}
.proRight{ float:right; width:955px; height:auto;}



.list12{ width:100%; height:auto; float:left;border-top:1px solid #e4e4e4;}
.list12 li{width:100%; height:auto; float:left; border:1px solid #e4e4e4; border-top:0px; box-sizing:border-box; overflow:hidden; transition:all 0.4s; }
.list12 li a{width:100%; height:auto; overflow:hidden; display:block; padding:30px; box-sizing:border-box;font-size:18px; color:#666; line-height:30px; vertical-align:middle; background:url(../images/con09.png) 30px center no-repeat; background-size:auto 20px; padding-left:60px;transition:all 0.4s;}
.list12 li .list12-1{ width:80%; height:auto; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.list12 li .list12-2{ float:right; color:#bababa;}
.list12 li:hover{ background:#d63e19;}
.list12 li:hover a{ color:#fff; background:url(../images/con09h.png) 30px center no-repeat;}
.list12 li:hover .list12-2{ color:rgba(255,255,255,0.7)}

/*产品中心左侧导航*/

.leftNav{ width:100%; height:auto; float:left;border:1px solid #d4d4d4;  box-sizing:border-box;}
.leftNav>li{width:100%; height:auto; float:left; border-bottom:1px solid #d4d4d4;  box-sizing:border-box;}
.leftNav>li .leftNavY{width:100%; height:auto; float:left; background:url(../images/d1.png) 90% center no-repeat; line-height:25px; vertical-align:middle; padding-top:10px; padding-bottom:10px; overflow:hidden;padding-left:20px; padding-right:20px;box-sizing:border-box;}
.leftNav>li .leftNavY a{ display:block; font-size:16px;}
.leftNav>li .leftNavE{width:100%; height:auto; float:left; padding-left:15px; padding-right:15px; box-sizing:border-box; padding-left:30px; padding-right:20px; display:none; }
.leftNav>li .leftNavE ul{width:100%; height:auto; float:left;}
.leftNav>li .leftNavE ul li{width:100%; height:auto; float:left; line-height:20px; padding-top:5px; padding-bottom:5px;}
.leftNav>li .leftNavE ul li a{ display:block;}
.leftNav>li .leftNavE ul li:hover a{ color:#F00;}
.leftNav>.curLi .leftNavY,.leftNav>li:hover .leftNavY{background:url(../images/d2.png) 90% center no-repeat #f5f5f5;}
.leftNav>.curLi .leftNavY a,.leftNav>li:hover .leftNavY a{ color:#F00; font-weight:bold;}
.leftNav>.curLi .leftNavY a{ color:#F00;}
.leftNav>.curLi .leftNavE{ display:block;}
.leftNavE ul .on a{color:#F00;}


.text_left{
    float:left;
    width:280px;
    height: auto;
    overflow: hidden;
    margin-right: 30px;
}
.text_left h1{
    width:100%;
    height: 50px;
    font-size: 22px;
    line-height: 50px;
    font-weight: bold;
    color:#1d61ac;
    overflow: hidden;
}
.text_left_list{
    width:100%;
    height: auto;
    overflow: hidden;
}
.text_left_list li{
    width:100%;
    height: auto;
    height: 50px;
}
.text_left_list li h2{
    font-size: 16px;
    line-height: 50px;
    font-weight: bold;
    color:#1d61ac;
}
.text_left_list li h2:hover{
    background-color: #b9d7f9;
}


.text_right{
    float:left;
    width:1090px;
    height: auto;
    overflow: hidden;

}
.text_right h3{
    width:100%;
    height: auto;
    line-height: 40px;
    border-bottom:1px solid #eee;
    margin-bottom: 20px;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
}



.m3  select{display: none;}
.m3lt {
    width: 710px;
    height: 560px;
    float: left;
}
.m3rt{width: 340px;float: right;background: url(../images/m6.png)center no-repeat;height: 460px;margin-top: 65px;background-size: cover;}

.m3rt dl{width: 268px;padding-right: 18px;overflow-y:auto;margin:30px auto 0; height: 400px;}

.m3rt dl dt{font-size: 16px;font-weight: bold;}

.m3rt dl dd{width: 100%;border-bottom: 1px dotted #999;margin-bottom: 10px;}

.m3rt dl dd .img{width: 267px;height: 134px;overflow: hidden;border-radius: 5px;margin: 15px 0;}

.m3rt dl dd .img img{display: block;width: 100%;}

.m3rt dl dd .d1{line-height: 14px;margin-bottom: 10px;}

.m3rt dl dd .d2{font-size: 12px;line-height: 12px;margin-bottom: 13px;}

.m3rt dl dd .d2 span{font-size: 12px;color: #666;line-height: 16px;}

.m3rt dl::-webkit-scrollbar{ width:4px;}

.m3rt dl::-webkit-scrollbar-thumb{ background:#666;border-radius: 10px;}

.m3rt dl::-webkit-scrollbar-track{ background:#ccc;}

.case{
    width:100%;
    height: auto;
    background-color: #f4f4f4;
    overflow: hidden;
    padding:30px 0;
}
.caselist{
    width:94%;
    height: auto;
    margin:30px auto;
    overflow: hidden;
}
.caselist li{
    position: relative;
    float:left;
    width:19%;
    height: 450px;
    margin-right:1%;
    overflow: hidden;
    border-radius: 10px;
}
.caselist li img{
    transition: all 2s;
}
.caselist li:hover img{
    transform: scale(1.2);
}
.ca_txt{
    position: absolute;
    top:0;
    left:0;
    display: block;
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.ca_b{
    position: absolute;
    bottom:5%;
    left:10%;
    width:80%;
    height: 40px;
}
.ca_b .ca_l{
    width:80%; float:left;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color:#fff;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}
.ca_b .ca_r{ float:right;
    width:30px;
    height: 30px;
    line-height: 25px;
    border:2px solid #fff;
    box-sizing: border-box;
    font-size: 22px;
    text-align: center;
    vertical-align: center;
    color:#fff;
    margin-top:5px;
    border-radius: 5px;
}
.moree{
    width:200px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    margin:30px auto 0;
    line-height: 40px;
    color: #1c61ac;
    border:1px solid #1c61ac;
    border-radius: 5px;
    transition: all 2s;
}
.moree:hover{
    background:#1c61ac;
    color:#fff !important;
}
.top_t{
    text-align: right;
    padding-right: 15px;
    line-height: 40px;
}
.proxt{
    position: relative;
    width:90%;
    height: auto;
    margin:20px auto 40px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 20px;

}
.proxt:after{
    display: block;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-5%;
    width:10%;
    height: 4px;
    background-color: #1d61ac;
    content: "";
}

.part03{ width:100%; height:auto; padding-top:0px; padding-bottom:20px; }
.part03 .index-title{ color:#fff; border:#fff;background:url(../images/index_abbg.jpg) center top no-repeat; padding-top:40px; padding-bottom:40px; width:100%; margin-bottom:20px;}
.part03 .index-title div{color:#fff; margin-bottom:0px; }
.part03 .index-title div:before,.part03 .index-title div:after{ background:#fff;}
.part03-txt{ 
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    padding: 20px 40px;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border-radius: 10px;
}

.part04-t{ width:100%; height:auto; float:left; position:relative;}
.part04-t>span{ float:left;font-size: 24px;
    color: #24272b;
    line-height: 42px;
    margin-bottom: 22px;
    font-weight: bold;
    position: relative;}
.part04-t a{display: inline-block;
    font-size: 14px;
    color: #24272b;
    position: absolute;
    top: 16px;
    right: 0;
    width: 95px;
    transition: color .3s;}
.part04-t a>span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #b0b0b0 url(../images/wel04.png) no-repeat center;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    transition: background .3s;
}

.nnlist{ width:100%; height:auto; float:left;}
.nnlist li{ width:25%; height:674px; float:left; padding:40px; box-sizing:border-box; transition:all 0.4s;}
.nnlist li:nth-child(1){ background:url(../images/wel11.jpg) center bottom no-repeat #d9d9d9; background-size:100% auto;}
.nnlist li:nth-child(2){ width:50%; background:url(../images/wel12.jpg) center bottom no-repeat #0b163b;background-size:100% auto; position:relative; }
.nnlist li:nth-child(3){ width:25%; height:337px;background:#d53d19;}
.nnlist li:nth-child(4){ width:25%; height:337px; background:url(../images/wel13.jpg) center bottom no-repeat #aeaeb8;background-size:100% auto;}
.nnlist li:hover{ background-size:120% auto;}
.nnlistTime{width:100%; height:auto; float:left;font-size: 16px;
    color: #fff;
    line-height: 36px;
    z-index: 2;
    position: relative;
    margin-bottom: 30px;
    transition: margin .3s;}
.nnlistTitle{width:100%; height:auto; float:left;font-size: 22px;
    color: #fff; margin-bottom:40px;
    z-index: 2;
    position: relative;
    line-height: 40px;
    transition: margin .3s;}
.nnlistCon{width:100%; height:auto; float:left;font-size: 18px;
    color: #fff;
    z-index: 2;
    position: relative;
    line-height: 40px;
    transition: margin .3s;}
.nnMore{width: 182px;
    height: 50px;
    background: #dd231f;
    text-align: center;
    position: absolute;
    left: 12%;
    bottom: 57px;
    font-size: 16px;
    z-index: 2;
    color: #fff;
    line-height: 50px;
    transition: left .3s, background .3s;}
	.nnlist li:nth-child(1) .nnlistTime{ color:#666;}
	.nnlist li:nth-child(1) .nnlistTitle{ color:#222;}
	
	
	.caseBox{ width:100%; height:auto; float:left; position:relative;}
	.caseBox .preBtn{}
	.caseBox .nextBtn{}
	.caseLl{width:100%; height:auto; float:left;}
	.caseLl ul{width:100%; height:auto; float:left;}
	.caseLl ul li{  padding-right:20px; box-sizing:border-box; float:left;  transition:all 0.3s; overflow:hidden;}
	.caseLl ul li a{ position:relative; display:block; width:100%; height:auto; float:left;}
	.caseListCbox{width:100%; height:auto; float:left;}
	.caseListCImg{width:100%; height:360px; float:left; overflow:hidden;}
	.caseListCImg img{ width:auto; float:left;}
	.caseLl ul li:hover { width:780px;}
	.caseLl ul li:hover a{}
	.caseListC{width:100%; height:auto; float:left; position:absolute; height:100%; top:100%; left:0px; box-sizing:border-box; padding:40px; transition:all 0.4s; margin-top:-108px; }
	.caseLl ul li:hover .caseListC{top:0px; margin-top:0px; background:rgba(0,0,0,0.25);}
	.caseListCText{width:100%; height:auto; float:left;}
	.caseListCText h1{    font-size: 18px;
    color: #fff;
    line-height: 25px;
    color: #fff;
    font-weight: bold;}
	.caseListCText h2{    font-size: 16px;
    color: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
    line-height: 24px;
    min-height: 24px;}
	.caseListCText p{    font-size: 18px;
    color: #fff; height:60px; overflow:hidden;
    line-height: 34px;
    margin-top: 18px;}
	.caseMore{    margin-top: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .3);
    background: url(../images/wel02.png) no-repeat center;}

.case{
    width:100%;
    height: auto;
    background-color: #f4f4f4;
    overflow: hidden;
    padding:30px 0;
}
.case_list{
    width:94%;
    height: auto;
    margin:30px auto;
    overflow: hidden;
}
.case_list li{
    position: relative;
    float: left;
    width: 32%;
    height: 320px;
    margin-right: 1%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
}
.case_list li img{
    transition: all 2s;
}
.case_list li:hover img{
    transform: scale(1.2);
}
.case_txt{
    position: absolute;
    top:0;
    left:0;
    display: block;
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.case_b{
        position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: rgba(255,255,255,.1);

}
.case_b {
    position: absolute;
    bottom: 10%;
    width: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    /* height: 40px; */
    line-height: 40px;
    background-color: rgba(255,255,255,.2);
}
.case_b h3{
    width:100%;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    line-height: 40px;
    text-align: center;
    border-bottom: none;
}
.conleft{
    width:100%;
    height:auto;
    overflow: hidden;
}
.cimg{
    width:500px;
    height: auto;
    overflow: hidden;
    margin:0 auto;
    max-width: 100%;
}
.list11 {
    width:100%;
    height: auto;
    overflow: hidden;
    margin:20px 0;
}
.list11 li{
    width:100%;
    height: auto;
    line-height: 40px;
    vertical-align: middle;

}
.list11 li img{
    vertical-align: middle;
}
.conb{
    position: relative;
    width:100%;
    height: auto;
    font-size: 22px;
    font-weight: bold;
    padding-left:30px;
    margin:20px 0;
}
.conb:before{
    display: block;
    position: absolute;
    left:0;
    top:50%;
    width:10px;
    height: 20px;
    margin-top: -10px;
    background:#1d61ac;
    content: "";
}



.case_b .case_r{ float:right;
    width:30px;
    height: 30px;
    line-height: 25px;
    border:2px solid #fff;
    box-sizing: border-box;
    font-size: 22px;
    text-align: center;
    vertical-align: center;
    color:#fff;
    margin-top:5px;
    border-radius: 5px;
}
.map{
    width:98%;
    height:550px;
    margin:0 auto;
    border:#ccc solid 1px;
    box-sizing: border-box;
}


@media screen and (max-width: 1400px){
    .wrapin{width:1200px;}
.text_right {
    float: left;
    width: 890px;
}
.list2 li .list2-1 {
    width: 200px;
    height: 150px;
}
.list2 li .list2-2 {
    min-height: 150px;
    padding-left: 215px;
}
.list2 li .list2-2 p {
    height: 55px;
}
.tel {
    right: 10%;
}








}




@media screen and (max-width: 1200px){
.caselist li{ width:32.33%; margin-right:1%; margin-bottom:1%;}
.wrapin{width:1024px;}
.wap-nav{ display:block;float:right; margin-top:32px;}
.header2{position:fixed; top:0px; left:0px; z-index:1;}

.tel{ float:right; margin-right:30px;}
.openSearch{  right:0px; width:50px;}
.banner{ margin-top:80px;}
.pc-nav{ display:none;}
.mob-nav{ display:none;position:fixed;left:0px; top:80px;width:100%; overflow:auto; z-index:99999; left:0px;background:rgba(237,237,237,1);  }
	
.baguetteBoxOne{ width:1024px;}
.gallery a {width:33.33%; height:; }

.proLeft{ display:none;}
.proRight{ width:100%;}
.proT{ display:none;}

.main_visual {    height: 559px;}
.main_image li span{ background-size:auto 100%;}

.ab {    width: 100%;}
.list10 li div {
    overflow: hidden;
    width: 100%;
    height: 250px;
}
.text_right {
    width: 714px;
}






}
	






@media screen and (max-width: 1024px){
img{ max-width:100%;}
		
.wrapin{width:970px;}
.text_right {
    width: 660px;
}
.tel {
    float: right;
    margin-right: 90px;
}
.wap-nav {
    padding-right: 50px;
}
.caseListCImg {
    height: 210px;
}
.map {
    width: 100%;
}
.main_visual { height: 425px;}
.list2 li .list2-1{ width:250px; height:187.5px;}
.list2 li .list2-2{ padding-left:285px; min-height:189px;}
.list2 li .list2-2 p {
    line-height: 25px;
    font-size: 14px;
    height: 78px;
    margin-bottom: 20px;
    color: #666;
    overflow: hidden;
}
.list2 li .list2-2 h1{ margin-top:0px;}
.list3 li h1 {
    font-size: 34px;
}
.list3 li h2 {
    font-size: 16px;}
.section {    padding-top: 60px;    padding-bottom: 60px;}
.footer{ display:none;}
.tt1 {    margin-bottom: 45px;}
.list4 li p {
    font-size: 12px;
}
.list4 li h1 {
    font-size: 16px;
}
.list5 li .list5-1 {
    float: left;
    width: 75px;
    height: 75px;
}
.list5 li .list5-2{ padding-top:0px;}
.list5 li .list5-2 h1 {    font-size: 20px;}
.list5 li .list5-2 span {
    margin-bottom: 6px;
    margin-top: 6px;
}
.list7 li .list7-2 {
    float: left;
    width: 100%;
    height: 180px;
}
.list9 li .list9Img {
    width: 100%;
    height: 205px;
}
.list8 li .list8-1 {
    width: 100%;
    height: 108px;
    line-height: 108px;
}
.list8 li {
    height: 108px;
}
	
.list10 li div {    height: 175px;}
.list10 li h1{ line-height:30px; padding-left:10px; padding-right:10px; font-size:14px;}
	.moreP{ padding-left:20px; padding-right:20px;}
	}



	
@media screen and (max-width: 768px){
.header {
    position: fixed;
}
.tel {
    position: absolute;
    float: right;
    margin-right: 90px;
    top: 0;
    right: 12%;
}
.openSearch {
    position: absolute;
    right: 0;
    top: 0;
}
.search {top:0;right: -310px;}
.tec_c{ padding:20px;}
.caselist li{ height:260px;}
.nnlist li{ width:50%; height:450px; padding:20px;}
.nnlistTitle{ margin-bottom:20px;}
.nnMore{ left:20px;}
.nnlist li:nth-child(4),.nnlist li:nth-child(3){ width:50%;}
.openSearch {
    right: 0;
}
.baguetteBoxOne {
    width:640px;
}
.wrapin{width:640px;}
.ab {
    width: 100%;
    height: 150px;
    background-size: 100%;
}
.text_left {
    display: none;
}
.text_right {
    width: 100%;
}
.con-top {    margin-top: 30px;
    margin-bottom: 30px;
}
.list10 li div {
    height: 146px;
}
.main_visual {
    height: 340px;
}

.list6 li {
    width: 103px;
    height: 45px;
  
    line-height: 45px;
    margin-left: -1px;
}
.list7 li .list7-2 {
    float: left;
    width: 100%;
    height: 150px;
}
.footer-1 {
    width: 100%; margin-bottom:10px;
}
.footer-1 dl dd {
    width: auto;
    float: left;
    line-height: 30px;
    height: auto;
    margin-right: 10px;
}
.footer-2 {
    width: 100%;
}
.footer-1 dt{ margin-bottom:5px;}
.footer-3 {
    width: 100%;
    height: auto;
    float: right;
    text-align: center;
}
.list9 li .list9Img {
    width: 100%;
    height: 150px;
}
.list21 li{ width:50%;}
.list21 li .list21-2{ font-size:20px;}
footer{ padding:0px;}
.footer-top{ display:none;}
	}



	
@media screen and (max-width:640px){

.tel {
    top: 30%;
}
.preBtn, .nextBtn{width: 30px;
    height: 50px;}
.preBtn i:first-child, .preBtn i:last-child, .nextBtn i:first-child, .nextBtn i:last-child{    width: 2px;
    height: 20px;}
.preBtn i:first-child {
    transform: rotate(45deg);
    left: 14px;
    top: 8px;
}

.nextBtn i:last-child {
    left: 14px;
    top: 22px;}
	.nextBtn i:first-child{left: 14px;
    top: 8px;}
.preBtn i:last-child {
    left: 14px;
    top: 22px;
    transform: rotate(135deg);
}
.mob-nav{ top:60px;}
.part01{ padding-top:40px; padding-bottom:40px;}
.caselist li { 
    height:195px;
    width: 49%;
}
.caselist li:nth-child(5) { 
    display: none;
}
.ca_b {
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 88%;
    height: 40px;
}
.nnlist li{ width:100%; height:auto;}
.nnlist li:nth-child(2) {
    width: 100%;}
.nnlist li:nth-child(4), .nnlist li:nth-child(3){ width:100%; height:auto;}
.nnMore{ 
    position:relative; 
    left:auto;
    width: 120px;
    height: 35px;
    line-height: 35px; 
    bottom:auto; 
    float:left; 
    margin-bottom:10px; 
    margin-top:15px;
}
.nnlistTime{ margin-bottom:10px;}
.tec_c .tec_txt p{ font-size:18px;}
.list12 li a{ padding:10px; background-position:7px center; padding-left:27px; font-size:14px;    background-size: auto 12px;}
.list12 li .list12-1{ width:70%;}
.list23 li {
    width: 100%;}
.zpt{ font-size:14px; padding-left:15px; padding-right:15px;}
.list701 li:nth-child(1){ padding-left:0px;}
.list60-t{ padding-left:15px; padding-right:15px; font-size:14px;}
.openhr{ font-size:14px; right:10px;}
.list701 li:nth-child(2),.list701 li:nth-child(3),.list701 li:nth-child(4){ display:none;}
.list701 li:nth-child(1){ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:70%;}
.list60-c{ padding-left:20px; font-size:12px;}
.con{ min-height:auto; margin-bottom:20px;}
.openSearch{ width:60px; height:60px; line-height:60px; right:0;}
.search{ height:60px;}
.close{display: block; height:60px; line-height:60px;}
.search .inp5{ width: 180px;padding-left: 0; height:60px;}
.search .inp6{ height:60px; line-height:60px; }
.wrapin{width:90%;}
.conleft{ width:100%;}
.conright{ width:100%;}
.list21 li{ width:50%;}
.header .logo{ max-height:40px;margin-top: 10px;
    margin-bottom: 10px;}
.header .logo img{ max-height:40px;}
.banner {
    margin-top:60px;
}
.tt2-1 h3{ font-size:28px;}
.wap-nav {
    display: block;
    float: right;
    margin-top: 15px;
}
.header {
    height: 95px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,.2);
}
.nnlist li:nth-child(1) {
    background: url(../images/wel11.jpg) center 45% no-repeat #d02a2a;
}
.nnlist li:nth-child(1) .nnlistTitle {
    font-size: 18px;
    color: #666;
}
.nnlistTitle {
    font-size: 18px;
    line-height: 30px;
}
.nnlistCon {
    font-size: 14px;
    line-height: 28px;
}
.ab {
    width: 100%;
    height: 80px;
    margin-top: 50px;
}
.list_tec li .list_tec-2 {
    min-height: 225px;
    padding-top: 240px;
    padding-left: 0;
}
.ab-nav{ display:none;}
.mob-nav{ top:60px;}
.txt{ font-size:14px;}
.con-top{ margin-top:0px; margin-bottom:0px;}
.con-top-1 h1{ font-size:24px;}
.list9 li {
    float: left;
    width: 48%;}
	.list9 li:nth-child(even){ margin-right:0px;}
	.list9 li:nth-child(odd){ margin-right:3%;}
	.list7 li { position:relative; padding-left:130px; box-sizing:border-box; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e4e4e4;
    width: 100%;}
	.list7 li:nth-child(even){ margin-right:0px;}
	.list7 li:nth-child(odd){ margin-right:0%;}
	.list7 li .list7-2{ width:120px; height:auto; position:absolute; left:0px;}
	.main_visual {
    height: 196px;
}
.list1 li {
    width: 100%; line-height:20px;}
	.list1 {    background: url(../images/pic01.png) left 5px no-repeat;
    padding-left: 50px;padding-top: 10px;
    padding-bottom: 10px;}
	.list1 li span{ font-size:12px;}
	.list1 li div a {
    font-size: 12px;
    color: #515050;
}
.list2 li .list2-1 { position:relative; width:100%; height:auto; left:0px;
}
.list2 li .list2-2 h1{ 
    white-space:normal;
    text-overflow: ellipsis;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.more2 {
    width: 130px;
}
.list_sol li {
    width: 98%;
    margin:0 auto 20px;
}
.case_list li {
    position: relative;
    float: left;
    width: 48%;
    height: 170px;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden;
    border-radius: 10px;
}
.list_sol li .list_sol-1 {
    height: 140px;
}
.list2 li .list2-2 {
    font-size: 14px; padding-left:0px;
}

.list3 li {
    width: 50%; margin-bottom:15px;}
	.tt1 h1 {    font-size: 35px;}
	.tt1 h2 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
}
.list4 li {
    width: 50%; margin-bottom:10px;}
	.list5 li {
    width: 100%; margin-bottom:15px;}
	.list5 {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}
.list5 li .list5-2 {
    width: 72%;}
	.section3 {
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}
.tt2-2 {
    float: right;
    margin-top: 20px;
    width: 100%;
}
.list6 li {
    width: 33.33%; box-sizing:border-box;}
	.list8 li {
    width: 48%;
    margin-right: 2%;}
	.section4 {
    padding-top: 30px;
    padding-bottom: 30px;}
	.nav{ top:66px;}
	.list10 li {
    width: 48%;
      margin-right: 3%;}
	  .list10 li:nth-child(even){ margin-right:0px;}
	  .list10 li:nth-child(odd){ margin-right:3%;}
	  .ab-nav a{ margin-bottom:10px;}
	  .m3lt {
    width: 100%;
    height: auto;
    float: left;
}
.m4{ width:100%; height:auto;}
.m3 select {
    display: block;
    width: 90%;
    margin: 10px auto;
    height: 30px;
    border-radius: 5px;
}
.m3rt {
    width: 100%;
    float: none;
    padding-top: 10px;
    margin-top: 0;
    overflow: auto;
}
.list19 li dl dd {
    line-height: 20px;
    float: left;
    width: 50%;}

}
.footer-bot-left {
    width: 90%;
    margin: 0 auto;
}












}