@charset "utf-8";
/* CSS Document */
.content{ max-width:640px; padding-top:68px; padding-bottom:30px; margin:0 auto;}
.section{ padding:8% 0;}


.bd {
    margin: 0 auto;
    width: 100%;
}
.bd img{border:1px solid #666; border-radius: 5px;}


.bd .bd-feature {
    margin: 0 auto;
    text-align: center;
}

.top-banner {
    background-color:#383d49;
    width: 100%;
    height: 64px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.top-banner .logo {
    position: absolute;
    width: 120px;
    top:-6px;
    left: 8px;
}
.top-banner .reg {
    position: absolute;
    width: 80px;
    top:18px;
    right: 20px;
}
.top-banner .nav-icon, .top-banner .nav-close {
    position: absolute;
    width: 30px;
    top: 22px;
    right: 28px;
}
.top-banner .nav-close {
    display: none;
}

.nav {
    display: none;
    position: fixed;
    top: 74px;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    padding: 0 87px;
    background-color: rgba(255,255,255,0.9);
    z-index: 10000;
}
.nav ul {
    margin-top: 36%;
}
.nav li {
    width: 100%;
    height: 85px;
    line-height: 85px;
    border-bottom: 1px solid #000;
    text-align: center;
}
.nav a {
    color: #000;
    font-size: 30px;
    display: block;
    width: 100%;
}
/*section1*/
.section1{ padding:0;}
.focus{ width:100%; margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; position:absolute; z-index:1; bottom:7px; text-align:center;  }
.focus .hd ul{ display:inline-block; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#ff4141;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; background:url(../images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/*section2*/
.section2{}
.section2_tit{ font-size:2.2rem; font-weight:normal; text-align:center; margin-bottom:10px;}
.section2_tit a{ color:#333;}
.section2_tit img{ vertical-align:top; margin-right:2px; margin-top:-2px; width:110px;}
.section2_list{ }
.section2_list li{ width:50%; float:left; text-align:center; padding:3.5% 0; }
.section2_ico{ display:block; width:55.63%; margin:0 auto 10px; -moz-border-radius: 50%; -webkit-border-radius:  50%; border-radius: 50%; background:#55acef;}
.section2_ico img{ display:block; margin:0 auto;}
.section2_list li a{color:#3c9eea;}
.section2_list li:active .section2_ico{ background:#d6000f;}
.section2_list li:active a{ color:#d6000f;}

/*section3*/
.section3{ padding-bottom:0; background:#f4f4f4;}
.slideBox{ position:relative; width:100%; overflow:hidden; margin:10px auto; }
.slideBox .hd{ width:100%; position:absolute; top:50%; left:0; margin:-98px 0 0; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:inline-block; width:10px; height:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden; text-indent:-9999px;}
.slideBox .hd ul .on{ background:#ff4141;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; font-size:1.6rem; color:#3a99e3;}
.slideBox .bd li img{ display:block; margin:0 auto;}  
.section3_tit{ font-weight:normal; font-size:2.8rem; margin-bottom:10px;}
.btn_box{ text-align:center; margin:20px 0 60px;}
.load_btn{ display:inline-block; width:134px; text-align:left; height:44px; line-height:44px; padding-left:12px; background:#0092db url(../images/btn_bg.png) right center no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:#fff; margin:0 20px; }
.load_btn:active{ background-color:#da3838; color:#fff;}

/*section4*/
.section4{ }
.section4_tit{ font-weight:normal; font-size:2.8rem; padding:0 8.33%; margin-bottom:10px;}
.section4_tit a{ color:#ff4141; display:inline-block; background:url(../images/list_ico3a.png) right center no-repeat; background-size:20%; padding-right:50px;}
.section4_tit a:hover{ background:url(../images/list_ico3b.png) right center no-repeat;}
/*picScroll*/
.picScroll{ padding:0;}
.picScroll .bd{}
.picScroll .bd ul{ width:100%; float:left; padding-top:10px;  }
.picScroll .bd li{ width:40%; margin:0 5% 20px; float:left;}
.picScroll .bd li a{display:block; margin:0 auto; background:url(../images/loading.gif) center center no-repeat; }
.picScroll .bd li img{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.picScroll .hd{ }
.picScroll .hd ul{ text-align:center;}	
.picScroll .hd li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:inline-block; width:10px; height:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden; text-indent:-9999px;}
.picScroll .hd ul .on{ background:#ff4141;  }
.picScroll .prev,.picScroll .next{ display:block; float:right;  width:18px; height:18px; background:url(../images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px; display:none;}
.picScroll .next{ background-position:-34px -7px; }
.picScroll .prevStop{ background-position:-6px -40px; }
.picScroll .nextStop{ background-position:-34px -40px; }

/*section5*/
.section5{ background:url(../images/section5_01.jpg) center top no-repeat; background-size:120%; font-size:1.8rem; color:#333; text-align:center;}
.section5_top{ padding:0 7.6%;}
.cooper_sup{ text-align:left;}
.cooper_sup img{ width:28px;}
.cooper_sup2{ text-align:right;}
.cooper_caption{font-size:1.8rem; font-weight:normal; padding:0 0 0 28px;}
.cooper_caption_from{ margin-top:3%; font-size:1.4rem; text-align:right;}
.cooper_caption_from em{ padding:0 10px; color:#333;}
/*cooper_scr*/ 
.cooper_scr{ padding:0 10%; margin:20px 0 30px;}
.cooper_scr .bd{}
.cooper_scr .bd ul{ width:100%; float:left; padding-top:10px;  }
.cooper_scr .bd li{ width:40%; margin-bottom:10px; float:left; height:80px; margin-right:15px }
.cooper_scr .bd li a{display:block; margin:0 auto;}
.cooper_scr .bd li img{display:block; max-height:80px;}
.cooper_scr .hd{ margin-top:20px;}
.cooper_scr .hd ul{ text-align:center;}	
.cooper_scr .hd li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:inline-block; width:10px; height:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden; text-indent:-9999px;}
.cooper_scr .hd ul .on{ background:#ff4141;  }
.cooper_more{ text-align:center; margin-top:10px;}
.cooper_more a{ display:inline-block; width:128px; height:48px; border:1px solid #c2c2c2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size:1.6rem; text-align:center; line-height:48px;}
.cooper_more a:active{ border:1px solid #ddd; -moz-box-shadow: inset 0px 0px 15px #ddd; -webkit-box-shadow:inset 0px 0px 15px #ddd; box-shadow:inset 0px 0px 15px #ddd;}
.cooper_tip{ padding:0 7.6%;}

/*section6*/
.section6{}
/*recruiting*/
.recruiting{ }
.recruiting_area{ padding:0 4.2% 20px; border-bottom:1px solid #e9eaeb; display:none; font-size:1.6rem;}
.recruiting_caption{ font-size:1.8rem; font-weight:normal; color:#333;}
.recruiting_tit{ padding:3% 4.2%; line-height:26px; font-size:1.8rem; font-weight:normal; color:#333; cursor:pointer; border-bottom:1px solid #e9eaeb;}
.recruiting_tit em{ display:block; float:right; width:22px; height:30px; background:url(../images/recruiting_01.png) center center no-repeat;}
.on{ border-bottom:1px solid #fff; color:#c21827;}
.on em{ background:url(../images/recruiting_02.png) center center no-repeat;}
.recruiting_bot{ line-height:30px; padding:3% 4.2%;}
.recruiting_num{ display:block; float:right; font-size:1.6rem; color:#fff; background:url(../images/recruiting_03.png) right center no-repeat; padding-right:40px;}
.recruiting_num em{ display:block; padding:0 15px; background:#d43c3d; color:#fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.recruiting_more{ font-size:1.8rem; color:#333;}
.recruiting_more:active{color:#c21827; text-decoration:underline;}


.title_01{ text-align:center; font-weight:normal; font-size:2.8rem; padding-bottom:10px; color:#333;}
.title_01 a{color:#333;}
.title_01 a:active{color:#c21827;}
.title_01 img{ vertical-align:top; margin-left:2px; width:118px;}
/*industry_row*/
.industry_row{ padding:8% 8.6%; text-align:center;}
.industry_item{ font-weight:normal; font-size:1.6rem; color:#666667;}
.industry_des{ font-size:1.6rem; color:#666667; margin:20px 0;}
.industry_btn{ margin:20px 0 0 0;}
.industry_btn1,.industry_btn2{ display:inline-block; width:134px; text-align:left; height:44px; line-height:44px; padding-left:12px; background:#ff4141 url(../images/btn_bg.png) right center no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:#fff; margin:0 10px 10px;}
.industry_btn1{ background-color:#55acef;}
.industry_btn1:active{ background-color:#4a99d5; color:#fff;}
.industry_btn2:active{ background-color:#da3838; color:#fff;}
.industry_pic img{ display:block; max-width:90%; margin:0 auto;}
.industry_dif{ background:#eff0f1;}

/*service_row*/
.service_row{ padding:8% 8.6%; text-align:center;}
.service_item{ font-weight:normal; font-size:1.8rem; color:#3a99e3;}
.learn_more{ margin:20px 0;}
.learn_more a{ display:block; margin:0 auto; background:#0092db; color:#fff; font-size:1.6rem; width:134px; height:44px; line-height:44px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.learn_more a:active{ background:#da3838;}
.industry_pic img{ display:block; max-width:90%; margin:0 auto;}
.service_dif{ background:#f5f5f5;}

/*cooper*/
.cooper{}
.cooper_row{ padding:8% 3.472%; font-size:1.6rem; color:#808080;}
.cooper_item{ text-align:center; font-size:1.6rem; color:#808080;}
.cooper_tit{ font-weight:normal; font-size:1.8rem; color:#333; margin-bottom:20px;}
.cooper_tit img{ display:block; margin-bottom:5px;}
.cooper_des{ color:#808080;}
.cooper_lian{ font-family:Arial, Helvetica, sans-serif; padding-top:30px;}
.cooper_lian li{ margin-bottom:10px; overflow:hidden; font-size:1.8rem;}
.cooper_lian li .ico{ display:inline-block; vertical-align:top; width:30px; height:30px; -moz-border-radius:50%; -webkit-border-radius: 50%; border-radius:50%; border:1px solid #ea3e4a;}
.cooper_lian_txt{ display:inline-block; vertical-align:middle; padding-left:15px;}
/*cooper_row2*/
.cooper_row2{ background:#e5f2ef url(../images/cooper_04.png) center bottom no-repeat; background-size:100%;}
.cooper_txt{ padding:30px 0; text-align:center;}
/*cooper_row3*/
.cooper_row3{ background:#f6f6f6 url(../images/cooper_08.png) center bottom no-repeat; background-size:100%;}
.cooper_section3_img{ display:block; width:60%; margin:20px auto -20px;}
/*cooper_row4  background:url(../images/list_ico1.png) left 8px no-repeat;*/
.cooper_advance{ padding-top:8%;}
.cooper_advance dl{ overflow:hidden; padding:0 3% 6%;}
.cooper_advance dl dt{ width:20%; float:left;} 
.cooper_advance dl dd{ width:74%; float:right; font-size:1.4rem; color:#808080;}
.advance_tit{ font-weight:normal; font-size:1.8rem; color:#333; padding-left:12px; padding-bottom:10px;}
.cooper_advance dl dd ul li{  padding-left:12px;}
/*cooper_row5*/
.cooper_row5{ background:#f4f4f4;}
.how_pic_box{ margin-bottom:50px;}
.how_pic{ width:39.7%; float:left; background:#ffa800; overflow:hidden; position:relative; z-index:0;}
.how_pic img{filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;}
.how_02{ background:#1991d6; margin:12% 0 0 -11%; z-index:1;}
.how_03{ background:#57bc3c; margin:0 0 0 -11%; z-index:2;}
.how_list{ padding:10px 0 0; color:#333;}
.how_list li{ font-size:1.8rem; color:#333; margin-bottom:10px;}
.how_list li span{ display:inline-block; background:url(../images/how_01.png) left center no-repeat; padding-left:30px;}
/*cooper_row6*/
.goods_tit{ background:url(../images/goods_01.png) center center no-repeat; background-size:100%;}
.goods_area{ padding:10px 4.2%; display:none; font-size:1.6rem;}
.goods_item{ padding:3% 4.2%; line-height:30px; font-size:1.8rem; font-weight:normal; color:#333; cursor:pointer; background:#c3e2a9; margin-bottom:10px;}
.goods_item em{ display:block; float:right; width:20px; height:30px; background:url(../images/goods_02.png) center center no-repeat;}
.goods_on{ margin-bottom:0; color:#000;}
.goods_on em{ background:url(../images/goods_03.png) center center no-repeat;}
.goods .goods_item:nth-child(3){ background:#bcd9ea;}
.goods .goods_item:nth-child(5){ background:#fff3a5;}
.goods .goods_item:nth-child(7){ background:#e9b3d4;}
.goods .goods_item:nth-child(9){ background:#e7e8e3;}
.goods .goods_item:nth-child(11){ background:#fff3a5;}
.goods .goods_item:nth-child(13){ background:#ffdeab;}
.goods .goods_item:nth-child(15){ background:#bcd9ea;}
/*cooper_row7*/
.cooper_row7{ background:#f4f4f4;}
.flow{ position:relative;}
.apply_btn{ display:block; width:29%; height:9%; position:absolute; top:0; left:0; margin:19px 0 0 69px; font-size:1.6rem; }
/*apply_warp*/
.apply_warp{width:100%; height:100%; position:absolute; top:0; left:0; display:none; z-index:10000;}
.apply_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:100; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.apply_box{ width:90%; position:fixed; left:50%; margin-left:-45%; bottom:0; margin-bottom:50px; z-index:200;}
.apply_area{/* width:87%; height:300px; overflow-y:auto; padding:20px; */ padding:20px 3.472%; background:#fff; -moz-border-radius:8px; -webkit-border-radius: 8px; border-radius: 8px; font-size:1.6rem; color:#333;}
.apply_closed{ display:block; width:38px; height:38px; background:url(../images/closed.png) no-repeat; z-index:1000; text-indent:-9999px; position:absolute; top:0; right:0; margin:-17px -22px 0 0;}
.apply_closed:active{background:url(../images/closed2.png) no-repeat;}
.apply_tit{ font-weight:normal; font-size:1.6rem; color:#333; background:url(../images/ico1.gif) left center repeat-x; margin-bottom:10px;}
.apply_tit span{ display:inline-block; background:#fff; padding-right:24px;}
.apply_line{ overflow:hidden; padding-bottom:15px; line-height:32px;}
.apply_line label{display:block; width:28%; text-align:right; float:left; margin-right:10px;}
.apply_line label em{ color:#ff0000;}
.apply_txt,.apply_yu,.apply_sel{ width:96%; height:32px; border:1px solid #cccccc; font-size:1.4rem; color:#999; margin-bottom:5px; padding-left:5px;}
.apply_sel{ width:45.5%; float:left;}
.marL{ margin-left:10px;}
.apply_get{ float:left; width:68%;}
.apply_yu{ height:100px;}
.apply_tip{ display:block; color:#808080; }
.apply_submit{ width:134px; height:44px; line-height:44px; background:#ff4141; font-size:1.6rem; color:#fff; text-align:center; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; cursor:pointer;}
.apply_submit:hover{ background:#db3838; -moz-box-shadow:0px 0px 5px #bababa; -webkit-box-shadow:0px 0px 5px #bababa; box-shadow:0px 0px 5px #bababa;}

/*case*/
.case{}
.case_row{ padding:8% 3.472%; font-size:1.6rem; color:#808080;}
.why{ margin-top:20px;}
.why li{ overflow:hidden; margin-bottom:30px; }
.why li h5{ font-size:1.8rem; color:#333; margin-bottom:10px;}
.why_ico{ display:block; width:26.5%; float:left; margin-right:4%;}
.why li:nth-child(2) .why_ico img{ background:#84dde5;}
.why li:nth-child(3) .why_ico img{ background:#c68ef5;}
.why li:nth-child(4) .why_ico img{ background:#73aeff;}
.why_info{ width:68%; float:left;}
.why_ico img{ display:block; background:#f97e8f; padding:6.4%; -moz-border-radius: 50%; -webkit-border-radius:  50%; border-radius:  50%; margin:0 auto;}
.why_des{ font-size:1.4rem; color:#808080;}
.case_dif{ background:#f5f5f5;}
/*case_scr*/
.case_scr{ }
.case_scr .bd{}
.case_scr .bd ul{  width:100%; float:left; padding-top:10px;  }
.case_scr .bd li{ width:40%; margin:0 4% 20px; float:left;  position: relative; display: table-cell; vertical-align:middle; text-align:center;}
.case_scr .bd li .middle_out{ position: relative; display: table-cell; vertical-align:middle; text-align:center; height:80px;}
.case_scr .bd li .middle_in{ position: static; *position:absolute;top:50%; display:table-cell; vertical-align:middle;}
.case_scr .bd li .middle_in img{ position:static;*position:relative;top:-50%;left:-50%; max-height:80px;}

.case_scr .bd li a:active{ -moz-box-shadow:0px 0px 5px #bababa; -webkit-box-shadow:0px 0px 5px #bababa; box-shadow:0px 0px 5px #bababa;}
.case_scr .hd{ }
.case_scr .hd ul{ text-align:center;}	
.case_scr .hd li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:inline-block; width:10px; height:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden; text-indent:-9999px;}
.case_scr .hd ul .on{ background:#ff4141;  }
.case_scr .prev,.case_scr .next{ display:block; float:right;  width:18px; height:18px; background:url(../images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px; display:none;}
.case_scr .next{ background-position:-34px -7px; }
.case_scr .prevStop{ background-position:-6px -40px; }
.case_scr .nextStop{ background-position:-34px -40px; }

/*about*/
.about_focus{ padding:8% 6%; overflow:hidden; position:relative; text-align:center;}
.about_focus_pic{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:0;}
.about_focus_pic img{ height:100%;}
.about_focus_txt{ position:relative; z-index:1; font-size:1.6rem; color:#fff;}
.about_focus_tit{ display:block; width:50%; margin:0 auto;}
.about_focus_des{ text-align:left; margin:8% 0;}
.about_focus_btn{ display:inline-block; width:81px; padding-left:45px; height:40px; line-height:40px; color:#fff;  border:1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-position:17px center; background-repeat:no-repeat; background-image:url(../images/about_ico1.png); text-align:left; margin:0 5px;}
.about_focus_btn2{ background-image:url(../images/about_ico2.png);}
.about_focus_btn:hover{ border:1px solid #eee; color:#fff; -moz-box-shadow: inset 0px 0px 10px #eee; -webkit-box-shadow:inset 0px 0px 10px #eee; box-shadow:inset 0px 0px 10px #eee;}
/*about_row*/
.about_row{ padding:8% 3.472%;}
/*invest_list*/
.invest_list{ margin:0 0 0 -4.5%;}
.invest_list li{ width:50%; float:left; overflow:hidden; padding:15px 0; text-align:center;}
.invest_pic{ width:50%; margin:0 auto 10px; overflow:hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: inset 0px 0px 10px #eee; -webkit-box-shadow:inset 0px 0px 10px #eee; box-shadow:inset 0px 0px 10px #eee; border:1px solid #eee;}
.invest_txt{ font-size:1.8rem; color:#333; font-weight:normal;}
.invest_txt span{ display:block; font-size:1.6rem; color:#808080;}
/*culture*/
.culture{ background:#f2faff;}
.culture ul{margin: 0 auto; width:90%}
.culture ul li{float: left;margin-left:11%; margin-top: 5%;}
.culture ul li img{width: 100%}
.culture1{ background:#f2faff;}
.culture1 ul{margin: 0 auto; width:90%}
.culture1 ul li{float: left;margin-left:5%; margin-top: 5%; width: 44%;}
.culture1 ul li img{}
.culture_list{}
.culture_01,.culture_02,.culture_03,.culture_04,.culture_05{ float:left; padding:20px; background:#0CF;}
.culture_tit{ font-weight:normal; font-size:1.6rem; color:#333;}
.culture_01:hover,.culture_02:hover,.culture_03:hover,.culture_04:hover,.culture_05:hover{ background:#f5f5f5;}
.culture_01{ width:22%; height:250px;}
.culture_01 img{ display:block; margin:40px auto; max-width:80%;}
.culture_02{ width:47%; height:100px; margin:0 0 10px 10px;}
.culture_02 img{ display:block; margin:10px auto; max-width:52%;}
.culture_03{ width:47%; height:100px; margin:0 0 10px 10px;}
.culture_03 img{ display:block; margin:10px auto; max-width:80%;}
.culture_04{ width:18.2%; margin:0 0 0 10px; height:178px;}
.culture_04 img{ display:block; margin:20px auto 0;}
.culture_05{ width:35.3%; margin:0 0 0 10px; padding:40px 50px 0; height:178px;}
.culture_05_l{ float:left; width:33%;}
.culture_05_l img{ margin-top:20px;}
.culture_05_txt{ float:right; width:45%;}
/*staff*/
.staff{}
.staff_pic{ }
.staff_r{ font-size:1.6rem; margin-top:10px;}
.staff_list{ margin:30px 0 0 -2%; padding:0 10%;}
.staff_list li{ width:31%; margin-left:2%; float:left; overflow:hidden; position:relative; background:#ff4141;}
.staff_list li img{ display:block; width:100%;}
.staff_more{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; font-size:16px; display:none;}
.staff_more a{ color:#fff; display:block; width:100%; text-align:center; height:24px; line-height:24px; position:absolute; left:0; top:50%; margin-top:-12px;}
.staff_list li:hover img{ filter:alpha(opacity=18); -moz-opacity:0.18; opacity:0.18;}
.staff_list li:hover .staff_more a{ color:#fff;}
.staff_list li:hover .staff_more{ display:block;}
/*honor_warp*/
.honor_warp{ position:relative; background:url(../images/about_06.jpg) center top repeat; padding:8% 0;}
.honor_tit{ position:absolute; top:0; left:0; width:100%; text-align:center; margin:8% 0 0 ; z-index:200;}
.honor{ background:url(../images/honor_jia.png) center bottom no-repeat; overflow:hidden; /*padding:100% 0 0;*/ margin-top:-52px;}
/*owl-carousel*/
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none; position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{/*overflow: hidden;*/ position: relative;/*width: 1200px;*/}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{ display:inline-block; position: relative; display: table-cell; vertical-align: bottom; text-align:center;}
.owl-carousel .owl-item .item .honor_img{ height:186px; margin-top:-80px; display:inline-table;}
.owl-carousel .owl-item .item .honor_img .middle_out{ position: static; *position:absolute;top:50%; display:table-cell; vertical-align:bottom;}
.owl-carousel .owl-item .item .honor_img .middle_out img{ position:static;*position:relative;top:-50%;left:-50%;}
.honor .owl-carousel .owl-item img.lazyOwl{ max-width:82%; max-height:186px;}
.honor_light{ width:100%; /*position:absolute; top:0; left:0; z-index:100; margin-top:-120%;*/ position:relative; z-index:200;}
.honor_light img{ width:60%;}
.honor_caption{ position:absolute; width: 64%; bottom: -55px; left: 50%; font-size: 14px; margin-left: -32%; text-align:center; vertical-align:middle;}
.owl-pagination{ display:none;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
/*owl-theme*/
.owl-theme .owl-controls{margin-top: 70px;text-align: center;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background-color: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-color: #869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.contact_info{ font-size:1.6rem;}
.contact_info_tit{ color:#333; font-size:1.8rem; margin-bottom:10px;}
.company{ margin-top:20px;}
.company li{ float:left; width:33.3%; font-size:1.8rem;}
.company li a{ color:#333;}
.company li a:active{ color:#c21827;}
.company li.company_more a{ color:#ff4141;}

/*media*/
.media_warp{ background:#eeeeee;}
.media_tab{ text-align:center; font-size:1.6rem; margin-bottom:20px;}
.media_tab a{ display:inline-block; color:#999; padding:10px 3px; border-bottom:4px solid #eee;}
.media_tab a:active,.media_tab a.media_cur{ border-color:#ff4141; color:#333;}
.media_area{}
.media_rec{ }
.media_rec dl{ margin-bottom:20px; overflow:hidden; background:#fff;}
.media_rec dl dt{ width:36%; float:left; overflow:hidden;}
.media_rec dl dd{ width:55%; float:left; padding:8px 0 0 20px; font-size:1.4rem;}
.media_rec dl dd h4{ font-weight:normal; line-height:26px; height:26px; overflow:hidden; font-size:1.6rem;}
.media_rec dl dd h4 a{ color:#333;}
.media_rec_des{ line-height:24px; height:72px; overflow:hidden; margin:8px 0 0 ;}
/*media_list*/
.media_list{ overflow:hidden;}
.media_list li{ height:69px; overflow:hidden; margin-bottom:15px; background:#fff; font-size:1.6rem; padding:6px 10px;}
.media_list li a{ display:block; float:left; width:65%; padding:12px 0 0 15px; color:#333; line-height:24px; height:48px; overflow:hidden;}
.media_date{ display:block; width: 22%; float:left; text-align:center; padding-right:20px; background:url(../images/media_01.png) right center no-repeat; line-height:35px;}
.media_date em{ display:block; font-size:36px; color:#4191ff;}
.media_list li:active{ background:#f5f5f5;}
.media_list li:active a {color:#c21827;}
/*join*/
.join_item{ text-align:center; font-size:1.8rem; color:#333;}
.join_item img{ vertical-align:middle; margin:0 10px; width:22px;}
.join_des{ padding:20px 0; font-size:1.6rem;}
.work{ width:64%; margin:0 auto;}
.work_tit{ font-weight:normal; font-size:1.6rem; color:#333; background:#f5f5f5; margin-bottom:10px; cursor:pointer; line-height:30px; padding:10px;}
.work_tit em{ display:block; float:right; width:22px; height:30px; background:url(../images/recruiting_03.png) center center no-repeat;}
.work_on{ background:#eee; color:#c21827; margin-bottom:0;}
.work_list{ padding:10px 0 0; display:none;}
.work_list li{ padding:5px 10px; margin-bottom:10px;}
.work_list li a{ display:block; line-height:26px; height:26px; overflow:hidden; font-size:1.6rem;}
.work_list li:active{ background:#eee;}

/*sub_box*/
.sub_box{}
.func_list{ padding:0 3.472% 8%;}
.func{ padding:20px 0; border-bottom:1px solid #dbdbdb;}
.func dt{ overflow:hidden; text-align:center;}
.func dd{ color:#333;}
.func_tit{ font-weight:normal; font-size:1.8rem; color:#000;}
.func_des{ font-size:1.6rem; margin:5% 0;}
.func .learn_more{ text-align:left;}
.func .learn_more a{ display:inline-block;}
/*point*/
.point{ margin-top:-8%; padding:8% 0;}
.point_tit{ background:#f5f5f5; padding:3.5% 0; font-weight:normal; font-size:1.8rem; color:#333; text-align:center;}
.point_tit img{ display:block; margin:0 auto 5px;}
.point_area{ padding:30px 3.472%; }
.point_item{ text-align:center; font-weight:normal; font-size:1.8rem; color:#000;}
/*point_scr*/
.point_scr{}
.point_scr .bd{}
.point_scr .bd ul{ width:100%; float:left; padding-top:10px;  }
.point_scr .bd li{float:left; width:45%; color:#333; font-size:1.6rem; margin:5% 2.5%;}
.point_scr .bd li .point_ico{ display:block; margin:0 auto; text-align:center; color:#000; margin-bottom:20px;}
.point_scr .bd li .point_ico img{ display:block; margin:0 auto 10px;}
.point_des{}
.point_scr .hd{ }
.point_scr .hd ul{ text-align:center;}	
.point_scr .hd li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:inline-block; width:10px; height:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden; text-indent:-9999px;}
.point_scr .hd ul .on{ background:#ff4141;  }
.point_scr .prev,.point_scr .next{ display:block; float:right;  width:18px; height:18px; background:url(../images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px; display:none;}
.point_scr .next{ background-position:-34px -7px; }
.point_scr .prevStop{ background-position:-6px -40px; }
.point_scr .nextStop{ background-position:-34px -40px; }
.made_tit{ font-weight:normal; font-size:1.6rem; color:#808080; text-align:center;}
.made_link{ padding-top:30px; text-align:center;}
.made_btn{ display:inline-block; width:134px; height:44px; line-height:44px; text-align:center; background:#ff4141; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size:1.6rem; color:#fff; margin:0 2.5% 10px;}
.made_btn:hover{ background:#df3939; color:#fff;}
.made_btn_dif{ background:#55acef;}
.made_btn_dif:hover,.made_btn_dif:active{ background:#468ec6;}
.point_area_made{ background:#f5f5f5; }
/*bring*/
.bring{ padding:20px 3.472%; border-bottom:2px solid #7a7a7a;}
.bring_tit{ font-weight:normal; font-size:1.8rem; color:#d7000f; text-align:center;}
.bring_des{ font-size:1.6rem; color:#333; padding:20px;}
.bring_box{ margin-top:20px; color:#333;}
.bring_item{ font-weight:normal; font-size:1.8rem; background:#f9d9db; margin-bottom:10px; padding-right:3.472%;height:50px; overflow:hidden;}
.bring_item span{ display:block; height:50px; line-height:50px; background:url(../images/jia_02.jpg) left top no-repeat; padding-left:5.472%;}
.bring_area{ padding:10px 3.472% 0; display:none;}
.bring_item em{ float:right; display:block; width:22px; height:58px; background:url(../images/bring_01.png) center center no-repeat; cursor:pointer; text-indent:-9999px;}
.bring_on{ color:#c21827;}
.bring_on em{ background:url(../images/bring_02.png) center center no-repeat; }
.problem{ margin-bottom:20px;}
.bring_caption{ font-weight:normal; font-size:1.6rem; margin-bottom:10px;}
.bring_list{}
.bring_list li{ font-size:1.4rem; line-height:24px; background:url(../images/jia_03.png) left 8px no-repeat; padding-left:20px;}
.goods{ }
.yingyong{ width:100%; overflow:hidden; font-size:1.6rem; text-align:center; padding:20px 0;}
.try{ padding:20px 3.472%; overflow:hidden; color:#333;}
.try_des{ font-size:1.4rem; text-align:center; padding:20px 0 0;}
.try_list{ padding-top:20px;}
.try_list li{ text-align:center; font-size:1.6rem; margin:0 0 20px;}
.try_list li img{ display:block; margin:0 auto;}
/*train*/
.train{ font-size:1.6rem; color:#333; padding:20px 3.472%;}
.train_tit{ font-weight:normal; font-size:2.8rem; padding-bottom:20px;}
.train_img1{ float:right; margin-left:12px; width:40%;}
.train_item{ font-weight:normal; font-size:1.8rem; padding-bottom:10px;}

/*edition_box*/
.edition_box{ padding:30px 3.472%; border-top:1px solid #dbdbdb;}
.edition_area{ color:#333; margin-bottom:30px;}
.edition_tit{ font-size:2.8rem; font-weight:normal; margin-bottom:10px; line-height:42px;}
.edition_tit img{ vertical-align:text-top; margin-right:10px; width:118px;}
.learn_this{ float:right; font-size:1.6rem; color:#d6000f;}
.learn_this:hover,.learn_this:active{ color:#df3939;}
.edition_des{ font-size:14px; line-height:24px;}
.price{}
.price_area{ padding:20px 2.5%; margin-bottom:20px; background:#f5f5f5;}
.price_tit{ font-size:1.8rem; font-weight:normal; color:#333; padding-bottom:10px; border-bottom:1px solid #dbdbdb;}
.price_list{ padding-top:20px;}
.price_list li{ line-height:42px; margin-bottom:10px; overflow:hidden; font-size:1.6rem; color:#333;}
.give{ float:right; line-height:42px;}
.price_num{ color:#d6000f; font-family:Arial; font-size:2.2rem; margin-right:5px;}
.price_num sup{ font-size:1.5rem; margin-right:5px;}
.bor_no{ border:none;}
.edition_area .learn_more{ text-align:left;}
.edition_area .learn_more a{ display:inline-block;}

/*huoban*/
.huoban{ padding:20px 3.472%; font-size:1.6rem; color:#333; }
.huoban_list{ overflow:hidden; padding-top:20px;}
.huoban_list li{ float:left; border:1px solid #ddd; width:45.96%; margin:0 5px 10px;}

/*story*/
.story{ font-size:1.6rem; color:#333;}
.case_logo{ border-bottom:1px solid #ddd; padding:20px 3.472%; line-height:60px;}
.case_name{ float:right;}
.case_text{ padding:30px 3.472%;}
.case_item{ font-weight:normal; font-size:1.8rem; color:#333; margin-bottom:15px;}

/*contact*/
.contact{ padding:0 3.472%;}
.contact_top{ font-size:1.8rem; color:#333; padding:20px 0; border-bottom:3px solid #ebebeb;}
.contact_list{ overflow:hidden;}
.contact_list li{ font-size:1.6rem; color:#808080; margin:25px 0;}
.contact_tit{ font-size:1.8rem; color:#333; font-weight:normal; margin-bottom:10px;}
/*join*/
.join{ padding-bottom:30px;}
.join_tab{ height:44px; line-height:44px; background:#f2f2f2; font-size:1.6rem;}
.join_tab li{text-align:center;}
.join_tab li a{ display:block; float:left; padding:0 6px; border-top:4px solid #f2f2f2;}
.join_tab li.join_cur a{ border-top:4px solid #0092db; background:#fff; color:#333; }
.join_area{ font-size:1.6rem; color:#333; padding:10px 3.472%;}
.join_slide{ width:100%; overflow:hidden;}
.join_slide h3{ height:58px; line-height:58px; border-bottom:1px solid #dbdbdb; cursor:pointer; font-weight:normal; font-size:1.8rem; color:#333;}
.else_info{ color:#808080; font-size:1.6rem;}
.else_info i{ padding:0 10px 0 10px;}
.join_slide h3 em{ float:right; display:block; width:22px; height:58px; background:url(../images/join_01.png) center center no-repeat; cursor:pointer; text-indent:-9999px;}
.join_slide h3.join_on,.join_slide h3.join_on .else_info{ color:#c21827;}
.join_slide h3.join_on em{ background:url(../images/join_02.png) center center no-repeat; }
.join_text{ display:none; padding:20px 3.472%; border-bottom:1px solid #dbdbdb;}
.join_text .learn_more{ text-align:left;}
.join_text .learn_more a{ display:inline-block;}

/*report*/
.report_rec{ padding:20px 0; border-bottom:1px solid #e6e6e6;}
.report_rec dt{ width:36%; overflow:hidden; float:left;}
.report_rec dd{ width:55%; float:left; padding-left:20px;}
.report_rec_tit{ font-weight:normal; font-size:1.8rem; height:26px; line-height:26px; overflow:hidden;}
.report_rec_tit a{ color:#333;}
.report_rec_info{ font-size:1.6rem; color:#808080;}
.report_rec_des{ font-size:1.6rem; color:#808080; margin-top:10px; line-height:22px; height:44px; overflow:hidden;}
.report_list{}
.report_list li{ height:50px; line-height:50px; overflow:hidden; border-bottom:1px solid #e6e6e6; font-size:1.6rem; color:#808080; padding-left:10px;}
.report_date{ float:right; padding:0 8px; border-left:1px solid #e6e6e6;}
.report_list li a{ display:block; float:left; width:61%; color:#333;}
.report_list li:active{ background:#f5f5f5;}
.report_rec_tit a:active,.report_rec_tit a:active,.topics_tit a:active,.topics_tit a:active,.rec_list li a:active{ color:#c21827;}

/*topics*/
.topics{ padding:10px 3.472%; overflow:hidden;}
.topics_area{ overflow:hidden; padding:15px 0;}
.topics_tit{ font-weight:normal; font-size:1.8rem; background:url(../images/list_ico3a.png) right 5px no-repeat; padding-right:40px; margin-bottom:10px;}
.topics_area .topics_tit:active{ background:url(../images/list_ico3b.png) right 5px no-repeat;}
.topics_tit a{ display:block; color:#333;}
.topics_pic{ width:100%; overflow:hidden;}

/*news*/

.news .join_tab li{ width:49%; float:left;}
.news .join_tab li a{ float:none;}

/*article*/
.article{ padding:20px 3.472%; color:#4c4c4c; font-size:1.6rem;}
.article_tit{ font-weight:normal; font-size:2rem; color:#333;}
.article_info{ margin:0 0 20px; padding:10px 0; border-bottom:1px solid #ddd;}	
.article_else{ margin-top:20px;}
.article_from{ font-size:14px;}
.article_from a{ display:block; font-family:Arial, Helvetica, sans-serif; color:#1087d2; text-decoration:underline;}
.sub_shared{ margin-top:10px;}
.sub_shared span{ margin-right:10px; vertical-align:middle;}
.article_page{ margin-top:20px; }
.article_page li{ margin-bottom:10px;}
.article_page a{ color:#1087d2;}
.article_page a:hover,.article_page a:active{ color:#1087d2; text-decoration:underline;}
/*rec_box*/
.rec_box{ padding:20px 3.472%;}
.rec_tit{ font-weight:normal; font-size:1.8rem; color:#d81922; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.rec_list{}
.rec_list li{ padding:10px 5px; overflow:hidden; border-bottom:1px solid #e6e6e6;}
.rec_pic{ float:left; width:20.5%; overflow:hidden;}
.rec_des{ float:right; width:75%; font-size:1.6rem; line-height:24px; height:48px; overflow:hidden;}
.rec_des a{ color:#333;}
.rec_list li:active{ background:#f5f5f5;}

/*buy_success*/
.buy_success{ text-align:center; padding:14% 3.472%; color:#333; font-size:1.6rem;}
.gongxi{ font-size:3.6rem; color:#eb2c47; margin-bottom:10px;}
.want{ margin-top:10px;}
.want a{ color:#eb2c47; margin:0 10px;}
.want a:hover,.want a:active{ color:#eb2c47; text-decoration:underline;}

/*pay*/
.pay{ padding:10px 0 20px;}
.pay_tit{ font-weight:normal; padding:0 3.472% 0; font-size:1.8rem; margin-bottom:10px;}
.pay_area{ margin-bottom:20px; font-size:1.8rem; color:#333;}
.set_list{ border-top:1px solid #e5e5e5;}
.set_list li{line-height: 30px;  overflow:hidden; padding:10px 3.472%; border-bottom:1px solid #e5e5e5;}
.set_sel{ float:right; font-size:1.8rem; height: 30px; line-height: 30px; background:url(../images/list_ico4a.png) center right no-repeat; padding-right:18px;}
.pay_list{ padding:10px 3.472% 0 0;}
.pay_list li{ float:left; width:39%; margin:0 0 10px 3.472%; border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-align:center; cursor:pointer; font-size:1.6rem; padding:0 10px;}
.pay_list li input{ width:15px; height:15px;}
.pay_list li img{ width:86%; vertical-align:middle; padding:15px 0;}
.pay_list li:active{ border:1px solid #ff4141; }
.invoice_list li{ height:64px; line-height:64px;}
.invoice_list li span{ display:inline-block; width:86%; text-align:center;}
.pay_bot{ padding:10px 3.472%;}
.all_num{ color:#ff4141;}
.agree{ font-size:1.6rem; margin:10px 0 20px;}
.agree a{ color:#0096ff;}
.agree a:active{ text-decoration:underline;}
.agree_sel{ width:20px; height:20px; border:1px solid #c2c2c2; margin-right:8px;}
.pay_btn{ display:block; margin:0 auto; background:#ff4141; color:#fff; font-size:1.6rem; width:100%; height:44px; line-height:44px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor:pointer;}
.pay_btn:active{ background:#da3838;}

/* register */
.register{ padding:30px 3.472%; font-size:1.6rem; color:#333;}
/*form*/
.form label, .form input, .form select, .form textarea, .form button, .form .label{float:left;}
.fl{ width:72%; float:left;}
.fr{float:right;}.fn{float:none;}
.hide{display:none;}.invisible{visibility:hidden;}.overflow{overflow:hidden;}
.apply_sel2{ width:100%; padding-left:12px; font-size:1.4rem; color:#999;}
.register .apply_txt{  width:100%; font-size:1.4rem; padding-left:12px; color:#999;}
.red{color:#ff0000;font-family:"宋体";font-weight:normal;}
#formbox{ padding-top:30px;}
#formbox .item{ height:36px; line-height:36px; padding:0 0 20px; position:relative;}
#formbox .item a:link,#formbox .item a:visited{text-decoration:underline;}
#formbox .label{ width:28%; text-align:right;}
#formbox .blank{ width:20px;height:36px; position: absolute; left: 0; top: 0; line-height: 36px; margin: -32px 0 0 28%;}
#formbox .img img{height:26px;margin:0 5px;}
#formbox .succeed{background:url(../images/pwdstrength.gif) no-repeat -105px 8px;}
#formbox .highlight1{ border:1px solid #ddd; }
#formbox .highlight2{border:1px solid #ffd0d0; color:#ff6e6e; -moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd; box-shadow:0px 0px 5px #ddd;}
#formbox .pwdbg{background:#FFF8EB;}
#formbox .focus{ display:block; position:absolute; left:0; top:0; height:36px; line-height:36px; margin:-32px 0 0 28%; font-size:1.4rem;}
#formbox .null,#formbox .error{ color:#ff4141; position:absolute; left:0; top:0; height:36px; line-height:36px; margin:-32px 0 0 100px; font-size:1.4rem; background:url(../images/error_ico.png) left center no-repeat; padding-left:22px;}
#formbox .checkbox{margin-top:6px;*margin-top:2px;}
#formbox #referrer{color:#999;font-size:12px;}
#formbox #protocol{margin:0px 5px 0 0;display:inline;}
#pwdstrength{color:#999;line-height:22px;padding-right:10px;}
#pwdstrength b{float:left;width:104px;height:13px;overflow:hidden;margin-top:5px;*margin-top:3px;}
.strengthA b{background:url(../images/pwdstrength.gif) no-repeat 0 0;}
.strengthB b{background:url(../images/pwdstrength.gif) no-repeat 0 -13px;}
.strengthC b{background:url(../images/pwdstrength.gif) no-repeat 0 -26px;}
.login_enter{ padding:20px; border:1px solid #ccc; color:#999; }
.login_link{ width:38.5%; padding:10px 0; float:left;}
.login_link span{ display:block; color:#333;}
.login_link span a{ color:#ff4141; margin:0 10px;}
.login_link span a:hover{ text-decoration:underline;}
.ask{ width:60.5%; padding:10px 0; float:left; border-left:1px solid #f0f0f0;}
.tel_to{ float:right;}
.tel_to span{ display:block; font-size:1.8rem; color:#333; font-family:Arial, Helvetica, sans-serif;}


@media (min-width:320px) and (max-width:420px){	
.media_rec_des{ height:48px;}
}

@media (min-width:320px) and (max-width:400px){	
.company li{ font-size:1.6rem;}
.login_enter{ text-align:center; padding:10px 20px;}	
.login_link,.ask{ width:100%; float:none;}
.ask{ border-left:none; border-top:1px solid #f0f0f0;}
.tel_to{ float:none;}
}

@media (min-width:320px) and (max-width:360px){	
.invoice_list li{ font-size:1.4rem;}
	
}

@media (max-width:320px){
 .footer{ font-size:1.4rem;}
 .foot_tit{ font-size:1.6rem;}
 .join_tab li{ font-size:1.4rem;}
 .report_rec_tit{font-size:1.6rem;}
 .report_rec_info,.report_rec_des{ font-size:1.4rem;}
 .report_rec_des{ line-height:20px; height:40px;}
 .register,.apply_area{ font-size:1.4rem;}
 .cooper_scr .bd li{ height:60px;}
 .cooper_scr .bd li img{ max-height:60px;}

}

	
/*图片划过样式*/
.header{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;}
.rec_area dt:active img,.wait_pic a:active img,.works_pic a:active img{/*-webkit-transform:scale(1.1) rotate(3deg); -moz-transform:scale(1.1) rotate(3deg); -ms-transform:scale(1.1) rotate(3deg); -o-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg);*/ transform:scale(1.04,1.04); -moz-transform:scale(1.04,1.04); -ms-transform:scale(1.04,1.04); -webkit-transform:scale(1.04,1.04); -o-transform:scale(1.04,1.04); }
.post_tab li a,post_detail_bot a,.post_link a{ transition: inherit; -webkit-transition: inherit;-moz-transition:inherit;-ms-transition: inherit;-o-transition: inherit;}

/*文本框*/
.aq{ border:1px solid #bababa; -moz-box-shadow:0px 0px 5px #bababa; -webkit-box-shadow:0px 0px 5px #bababa; box-shadow:0px 0px 5px #bababa;}

/*字体划过样式*/
.dis{ display:none;}



.cooper_row .list ul{width:90%; margin:0 auto;}
.cooper_row .list ul li{ width: 48%; float: left; margin-top: 8%;}
.cooper_row .list ul li img{width: 30%;  float: left;}
.cooper_row .list ul li p{display: block; padding:8%;margin-left: 26%}


.main-footer{ position: fixed;bottom: 0;width:100%;height:42px;line-height:42px; background: #0092db;z-index: 200;opacity: 0.8; }
.main-footer a{font-size:1.6rem;display:inline-block;width:24%; text-align:center; color: #fff;opacity:1;}
.main-footer span{width:1px; background: #fff;display:inline-block; height:40%;opacity: 0.5;text-align: center;}