@charset "utf-8";
/* CSS Document */
.content1{ padding:15px 0;}
.content1 a{ display:block; overflow:hidden; color:#666; text-decoration:none;}
.content1 .img{ height:85px; }
.content1 .img1{ background:url(../images/jkicon01.png) center no-repeat; background-size:contain;}
.content1 .img2{ background:url(../images/jkicon02.png) center no-repeat; background-size:contain;}
.content1 .img3{ background:url(../images/jkicon03.png) center no-repeat; background-size:contain;}
.content1 .img4{ background:url(../images/jkicon04.png) center no-repeat; background-size:contain;}
.content1 a:hover .img1{ background:url(../images/jkicon01-1.png) center no-repeat; background-size:contain;}
.content1 a:hover .img2{ background:url(../images/jkicon02-1.png) center no-repeat; background-size:contain;}
.content1 a:hover .img3{ background:url(../images/jkicon03-1.png) center no-repeat; background-size:contain;}
.content1 a:hover .img4{ background:url(../images/jkicon04-1.png) center no-repeat; background-size:contain;}

.content1 a:hover{ color:#f05556;}

.content2{ background:#eee; padding:15px 0;}
.content2 .tittle{ height:45px; color:#fff; background:#f05556; line-height:45px; font-size:24px;}
.content2 .wrap{ background:#fff; padding:15px 15px 0 15px;}
.content2 .wrap1 .img{}
.content2 .wrap1 .tit{ padding-left:0;}
.content2 .wrap1 .tit .p1{ font-size:18px; color:#000; margin-bottom:10px;}
.content2 .wrap1 .tit .p2{ font-size:14px; color:#666; margin-bottom:10px; text-align:justify; text-indent:30px;
overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.content2 .wrap1 .tit .p3{ color:#999;}
.content2 a{ text-decoration:none;}
.content2 .wrap a:hover{ color:#f05556;}
.content2 .wrap2{ padding-bottom:20px;}
.content2 .wrap2 .tit{ border-bottom:1px #eee solid; height:35px;}
.content2 .wrap2 .tit a{ padding-left:10px; background:url(../images/jk01.png) center left no-repeat; line-height:35px; display:block;}
.content2 .r_wrap{ }

.content2 .r_wrap{ margin-top:45px;}
.content2 .r_wrap .r_wrap1{ padding:0;}
.content2 .r_wrap .r_wrap1 a{ display:block; position:relative;}
.content2 .r_wrap .r_wrap1 a .tit{ position:absolute; text-align:center; top:50%; width:100%; color:#fff; font-size:24px;}
.content2 .r_wrap .r_wrap1 a .img{ width:100%; text-align:center; overflow:hidden;}
.content2 .r_wrap .r_wrap1 a .img img{ display:inline; transition: all 0.6s; }
.content2 .r_wrap .r_wrap1 a .img img:hover{ transform: scale(1.4); }

.content3{ padding:15px 0;}
.content3 .tit1{ font-size:20px; float:left; line-height:25px;color:#666}
.content3 .tit2{ float:left; line-height:25px;color:#666}
.content3 .tit2 ul{ overflow:hidden;}
.content3 .tit2 ul li{  display:inline;}
.content3 .tit2 ul li a{ text-decoration:none; color:#666}
.content3 .tit2 ul li a:hover{ color:#f05556;}

.detail1{ margin:15px auto;}
.detail1 .tittle1{ text-align:center;}
.detail1 .tittle1 .ch_tit{ font-size:24px; color:#000;}
.detail1 .tittle1 .en_tit{ font-size:18px; color:#ddd;}
.detail1 .tittle1 .line{ width:45px; height:4px; background:#ff6666; margin:5px auto;}
.detail1 .tittle2{ line-height:40px; height:40px; margin:15px auto;}
.detail1 .tittle2 .wrap{background:#eee; overflow:hidden; padding:0 15px; height:40px;}
.detail1 .tittle2 .l_tit{ font-size:24px; color:#ff6666;}
.detail1 .tittle2 .r_tit{ padding-left:25px; background:url(../images/jk02.png) center left no-repeat;}
.detail1 .left{ margin-bottom:15px;}
.detail1 .left .wrap1{}
.detail1 .left .wrap1 ul{}
.detail1 .left .wrap1 ul li{ margin-bottom:5px; }
.detail1 .left .wrap1 ul li a{ display:block; background:#eee; color:#333; padding:0 15px; line-height:35px; font-size:16px; text-decoration:none; text-align:center;}
.detail1 .left .wrap1 ul li a:hover{ background:#ff6666; color:#fff;}
.detail1 .left .wrap2{ background:#eee; padding:30px;}
.detail1 .left .wrap2 .p1{ font-size:16px;}
.detail1 .left .wrap2 .p2{ padding-left:30px; background:url(../images/jk03.png) left center no-repeat; line-height:30px; margin-top:10px;}
.detail1 .left .wrap2 .p3{ color:#ff6666; font-size:28px; margin-bottom:10px;}
.detail1 .left .wrap2 .p4{ text-align:center; color:#333; }
.detail1 .left .wrap2 .p4 img{ width:100%;}
#wrapper02{display: none}
/*手机*/
@media (max-width:767px){
.detail1 .left{ display:none}
#wrapper02{display: block;margin-bottom: 10px;}
}
.detail1 .right{ margin-bottom:15px;}
.detail1 .right .tit1{ background:url(../images/jk04.png) left center no-repeat;; height:35px; line-height:35px; padding-left:15px; font-size:16px; color:#fff;}
.detail1 .right .img{ text-align:center;}
.detail1 .right .img img{ display:inline;}
.detail1 .right .wrap{}
.detail1 .right .wrap .tit2{ text-indent:30px; line-height:30px; text-align:justify; font-size:16px; margin-top:15px;}
.detail1 .right .wrap .tit2 p{ margin-bottom:10px;}

.detail1 .right .wrap .newslist{ margin-top:15px;}
.detail1 .right .wrap .newslist ul{}
.detail1 .right .wrap .newslist ul li{ border-bottom:1px #eee solid; line-height:45px;}
.detail1 .right .wrap .newslist ul li a{ display:block; overflow:hidden; height:45px;}
.detail1 .right .wrap .newslist ul li a .tleft{ float:left; width:70%; padding-left:25px; background:url(../images/jk05.png) left center no-repeat; font-size:16px; height:45px; line-height:45px;}
.detail1 .right .wrap .newslist ul li a .date{ float:right; width:30%; text-align:right;}
.detail1 .right .wrap .newslist ul li a:hover{ color:#ff6666;}

.detail1 .prolist{ margin-top:5px;}
.detail1 .prolist .listwrap{ background:#eee; margin-bottom:25px; border:2px #fff solid; display:block; text-decoration:none;}
.detail1 .prolist .listwrap .img{ text-align:center;}
.detail1 .prolist .listwrap .img img{ display:inline;}
.detail1 .prolist .listwrap .tit1{ padding:10px 5px; font-size:20px; text-align:center; color:#333;}
.detail1 .prolist .listwrap .tit2{ padding:5px 10px; color:#666; padding-bottom:10px; padding-top:0;}
.detail1 .prolist .listwrap:hover{ border:2px #ff6666 solid;}
.detail1 .prolist .listwrap:hover .tit1{ color:#ff6666;}
.detail1 .prolist .listwrap .img2{ text-align:center; background:#fff; margin:5px; overflow:hidden;}
.detail1 .prolist .listwrap .img2 img{ display:inline;}
.detail1 .prolist .listwrap .tit3{ padding:15px; text-align:center; color:#333; font-size:16px;}
.detail1 .prolist .listwrap:hover .tit3{ color:#ff6666;}
.detail1 .d_wrap{}
.detail1 .d_wrap .img{ text-align:center; }
.detail1 .d_wrap .img img{ display:inline;}
.detail1 .d_wrap .tit{ line-height:30px; color:#333; margin:15px; font-size:16px;}



.detail1 .prolist a{ height:280px; overflow:hidden; position:relative; display:block; margin-bottom:25px;}
.detail1 .prolist a img{ width:100%; height:100%;}
.detail1 .prolist .twrap{ position:absolute; overflow:hidden; top:210px; width:100%; height:280px;  
	transition:All 0.8s ease-in-out;
	-webkit-transition:All 0.8s ease-in-out;
	-moz-transition:All 0.8s ease-in-out;
	-o-transition:All 0.8s ease-in-out; }
	
.detail1 .prolist .twrap .tit{ position:absolute; z-index:2; color:#fff; text-align:center; width:100%; margin-top:5px}
.detail1 .prolist .twrap .tit .tch{ font-size:18px; line-height:40px; font-family:"微软雅黑"}
.detail1 .prolist .twrap .tit .ten{ font-size:14px; color:#969696;  }
.detail1 .prolist .twrap .tit .tmore{ margin-top:100px;}
.detail1 .prolist .twrap .bgcolor{ background-color: #101010; text-align: center; opacity: .8; height: 280px; position: absolute; width: 100%; top: 0; z-index:1;}

.detail1 .prolist a:hover .twrap{ position:absolute; overflow:hidden; top:0px; width:100%; height:280px; z-index:3 ;
	transform:translate(0,0px);
	-webkit-transform:translate(0,0px);
	-moz-transform:translate(0,0px);
	-o-transform:translate(0,0px);
	-ms-transform:translate(0,0px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5; }

.detail1 .prolist a:hover .tit{ margin-top:15px;}

.detail1 .case{ margin-left:-5px; margin-right:-5px;  margin-top:15px; margin-bottom:20px;}
.detail1 .case .col-md-3{ margin-bottom:15px; padding:0 5px; }
.detail1 .case .img{ display:table; position:relative; }
.detail1 .case .img a{overflow:hidden;    height:90px; display:block;  display:table-cell; vertical-align:middle;  text-align:center;text-align: -webkit-center; padding:3px; border:1px #e5e5e5 solid;  height:200px;}

.detail1 .case .img img{ display:inline; transition: all 0.6s; max-height:100%;}
.detail1 .case .img img:hover{ transform: scale(1.3); }

.detail1 .case2{ margin-bottom:20px;}
.detail1 .case2 div{ line-height:35px; height:35px;}
.detail1 .case2 div a{ display:block; padding-left:45px; background:url(../images/list.png) 25px center no-repeat; text-decoration:none; font-size:16px;}
.detail1 .case2 div a:hover{color:#f05556;}

.implement{}

.implement .wrap1{ display:table;}
.implement .wrap1 span{ display:table-cell; vertical-align:middle; }
.implement .tit{ padding-left:20px;}
.implement .tit1{ font-size:36px; color:#f05556;}
.implement .tit2{ font-size:24px; color:#666;}
.implement .wrap2{  text-align:center;}
.implement .wrap2 img{ display:inline;}
.implement .tit3{ text-align:center; font-size:18px; margin-top:15px;}
.implement .wrap3{ margin:10px auto; text-align:center;}
.implement .wrap3 img{ border:1px #dcdcdc solid;}
.implement .img1, .implement .img2{ text-align:center;}

.global img{ display:inline-block !important; text-align:center;}
.global{}
.global .tit{ background:#00b7ee; color:#fff; text-align:center; font-size:30px; height:50px; line-height:50px; margin-top:20px;}
.global .jt{ text-align:center; margin-top:8px;}
.global .wrap{ margin-top:15px;}
.global .wrap .wrap1{ text-align:center; padding:0 30px; font-size:16px;}
.global .wrap .wrap2{ background:url(../images/line.jpg) repeat-x center; width:80%; margin:auto; text-align:center; min-height:31px; margin-top:20px;}
.global .wrap .wrap2 .box{ display:table; text-align:center; background:#fff; vertical-align:middle; margin:auto;}
.global .wrap .wrap2 .box .line2{ display:table-cell; vertical-align:middle; padding:0 5px;}
.global .wrap .wrap2 .box .tittle2{ display:table-cell; color:#e67411; font-size:20px; font-weight:bold; vertical-align:middle; padding:0 5px;}
.global .wrap .wrap3{ overflow:hidden; margin-top:30px; text-align:center;}
.global .wrap .wrap4{ text-align:center;}

.typ-case{}
.typ-case .tittle{ margin-bottom:15px;}
.typ-case .tittle span{ padding-left:35px; background:url(../images/jkqy002.png) left center no-repeat; color:#f05556; font-size:22px; font-weight:bold; line-height:35px;}
.typ-case .col-xs-6, .typ-case .col-md-2{ margin-bottom:10px;}
.typ-case .more{ text-align:center; margin:15px auto;}
.typ-case .more a{ text-decoration:none;}
.typ-case .more a:hover{ color:#f05556;}

.typ-case .img{ overflow:hidden;}
.typ-case img{ display:inline; transition: all 0.6s; max-height:100%; height:165px;}
.typ-case img:hover{ transform: scale(1.3); }

.typ-case .tit1, .typ-case .tit2{ height:25px;}


/*PC*/
@media (min-width:1200px) {
.implement .row{ margin-top:30px;}
.implement .clh1{  height:390px;}
.implement .clh2{  height:378px;}
.implement .clh3{  height:367px; margin:15px auto;}
.implement .clh4{  height:450px;}
.implement .clh5{  height:276px;}
.implement .wrap2 img{ max-height:100%;}
.implement .tit1{ font-size:36px;}
.implement .tit2{ font-size:24px; margin-top:10px;}
.implement .img2{ display:none}
}


/*手机*/
@media (max-width:767px){
.content1 .tit{ text-align:center; width:100%; font-size:100%;}
.content1 .tit p{ white-space:nowrap;}
.content1 .tit .p1{ font-size:14px;}
.content1 .tit .p2{ font-size:90%}
.content2 .tittle{ height:35px; color:#fff; background:#f05556; line-height:35px; font-size:18px;}
.content2 .wrap1 .tit .p1{ margin-bottom:5px;}
.content2 .wrap1 .tit .p2{margin-bottom:5px;
overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;
}
.content2 .r_wrap{ margin:auto -10px; margin-top:15px;}
.content2 .r_wrap .r_wrap1 a .tit{ font-size:18px;}
.content2 .r_wrap .r_wrap1{ padding:5px;}
.detail1 .prolist{ margin:auto -10px;}
.detail1 .prolist .col-xs-6{ padding:0 5px;}

.implement .row{ margin-top:10px;}
.implement .wrap2 img{  max-width:100%;}
.implement .tit1{ font-size:24px;}
.implement .tit2{ font-size:18px;}
.implement .number{}
.implement .number img{ display:inline; width:70px; height:70px;} 
.implement .clwrap{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px #CCCCCC dashed;}
.implement .img1{ display:none;}

.detail1 .prolist a{ height:165px; margin-bottom:15px;}
.detail1 .prolist .twrap{top:120px; height:165px; }
.detail1 .prolist .twrap .tit .tch{ font-size:14px; line-height:25px;}
.detail1 .prolist .twrap .tit .ten{ font-size:10px; }
.detail1 .prolist .twrap .tit .tmore{ margin-top:50px;}
.detail1 .prolist .twrap .tit{margin-top:0px}
.detail1 .case .img a{ height:90px;}
.detail1 .case2{ margin-bottom:10px;}
.detail1 .case2 div{ line-height:25px; height:25px;}
.detail1 .case2 div a{ display:block; padding-left:25px; background:url(../images/list.png) 10px center no-repeat; text-decoration:none; font-size:14px;}
.detail1 .case{margin-top:0px; margin-bottom:0px;}
.detail1 .case .col-md-3{ margin-bottom:10px;}

.content1 .img{ height:70px; }

}

/*IPAD*/
@media screen and (max-width: 1024px) and (min-width: 768px){

	}
	
/*IPAD*/
@media screen and (max-width: 1023px) and (min-width: 768px){
	.content2 .r_wrap{ margin-top:15px;}
.content2 .r_wrap .r_wrap1{ margin-bottom:10px;}
.content1 .tit{ text-align:center; width:100%}
.content1 .tit p{ white-space:nowrap;}
.content1 .tit .p1{ font-size:16px;}

.implement .img1{ display:none}

	}
	
/*pad*/	
@media (min-width:768px){

	
	}
/*pad pro*/	
@media (min-width:1024px){
.content1 .img{ float:left; width:40%;}
.content1 .tit{ float:left; padding-left:15px; width:60%; height:85px; display:table-cell; vertical-align:middle;}
.content1 .tit .p1{ font-size:20px; margin-top:20px;}
.content1 .tit .p2{ font-size:16px;}
.content1 .tit{ padding-left:15px;}
.content2{ padding:30px 0;}
.content2 .r_wrap .r_wrap1{ height:167px;}
.content2 .r_wrap .r_wrap1 img{ height:167px; width:100%;}
.content2 .wrap1{ height:195px;}
.content2 .wrap2{ height:140px;}

.implement .img2{ display:none}

	}
	
/*PC*/
@media (min-width:1200px) {

}
	

	
.detail1 .left .wrap1 .now{background:#ff6666; color:#fff;}	
.go-ypt {
    display: inline-block;
    border: 1px solid #FFF;
    width: 300px;
    height: 62px;
    background: #38f;
    color: #FFF;
    text-align: center;
    border-radius: 31px;
    font: 22px/62px "微软雅黑";
    margin-top: 60px;
}
.go-ypt:link,.go-ypt:visited{
 text-decoration:none;  /*超链接无下划线*/
}