body{background-color: #e3e7ef}
.banner{height: 400px;}
.banner .inner{height: 30px;margin-top: 340px}
.main{height: 770px;position: relative}
.mainL{width: 620px;padding-top: 60px}
.integrated_T{height: 160px;margin-bottom: 4px;}
.integrated_T div{display: block;width: 202px;height: 160px;margin-right: 4px;}
.integrated_T div h4{font-size: 22px;padding-top: 30px;color: #008f80;padding-bottom: 5px;font-weight: bold}
.integrated_T div p{font-size: 16px;color: #b1d7d3;font-weight: bold}
.yijikaifa{overflow: hidden;width: 202px;height: 160px}
.integrated_T a{display: block;width: 202px;height: 160px;background: url(../images/index_integr_pic_03.jpg) no-repeat center;background-size: cover;webkit-transition: .7s;transition: .7s}
.integrated_T a:hover{webkit-transform: scale(1.05); transform: scale(1.05)}
.integrated_T a span{font-size: 18px;color: #fff;padding: 32px 0 0 25px;display: block}
.mainL ul li{float: left;margin: 0 4px 4px 0;overflow: hidden}
.mainL ul li a{webkit-transition: .7s;transition: .7s}
.mainL ul li:hover a{webkit-transform: scale(1.05); transform: scale(1.05)}
.mainL ul li.li08:hover a{webkit-transform: scale(1.0); transform: scale(1.0)}
.mainL ul li a{display: block;width: 202px;height: 160px;}
.mainL ul li a span{font-size: 18px;color: #fff;padding: 32px 0 0 25px;display: block}
.mainL ul li.li01 a{background: url(../images/index_integr_pic_07.jpg) no-repeat center;background-size: cover}
.mainL ul li.li02 a{background: url(../images/index_integr_pic_09.jpg) no-repeat center;background-size: cover}
.mainL ul li.li03 a{background: url(../images/index_integr_pic_11.jpg) no-repeat center;background-size: cover}
.mainL ul li.li04 a{background: url(../images/index_integr_pic_20.jpg) no-repeat center;background-size: cover}
.mainL ul li.li05 a{background: url(../images/index_integr_pic_21.jpg) no-repeat center;background-size: cover}
.mainL ul li.li06 a{background: url(../images/index_integr_pic_22.jpg) no-repeat center;background-size: cover}
.mainL ul li.li07 a{background: url(../images/index_integr_pic_27.jpg) no-repeat center;background-size: cover}
.mainL ul li.li08 span{font-size: 22px;color: #008f80;padding-left: 32px;padding-bottom: 10px}
.mainL ul li.li08 i{display: block;width: 96px;padding-left: 32px;color: #b1d7d3;font-weight: bold}
.mainL ul li.li09 a{background: url(../images/index_integr_pic_28.jpg) no-repeat center;;background-size: cover}
.mainR{width: 442px;padding: 14px;background: url(../images/zezao_bai_02.png);position: absolute;right: 0;top: -57px}
.mainRBj{width: 470px;height: 779px;position: absolute;background: #e3e7ef;bottom: 0px;left: 0;z-index: 1}
.group{width: 387px;padding: 0 32px 0 23px;background:#fff url(../images/index_group_bg_03.jpg) no-repeat right top;z-index: 10;position: relative}
.group h3{font-size: 22px;color: #008f80;padding-top: 8px;line-height: 48px;font-weight: bold}
.group h3 span{color: #b5dbd6;font-size: 18px;margin-left: 15px}
.group img{display: block;width: 387px;height: 200px}
/*.group a{display: block;width: 387px;font-size: 18px;padding-top: 6px;line-height: 36px;color: #333333}*/
.group a.jtxwA{display: block;width: 280px;}
.group a:hover{color: #008f80}
.group h3 a{float: right;width: auto;font-size: 14px;font-weight: normal}
/*.group p{font-size: 12px;line-height: 24px;color: #666666}*/
.group ul{padding: 0 0 10px}
.group ul li{font-size: 12px;color: #b5b5b5;line-height: 30px}
.group ul.groupBtom li{margin-right: 13px}
.group ul.groupBtom li a{display: block;width: 317px;color: #666;font-size: 12px;line-height: 30px;padding: 0 0 0 20px;background: url(../images/dian_icon_hover_07.jpg) no-repeat 8px center}
.group ul.groupBtom li a:hover{color: #e70400}
.djgz,.xsgs,.mainR .more{z-index: 10;position: relative}
.djgz a{display: block;width: 221px;float: left;height: 140px;overflow: hidden}
.djgz a img{display: block;width: 100%;height: 140px;webkit-transition: .7s;transition: .7s}
.djgz a:hover img{webkit-transform: scale(1.05); transform: scale(1.05)}

.xsgs{width: 375px;padding: 0 33px;background-color: #fff}
.xsgs h3{font-size: 22px;color: #008f80;padding-top: 13px;line-height: 48px;font-weight: bold}
.xsgs h3 span{color: #b5dbd6;font-size: 18px;margin-left: 15px}
.xsgs ul{padding-bottom: 10px}
.xsgs ul li{font-size: 12px;color: #b5b5b5;margin-right: 13px;line-height: 30px}
.xsgs ul li a{display: block;width: 317px;color: #666;font-size: 12px;line-height: 30px;padding: 0 0 0 20px;background: url(../images/dian_icon_hover_07.jpg) no-repeat 8px center}
.xsgs ul li a:hover{color: #e70400}
.mainR .more{height: 42px;background-color: #f6f7fa;padding-top: 11px}
.mainR .more a{display: block;width: 133px;height: 30px;text-align: center;line-height: 30px;font-size: 14px;color: #008f80;margin: 0 auto 0;border: 1px solid #008f80;background: #fff;border-radius: 17px;webkit-transition: .7s;transition: .7s;}
.footer .inner>.fr {padding-right: 15px}
.mainR .more a:hover{background: #008f80;color: #fff}


/*.jtxwfocus{position: relative;width:387px; height:296px;overflow: hidden;}*/
/*!*.jtxwfocusDiv{position: relative;width:387px; height:287px;}*!*/
/*.jtxwfocus > ul{display: none;height: 287px;position: absolute;top:0;left: 8px;}*/
/*.jtxwfocus > ul > li{float: left;height: 200px}*/
/*.jtxwfocus > ul > li > img{display: block;width: 387px; height: 200px;}*/
/*.jtxwfocus > ul > li a.txt{font-size: 18px;color: #333;width: 380px;padding-top: 6px;line-height: 36px;display: block}*/
/*.jtxwfocus > ul > li p{font-size: 12px;line-height: 24px;color: #666666;width:387px!important;}*/
/*.group .prev,.group .next{width: 8px;height: 15px;display: block;position: absolute;top: 25px;cursor: pointer;}*/
/*.group  .prev{background: url("../images/prev_1.png") no-repeat;right: 68px}*/
/*.group  .prev:hover{background: url("../images/prev_2.png") no-repeat;right: 68px}*/
/*.group  .next:hover{background: url("../images/next_2.png") no-repeat;right: 35px}*/
/*.group .next{background: url("../images/next_1.png") no-repeat;right: 35px}*/

.focus{ position:relative; width:387px; height:287px;z-index: 2;float: left;margin-bottom: 8px;}
.focus img{ width: 387px; height: 200px;}
.focus .fPic{ position:absolute; left:0px; top:0px; width: 387px; height: 287px;}
.focus .fPic a.pic{display: block; width: 387px; height: 200px;padding: 0;margin: 0}
.focus .fPic a.txt{font-size: 18px;color: #333;width: 380px;padding-top: 6px;line-height: 36px;display: block}
.focus .fPic a.txt:hover{color: #008f80}
.focus .fPic p{font-size: 12px;line-height: 24px;color: #666666}
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus .fcon{ position:relative; width:100%; float:left;  display:none;}
.focus .fcon img{ display:block; }
#fsD1 .prev,#fsD1 .next{width: 8px;height: 15px;display: block;position: absolute;top: -30px;cursor: pointer;}
#fsD1 .prev{background: url("../images/prev_1.png") no-repeat;right: 35px}
#fsD1 .prev:hover{background: url("../images/prev_2.png") no-repeat;right: 35px}
#fsD1 .next:hover{background: url("../images/next_2.png") no-repeat;right: 0px}
#fsD1 .next{background: url("../images/next_1.png") no-repeat;right: 0px}

@media screen and ( min-width:1024px ) and ( max-width:1366px ){
    .inner{width: 1000px;margin: 0 auto}
    .main{height: 710px;}
    .mainRBj{width: 402px;height: 741px}
    .header .nav{width: 750px;}
    .header .nav ul li a{padding: 0 13px;}
    .header .nav ul li .jtxwM{margin-left: 297px!important;}
    .header .nav ul li .dcxmM{margin-left: 530px!important;}
    .header .nav ul li .zzjsM{margin-left: 562px!important;}
    .header .nav ul li .qyjsM{margin-left: 698px!important;}
    .header .nav ul li .ryjgM{margin-left: 699px!important;}
    .integrated_T{height: 146px;}
    .integrated_T div,.integrated_T a,.mainL ul li a{width: 184px;height: 146px;}
    .mainL{width:565px; }
    .mainR{width:374px;}
    .group{width:333px;padding: 0 20px}
    .xsgs{width:334px;padding: 0 20px}
    .group img{width:332px;height: 176px}
    .group a {width:238px; display:block; }
    .focus{height: 275px;margin-bottom: 0}
    .focus .fPic a.pic{height: 176px}
    .djgz a{width: 187px;}
    .djgz a img,.djgz a{height: 105px;}
    .focus,.focus .fPic,.focus .fPic a.pic,.focus .fPic a.txt{width: 333px}
}
@media only screen and (max-width: 1024px) and (min-width: 320px) {
    /*轮播图*/
    .banner{display: none}
    .bannerM{display: block!important;margin-top: 52px;}
    .main_visual{height:140px;overflow:hidden;position:relative; width:100%; }
    .main_image{height: 140px;overflow:hidden;position:relative;cursor: pointer}
    .main_image ul{width:9999px;height:140px;overflow:hidden;position:absolute;top:0;left:0;}
    .main_image li{float:left;width:100%;height:140px; position:relative;display: block}
    .main_image li a{display:block;width:100%;height:100%}
    .main_image li a img{height: 140px;}
    .flicking_con{position:absolute;bottom:15px;left:50%;height:11px;width:auto;margin-left: -50px;text-align: center}
    div.flicking_con a{float:left;width:11px;height:11px;background:url('../images/spanDian.png')no-repeat;display:block;text-indent:-1000px; margin-left: 7px;margin-right: 7px;z-index: 99998;position: relative}
    div.flicking_con a.on{background:url("../images/current.png") no-repeat}
    #btn_prev,#btn_next{width: 22px!important;height: 42px;position: absolute;top: 218px;left: 10%}
    #btn_next{background-position: 0 -47px;left: 90%;}
    .main{height: auto;width: 94%;margin: 0 auto}
    .mainL{width:100%; padding-top:0; }
    .mainRBj{display: none }
    .mainR{position: initial;width:100%;background: none;padding: 0;margin-top: 30px}
    .integrated_T{height: 140px}
    .integrated_T div{width: 50%;height: 140px}
    .ulPc,.yijikaifaP{display: none!important;}
    .ulM{display: block!important;}
    .mainL ul li{width: 49%;margin:0 0 4px}
    .mainL ul li:nth-child(2n+1){margin:0 2% 0 0}
    .mainL ul li a{width: 100%}
    .ulM li:first-child a {display: block;width: 100%;background: url(../images/index_integr_pic_03.jpg) no-repeat center;  background-size: cover;  webkit-transition: .7s;  transition: .7s;  }
    .group{width: 100%;padding: 0;background: none;padding-top: 0}
    .focus,.focus .fPic,.focus .fPic a.pic,.focus img{width: 100% }
    .group ul.groupBtom li a{width:100%}
    .focus .fPic a.txt{width: 100%}
    .djgz a{width: 50%;height: auto}
    .djgz a img{height: auto}
    .xsgs{width: 100%;padding: 0;margin-top: 20px}
    .xsgs h3{padding: 0 2%;font-size: 20px}
    .xsgs h3 span{margin-left:10px;font-size: 14px; }
    .xsgs ul li a{width: 90%}
.integrated_T a{display: none!important}
}