@import url(jquery.bxslider.css);
@import url(pscroll.css);
/*首页*/
.i_bg{ background:url(../images/i_bg2.png) left top no-repeat; overflow:hidden;}
.i_title{ margin-top:6%; margin-bottom:4%; overflow:hidden; text-align:center; }
.i_title label{ display:block; font-family:Arial; font-size:48px; color:#eeeeee; text-transform:uppercase; letter-spacing:-3px;}
.i_title h2{height:32px; line-height:32px; overflow:hidden; font-weight:normal; font-size:32px;color:#333333; margin-bottom:2px; margin-top:5px;}
.i_title p{background:url(../images/i_bg1.jpg) left center repeat-x; line-height:36px;font-size:14px; color:#666666;}
.i_title p span{ display:inline-block; background-color:#fff; padding-left:4px; padding-right:4px;}
.i_fenbu{ overflow:hidden; margin-top:60px;}
.i_fenbu ul{ display:table; width:100%;height:100%; overflow:hidden;}
.i_fenbu ul li{ width:7%;overflow:hidden; height:635px; float:left; position:relative; color:#fff;/*transition:all 0.3s;*/ display:table-cell; vertical-align:middle; /*height:100%;*/}
.i_fenbu ul li.bgs1{ background-color:#81d1f6;}
.i_fenbu ul li.bgs2{background-color:#41b3e7;}
.i_fenbu ul li.bgs3{background-color:#43a9d8;}
.i_fenbu ul li.bgs4{background-color:#1f7cdb;}
.i_fenbu ul li.bgs5{background-color:#305ec3;}
.i_fenbu ul li.bgs6{background-color:#274993;}
.i_fenbu ul li#ons{ width:65%;}
.i_fenbu ul li#ons .divs{ width:89.2%;}
.i_fenbu ul li#ons .divs2{width:10.8%;}
.i_fenbu ul li .divs2{ float:left;width:100%;/* height:475px;*/ height:100%;text-align:center; font-size:12px; cursor:pointer;/*transition: all 0.3s;*/ overflow:hidden;}
.i_fenbu ul li .divs2:hover{filter:alpha(opacity=80);opacity:0.8;}
.i_fenbu ul li .divs2 .divs2_txt{ width:70%; margin:0 auto; max-width:135px; padding-top:175px; text-align:left; overflow:hidden; }
.i_fenbu ul li .divs2 h2{ font-weight:normal; font-size:24px;writing-mode:tb-rl; text-transform:uppercase;  float:left; vertical-align:top; margin-left:20px;}
.i_fenbu ul li .divs2 p{writing-mode:tb-rl;float:left; vertical-align:top; font-size:18px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px;}
.i_fenbu ul li .divs{ overflow:hidden; width:0%; height:100%; float:right; overflow:hidden;}
.i_fenbu ul li .divs .imgs{ float:left; width:70.5%; height:100%;}
.i_fenbu ul li .divs .divs_r{line-height:22px;font-size:12px; text-align:left; float:left; width:29.5%; overflow:hidden; }
.i_fenbu ul li .divs .divs_r h2{ font-size:18px; font-weight:normal; margin-bottom:10px; margin-top:175px; padding-left:6%; padding-right:6%;}
.i_fenbu ul li .divs .divs_r p{/* max-height:160px;*/ padding-left:6%; padding-right:6%; line-height:20px; overflow:hidden; padding-top:2%;}
.i_fenbu ul li .divs .divs_r .morea{ margin-top:10%; margin-left:6%; max-width:96px; width:50%; height:30px; line-height:30px; display:block; border:1px solid #fff; color:#fff; text-align:center; border-radius:6px; font-size:12px;}
.i_fenbu ul li .divs .divs_r .morea label{ font-size:26px; font-family:Arial; margin-left:5%;transition:all 0.3s; vertical-align:bottom;}
.i_fenbu ul li .divs .divs_r .morea:Hover{background-color:#1f7cdb; color:#fff;border:1px solid #1f7cdb; }
.i_fenbu ul li .divs .divs_r .morea:Hover label{ margin-left:10%;}

.i_about_bg{ height:972px; overflow:hidden; background:url(../images/i_bg3.jpg) center top no-repeat;}
.i_about{ overflow:hidden; padding-bottom:4%; margin:0 auto; width:1118px;}
.i_about .i_about_l{ float:right; width:589px; line-height:20px; font-size:12px; color:#666666; margin-top:5px; height:429px; background:url(../images/i_bg4.jpg) 9px 7px no-repeat;}
.i_about .i_about_l ul li{ display:block; padding-left:30px; background:url(../images/i_pic1.png) left 3px no-repeat; margin-bottom:30px;}
.i_about .i_about_l h2{ color:#666666; font-size:16px; line-height:30px; height:30px;  font-weight:normal; margin-bottom:2px;}
.i_about .i_about_l h2 em{ float:right; font-size:14px; font-weight:normal; font-style:normal;}
.i_about .i_about_l p{ height:40px; overflow:hidden;color:#666666;}
.i_about .i_about_l .date{ color:#666666; font-size:14px; margin-bottom:3px; display:block; padding-top:2px;}
.i_about .i_about_l ul li:hover{ background:url(../images/i_pic2.png) left 3px no-repeat;}
.i_about .i_about_l ul li:hover h2{ color:#1f7cdb;}
.i_about .i_about_r{ float:left; width:410px; overflow:hidden;background:url(../images/i_bg5.png) left top no-repeat; height:474px;}
.i_about .i_about_r .img{ overflow:hidden; width:366px;padding-top:15px; float:right;}
.i_about .i_about_r .img img{ width:100%; height:438px;}

/*成功案例*/
#top{width:100%;height:139px;float:left;background:url(images/top.jpg) no-repeat center;position:relative;}
#top .small{width:634px;height:56px;position:absolute;top:56px;left:50%;display:inline;margin:0 0 0 -310px;}
#top .small ul{margin:0;padding:0px;}
#top .small li{width:65px;height:48px;float:left;border:1px solid #000;display:inline;margin:3px 0 0 3px;padding:0px;filter:alpha(opacity=40);opacity:0.4;cursor:pointer;}
#top .small li.hove{filter:alpha(opacity=100);opacity:1;}
#box{width:100%;height:602px;float:left;background:url(images/banna.jpg) no-repeat center;overflow:hidden;position:relative;}
#box .bg{width:100%;height:340px;/*background:#000;filter:alpha(opacity=70); opacity:0.7;*/ position:absolute; top:132px; left:0px;}
#list{width:1004px;height:446px;position:absolute;top:75px;left:50%;display:inline;margin-left:-502px;}
#list ul {margin:0px;padding:0px; float:left;}
#list li{width:100px;/*border:3px solid #000;*/position:absolute;list-style-type:none;overflow:hidden;cursor:pointer;}
#list li img{width:100%;/*height:100%;*/vertical-align:top; border-radius:50%;}
#list li div{width:100%;height:100%;/*background:#000;*/filter:alpha(opacity=70); opacity:0.7; position:absolute; z-index:1; top:0px; left:0px;}
#list li .b_tit{width:100%;height:120px;/*position:absolute; z-index:1; bottom:-100%; left:0px;*/margin:0px;padding:0px; text-align:center; font-size:14px; color:#666; padding-top:16px; }
#list li .opacity{width:100%;height:20px;background:#fff;/*filter:alpha(opacity=80); opacity:0.8;*/ position:absolute; z-index:1; bottom:0px; left:0px;}
#list li .tit{width:324px;height:120px;padding:0 10px;background:#fff;/*position:absolute; z-index:2; bottom:0px; left:0px;*/}
#list li .tit span{width:100%;height:30px;font-weight:normal;float:left;text-align:left;line-height:30px;color:#fff;border-bottom:1px solid #2f2f2c;margin:0px;padding:0px;}
#list li .tit span em{color:#ba0707;font-style:normal;float:none;}
#list li .tit em{color:#fff;line-height:25px;float:left;margin:0px;padding:5px 0;font-style:normal;}
#list a{width:39px;height:80px;/*background:url(images/btn.png) no-repeat;*/text-decoration:none;position:absolute;z-index:20;top:190px;}
#list a.prev{background:url(../images/i_left.png) center top no-repeat;left:-54px;}
#list a.prev:hover{background:url(../images/i_left_on.png) center top no-repeat;}
#list a.next{background:url(../images/i_right.png) center top no-repeat; right:-100px;}
#list a.next:hover{background:url(../images/i_right_on.png) center top no-repeat;}
#bottom{width:100%;height:200px;float:left;background:url(images/bottom.jpg) no-repeat center;position:relative;}
#bottom .title{width:100%;height:60px;line-height:60px;color:#fff;text-align:center;position:absolute;left:0px;bottom:0px;font-family:Verdana;}
#bottom .title a{background:#666666;text-decoration:none;color:#fff; padding:3px 5px;}



@media screen and (max-width: 1660px) {
.i_fenbu ul li{ height:564px;}
.i_fenbu ul li .divs2 .divs2_txt{ padding-top:150px; width:80%;}
.i_fenbu ul li .divs2 h2{ font-size:20px;}
.i_fenbu ul li .divs2 p{ font-size:16px;}
.i_fenbu ul li .divs .divs_r h2{ margin-top:150px;font-size:16px;}
}
@media screen and (max-width: 1440px) {
.i_fenbu ul li{ height:488px;}
.i_fenbu ul li .divs2 .divs2_txt{ padding-top:100px;width:90%;}
.i_fenbu ul li .divs .divs_r h2{ margin-top:100px;}
}
@media screen and (max-width: 1360px) {
.i_fenbu ul li{ height:460px;}
.i_fenbu ul li .divs2 .divs2_txt{ padding-top:80px;width:100%;}
.i_fenbu ul li .divs .divs_r h2{ margin-top:80px;}

}
@media screen and (max-width: 1230px) {
.i_fenbu ul li{ height:412px;}
.i_fenbu ul li .divs2 .divs2_txt{ padding-top:40px;}
.i_fenbu ul li .divs .divs_r h2{ margin-top:40px;}
.i_fenbu ul li .divs .divs_r p{ max-height:240px;}
}