@charset "utf-8";
/* CSS Document */
.content{}
.content .tit{ display:table;}
.content .wrap{ display:table-cell; vertical-align:middle;}
.content .tit .wrap .p1{ font-size:24px; color:#666; margin-top:15px;}
.content .tit .wrap .p2{ font-size:36px; color:#1ab4f0; margin-top:15px;}
.content .tit .wrap .p3{ font-size:20px; color:#333; margin-top:15px; line-height:35px;}
.content .tit .wrap ul{ overflow:hidden; margin-top:50px;}
.content .tit .wrap ul li{ float:left; width:33%; text-align:center;}
.content .tit .wrap ul li p{ font-size:16px; color:#666; margin-top:35px;}
.content .img{ display:table;}

.d_content{}
.d_content .d_nav{ text-align:center; padding:15px 0;}
.d_content .d_nav a{ display:block; color:#fff; background:#a0a0a0; border-radius:5px; border:1px #e5e5e5 solid; text-decoration:none;}
.d_content .d_nav a:hover{ background:#0092df;}
.d_content .tittle{  width:100%; height:45px;}
.d_content .tittle1{ background:url(../images/pjt001.png) center no-repeat; }
.d_content .tittle2{ background:url(../images/pjt002.png) center no-repeat;}
.d_content .tittle3{ background:url(../images/pjt011.png) center no-repeat;}
.d_content .tittle4{ background:url(../images/pjt012.png) center no-repeat;}
.d_content .tittle5{ background:url(../images/pjt017.png) center no-repeat;}
.d_content .tittle6{ background:url(../images/pjt018.png) center no-repeat;}
.d_content .pro{ padding:15px 0;}
.d_content .pro .img{ margin:15px;}
.d_content .pro .img .wrap{ margin:15px;} 
.d_content .pro .img img{ text-align:center}
.d_content .pro .tit1{ font-size:24px; color:#000; text-align:center; line-height:40px; }
.d_content .pro .tit2{ color:#666; margin:15px; text-align:justify;}

.d_content2{ width:100%;}
.d_content2 .left{ float:left; width:250px; margin-bottom:15px;}
.d_content2 .left .wrap{ background:#f6fafd; border:1px #eee solid;}
.d_content2 .left .wrap1{ position:relative; z-index:1; padding-bottom:30px;}
.d_content2 .left .wrap2{ position:relative; z-index:3; margin-top:-25px; text-align:center;}
.d_content2 .left .wrap3{ position:relative; z-index:1; padding-top:50px; margin-top:-25px;}
.d_content2 .left .tittle{ color:#fff; font-size:24px; text-align:center; background:#0092df; line-height:70px;}
.d_content2 .left .list{ padding:15px;  background:#f6fafd; }
.d_content2 .left .list ul{}
.d_content2 .left .list ul li{ background:url(../images/pjt009.png) bottom center no-repeat; padding-bottom:12px; margin-bottom:5px;}
.d_content2 .left .list ul li a{ display:block; color:#000; background:#fff; line-height:45px; font-size:16px; text-decoration:none; text-align:center;}
.d_content2 .left .list ul li a:hover{ background:#1ab4f0; color:#fff;}

.d_content2 .right{ float:right; width:870px; margin-bottom:15px;}
.d_content2 .right .wrap{ border:1px #eee solid;}
.d_content2 .right .wrap .wrap-1{ margin:15px;}
.d_content2 .right .wrap .tittle{ background:#0092df; color:#fff; font-size:24px; line-height:60px;  text-align:center;}
.d_content2 .right .wrap .tit1{ font-size:18px; color:#333;}
.d_content2 .right .wrap .img{ text-align:center; margin-top:15px;}
.d_content2 .right .wrap .tit2{ text-align:center;margin-top:15px;}
.d_content2 .right .wrap .tit2 span{ color:#fff; background:#8fc31f; padding:10px 20px; border-radius:5px; font-size:24px;}
.d_content2 .right .wrap .tit3{ font-size:18px; color:#8fc31f; text-align:center; margin-top:15px;}
.d_content2 .right .wrap .tit4{ font-size:16px; line-height:30px; color:#333; margin:15px;}


.d_content2 .right .pro .list{ margin:15px;}

.d_content2 .right .pro a{ text-decoration:none;  width:100%}
.d_content2 .right .pro a .img{ border:1px #e5e5e5 solid; text-align:center;text-align: -webkit-center;}
.d_content2 .right .pro a p{ text-align:center; line-height:25px; margin-top:10px;}
.d_content2 .right .pro  a:hover{ color:#0092df;}

.d_content2 .aboutus{ margin:15px auto;}
.d_content2 .aboutus .tittle{ font-size:24px; text-align:center;}
.d_content2 .aboutus .tit1{ line-height:30px; text-indent:30px; margin:15px auto; font-size:16px; text-align:justify; text-indent:30px;}
.d_content2 .aboutus .img{ text-align:center;text-align: -webkit-center;}

.d_content2 .time{ text-align:center; color:#999; margin-top:10px;}
.d_content2 .line{ width:100%; height:1px; font-size:0; background:#eee;}
.d_content2 .page{}
.d_content2 .page p{ font-size:18px; line-height:45px;}
.d_content2 .page p a{ color:#333; text-decoration:none;}
.d_content2 .page p a:hover{ color:#0092df;}

.d_content .contactus .tit2{ width:100%; background:#f9f9f9; overflow:hidden; margin-bottom:20px; padding:10px 15px; border-radius:3px;}
.d_content .contactus .tit2 .tit-left{ float:left; color:#fff; border-radius:5px; font-size:18px; line-height:30px; padding:5px 15px; margin-top:5px;}
.d_content .contactus .tit2 .tit-right{ float:left; margin-left:20px; line-height:25px;}

.d_content .tittle{ font-size:24px; text-align:center;}

.d_content .online{}
.d_content .online .wrap{ overflow:hidden; line-height:30px; margin-bottom:15px; font-size:16px;}
.d_content .online .wrap .tleft{ width:25%; float:left; text-align:right;}
.d_content .online .wrap .tright{ width:75%; float:left;}
.d_content .online .wrap .tright input[type="text"]{ width:80%; border:1px #ddd solid; border-radius:3px; text-indent:5px;}
.d_content .online .wrap .tright textarea{ width:100%; height:100px; border-radius:3px; border:1px #ddd solid;}
.d_content .online .wrap2{ text-align:center;}
.d_content .online .wrap2 input[type="button"]{ background:#0092df; text-align:center; color:#fff; border:0; border-radius:3px; width:120px; height:35px; line-height:35px; font-size:18px;}

.d_content .case{ margin-left:-5px; margin-right:-5px;  margin-top:15px; margin-bottom:20px;}
.d_content .case .col-md-3{ margin-bottom:15px; padding:0 5px; }
.d_content .case .img{ display:table; }
.d_content .case .img a{    height:90px; display:block;  display:table-cell; vertical-align:middle;  text-align:center;text-align: -webkit-center; padding:3px; border:1px #e5e5e5 solid;}
.d_content .case .img img{ max-height:100%;}
.d_content .case .img a:hover{ border:1px #0093dd solid;}

.d_content .news{ padding:20px 0;}
.d_content .news a{ display:block; overflow:hidden; padding-left:10px; background:url(../images/pjt013.png) left center no-repeat; height:45px; line-height:45px; text-decoration:none; margin-bottom:5px;}
.d_content .news a .newstit{ width:75%; float:left; font-size:16px; color:#333;}
.d_content .news a .date{ width:25%; float:right; white-space:nowrap; text-align:center; color:#999;}
.d_content .news a:hover .newstit, .d_content .news a:hover .date{ color:#1ab4f0;}

.zhuce{ margin:30px auto;}
.zhuce .tittle{line-height:50px; height:50px; text-align:center; overflow:hidden;}
.zhuce .tittle li{ float:left; width:33%}
.zhuce .tittle .on{ color:#fff;}
.zhuce .tittle1{ background:url(../images/pjt014.png) center no-repeat; background-size:100%;}
.zhuce .tittle2{ background:url(../images/pjt015.png) center no-repeat; background-size:100%;}
.zhuce .tittle3{ background:url(../images/pjt016.png) center no-repeat; background-size:100%;}
.zhuce .tab_content{ width:100%; margin: auto; box-shadow: 0 0 6px 1px rgba(100, 100, 100, 0.2); border-radius:5px;}
.zhuce .tab_content .wrap{ padding:20px 30px; margin-top:30px; font-size:15px;}
.zhuce .tab_content h2{ text-align:center; color:#0093dd;}
.zhuce .tab_content h3{ text-align:center; color:#666;}
.zhuce .tab_content h3 a{ color:#F00; text-decoration:none;}
.zhuce .tab_content h3 a:hover{ text-decoration:underline;}
.zhuce .infor{ line-height:30px; margin-top:20px;} 
.zhuce .infor .tit1{ font-weight:bold; color:#000; padding-left:5px;}
.zhuce .infor .inp1{ width:100%; border:1px #e5e5e5 solid; border-radius:3px; text-indent:5px; text-indent:10px;}
.zhuce .btn1{ text-align:center; margin-top:15px;}
.zhuce .btn1 button{ background:#0093dd; border-radius:3px; border:1px #eee solid; line-height:35px; width:120px; color:#fff; cursor:pointer; font-size:18px;}
.zhuce .btn1 button:hover{ background:#1ab4f0;}
.zhuce .infor2{ text-align:center;  line-height:35px; margin-top:15px;}
.zhuce .infor2 a{ color:#F00; text-decoration:none;}
.zhuce .infor2 a:hover{ text-decoration:underline;}
.zhuce .infor3{ margin-top:10px; padding-left:5px;}
.zhuce .infor3 img{ width:100px; height:30px;}

.d-login{ border-top:1px #eee solid; padding:50px 0;}
.d-login .wrap{ width:350px; height:410px; background:#fff; border-radius:5px; border:1px #eeeeee solid; margin:auto;}
.d-login .wrap .tittle{ background:#cce198; color:#fff; font-size:24px; line-height:60px; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center;}
.d-login .wrap .infor{ margin:15px 30px;}
.d-login .wrap .infor .tit1{ overflow:hidden; margin:20px auto;}
.d-login .wrap .infor .tit1 input{ width:230px; height:35px; border-radius:3px; border:1px #dcdcdc solid; float:right; text-indent:5px;}
.d-login .wrap .infor .tit2{ padding-left:70px; }
.d-login .wrap .infor .tit2 span{ cursor:pointer; margin-left:15px;}
.d-login .wrap .infor .tit2 span:hover{ color:#F00;}
.d-login .wrap .infor .tit3{ width:100%; margin:auto; margin-top:20px; text-align:center;}
.d-login .wrap .infor .tit3 button{ width:85%; background:#1ab4f0; border-radius:3px; color:#fff; line-height:40px; border:0; font-size:24px; letter-spacing:5px;}
.d-login .wrap .infor .tit3 button:hover{ background:#0093dd;}
.d-login .wrap .infor .tit4{ text-align:center; margin-top:15px; font-family:"宋体"; font-size:12px;}
.d-login .wrap .infor .tit4 a{ text-decoration:none; margin:auto 30px;}
.d-login .wrap .infor .tit4 a:hover{color:#F00;}




/*PC*/
@media (min-width:1200px) {
.content .wrap{height:600px;}
.d_content .d_nav a{ height:45px; line-height:45px; font-size:24px; margin:0 15px;}
.d_content .tittle{ margin:15px auto;}
.d_content .pro .tit2{ font-size:16px; line-height:30px;}
.d_content2 .left{width:250px;}
.d_content2 .right{width:870px;}
}


/*手机*/
@media (max-width:767px){
	.content .tit .wrap .p1{ font-size:20px; color:#666; margin-top:30px;}
	.content .tit .wrap .p2{ font-size:30px; margin-top:5px;}
	.content .tit .wrap .p3{ font-size:14px;line-height:25px; margin-top:5px;}
	.content .tit .wrap ul{ margin-top:20px;}
	.content .tit .wrap ul li{ margin-bottom:15px;}
	.content .tit .wrap ul li p{ margin-top:10px;}
	.content .tit .wrap ul li img{ padding: 0 20px; max-width: 100%;}
	.d_content .d_nav a{ height:30px; line-height:30px; font-size:18px;}
	.d_content .pro .tit2{ font-size:14px; line-height:25px;}
	.d_content2 .left{width:100%}
	.d_content2 .right{width:100%;}
	.zhuce .tittle{ font-size:18px;}
	.stepform #progressbar li{padding-left:20px;}
	.stepform { margin-top:20px;}
	.stepform .fieldset { padding:15px;}
	.stepform #progressbar{ font-size:100%; }
.stepform #progressbar li{ font-size:95%}
.d_content2 .page p{ font-size:16px; line-height:35px;}
.d_content2 .aboutus .tit2 .tit-right{ margin-left:10px;}
.d_content .online .wrap{font-size:14px;}
	

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

	}
	
/*IPAD*/
@media screen and (max-width: 1023px) and (min-width: 768px){
	.content .img{width:100%}
	.content .img .wrap {text-align:center;text-align: -webkit-center;}
	.d_content .pro .img{width:100%}
	.d_content .pro .img .wrap {text-align:center;text-align: -webkit-center;}
	
	}
	
/*pad*/	
@media (min-width:768px){

	.content .tit .wrap .p1{ color:#666; margin-top:30px;}
	.content .tit .wrap .p2{ margin-top:5px;}
	.content .tit .wrap .p3{ margin-top:5px;}
	.content .tit .wrap ul{ margin-top:20px;}
	.content .tit .wrap ul li{ margin-bottom:15px;}
	.content .tit .wrap ul li p{ margin-top:20px;}
	.d_content .d_nav a{ height:35px; line-height:35px; font-size:20px; margin:0 15px;}
	.d_content .tittle{ margin:10px auto;}
	.d_content .pro .tit2{ font-size:14px; line-height:25px;}
	.d_content2 .left{width:180px;}
	.d_content2 .right{width:520px;}
	
	}
/*pad pro*/	
@media (min-width:1024px){
.content .wrap{height:450px;}
.d_content .d_nav a{ height:40px; line-height:40px; font-size:22px; margin:0 15px;}
.d_content .tittle{ margin:15px auto;}
.d_content .pro .tit2{ font-size:16px; line-height:30px;}

.d_content2 .left{width:200px;}
.d_content2 .right{width:720px;}

	}
	
/*PC*/
@media (min-width:1200px) {
.d_content2 .left{width:250px;}
.d_content2 .right{width:870px;}

}