*{margin:0;padding:0;}
body{  background:#fff; background-size:cover; font:12px/22px Arial,"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd{ margin:0; padding:0;}
li,img,input,em{ list-style:none; border:none; font-style:normal; outline:none;}
a:link, a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
a{ text-decoration:none;}

.wrap{width:1200px; margin:0 auto; overflow:hidden;}
.img-none{display:none !important;}
.img-position-absolute{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block; margin:0 auto}
#bigbox{width:100%; min-width:1220px; float:left;}
.middle{ background:#eee;}
.middle h1{ width:1200px; margin:0 auto;color:#666; font-size:14px; font-weight:normal; padding:10px 0; display:block;}

.top{ background:#333; overflow:hidden; padding:10px 0;}
.top h1{ float:left; color:#ccc; font-size:12px; font-weight:normal;}
.top h2{ float:right;color:#ccc; font-size:12px;font-weight:normal;}
.header{width:100%; overflow:hidden;}
.navbox{overflow:hidden; height:90px;}
.logo{float:left;}
.logo img{display:block;}
.nav{overflow:hidden; float:right;}
.nav ul{ overflow:hidden;}
.nav ul li{float:left;     padding: 15px 0 0 15px;}
.nav ul li a{ display:block; overflow:hidden;  font-size:16px; color:#333; padding: 20px 10px;border: 2px solid #fff;}
.nav ul li a:hover{color:#0478c3; border: 2px solid #0478c3;}
.nav ul .on a{color:#0478c3;border: 2px solid #0478c3;}


.banner{width: 100%; overflow:hidden; height:auto; position: relative;}
.banner .banner_img_top{padding-top:28.125%;}
.pagination {width: 100%; position: absolute; left: 0; text-align: center; bottom:5px; z-index:99;}
.banner .banner-left{width:32px; height:52px; float:left; background:url(404.png) no-repeat center center; position:absolute; left:10px; top:50%;margin-top: -26px; z-index:111;}
.banner .banner-right{width:32px; height:52px; float:left; background:url(404.png) no-repeat center center; position:absolute; right:10px; top:50%;margin-top: -26px; z-index:111;}


.about_banner{ background:url(404.png) no-repeat center center; height:361px;}


.item2{width: 1200px;height: 235px;margin: 0 auto;text-align: center; margin-top:50px;}
.item2 li{float: left;width: 200px;height: 247px;margin:0 20px;border-radius: 6px;border-bottom: 3px solid #cccccc;box-shadow: 0 10px 70px #dddcdc;transition: all .2s;}
.item2 li img{margin: 30px 0 10px;}
.item2 li h1{font-size: 24px;}
.item2 li h1{font-size: 24px;color:#333333;}
.item2 li p{color:#888888;}
.item2 li a{display: inline-block;font-size: 16px;color:#888888;width: 135px;height: 30px;line-height: 30px;text-align: center;border:1px solid #888888;border-radius: 25px;transition: all .2s;margin-top: 30px;}
.item2 li:hover{border-bottom: 3px solid #e12d30;}
.item2 li:hover a{color:#ffffff;background: #e12d30;border:0;}

.rmxm{ overflow:hidden; margin-bottom:50px;}

.case_bj {position: relative;margin-top: -39px;background: url(404.png) no-repeat center top;height: 273px;overflow: hidden;z-index:2;}
.case dl {margin: 0 30px;}
.case dt {margin: 0 auto;width: 362px;height: 98px;overflow: hidden;}
.case dt img {width: 362px;height: 98px;}
.case dd p {color: #333333;font: 14px/24px Arial, "Microsoft Yahei";}
.case dd em {float: right;width: 270px;overflow: hidden;display: block;padding-left: 95px;color: #c30101;font: 22px/37px Arial, "Microsoft Yahei";background: url(../image/cs_ic.gif) no-repeat left center;}
.content.case{ width:1000px; margin:0 auto;}

.lc_bj {height: 496px;overflow: hidden;}
.content.lc{    width: 1200px;margin: 0 auto;}
.lc h2 { margin: 55px auto 37px;width: 1000px; height: 90px;overflow: hidden;    font-size: 26px;}
.content.lc ul{ overflow:hidden;}
lc h2 img { width: 1000px;height: 90px;}
.lc li { float: left;height: 310px;width: 230px; overflow: hidden; margin-left: 35px; display: inline;  background: url(../image/lc_ip.gif) no-repeat right 44px;margin: 0 35px;}
.lc li a { display: inline-block;height: 310px; width: 230px; overflow: hidden;}
.lc li em { display: block; width: 169px;height: 165px; overflow: hidden;}
.lc li span { margin-top: 14px; width: 169px; overflow: hidden; text-align: center; display: block; font: 14px/22px Arial, "Microsoft Yahei"; color: #666666;}
.lc li span b { display: block;color: #2a273a;font: bold 16px/28px Arial, "Microsoft Yahei"}
.lc .lc_i1 em { background: url(404.png) no-repeat left top;}
.lc .lc_i2 em {background: url(404.png) no-repeat left top;}
.lc .lc_i3 em {background:url(404.png) no-repeat left top;}
.lc .lc_i4 em {background: url(404.png) no-repeat left top;}
.lc .lc_i1 a:hover em, .lc .cur a em { background: url(404.png) no-repeat left top;}
.lc .lc_i2 a:hover em, .lc .cur a em {background:url(404.png) no-repeat left top;}
.lc .lc_i3 a:hover em, .lc .cur a em {background: url(404.png) no-repeat left top;}
.lc .lc_i4 a:hover em, .lc .cur a em { background:url(404.png) no-repeat left top;}

.cpzx{width:100%; background:#eaeff3;}
.cpzx_M{display:block; overflow:hidden; text-align:center; padding-top:16px;}
.cpzx_M span{display:inline-table; height:32px; line-height:32px; border:1px solid #e7e7e7;  font-size:14px; color:#222222; padding:0 15px; position:relative;}
.cpzx_M span em{width:6px; height:34px; float:left; background:#e7e7e7; position:absolute; top:-1px;}


.about_ul{ overflow:hidden;}
.about_ul li{color: #2e2e2e;  overflow: hidden; border-bottom:1px solid #ddd;background: url(../image/gnLhbg.png) left top no-repeat;}
.about_ul li a{font-size:16px; color: #666; display:block; padding-left:30px; line-height:60px;}
.about_ul li:hover{background: url(../image/gnLhbg_o.png) left top no-repeat;}
.about_ul li:hover a{ color: #007dc6;background: url(../image/erjLbtn.png) right center no-repeat;}
.about_ul li.about_onhover a{ color: #007dc6;background: url(../image/erjLbtn.png) right center no-repeat;}

.about_ul dl{ display:none}
.about_ul dl dd{ width:100%;  display:block; padding-left:46px; background:#f2f2f2; border-bottom:1px solid #FFFFFF;}
.about_ul dl dd a{ color:#333; text-align:left; line-height:32px; font-size:14px; }
.about_ul dl dd a:hover{ color:#f00;}


.index_cpzx_ul{display:block; overflow: hidden;}
.index_cpzx_ul li{width:32%; float:left; text-align:center; margin:5px; padding-bottom: 20px;}
.index_cpzx_ul li .cpzx_img{width:100%; overflow:hidden; position:relative; background:#f2f2f2;}
.index_cpzx_ul li .cpzx_img .cpzx_img_top{padding-top:80.45133%;}
.index_cpzx_ul li .cpzx_img img:hover{ transform: scale(1.4);transition: all 3s linear;}
.index_cpzx_ul li a{ display:block;}
.cpzx_txt{font-size:18px; color:#666; text-align:center; padding-top:20px;}





.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; border-bottom:1px dashed #ccc; line-height:40px; font-family:'Microsoft YaHei';}
.xw_ul li span{float:right; font-size:14px; color:#888;}
.xw_ul li a{display:block; height:40px; overflow:hidden; font-size:14px; color:#000;}
.xw_ul li:hover a{color:#086cc4;}

.xwxq{display:block; overflow:hidden;}
.xwxq_T{display:block; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:18px; color:#000000; font-weight:bold; padding-bottom:10px; border-bottom:1px dashed #ccc; text-align:center;}
.xwxq_sp{display:block; line-height:22px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#7a7a7a; padding:15px 0; text-align:center;}
.xwxq_txt{display:block; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#000;}




.areas {overflow: hidden;}
.areas ul{ overflow:hidden; margin:50px 0;}
.areas ul li{float:left; width:260px; margin:0 20px; margin-bottom:30px;}
.areas ul li h3{ padding-bottom:20px;}
.areas ul li img{ width:100%; height:180px;transition:all 0.8s;}
.areas ul li img:hover{transform: scale(1.2);}
.areas ul li h4{ font-size:20px; color:#444; font-weight:normal;}
.areas ul li p{ color:#2fa686;padding-left:20px;}

.areas1 {overflow: hidden; background:url(../image/index-bg03.jpg) no-repeat center center; background-size:cover;}
.areas1 ul{ overflow:hidden; padding:50px 0;}
.areas1 ul li{ float:left; margin:15px 17px;}
.areas1 ul li img{ width:100%;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;}
.areas1 ul li img:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}

.cpzx_img{width:100%; overflow:hidden; position:relative;}
.cpzx_img span{ color:#333; font-size:16px;}
.cpzx_ul{display:block; overflow: hidden;}
.cpzx_ul li{width:32%; float:left; text-align:center; margin:0 6px; height:300px;}
.cpzx_ul li img{ width:100%; height:240px;}

.index_cpzs_t{ overflow:hidden;padding-top: 7px;margin-top: 50px;}
.title1{ text-align:center;background:url(../image/home_ico1.png) no-repeat center center;}
.title1 h1{font-size:34px; color:#fff; font-weight: bold; margin-bottom:10px;}
.title2{ text-align:center; background:url(../image/home_ico.png) no-repeat center center;}
.title2 h1{font-size:34px; color:#333; font-weight: bold;     margin-bottom: 10px;}

.cpzx_navlist{ float:right;}
.cpzx_navlist li{color: #2e2e2e;  overflow: hidden;  text-align:center;display: inline-block; margin:0 5px;}
.cpzx_navlist li a{font-size:18px; color: #4c4c4c;display: block;width: 75px; background:#ddd; padding:10px 20px;}
.cpzx_navlist li:hover a{ background:#086bb6; color:#fff;}

.pro_title1{text-align: center;padding: 50px 0;}
.pro_title1 h1{font-size: 42px; color: #fff; letter-spacing: 3px; font-weight: bold;}
.pro_title1 h2{ font-weight:normal; font-size:24px;color: #fff; margin-top:20px; text-transform:uppercase;  font-weight:bold; }
.pro_title1 h2 span{    width: 30px; height: 1px; background:#ccc; vertical-align: 6px;display: inline-block;}
.pro_title1 h2 mid{margin: 0 30px;}	


.gsjj{width:100%;overflow: hidden;}
.gsjj_con{ overflow: hidden; margin: 50px 0; background:#0478c3;}
.gsjj_con .txt{ color:#fff; font-size:16px; line-height:28px; display:block;padding-right: 40px;padding-top: 30px;}

.picbox{width:100%; overflow:hidden; padding-top: 50px;}
.pic_ul1{display:block; overflow:hidden; width:1286px;}
.pic_ul1 li{width:235px; float:left; margin:0 86px 10px 0; border-bottom:1px solid #cbcbcb; padding-bottom:25px;}
.pic_ul1 li .pic_img{width:76px; float:left; border-right:1px solid #dddddd;}
.pic_ul1 li .pic_img img{float:left;}
.pic_ul1 li .pic_spp{display:block; overflow:hidden; height:40px; line-height:40px; font-family:'Microsoft YaHei'; font-size:16px; color:#4b4b4b; padding-left:20px; transition:all 0.4s;}
.pic_ul1 li .pic_spp span{float:right; font-family:SimSun; font-size:20px; color:#4b4b4b; transition:all 0.4s;}
.pic_ul1 li:hover .pic_spp{color:#086bb6;}
.pic_ul1 li:hover .pic_spp span{color:#086bb6;}


.fr{ overflow:hidden; position:absolute; bottom:10%; left:42%;}
.fr li{float:left; margin-right:50px;}
.fr li a{ display:block; color:#666; font-size:14px; width:130px; text-align:center; height:38px; line-height:38px; border:1px solid #ccc;}
.fr li a:hover{ background:#d80012; color:#fff;}

.hzpp{ overflow:hidden;}
.hzpp_con{ overflow:hidden;}
.hzpp_con li{ float:left; border:1px solid #eee; margin:0 9px;}

.footer{width:100%; background:#2c2c2c; overflow:hidden;  font-size:14px; color:#fff; text-align:center; padding:20px 0; line-height:30px;}
.footer a:hover{ color:#fff;}
.footlist{ overflow:hidden;}
.footlist ul{ float:left; width:33.33%;}
.footlist ul p strong{ font-size:16px; color:#fff; font-weight:normal; padding-bottom:20px; display:block;}
.footlist ul p{ font-size:14px; color:#999; text-align:left;}
.footlist ul p a{ font-size:14px; color:#999;}
.foot{ color:#999; background:#111113; text-align:center; padding:15px 0;}
.foot a{ color:#999;}


.main{width:100%; overflow:hidden; padding:50px 0;}
.about{width:100%; float:left; margin-bottom:15px;}
.about_title{display:block; overflow:hidden; height:70px; line-height:70px; text-align:center;  color:#fff; font-size:16px; background:#fa8d00; text-transform:uppercase;}
.about_title span{font-size:24px; font-weight:bold;}

.about_B{display:block; overflow:hidden; border:1px solid #edefee; padding:10px;  font-size:14px; color:#222222; line-height:24px;}
.about_B img{width:99%; border:1px solid #dcdcdc; padding:1px;}

.main_left{ overflow:hidden; float:left; width:223px;}
.main_right{overflow:hidden;}
.dqwz_p{text-align: center;background: url(404.png) no-repeat center top; width:223px;height: 70px;padding-top: 18px;}
.dqwz_p h1{ color:#fff; font-size:30px;font-weight:normal;}
.dqwz_p h2{ color:#828188; font-size:14px; text-transform:uppercase;font-weight:normal; padding-top:10px;}


.cpzx_l{ overflow:hidden; float:left; width:200px;margin-right:50px;}
.cpzx_p{width: 100%;
    height: 140px;
    box-sizing: border-box;
    padding-top: 30px;
    color: #fff;
    background: url(../image/head2-title-bg.png) no-repeat;
    background-size: 100%;
    padding-left: 40px; }
.cpzx_p h1{ color:#fff; font-size:28px;}
.cpzx_p h2{ color:#fff; font-size:18px; text-transform:uppercase;font-weight:normal; padding-top:10px;}

.dqwz_nav{ overflow:hidden;     margin-bottom: 30px;}
.dqwz_nav li{ float:left;    margin: 0 auto 5px;width: 223px; height: 48px;overflow: hidden; font: 16px/48px Arial, "microsoft Yahei";list-style: none;}
.dqwz_nav li a{color: #666;display: inline-block; padding-left: 20px;width: 203px;height: 48px;overflow: hidden;background: url(404.png) no-repeat center top;}
.dqwz_nav li a:hover{color: #fff;text-decoration: none;background: url(404.png) no-repeat center top;}



.dqwz_contect{ overflow:hidden;}
.company{display:block; overflow:hidden;  font-size:16px; color:#444; line-height:30px;}

.pro_tp { margin-top: 13px; width: 223px; overflow: hidden;}
.p1_u2 li {margin-bottom: 8px; width: 223px; height: 105px; overflow: hidden;}
.p1_u2 li img { width: 223px; height: 105px;}
.pro_tp p em {display: block; padding-top: 21px; color: #fff; font: 16px/23px Arial, "microsoft Yahei";}
.pro_tp p { display: block; width: 223px; height: 95px; overflow: hidden; text-align: center; background: url(404.png) no-repeat center top; color: #fff; font: 28px/33px  Arial,  "microsoft Yahei";}


.cp_ul{display:block; overflow:hidden;}
.cp_ul li{width:287px; float:left; margin: 0 10px 0 10px;}
.cp_ul li a{width:100%; float:left;}
.cp_ul li a .cp_img{width:100%; overflow:hidden; position:relative;border: 1px solid #eee; }
.cp_ul li a .cp_img .cp_img_top{padding-top:75.4579%;}
.cp_ul li a .cp_img img{transition:all 1s;}
.cp_ul li .cp_txt{display: block;overflow: hidden;font-size: 14px;color: #666; transition: all 0.4s; width: 380px; padding:10px 0; }
.cp_ul li .cp_txt span{width:68px; float:right; height:22px; line-height:22px; border:1px solid #fff; text-align:center; font-size:12px; margin-top:17px;}
.cp_ul li:hover .cp_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul li:hover .cp_txt{}

.cpxq{display:block; overflow:hidden;}
.cpxq_T{display:block; overflow:hidden; line-height:30px;  font-size:20px; color:#2a273a; font-weight:bold; margin-bottom:10px; text-align:center;}
.cpxq_img{display:block;  overflow:hidden;}
.cpxq_To{ font-size:16px; color:#666; line-height:1.8em;}
.cpxq_img img{display:block; max-width:100%; height:auto; margin:0 auto;}


.video{display:block; max-width:800px; margin:0 auto; overflow:hidden;}
.video img{display:block; max-width:100%; height:auto; margin:0 auto;}
.video .video_txt{display:block; overflow:hidden; line-height:60px; background:#fa8d00; text-align:center;  font-size:14px; color:#fff;}


.message{display:block; width:600px; overflow:hidden; margin:0 auto;}
.pull-left{float:left;}
.pull-right{float:right;}
.zxly_B{width:100%; margin-bottom:25px;}
.zxly_sp{width:90px; float:left; height:30px; line-height:30px;  font-size:16px; color:#131313;}
.zxly_inp1{width:calc(100% - 102px); float:left; height:30px; line-height:28px; border:1px solid #b5b5b5;  font-size:14px; color:#131313; padding:0 5px;}
.zxly_inp2{width:calc(100% - 102px); float:left; height:94px; line-height:22px; border:1px solid #b5b5b5;  font-size:14px; color:#131313; padding:5px; outline:none;}
.zxly_inp3{width:200px; float:left; height:30px; line-height:28px; border:1px solid #b5b5b5;  font-size:14px; color:#131313; padding:0 5px;}
.zxly_B .zxly_img{width:78px; float:left; margin-left:10px;}
.zxly_B .zxly_img img{width:78px; height:32px; display:block;}
.zxly_btn{width:126px; float:left; height:32px;  font-size:16px; margin-right:10px; cursor:pointer;}
.zxly_btn1{ background:#343e83; color:#fff;}
.zxly_btn2{ background:#e1e2e3; color:#343e83;}


.contact{display:block;  overflow:hidden;}
.contact_txt{display:block; overflow:hidden;  font-size:16px; color:#444; line-height:1.8em;}
 #map {float: left; width: 100%; height: 440px; margin-top: 20px;}
#dituContent { width: 100%; height:440px;}
.iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap;}
.iw_poi_content { font: 12px arial,sans-serif; overflow: visible; padding: 4px; white-space: -moz-pre-wrap; word-wrap: break-word;}

.in_about{ margin:50px auto; display: table;}
.inabout_list{ margin-top:30px;}
.inabout_li{ float:left;}
.inabout_li > a > span{width:300px; height: 190px; background:#e5e5e5; display: block;text-align: center;}
.inabout_li > a > span > h3{ font-size:24px; text-align: center; line-height: 40px;padding-top: 60px;}
.inabout_li > a > span > p{ color:#a0a0a0; font-size: 16px;text-align: center; }
.inabout_li > a > span > i{ width:222px; height: 1px ; background: #c9c9c9; margin: 0 auto; margin-top: 5px; display:block;}
.inabout_li > a > span > .icon{ font-size:60px; color:#c9c9c9; margin-top: 50px; display: block;}
.in_contact{ margin-top:50px; background:url(404.png) no-repeat center; height: 500px;}
.in_contact .in_title{ padding-top:70px;}
.incon_li{ float:left; width:330px; height: 104px; border: 1px solid #d2d2d2; margin-left: 15px; margin-right: 15px;}
.incon_li > .icon{ color:#d2d2d2; font-size: 50px; display: block; float:left; margin: 0 30px 0 50px; line-height: 104px; }
.incon_li > span{ float:left;}
.incon_li > span > h3{ color:#434343;font-size: 18px;margin-top: 30px;}
.incon_li > span > p{ color:#707070; font-size: 14px;}
.incontac_liet{display: table; max-width: 1200px; margin: 0 auto; margin-top: 40px; margin-top: 80px;}
.inabout_li_div{ width:300px;height:192px; overflow: hidden}
.inabout_li_div > img{ width:300px;height:192px; transition: .6s;}
.inabout_li:hover .inabout_li_div > img{ transform:scale3d(1.1,1.1,1);}
.inabout_li:hover > a > span > h3{ color:#2a273a;}


.foonavf{ width:100%;color:#c5bdbb; height:80px; text-align:center; margin-top:50px; background:url(../image/footer_bg.jpg) no-repeat center;}
.foonavf .nnf{ float:left;color:#fff;line-height: 80px;}
.foonavf a.foonav{color:#fff; display:inline-block;  font-size:15px; position:relative; text-align:left;height:26px; line-height:26px;padding: 0 20px;}
.fri_link{ width:100%;color:#fff;height:164px; line-height:30px;  margin:0;  color:#999;}
.fri_link .atitle{ float:left; margin:40px 0 0; background:url(404.png) left center no-repeat; padding:0 0 0 20px;}
.fri_link .atitle span{display:block;font-size:20px; color:#0a2966; }
.fri_link .atitle font{display:block;font-size: 40px; font-family:Arial, Helvetica, sans-serif; color:#0a2966;text-transform: uppercase; line-height:1}

.fri_link a{ float:left; margin:30px 4px 0 0;position:relative; height:91px; width:115px; background-position:center; background-size: auto 100%; background-repeat:no-repeat;}
.fri_link  .nnf{ float:right; width:960px; padding:0 0 0 20px;}
.foonavf .rb{float:right; line-height:80px; padding:0 0 0 30px; height:80px;  background:url(../image/d4.png) left center no-repeat; font-weight:bold; text-transform:uppercase;}
.foonavf .rb a{font-size:15px; color:#fff;}
.foonavf .rb a:hover{color:#fff;}

.footer{ width:100%; clear:both; background-color:#282828; font-size:14px; border-top:1px solid #404040;}
.footer .share_b{ float:right; padding:40px 0 0}

.footer .manager_info{line-height:45px;color:#ffffff; }
.footer .manager_info a{color:#ffffff;}
.footer .manager_info span+span{padding-left:20px;}

.section-container{padding: 50px 0;background-color: #f1f1f1;}
.rz-us-block{width: 1280px;margin: 0 auto;}
.clearfix:before,.clearfix:after {content: '.';display: block;height: 0;clear: both;overflow: hidden}
.rz-us-block>li{float: left;width: 280px;padding: 0 20px; text-align: center;}
.rz-us-block>li .tit{color: #37b1fe;margin-top: 15px;font-size: 18px;font-weight:bold;}
.rz-us-block>li .txt{color: #999; margin-top: 10px;line-height: 22px;font-size: 12px;}


.gyrow{line-height: 1.6; background-color: #f7f7f7;}
.mw, .rowmw{margin: 0 auto; width: 1200px; overflow:hidden;}
.tnav2, .row, .whrow, .gyrow{margin: 0 auto; min-width: 1000px; _width:expression((documentElement.clientWidth < 1000) ? "1000px" : "auto" ); margin-top:50px;}
.rowp{line-height: 2; font-size: 16px; color: #333;}
.rowp p{margin: 20px 0; text-indent: 2em;}
.serlist3{ overflow:hidden;}
.serlist3 li{float: left; width:28%; margin:0 32px;}
.serlist3 .t{margin-top: 14px; text-align: center; line-height: 30px; font-size: 20px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%\9;}
.serlist3 .t a{color: #333;}
.serlist3 .p{margin-top: 8px; height: 88px; line-height: 22px; font-size: 16px; color:#909090; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.serlist3 .cico{margin: 0 auto; display: block; width: 120px; height: 120px; font-size: 0; border-radius: 30px; overflow: hidden;}
.serlist3 .fore01 .cico{background-color: #3db5dd;}
.serlist3 .fore02 .cico{background-color: #fbd140;}
.serlist3 .fore03 .cico{background-color: #50d18c;}
.serlist3 .fore04 .cico{background-color: #fb7a3a;}
.serlist3 .fore05 .cico{background-color: #579bef;}
.serlist3 .fore06 .cico{background-color: #a87eed;}
.serlist3 .ico{display: block; width: 120px; height: 120px; background-image: url(404.png); background-repeat: no-repeat;}
.serlist3 .fore01 .ico{background-position: 0 0;}
.serlist3 .fore02 .ico{background-position: 0 -120px;}
.serlist3 .fore03 .ico{background-position: 0 -240px;}
.serlist3 .fore04 .ico{background-position: 0 -360px;}
.serlist3 .fore05 .ico{background-position: 0 -480px;}
.serlist3 .fore06 .ico{background-position: 0 -600px;}
.serlist3 .cico, .serlist3 .ico{transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.serlist3>li:hover .cico{box-shadow: 0 5px 20px #dcdcdc; -moz-box-shadow: 0 5px 20px #dcdcdc; -webkit-box-shadow: 0 5px 20px #dcdcdc; transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}
.serlist3>li:hover .ico{filter: drop-shadow(10px 10px 2px rgba(0,0,0,0.5)); -webkit-filter: drop-shadow(10px 10px 2px rgba(0,0,0,0.5)); -moz-filter: drop-shadow(10px 10px 2px rgba(0,0,0,0.5)); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}


.donelist{text-align: left; line-height: 25px; font-size: 18px; color: #333;}
.donelist li{position: relative; margin: 8px 0; padding-left: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *zoom: 1;}
.donelab{position: absolute; top: 0; left: 0; display: block; width: 25px; height: 25px; font-size: 0; background: url(404.png) 0 0 no-repeat;}
.half_donelist li{float: left; width: 50%; width: 460px\9;}
.bn_donelist{margin-top: 20px; display: inline-block; *display: inline; *zoom: 1; width: 400px; font-size: 22px;}
.bn_donelist li{margin: 15px 0;}