
/*对应PC端页面*/
@media screen and (min-width:1000px){
/* 移植工程案例 */
.casebg{width: 100%;padding: 30px 0 60px;background: #f2f3fb url(../image/casebg.png)center no-repeat;}
.frame{width: 1170px;margin-right:auto;margin-left:auto;}
.p20{padding:20px;}
.mt20{margin-top:20px;}
.cases-tab{height:36px;}
.cases-tab li{line-height:40px;height:40px;color:#333;font-size:17px;cursor:pointer;width:25%;text-align:center;float:left;}
.cases-tab li a,.cases-tab li a:visited{color:#fff;}
.cases-tab li.hover{color:#333;background-color:#03933b;}
.cases-tab li.hover a,.cases-tab li.hover a:visited{color:#fff;}
.cases-tab-con{display:block;width: 1170px;position:relative;}
.cases-tab-con li{width: 370px;background-color:#FFF;display:block;position:relative;float:left;margin-right:13px;margin-bottom:20px;}
.cases-tab-con li img{width: 100%;display:block;z-index:0;}
.cases-tab ul{display:block;height:36px;}
.cases-tab-con li a:hover img{animation-name:pulse;animation-duration:3s;}
.cases-con{padding-top:20px;}
.cases-tab-con li p{background-image:url(../image/bg-black.png);background-repeat:repeat;position:absolute;z-index:10;right:0px;display:block;line-height:30px;bottom:0px;width:100%;text-align:center;color:#FFF;}
/* .case-bg{background-image:url(../image/cases-bg.jpg);background-repeat:no-repeat;background-position:center top;padding-top:180px;} */
/* .case-bg .frame{bssssackground-image:url(../image/bg-white.png);background-repeat:repeat;} */
::-webkit-input-placeholder{color:#ababab;opacity:1;}
::-moz-placeholder{color:#ababab;opacity:1;}
:-ms-input-placeholder{color:#ababab;opacity:1;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}}
@keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}}

/* 移植新闻中心 */
.newsbg{width: 100%;padding: 30px 0 60px;background: #f2f3fb url(../image/newsbg.png)center no-repeat;}
.news_title{text-align:center;width:100%;margin-top:25px;margin-bottom:50px;padding-bottom:0px;position:relative;z-index:99;}
.news{width:1200px;margin:0 auto;margin:0px auto 75px auto;}
.pronav{height:70px;width:790px;margin:0 auto;line-height:40px;}
.pronav ul li{float:left;width:240px;background:#f5f5f5;}
.pronav ul li+li{margin-left:35px;}
.pronav ul li.active{background:#03933b;color:#fff;}
.pronav ul li a{text-align:center;display:block;color:#333;font-size:18px;}
.pronav ul li.active a{color:#fff;font-weight:bold;}
.news_div_item{width:790px;height:135px;float:left;margin:0 0 5px 0;position:relative;border-bottom:1px #e9e9e9 solid;}
.news_div_item_pic{width: 15%;float:left;}
.news_div_item_pic img{width: 100%;border:1px solid #ccc;padding:2px;background:#fff;}
.news_div_item_content{width:600px;height:100px;float:right;}
.news_div_item_content:hover a{color:#03933b;}
.news_div_item_title{height:15px;padding-top:15px;}
.news_div_item_a{font-size:16px!important;color:#333;}
.news_div_item_body{line-height:28px;padding-top:15px;font-size:14px;}
.news_div_item_date{position:absolute;top:80px;right:0;color:#999;}
.news_div_item_year,.news_div_item_month,.news_div_item_day{float:left;}
.news_div_item,.divdgweb_new_div_item{position:relative;padding:5px 0;overflow:hidden;transition:0.3s all ease;border-bottom:1px #c5c5c5 solid;margin-bottom:5px;}
.divdgweb_new_div_item_content{width: 83%;float:right;}
.divdgweb_new_div_item_date{position:absolute;top: 118px;right:0;color:#999;}
.divdgweb_new_div_item_year,.divdgweb_new_div_item_month,.divdgweb_new_div_item_day{float:left;}
.divdgweb_new_div_item_title{height:15px;padding-top:15px;}
.divdgweb_new_div_item_title a{font-size: 17px!important;color:#333;}
.divdgweb_new_div_item_content:hover a{color:#03933b;}
.divdgweb_new_div_item_body{line-height:28px;padding-top: 36px;font-size: 15px;}
.feedback{background:#f9f9f9;font-size:14px;border:1px solid #ddd;padding:15px 23px 25px 35px;width:310px;margin-left:2px;}
.index-active-yy input{display:block;height:34px;width:90%;float:left;margin-bottom:14px;margin-right:16px;font-size:14px;color:#333;padding-left:16px;}
.index-active-yy button{font-size:16px;color:#333;margin-left:10px;line-height:30px;padding:0 20px;border-radius:5px;}
.feedback p{text-align:center;width:95%;font-size:18px;text-align:center;line-height:40px;padding-bottom:5px;}
.height9{width:90%;height:42px;padding:15px 0;float:left;line-height:21px;margin-bottom:14px;margin-right:16px;font-size:14px;color:#888;padding-left:16px;}	
}


/*对应平板端页面*/
@media screen and (max-width:1000px) and (min-width:768px) {
/* 移植工程案例 */
.casebg{width: 100%;padding: 30px 0 60px;background: #f2f3fb url(../image/casebg.png)center no-repeat;}
.frame{width: 100%;margin-right:auto;margin-left:auto;}
.p20{padding:20px;}
.mt20{margin-top:20px;}
.cases-tab{height:36px;}
.cases-tab li{line-height:40px;height:40px;color:#333;font-size:17px;cursor:pointer;width:25%;text-align:center;float:left;}
.cases-tab li a,.cases-tab li a:visited{color:#fff;}
.cases-tab li.hover{color:#333;background-color:#03933b;}
.cases-tab li.hover a,.cases-tab li.hover a:visited{color:#fff;background-color: #fff;}
.cases-tab-con{display:block;width: 100%;position:relative;}
.cases-tab-con li{width:31.3333333%;background-color:#FFF;display:block;position:relative;float:left;margin-right:13px;margin-bottom:20px;}
.cases-tab-con li img{width: 100%;display:block;z-index:0;}
.cases-tab ul{display:block;height:36px;}
.cases-tab-con li a:hover img{animation-name:pulse;animation-duration:3s;}
.cases-con{padding-top:20px;}
.cases-tab-con li p{background-image:url(../image/bg-black.png);background-repeat:repeat;position:absolute;z-index:10;right:0px;display:block;line-height:30px;bottom:0px;width:100%;text-align:center;color:#FFF;}
/* .case-bg{background-image:url(../image/cases-bg.jpg);background-repeat:no-repeat;background-position:center top;padding-top:180px;} */
/* .case-bg .frame{background-image:url(../image/bg-white.png);background-repeat:repeat;} */
::-webkit-input-placeholder{color:#ababab;opacity:1;}
::-moz-placeholder{color:#ababab;opacity:1;}
:-ms-input-placeholder{color:#ababab;opacity:1;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}}
@keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}}

/* 移植新闻中心 */
.newsbg{width: 100%;padding: 30px 0 60px;background: #f2f3fb url(../image/newsbg.png)center no-repeat;}
.news_title{text-align:center;width:100%;margin-top:25px;margin-bottom:50px;padding-bottom:0px;position:relative;z-index:99;}
.news{width:100%;margin:0 auto;margin:0px auto 75px auto;}
.pronav{height:50px;width:85%;margin:0 auto;line-height:40px;}
.pronav ul li{float:left;width:240px;background:#f5f5f5;}
.pronav ul li+li{margin-left:35px;}
.pronav ul li.active{background:#03933b;color:#fff;}
.pronav ul li a{text-align:center;display:block;color:#333;font-size:18px;}
.pronav ul li.active a{color:#fff;font-weight:bold;}
.news_div_item{width:790px;height:135px;float:left;margin:0 0 5px 0;position:relative;border-bottom:1px #e9e9e9 solid;}
.news_div_item_pic{width: 15%;float:left;}
.news_div_item_pic img{width: 100%;border:1px solid #ccc;padding:2px;background:#fff;}
.news_div_item_content{width:600px;height:100px;float:right;}
.news_div_item_content:hover a{color:#03933b;}
.news_div_item_title{height:15px;padding-top:15px;}
.news_div_item_a{font-size:16px!important;color:#333;}
.news_div_item_body{line-height:28px;padding-top:15px;font-size:14px;}
.news_div_item_date{position:absolute;top:80px;right:0;color:#999;}
.news_div_item_year,.news_div_item_month,.news_div_item_day{float:left;}
.news_div_item,.divdgweb_new_div_item{position:relative;padding:5px 0;overflow:hidden;transition:0.3s all ease;border-bottom:1px #c5c5c5 solid;margin-bottom:5px;}
.divdgweb_new_div_item_content{width: 83%;float:right;}
.divdgweb_new_div_item_date{position:absolute;top: 100px;right:0;color:#999;}
.divdgweb_new_div_item_year,.divdgweb_new_div_item_month,.divdgweb_new_div_item_day{float:left;}
.divdgweb_new_div_item_title{height:15px;padding-top:15px;}
.divdgweb_new_div_item_title a{font-size: 17px!important;color:#333;}
.divdgweb_new_div_item_content:hover a{color:#03933b;}
.divdgweb_new_div_item_body{line-height:28px;padding-top: 36px;font-size: 15px;}
.feedback{background:#f9f9f9;font-size:14px;border:1px solid #ddd;padding:15px 23px 25px 35px;width:310px;margin-left:2px;}
.index-active-yy input{display:block;height:34px;width:90%;float:left;margin-bottom:14px;margin-right:16px;font-size:14px;color:#333;padding-left:16px;}
.index-active-yy button{font-size:16px;color:#333;margin-left:10px;line-height:30px;padding:0 20px;border-radius:5px;}
.feedback p{text-align:center;width:95%;font-size:18px;text-align:center;line-height:40px;padding-bottom:5px;}
.height9{width:90%;height:42px;padding:15px 0;float:left;line-height:21px;margin-bottom:14px;margin-right:16px;font-size:14px;color:#888;padding-left:16px;}	
}


/*对应手机端页面*/
@media screen and (max-width:768px){
/* 移植工程案例 */
.casebg{width: 100%;padding: 30px 0 60px;background: #f2f3fb url(../image/casebg.png)center no-repeat;}
.frame{width: 100%;margin-right:auto;margin-left:auto;}
.p20{padding:20px;}
.mt20{margin-top:20px;}
.cases-tab{height:36px;}
.cases-tab li{line-height:40px;height:40px;color:#333;font-size: 14px;cursor:pointer;width: 50%;text-align:center;float:left;}
.cases-tab li a,.cases-tab li a:visited{color:#fff;}
.cases-tab li.hover{color:#333;background-color:#03933b;}
.cases-tab li.hover a,.cases-tab li.hover a:visited{color:#fff;}
.cases-tab-con{display:block;position:relative;}
.cases-tab-con li{width: 48%;background-color:#FFF;display:block;position:relative;float:left;margin: 1%;}
.cases-tab-con li img{width: 100%;display:block;z-index:0;}
.cases-tab ul{display:block;height:36px;}
.cases-tab ul a{white-space:nowrap;}
.cases-tab-con li a:hover img{animation-name:pulse;animation-duration:3s;}
.cases-con{padding-top:20px;}
.cases-tab-con li p{background-image:url(../image/bg-black.png);background-repeat:repeat;position:absolute;z-index:10;right:0px;display:block;line-height:30px;bottom:0px;width:100%;text-align:center;color:#FFF;}
/* .case-bg{background-image:url(../image/cases-bg.jpg);background-repeat:no-repeat;background-position:center top;padding-top: 90px;-moz-background-size: 100% 100%;background-size: 270%;} */
/* .case-bg .frame{background-image:url(../image/bg-white.png);background-repeat:repeat;} */
::-webkit-input-placeholder{color:#ababab;opacity:1;}
::-moz-placeholder{color:#ababab;opacity:1;}
:-ms-input-placeholder{color:#ababab;opacity:1;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}}
@keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}}

/* 移植新闻中心 */
.newsbg{width: 100%;padding: 30px 0 0;background: #f2f3fb url(../image/newsbg.png)center no-repeat;}
.news_title{text-align:center;width:100%;margin-top:25px;margin-bottom:50px;padding-bottom:0px;position:relative;z-index:99;}
.news{width: 100%;margin:0 auto;margin:0px auto 75px auto;}
.pronav{height:50px;width: 90%;margin:0 auto;line-height:33px;}
.pronav ul li{float:left;width: 31.3333333%;margin: 1%;background:#f5f5f5;}
.pronav ul li+li{}
.pronav ul li.active{background:#03933b;color:#fff;}
.pronav ul li a{text-align:center;display:block;color:#333;font-size:16px;}
.pronav ul li.active a{color:#fff;font-weight:bold;}
.news_div_item{width:790px;height:135px;float:left;margin:0 0 5px 0;position:relative;border-bottom:1px #e9e9e9 solid;}
.news_div_item_pic{width: 35%;float:left;}
.news_div_item_pic img{width: 100%;border:1px solid #ccc;padding:2px;background:#fff;}
.news_div_item_content{width:600px;height:100px;float:right;}
.news_div_item_content:hover a{color:#03933b;}
.news_div_item_title{height:15px;padding-top:15px;}
.news_div_item_a{font-size:16px!important;color:#333;}
.news_div_item_body{line-height:28px;padding-top:15px;font-size:14px;}
.news_div_item_date{position:absolute;top:80px;right:0;color:#999;}
.news_div_item_year,.news_div_item_month,.news_div_item_day{float:left;}
.news_div_item,.divdgweb_new_div_item{position:relative;padding: 2% 4%;overflow:hidden;transition:0.3s all ease;border-bottom:1px #c5c5c5 solid;}
.divdgweb_new_div_item_content{width: 60%;float:right;}
.divdgweb_new_div_item_date{display: none;position:absolute;top:80px;right:0;color:#999;}
.divdgweb_new_div_item_year,.divdgweb_new_div_item_month,.divdgweb_new_div_item_day{float:left;}
.divdgweb_new_div_item_title{height:15px;padding-top: 10px;}
.divdgweb_new_div_item_title a{font-size: 17px!important;color:#333;-webkit-box-orient: vertical;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.divdgweb_new_div_item_content:hover a{color:#03933b;}
.divdgweb_new_div_item_body{line-height: 28px;padding-top: 25px;font-size: 15px;}
.divdgweb_new_div_item_body p{-webkit-box-orient: vertical;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;}
.feedback{background:#f9f9f9;font-size:14px;border:1px solid #ddd;padding:15px 23px 25px 35px;width:310px;margin-left:2px;}
.index-active-yy input{display:block;height:34px;width:90%;float:left;margin-bottom:14px;margin-right:16px;font-size:14px;color:#333;padding-left:16px;}
.index-active-yy button{font-size:16px;color:#333;margin-left:10px;line-height:30px;padding:0 20px;border-radius:5px;}
.feedback p{text-align:center;width:95%;font-size:18px;text-align:center;line-height:40px;padding-bottom:5px;}
.height9{width:90%;height:42px;padding:15px 0;float:left;line-height:21px;margin-bottom:14px;margin-right:16px;font-size:14px;color:#888;padding-left:16px;}	
}
