@charset "utf-8";
/* CSS Document */
/* all 2013.12.21*/
body{margin:0;padding:0;font-size:12px; color:#333;line-height:1.8;font-family:"微软雅黑","Arial"; background:#fff; overflow-x: hidden;}
form,ul,li,ol,li,dl,dt,dd,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0;}
input,select{font-size:12px; }
img{border:0;}
ul,li{list-style-type:none;}
b,strong{font-weight:bold;}

/* link 2013.12.21 */
a{color:#555;text-decoration:none; cursor:pointer;}
a:hover{color:#ff6600;text-decoration:none;}
.clear{clear: both;}
.fr{float: right;}
.fl{float: left;}
.displayno{display: none}
.displaybl{display: block;}
.mt20{margin-top: 20px;}
.ml20{margin-left: 20px;}

/******公用头部*******/
header{position:absolute; left:0; top:0; height:60px; background: rgba(0,0,0,0.2) no-repeat; width: 100%; z-index:8888; }
header .logo{ display:table; max-width: 225px; height:60px; vertical-align: middle; float: left;}
header .logo a{ display: table-cell; vertical-align: middle;}
header .nav{ float:right; margin-right: 90px;}
header .nav ul li{ float:left; padding: 0 5px; height: 57px; line-height:57px; border-top: 3px solid rgba(255,255,255,0); margin-right: 20px; position: relative;}
header .nav ul li a{ display: block; color: #fff; font-size: 14px;}
.nav ul li:hover{ border-color: #e62a3f;}
header .nav ul li.select a,.i_nav ul li a:hover{ color: #e62a3f;}


.footer .s7_cr{ position: static;}
.footer .s7_footer .info{ margin-bottom: 0;}

/*导航*/

.nav ul li ul{ display: none;position: absolute;   background:rgba(0,0,0,0.2); width:80px; left:0px;top:56px; left:50%; margin-left: -45px;padding: 0 5px;}
.nav li ul li {
	float:none;
	font-size: 14px;
	text-align:center;
	margin:0px; padding:0px;
	height:30px; line-height:30px;
	white-space:nowrap;
    position:relative;
    overflow:hidden;
    border-top: none;
}
.nav li ul li:last-child{ border-bottom: none;}
.nav li ul li a,.nav  li:hover ul li a{ display:block;background:none;border:none;color:#fff;padding:0px;font-size:12px;}
.nav  li ul li:hover a{ color:#e62a3f;}
.nav  li:hover ul {
	display: block;
}
.nav  li:hover ul li ul{ display: none;}
.nav ul li ul li ul{ display: none;position:absolute;left:80px;top:0px;}
.nav  li ul li:hover ul{ display: block;}
/***************轮播样式**************************/
/* index - banner */
.full_banner{ clear:both; height:500px; overflow:hidden; width:100%;}
.full_banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.full_banner .bd ul{width:100% !important;}
.full_banner .bd li{width:100% !important;float:left;height:500px;overflow:hidden;text-align:center;}
.full_banner .bd li a{ display:block;height:500px;  margin:0 auto;}
.full_banner .hd{width:1000px;z-index:1; position:relative; margin:0 auto; margin-top:-20px;text-align:center;}
.full_banner .hd ul{text-align:center;padding-top:5px; position:absolute; right:460px; bottom:80px;}
.full_banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px;height:8px;margin:5px;background:url(../images/tg_flash_p.png) -18px 0;overflow:hidden;
line-height:9999px;}
.full_banner .hd ul .on{background-position:0px 0px;}
/***************轮播样式结束**************************/
.index_part1w{height:170px;background-color:#f7f7f7; }
.index_part1{width:1000px;margin:0 auto;position:relative;}
.index_part1c{width:1000px;height:240px;position:absolute;top:-90px;background:#fff;}
.i_part1_t{height:35px;border-left:5px solid #723928;padding-left:14px; float:left;}
.i_part1_t b{font-weight:normal; font-size:16px; color:#000; display:block;height:20px;line-height:20px;}
.i_part1_t span{display:block;text-transform:uppercase;height:16px;line-height:16px;color:#999;}
.i_about .hd a{float:right;font-size:20px;font-family:Arial, Helvetica, sans-serif; padding-right:5px;}
.i_about{padding:20px;width:410px; padding:20px;float:left;height:200px;overflow:hidden;}
.i_about .bd{clear:both;padding-top:15px;font-size:14px;color:#666666;overflow:hidden;height:140px;}
.i_news{width:270px;background:#f5f5f5;padding:20px;height:200px; float:left;}
.i_news .hd a{float:right;font-size:12px; padding-right:5px;}
.i_news .bd{clear:both;padding-top:15px;overflow:hidden;height:140px;}
.i_news .bd li{ line-height:28px;height:28px;}
.i_news .bd li a{display:block;height:28px;overflow:hidden;background:url(../images/main/list_icon1.jpg) no-repeat 0px 10px; padding-left:15px;}
.i_news .bd li a:hover{background:url(../images/main/list_icon2.jpg) no-repeat 0px 10px; }
.i_contact{width:200px;float:left;padding:20px;height:200px;overflow:hidden;}
.i_contact .hd{font-size:16px; color:#000; }
.i_contact .erweima{text-align:center;margin-top:5px;}
.i_contact .text{line-height:1.4; text-align:center;}

.index_part2,.index_part3{clear:both;width:1000px;margin:0 auto;margin-top:20px;overflow:hidden;}
.list_hd{height:42px;line-height:42px; background:#f7f7f7;}
.list_hd b{float:left;width:121px;height:42px;background:#723928;color:#fff;font-size:16px; text-align:center;font-weight:normal; margin-right:4px;}
.list_hd em{float:left;width:4px;height:42px;background:#723928;}
.list_hd span{float:right; text-transform:uppercase; padding-right:20px;color:#868585;}
.list_hd span a{color:#868585;}
.index_part2 .bd{width:1000px; overflow:hidden;}
.index_part2 .bd ul{width:1070px;}
.index_part2 .bd li{width:289px; float:left; padding-right:32px;margin-right:32px; border-right:1px solid #eeeeee; margin-top:15px;}
.index_part2 .bd li .pic{width:289px;height:147px;overflow:hidden;}
.index_part2 .bd li .name{height:18px;line-height:18px;border-left:4px solid #c09347; padding-left:10px;overflow:hidden;margin-top:10px;}
.index_part2 .bd li .name a{color:#2f2f2f;}
.index_part2 .bd li .name a span{color:#999999;text-transform:uppercase; margin-left:5px;}
.index_part2 .bd li .desc{color:#666; font-size:12px;line-height:22px;height:44px;margin-top:6px;overflow:hidden;}

.index_part3 .bd{width:1000px; overflow:hidden;}
.index_part3 .bd ul{width:1020px;}
.index_part3 .bd li{width:235px;float:left;margin-right:20px;overflow:hidden;margin-top:15px;}
.index_part3 .bd .name{height:30px;line-height:30px;margin-top:5px; text-align:center; font-size:14px;overflow:hidden;}
.index_part3 .bd .name a{color:#666666;}
.index_part3 .bd .price{color:#c00000;font-size:14px; text-align:center;}

.friend_link{clear:both;width:1000px;margin:0 auto;margin-top:20px;overflow:hidden;border-top:1px solid #e5e5e5;padding-top:15px;line-height:25px;}
.friend_link b,.friend_link ul{float:left;}
.friend_link ul li{ float:left;margin-right:20px;}


/***************新闻**************************/
.p_banner{    width: 100%;overflow: hidden;margin: 0 auto;}
.p_bannerc{ height: 272px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;}
.main{width:1200px;margin:0px auto;margin-top:15px;overflow:hidden; }
.p_left{width:195px;float:left;}
.p_right{width:790px; float:right;}
.p_left .hd{height:55px; background:#723928; text-align:center; line-height:55px;}
.p_left .hd span{font-size:16px;color:#fff;background:url(../images/main/plticon.png) no-repeat center right; padding-right:20px; }

.p_left .bd{ background:#edf1f4;padding:15px 20px;}
.p_left .bd  li{line-height:32px;font-size:14px;}
.p_left .bd  a{ display:block;background:url(../images/main/plticon2.png) no-repeat center right;}
.p_left .bd  a:hover,.p_left .bd  a.select{background:url(../images/main/plticon2_select.png) no-repeat center right;color:#f60;}
.p_left .bd li ul li  a{ display:block;background:url(../images/main/plticon4.png) no-repeat 5px 15px; padding-left:15px;font-size:12px;}
.p_left .bd li ul li  a:hover,.p_left .bd li ul li  a.select{background:url(../images/main/plticon4_select.png) no-repeat 5px 15px;color:#f60;}
.p_right .hd{border-bottom:1px solid #dddddd;height:40px;line-height:40px;}
.p_right .hd b{float:left;font-size:16px;}
.crumbs{color:#999;font-size:14px; padding-left:5px; }
.crumbs span{margin-right:8px;}
.newlist{}
.news_search{ clear:both;margin:10px 0px; padding:6px 10px; background:#f5f5f5;border:1px dotted #e5e5e5;}
.newlist li{border-bottom:1px solid #e5e5e5; padding-left:10px; margin-top:10px; overflow:hidden; padding-bottom:10px;}
.newlist li .time,.newlist li .img,.newlist li .info{ float:left; margin-right:10px;}
.newlist li .time{width:60px;text-align:center;}
.newlist  .time b{font-size:36px; color:#959595;display:block;height:40px;line-height:40px;}
.newlist  .time span{color:#959595;display:block;height:20px;line-height:20px;}
.newlist li .img{border:2px solid #eee;width:60px;height:60px;overflow:hidden;}
.newlist li .img img{width:60px;height:auto;}
.newlist li .info{width:620px;}
.newlist li .info .title{    color: #414141;
    font-size: 16px;line-height:24px;height:24px;
    font-family: "微软雅黑";
    font-weight: bold;}
.newlist li .info .desc{line-height:21px;height:42px;overflow:hidden; color:#717171;}
.news_show{clear:both;  overflow:hidden;}
.news_show h1{font-size:20px; text-align:center;font-weight:normal; line-height:30px; margin-top:15px;}
.time_views{ text-align:center; margin-top:5px;}
.time_views span{margin-right:10px;color:#b5b5b5;}
.time_views span a{color:#b5b5b5;}
.time_views span i{font-size:10px; color:#ffd59f; margin-right:3px;}
.news_detail{font-size:14px;line-height:1.8;margin-top:20px; color:#383838;padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.back_next{ line-height:30px; margin-top:5px;}
.back_next .back{ float:left;}
.back_next .next{ float:right;}
.newsbanner{clear:both;  overflow:hidden;margin-top:10px;}
.related_news{clear:both;  overflow:hidden;margin:10px 0px;}
.related_news .related_hd{border-bottom:3px solid #ccc; line-height:40px;font-size:16px;}
.related_news .related_bd{clear:both;  overflow:hidden;margin-top:10px;}
.related_news .related_bd li{ float:left; width:48%;padding-right:2%; overflow:hidden; height:30px; line-height:30px;}
.related_news .related_bd li  a{ display:block;background:url(../images/main/plticon4.png) no-repeat 5px 12px; padding-left:15px;font-size:12px;}
.related_news .related_bd li  a:hover{background:url(../images/main/plticon4_select.png) no-repeat 5px 12px;}
/***************产品**************************/
.pro_search{line-height:26px;}
.pro_ss_input{height:26px;border:1px solid #dbdbdb; width:200px; padding:0px 2px; line-height:26px;vertical-align:middle;}
.pro_ss_sub{ color:#383838;border:1px solid #dbdbdb; background:#f6f6f6; text-align:center;  line-height:26px; padding:0px 20px;margin-left:10px; cursor:pointer;vertical-align:middle;}
.pro_pxtj{background:#f6f6f6;height:22px; padding:8px; margin-top:10px; clear:both;}
.pro_pxtj .pro_px {
    float: left;
    margin-right: 24px;
}
.pro_pxtj .pro_px a {
    float: left;
    padding: 0 10px;
    height: 23px;
    border: 1px solid #CCC;
    line-height: 23px;
    margin-right: -1px;
    background: #FFF;
    color: #333;
}
.pro_pxtj .pro_px a.curr {
    background: #e4393c;
    color: #FFF;
    border-color: #e4393c;
}
.pro_pxtj .pro_px a i {
    display: none;
    position: absolute;
    background: url(../images/common/search.ele.png) no-repeat -9999px -9999px;
    top: 6px;
    right: 5px;
    width: 13px;
    height: 12px;
    overflow: hidden;
    font-size: 0;
}
.pro_pxtj .pro_px  a.down, .pro_pxtj .pro_px a.up {
    position: relative;
    padding-right: 20px;
}
.pro_pxtj .pro_px a.down i, .pro_pxtj .pro_px a.up i {
    display: block;
}
.pro_pxtj .pro_px a.down i {
    background-position: 0 -203px;
}
.pro_pxtj .pro_px a.up i {
    background-position: 0 -225px;
}
.pro_pxtj .pro_tj {
    float: right;
    color:#888;
}
.prolist{clear:both; overflow:hidden;}
.prolist ul{width:810px;}
.prolist ul li{width:188px; float:left; margin-right:13px; margin-top:10px;}
.prolist ul li .img{width:188px;height:188px; overflow:hidden;text-align:center;}
.prolist ul li .name{height:26px;line-height:26px;overflow:hidden;  font-size:14px; text-align:center;}
.prolist ul li .price{height:26px;line-height:26px;overflow:hidden; text-align:center; font-size:16px;color:#c00000;}


.pro_xq_p1{clear:both; margin-top:10px;overflow:hidden;}
.pro_xq_p1 .pro_info{ float:right;width:420px;}
.pro_xq_p1 .pro_info h1{font-size:18px;font-weight:normal;}
.pro_xq_p1 .pro_info  .f_title{border-bottom:1px solid #e5e5e5;color:#888; font-size:14px;line-height:28px; padding-bottom:6px;
}
.pro_xq_p1 .pro_info  ul{margin-top:8px;overflow:hidden;}
.pro_xq_p1 .pro_info  li{line-height:30px;font-size:14px;color:#888; clear:both;}
.pro_xq_p1 .pro_info  li b,.pro_xq_p1 .pro_info  li em,.pro_xq_p1 .pro_info  li span{float:left;}
.pro_xq_p1 .pro_info  li b{font-weight:normal; width:80px; }
.pro_xq_p1 .pro_info  li .sale_price{font-size:24px; color:#ea0000;}
.pro_xq_p1 .pro_info  li em{text-decoration:line-through;}
.pro_xq_p1 .sc_outlink{ clear:both;margin-top:15px;overflow:hidden;}
.pro_xq_p1 .sc_outlink a{float:left;height:50px;line-height:50px;font-size:18px;text-align:center; color:#fff;}
.sc_outlink .outlink{width:260px;background:#ff6700;margin-right:15px;}
.pro_xq_p1 .sc_outlink i{font-size:20px;margin-right:6px;}
.sc_outlink .sc_sub{width:142px;background:#b0b0b0;}
.p_share{clear:both;margin-top:15px;overflow:hidden;}

.pro_xq_p2{clear:both; margin-top:20px;overflow:hidden;}
.pro_xq_p2 .hd{border-bottom:1px solid #e5e5e5;height:40px;}
.pro_xq_p2 .hd ul li{width:120px;height:40px;text-align:center;color:#fff;background:#ff6700;font-size:16px;}

.pro_xq_p2 .attribute{ color:#8a8a8a;margin-top:10px;overflow:hidden;background:#f8f8f8;}
.pro_xq_p2 .attribute li{width:48%;padding-left:2%; float:left;line-height:28px;height:28px;}
.pro_xq_p2  .details{clear:both; padding:10px;overflow:hidden; line-height:1.8;overflow:hidden;}
.related_pro {border:1px solid #eee; overflow:hidden;}
.related_pro .related_hd{font-size:14px;padding:5px 10px;}
.related_pro .related_bd {padding:8px;}
.related_pro .related_bd ul {width:780px;}
.related_pro .related_bd li {float:left;margin-right:6px;margin-bottom:10px;width:150px;overflow:hidden;}
.related_pro .related_bd .img{width:150px;overflow:hidden;height:150px;text-align:center;}
.related_pro .related_bd .name {line-height:30px;height:30px;overflow:hidden;text-align:center;overflow:hidden;}
.related_pro .related_bd .price {color:#c10000;line-height:22px;height:22px;overflow:hidden;text-align:center;overflow:hidden;
    }

/***************表单**************************/
.forms_list{ border:1px solid #e1e1e1; padding:5px 15px 15px 15px; margin-top:10px;}
.forms_list  li{border-bottom:1px dotted #e1e1e1;font-size:14px; clear:both;overflow:hidden;line-height:40px;}
.forms_list  a{ display:block;background:url(../images/main/plticon2.png) no-repeat 5px 16px;height:40px;overflow:hidden; padding-left:18px; float:left;width:80%;}
.forms_list  a:hover{background:url(../images/main/plticon2_select.png) no-repeat 5px 16px;}
.forms_list  span{float:right; color:#999;font-size:12px;}

.forms_details{border:1px solid #e1e1e1; padding:5px 15px 15px 15px; margin-top:10px;}
.forms_details .hd{border-bottom: 1px #E7E7E7 solid;padding: 10px 0;}
.forms_details h1{
    font-size: 22px;
    font-weight: bold;
    line-height: 38px;
    color: #000;
}
.forms_details .time{color:#999; padding-left:5px;}
.forms_details  .bd{ padding:10px 20px;font-size:14px;}
.question_dlist li{ clear:both;padding-top:15px; line-height:30px;}
.question_dlist li b{font-weight:normal;}
.question_dlist li div{margin-top:5px;}
.question_dlist li div .input_form{ 
    width: 588px;
    border: 1px #e5e5e5 solid;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #a9a9a9;
    padding-left: 10px;}
.question_dlist li div textarea {
    width: 589px;
    padding: 5px;
    border: 1px #e5e5e5 solid;
    min-height: 60px;
    line-height: 22px;
    font-size: 12px;
    color: #a9a9a9;
}
.form_sub{    background: #f60;width: 100px;color: #fff;text-align: center;line-height: 30px;height: 30px;border:0px; cursor:pointer;margin-top:5px;}
.mn_select {position: relative;  z-index:1;width:450px;height:30px; line-height:30px; background:#fff;  }
.mn_select cite {width: 560px; height:28px; line-height: 28px; display: block;  
color: #a9a9a9; cursor: pointer; font-style: normal; padding-left:10px;padding-right: 30px;  
border:1px solid #E5E5E5;  background: url(../images/common/xjt.png) no-repeat right center; }
.mn_select ul {width: 600px;   border: 1px solid #E5E5E5; border-top:none; overflow-y:auto; background-color: #ffffff; padding:5px 0px; position: absolute; z-index: 20000;  margin-top: 0px;  display: none; }
.mn_select ul li { height: 34px; line-height: 34px;padding-top:0px; }
.mn_select ul li a {display: block;height: 34px; color: #333333;text-decoration: none;  padding-left: 10px;  padding-right: 10px;  } 
.mn_select ul li a:hover {background-color: #CCC;}
.mn_select select{width:290px;border:1px solid #d2d2d2;height:36px; line-height:36px; background:#fff; }


/*********案例***********/
.div_area_search{ clear:both; margin-top:10px;position:relative;z-index:9;}

.stxsearch{float:left;}
.stxsearch .s_input{ width:150px; padding:0px 3px; line-height:30px; height:30px; border:1px solid #E3E3E3;}
.stxsearch_sub{    color: #383838;
    border: 1px solid #dbdbdb;
    background: #f6f6f6;
    text-align: center;
    line-height: 30px;
    padding: 0px 20px;
    margin-left: 8px;
    cursor: pointer;
    }
.sellerlist{ overflow:hidden; clear:both; min-height:180px;}
.sellerlist ul{width: 810px;}
.sellerlist ul li{width:188px; float:left; margin-right:13px; margin-top:10px;}
.sellerlist ul li .img{width:188px;height:188px; overflow:hidden;text-align:center;}
.sellerlist ul li .name{height:26px;line-height:26px;overflow:hidden;  font-size:14px; text-align:center;}

/**select***/
.m-select{height:32px;float:left;width:288px;background-image:url(../images/main/selector.png);background-repeat:no-repeat;background-position:100% 0;border-radius: 5px; margin-right:8px;}
.m-select-w{width:100px;}
.m-focus{background-position:100% 100%;position:relative;}
.m-select dt{line-height:32px;border:1px solid #E3E3E3;text-align:center;text-indent:-31px;cursor:pointer;height:30px;border-radius: 5px;}
.m-select dd{width:100%;overflow-y:auto;background:#fff;position:absolute;left:0;top:32px;display:none;border-top:2px solid #E3E3E3;border-bottom:2px solid #E3E3E3;border-radius: 5px;box-shadow:0 6px 12px rgba(0,0,0,0.175)}
.m-select dd a{display:block;font-size:12px;text-indent:1em;line-height:32px;border-right:2px solid #E3E3E3;border-left:2px solid #E3E3E3;height:32px;}
.m-select dd a:hover{text-decoration:none;background:#eee;}

.m-select dd.age,.m-select dd.height{width:600px;border:2px solid #E3E3E3;}
.m-select dd.age a,.m-select dd.height a{float:left;width:40px;text-align:center;border:none;display:inline-block;text-indent:0;height:24px;line-height:24px;}

.m-select dd.region{width:660px;height:240px;border:2px solid #E3E3E3;}
.region .tab{height:28px;padding:10px 0 0 10px;}
.region .tab li{float:left;height:24px;line-height:24px;padding:0 20px;border:1px solid #E3E3E3;margin-right:5px;cursor:pointer;}
.region .tab li.on{border:2px solid #723928;cursor:default;position:relative;background:#723928;color:#fff;}
.region .tab-con{border-top:2px solid #723928;margin:0 10px 10px 10px;position:relative;top:-2px;background:#fff; padding-top:10px;}
.m-select dd.region a{float:left;text-align:center;border:none;width:62px;overflow:hidden;overflow:hidden;display:inline-block;text-indent:0;}
.btn_area_select{padding:0px 10px 10px 10px;}

/******下载*******/
.down_list{}
.down_list li{border-bottom:1px solid #e5e5e5; margin-top:10px; overflow:hidden; padding-bottom:10px; overflow:hidden;}
.down_list li .down_list_hd{
    height: 36px;
    padding:0px 15px;
    line-height: 36px;
    background: #f7f7f7;}
.down_list li .down_list_hd  span{ float:left;}
.down_list li .down_list_hd  em{ float:right; color:#888;}
.down_list li .down_list_bd{ clear:both; margin-top:8px;}
.down_list li .img,.newlist li .info{ float:left; margin-right:10px;}
.down_list li .img{border:2px solid #eee;width:60px;height:60px;overflow:hidden;}
.down_list li .img img{width:60px;height:auto;}
.down_list li .info{width:680px;}
.down_list li .info .title{    color: #414141;
    font-size: 14px;line-height:24px;height:24px;
    font-family: "微软雅黑";
    font-weight: bold;}
.down_list li .info .desc{line-height:21px;height:42px;overflow:hidden; color:#717171;}

.down_load_infolist{ clear:both; border:1px solid #eee; overflow:hidden; margin-top:10px;}
.down_load_infolist li{ width:48%; line-height:30px; float:left; border-bottom:1px solid #eee; padding-left:2%;color:#555;}
.down_load_infolist li span{ color:#888;}
.download_sub { clear:both; margin-top:10px; text-align:right;}
.download_sub  a{ width:120px; height:32px; line-height:32px; background:#fd9500; text-align:center; display:inline-block; color:#fff; border-radius:3px; cursor:pointer;}

/******视频*******/
.video_list{}
.video_list li{ clear:both; margin-top:30px; overflow:hidden;}
.video_list li .img{ width:225px;height:150px; float:left; margin-right:20px; position:relative;}
.video_list li .img .b_cover{ position:absolute;height:30px;line-height:30px; right:0px;bottom:0px;color:#fff;}
.video_list li .img .b_cover span{ font-size:12px; margin-right:10px;}
.video_list li .img img{ width:100%; height:auto;}
.video_list li .info{ width:535px;float:left;}
.video_list li .title{ font-size:20px;line-height:34px; max-height:68px; overflow:hidden;}
.video_list li .desc{ font-size:14px; color:#666; margin-top:5px;}
.video_list li .time{color:#888; margin-top:5px;}
.video_list li .time span{ margin-right:15px;}
.jp-video-360p{ margin:0 auto; margin-top:20px; clear:both;}


/******首页*******/
.background{
    background-size: cover;
    background-position: center center;
}
.wrapper{ width: 1200px; margin: 0 auto; padding-top: 1px;}
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}
.wrapper:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.wrapper {
zoom: 1;
}

/******头部*******/
.i_header{ position:absolute; left:0; top:0; height:60px; background: rgba(0,0,0,0.2) no-repeat; width: 100%; z-index:8888;}
.i_header.bluebg{ background: #18264f;}
.i_logo{ display:table; max-width: 225px; height:60px; vertical-align: middle; float: left;}
.i_logo a{ display: table-cell; vertical-align: middle;}
.i_nav{ float:right; margin-right: 90px;}
.i_nav ul li{ float:left; padding: 0 5px; height: 57px; line-height:57px; border-top: 3px solid rgba(255,255,255,0); margin-right: 20px; position: relative;}
.i_nav ul li a{ display: block; color: #fff; font-size: 14px;}
.i_nav ul li:hover{ border-color: #e62a3f;}
.i_nav ul li.select a,.i_nav ul li a:hover{ color: #e62a3f;}
.side_link{ position: fixed; right: 20px; top: 45%; z-index: 9999;}
.side_link ul li{ display: block; width: 40px; height: 40px; line-height: 40px; background: rgba(255,255,255,0.3); border-radius: 50%; text-align: center; margin-bottom: 10px; position: relative; cursor: pointer;
                  box-shadow: 1px -1px 3px rgba(0,8,54,.1), -1px 1px 3px rgba(0,8,54,.1);
}
.side_link ul li p.wechat_box{ position: absolute; left: -120px; top: -157px; width: 100px; background: #fff; border-radius: 4px; padding: 12px 4px 4px; display: none;
                               box-shadow: 1px -1px 3px rgba(0,8,54,.1), -1px 1px 3px rgba(0,8,54,.1);
}
.side_link ul li p.wechat_box span{ text-align: center; display: block; font-size: 14px; line-height: 1;}
.side_link ul li p.wechat_box img{ width: 100px; height: 100px; display: block; margin-top: 10px; margin-bottom: 10px;}
.side_link ul li p.tel_box{ position: absolute; left: -120px; top: -10px; width: 100px; background: #fff; border-radius: 4px; padding: 12px 4px 12px; display: none;
                            box-shadow: 1px -1px 3px rgba(0,8,54,.1), -1px 1px 3px rgba(0,8,54,.1);
}
.side_link ul li a{ display: block;}
.side_link ul li p{ line-height: 1;}
.side_link ul li p.tel_box span{ font-size: 14px; line-height: 1;}
.side_link ul li p.box.on{ display: block;}
.side_link a:hover .side_info{ color: #fff}
.side_link ul li i{ font-size: 20px; color: #e62a3f;}
#fp-nav.right{ right: 200px!important;}
.side_link a .side_info{ position: absolute; right: 0; top: 0; width: 140px; height: 40px; line-height: 40px; border-radius: 20px; padding-right: 40px; text-align: center; background: rgba( 0,0,0,0.3); display: none;}
.sidebar{ display: none;}
.overlay{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; z-index: 9000; display: none;}
.overlay.active{ display: block;}
.side_menu{ width: 200px; height: 100%; position: absolute; right: -200px; top: 0; background: #fff; z-index:9999;
            transition: 0.3s;
            -moz-transition: 0.3s;
            -ms-transition: 0.3s;
            -o-transition: 0.3s;
            -webkit-transition: 0.3s;
}
.side_menu.on{  right: 0; 
                transition: 0.3s;
                -moz-transition: 0.3s;
                -ms-transition: 0.3s;
                -o-transition: 0.3s;
                -webkit-transition: 0.3s;
}
.side_menu ul li{ padding-left: 30px; height: 50px; line-height: 50px; border-bottom: 1px solid #fff;}
.side_menu ul li a{ font-size: 14px; display: block;}
.side_menu ul li.select{ background: #054aae; 
                         transition: 1s;
                         -moz-transition: 1s;
                        -ms-transition: 1s;
                        -o-transition: 1s;
                        -webkit-transition: 1s;
}
.side_menu ul li.select a{ color: #fff;}
.side_menu ul li:hover a{ color: #fff;}
.side_menu ul li:hover{ background: #054aae; }
.side_open { width: 26px; height:18px; cursor: pointer; position:absolute; z-index: 9999; right: 20px; top: 30px;
             transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 0.4s cubic-bezier(0.215,0.61,0.355,1);
            -moz-transition: 0.4s cubic-bezier(0.215,0.61,0.355,1);
            -ms-transition: 0.4s cubic-bezier(0.215,0.61,0.355,1);
            -o-transition: 0.4s cubic-bezier(0.215,0.61,0.355,1);
            -webkit-transition: 0.4s cubic-bezier(0.215,0.61,0.355,1);                     
}
.side_open.active{ right: 220px; transition: 0.3s;}
.side_open hr { height: 2px; background: #fff; display: block; margin: 0; padding: 0; border: none; position: absolute;
                transition: 1s;
                -moz-transition: 1s;
                -ms-transition: 1s;
                -o-transition: 1s;
                -webkit-transition: 1s;
}
.side_open hr:nth-child(1) { width: 100%; top: 0; right: 0; }
.side_open hr:nth-child(2) { width: 100%; top: 50%; left: 0; margin-top: -1px; opacity:1; }
.side_open hr:nth-child(3) { width: 100%; bottom: 0; right: 0; }
.side_open.active hr:nth-child(1) { width: 100%; top: 50%; margin-top: -1px;
                                    transform: rotate(45deg);
                                    -moz-transform: rotate(45deg);
                                    -ms-transform: rotate(45deg);
                                    -o-transform: rotate(45deg);
                                    -webkit-transform: rotate(45deg);
                                    transform-origin: center;
                                    -moz-transform-origin: center;
                                    -ms-transform-origin: center;
                                    -o-transform-origin: center;
                                    -webkit-transform-origin: center;
}
.side_open.active hr:nth-child(2){ opacity:0; }
.side_open.active hr:nth-child(3) { width: 100%; bottom: 50%; margin-bottom: -1px;
                                    transform: rotate(-45deg);
                                    -moz-transform: rotate(-45deg);
                                    -ms-transform: rotate(-45deg);
                                    -o-transform: rotate(-45deg);
                                    -webkit-transform: rotate(-45deg);
                                    transform-origin: center;
                                    -moz-transform-origin: center;
                                    -ms-transform-origin: center;
                                    -o-transform-origin: center;
                                    -webkit-transform-origin: center;
}

.section2{ background-size: auto 86%; background-position: center center; background-repeat: no-repeat;}
.section8{ background-color: #051852;}

.section_wrap{ width:100%; height:100%; position:absolute; left:0; top:0;}
.section1 .section_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.section1 .s1_font2{margin-top: 22px;}
.section1 .ip1_search{ width: 600px; margin-top: 30px; position: relative;}
.section1 .ip1_search .search_text input{ width: 554px; height:60px;  border-radius: 30px; background-color: rgba(3,15,57,0.7); border: none; padding-left: 46px; font-size:14px; color:#fff;}
.section1 .ip1_search .search_btn input{ width: 50px; height: 50px; background-color: #fff; border-radius: 50%; border: none; position: absolute; top: 5px; right: 5px; background-image: url(../images/main/search_btn.png); 
                                         background-repeat: no-repeat; background-position: center center;
}
.section_next{ position:absolute; bottom: 8%; left: 50%; margin-left:-24px; width: 48px; height: 48px; border-radius: 50%; background-color: rgba(0,0,0,0.25); background-image: url(../images/main/section_next.png);
               background-position: center center; background-repeat: no-repeat; z-index: 888;
}
.section1 .ip1_news{ width: 430px; height:30px; background-color: rgba(0,0,0,0.1); color: #fff; padding: 0 15px;margin-top: 55px;}
.section1 .ip1_news .front{ font-size: 16px; font-weight: bold; float:left; height: 30px; line-height: 30px;}
.section1 .ip1_news .list{ width: 252px; height:30px; margin-left: 9px; float: left;}
.section1 .ip1_news .list .swiper-slide{ height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
.section1 .ip1_news .list .swiper-container{ height: 30px;}
.section1 .ip1_news .ip1_more{ float: right; height: 30px; line-height: 30px; color: #fff; font-size: 14px;}
.ip1_check{ position: fixed; width: 448px; height: 360px; background-color: #fff; border-radius: 10px; left: 50%; margin-left: -224px; top: 50%; margin-top: -180px; z-index: 101;}
.ip1_check .ip1_check_wrap{ padding: 0 30px; position: relative; padding-top: 30px;}
.ip1_check h3 { font-size: 26px; line-height: 40px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; text-align: center;}
.ip1_check input{ width: 223px; height: 34px; margin: 0 auto; display: block; font-size: 14px; padding-left: 15px;}
.ip1_check input.name{ margin-top: 24px;}
.ip1_check .defence{ width: 240px; margin: 0 auto; height: 20px; margin-top: 22px;}
.ip1_check .defence span{ padding-left: 21px; height: 20px; background-color: #58b850; padding-right: 11px; background-image: url(../images/temp/defence.png); background-repeat: no-repeat; line-height:20px;
                               font-size:12px; color: #fff; display: inline-block; background-position: 6px center; border-radius: 3px;
}
.ip1_check input.phone{ margin-top: 5px; position: relative;}
.ip1_check .must:before{ content:"*"; display: block; width: 10px; height: 36px; line-height: 36px; text-align: center; position: absolute; top: 4px; left: -20px; color: #e0011b; font-size: 24px;}
.ip1_check .must{ width: 240px; height: 36px; margin: 0 auto; display: block; font-size: 14px; position: relative;}
.ip1_check input.btn{ width: 165px; height: 36px; border-radius: 36px; margin: 0 auto; margin-top: 39px; font-size: 16px; color: #fff; text-align: center; border: none;
                                background: -webkit-linear-gradient(#f23754, #d11710); /* Safari 5.1 - 6.0 */
                                background: -o-linear-gradient(#f23754, #d11710); /* Opera 11.1 - 12.0 */
                                background: -moz-linear-gradient(#f23754, #d11710); /* Firefox 3.6 - 15 */
                                background: linear-gradient(#f23754, #d11710); /* 标准的语法 */
                            }
.ip1_check .tel_error{ width: 240px; height: 16px; margin: 0 auto; margin-top:2px; color:#e0011b; font-size: 12px; }
.ip1_check .close{ width: 39px; height: 39px; border-radius: 50%; background-color: #f7f7f7; background-image: url(../images/temp/close_1.png); background-repeat: no-repeat; background-position: center center;
                             position: absolute; right: 10px; top: 10px; cursor: pointer;
}
.ip1_check .t_name{ margin-top: 10px;}

.reg_bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; display:none; z-index:99;}

.s2_font1{ position: absolute; top: 43%; left:0; width: 100%; text-align: center;}
.s2_desc{position: absolute; bottom: 7%; left:0;font-size: 20px; color:#333; line-height: 30px;width: 100%;  text-align: center;}
.s2_more{ position: absolute; top: 64%; left: 50%; margin-left: -60px;}
.s2_more a{ display: inline-block; width: 120px; height: 40px; background-color: rgba(0,0,0,0.34); text-align: center; line-height: 40px; font-size: 14px; color: #fff; border-radius: 20px;}

.s3_main{ position: relative; width: 1070px; height: 627px; left:50%; margin-left: -535px; top: 50%; margin-top: -310px;}
.s3_tit h1{ font-size: 40px; color: #fff; text-align: center;}
.s3_tit p{ font-size: 16px; color: #fff; text-align: center;}
.s3_dot{ position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #fff; z-index:99;}
.s3_dot1{ top: 142px; left: 24px; box-shadow:0 0 20px #fff; }
.s3_dot2{ top: 244px; left: 273px; }
.s3_dot3{ top: 275px; left: 577px; }
.s3_dot4{ top: 244px; left: 925px; }
.s3_dot5{ top: 460px; left: 1013px; }
.s3_dot6{ top: 428px; left: 643px; }
.s3_dot7{ top: 504px; left: 373px; }
.s3_dot8{ top: 423px; left: 86px; box-shadow:0 0 20px #fff;}
@keyframes brflash{ 
    from{ opacity: 1;}
    50%{ opacity: 0;}
    to{ opacity: 1;}
}
.s3_icon8.brightflash{ animation: brflash 0.8s linear;}
.newLine{ box-shadow: 0 0 10px #fff; height: 3px; background: #fff; position: absolute; }
.s3_icon{ width: 80px; position: absolute; text-align: center;}
.s3_icon img{ max-width: 80px;}
.s3_icon p{ font-size: 18px; color: #fff; margin-top: 10px; line-height: 1em;}
.s3_icon1{ left: -5px; top: 35px;}
.s3_icon2{ left: 245px; top: 125px;}
.s3_icon3{ left: 548px; top: 152px;}
.s3_icon4{ left: 893px; top: 135px;}
.s3_icon5{ left: 984px; top: 502px;}
.s3_icon6{ left: 612px; top: 460px;}
.s3_icon7{ left: 342px; top: 540px;}
.s3_icon8{ left: 56px; top: 456px;}
.s3_icon_pic{ width: 80px; height: 62px; position: relative; left: 0; top: 0;}
.s3_icon_pic img{ display: block; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}



.s4_bg{ width: 100%; height: 98%; position: absolute; left: 0; top: 0; background-size: cover; overflow: hidden; background: url(../images/temp/wind1.PNG) center center no-repeat;}
@keyframes s4_fade{ 
    from{ opacity:1;}
    50% { opacity: 0;}
    to { opacity: 1;}
}
.s4_bg{ animation: s4_fade 2s infinite}

.s4_main{position: absolute; left: 10%; top: 20%;}
.s4_tit{ display: block; max-width: 500px;}
.s4_text p{ font-size: 20px; color: #232041; line-height: 32px;}
.s4_text h2{ font-size: 50px; color: #1e1c3c; font-weight: normal; line-height: 70px;}
.s4_bot{ margin-top: 70px; width: 100%; position: relative; height: 76px; text-align: center;}
.s4_bot .s4_icon{ width: 150px; height: 76px; display:inline-block; text-align: center;}
.s4_bot .s4_icon_wrap{ width: 150px; height: 62px; text-align: center;}
.s4_bot .s4_icon img{ max-height: 62px;}
.s4_bot .s4_icon p{ height: 14px; line-height: 14px; color: #fff; font-size: 14px;}
.s4_bot .s4_icon1{ left: 33.333%; }
.s4_bot .s4_icon2{ left: 50%; }
.s4_bot .s4_icon3{ left: 66.666%; }

.s5_main{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 50%; transform: translateY(-50%);}
.s5_main .s5_text{ display: flex; justify-content: space-between; align-items: flex-start;}
.s5_tit { display: block; max-width: 100%;}
.s5_text_item{ width: 550px; margin-top: 80px;}
.s5_text .s5_text_tit{ display: table-cell; width: 550px; height: 46px;}
.s5_text .s5_text_tit h1{ font-size: 42px; font-weight: normal; display: inline-block; vertical-align: bottom; color: #fff; height: 46px; line-height: 46px; float: left;}
.s5_text .s5_text_tit .s5_icon{ display: inline-block; float: left; margin-left: 10px; height: 46px;}
.s5_text .s5_text_tit .s5_icon img{ width: 30px; height: 30px; margin-top: 16px; display: inline-block; margin-right: 3px;}
.s5_desc{ font-size: 14px; color: #fff; line-height: 20px; margin-top:25px;}
.s5_desc span{ color: #1fa0e8; }
.s5_main .s5_right{ float: right;}
.s5_pic { width: 550px; height: 220px; overflow: hidden; }
.s5_pic img{ width: 100%;}

.s6_main{ padding-top: 61px; overflow: hidden; height: 100%; box-sizing: border-box;}
.s6_main .swiper-container{ height: 100%!important;}
.s6_main ul{ height: 100%;}
.s6_main ul li{ width: 20%; float: left; height: 100%; overflow: hidden; position: relative;}
.s6_main ul li .pic{ overflow: hidden; background-size: cover!important; background-repeat: no-repeat; background-position: top center; width: 100%; height: 50%; position: absolute; left: 0; top: 0;}
.s6_main ul li.pic img{ width: 100%;}
.s6_text1{ padding: 24% 13% 0; position: absolute; left: 0; top: 50%; width: 100%; height: 50%; box-sizing: border-box; }
.s6_main ul li:nth-child(even) .pic{ top: 50%;}
.s6_main ul li:nth-child(even) .s6_text1{ top: 0;}
.s6_text1 .quote{ font-size: 14px; color: #fff; line-height: 20px; }
.s6_text1 .name{ position: absolute; left: 13%; bottom: 50px;}
.s6_text1 .name b{ font-size: 20px; color: #1fa0df; line-height: 28px;}
.s6_text1 .name p{ font-size: 14px; color: #fff; line-height: 28px;}


.s7_main{padding: 150px 0 80px; overflow: hidden; background-size: cover;}
.s7_nav{ width: 600px; border-bottom: 1px solid #393b63; text-align: center; margin: 0 auto;}
.s7_nav li{ font-size: 22px; color: #49526e; line-height: 43px; height: 43px; width: 100px; text-align: center; display: inline-block; margin-right: 50px; cursor: pointer; margin-bottom: -1px;}
.s7_nav li.select{ color: #e62a3f; font-weight: bold; border-bottom: 2px solid #e62a3f;}
.s7_content{ width: 1200px; margin: 0 auto; margin-top: 60px;}
.s7_list{ display: none;}
.s7_list ul{ width: 1290px; overflow: hidden;}
.s7_list ul li{ width: 340px; float: left; margin-right: 90px;}
.s7_list ul li:nth-of-type(n+4){ display: none;}
.s7_list ul li .pic{ width: 340px; height: 200px; overflow: hidden;}
.s7_list ul li .pic img{ width: 100%;}
.s7_list ul li .title{ font-size: 16px; color: #fff; line-height: 1em; height: 1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 340px; margin-top: 15px;}
.s7_list ul li .title a{ color: #fff;}
.s7_list ul li .desc{ font-size: 14px; color: #8d8faf; line-height: 20px; margin-top: 10px;}
.s7_more{ width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; border-radius: 20px; margin: 0 auto; margin-top: 50px; background: rgba(0,0,0,0.34); display: block;}
.s7_content>div.on{ display:block;}
.s7_footer{ padding: 40px 0; width: 1200px; margin: 0 auto;}
.s7_footer .name{ text-align: center;}
.s7_footer .name span{ display: inline-block; border-bottom: 1px solid #1e3064; color: #fff; font-size: 20px; font-weight: bold; line-height: 42px; height: 42px; position: relative;}
.s7_footer .name span:after{ width: 68px; height: 4px; background: #1e3064; content: ""; position: absolute; left: 50%; margin-left: -34px; bottom: -3px;}
.s7_footer .link{ text-align: center; margin-top: 24px; }
.s7_footer .link a{ display: inline-block; padding: 0 10px; height: 16px; line-height: 16px; color: #8294cb; font-size: 14px; border-right: 2px solid #8294cb;}
.s7_footer .link a:last-child{ border-right: none;}
.s7_footer .info{ text-align: center; margin-top:24px; margin-bottom: 40px;}
.s7_footer .info ul li{ display: inline-block; height:30px; line-height: 30px; background-position: left center; background-repeat: no-repeat; font-size: 14px; color: #fff; margin-right: 80px;}
.s7_footer .info ul li a{ color: #fff;}
.s7_footer .info ul li.qq{ padding-left: 38px; background-image:url(../images/temp/QQ.png);}
.s7_footer .info ul li.phone{ padding-left: 38px; background-image:url(../images/temp/phone.png);}
.s7_footer .info ul li.address{ padding-left: 38px; background-image:url(../images/temp/address.png);}
.s7_cr{ padding: 12px 0; background-color: #05164a; text-align: center; color: #6a7bb0; line-height:18px; font-size: 14px; width: 100%; position: absolute; left: 0; bottom: 0;}

#fp-nav ul li a span{ background: #e62a3f!important;}
.delay1{animation-delay:0.2s;}
.delay2{animation-delay:0.4s;}
.delay3{animation-delay:0.6s;}
.delay4{animation-delay:0.8s;}
.delay5{animation-delay:1.0s;}
.delay6{animation-delay:1.2s;}

.s1_font1, .ip1_search, .section_next, .ip1_news, .s1_font2,
.s2_font1, .s2_desc, .s2_more,
.s3_tit, 
.s4_tit, .s4_text p, .s4_text h2, .s4_icon1, .s4_icon2, .s4_icon3,
.s5_tit, .s5_pic, .s5_text,.section6 ul li ,.s7_list ul li{ visibility: hidden;}
.v_show{ visibility: visible!important;}

@media screen and (max-width: 1199px) and (min-width: 992px){
    .wrapper{ width: 980px;}
    .i_nav{ margin-right: 0;}
    #fp-nav.right{ right: 150px!important;}
    .s3_main{ background: none; width: 100%; height: 100%; left: 0; margin-left: 0;}
    .newLine{ display: none;}
    .s3_dot{ display: none;}
    .s3_icon1{ left: 10%; top: 25%;}
    .s3_icon2{ left: 30%; top: 25%;}
    .s3_icon3{ left: 50%; top: 25%;}
    .s3_icon4{ left: 70%; top: 25%;}
    .s3_icon5{ left: 10%; top: 50%;}
    .s3_icon6{ left: 30%; top: 50%;}
    .s3_icon7{ left: 50%; top: 50%;}
    .s3_icon8{ left: 70%; top: 50%;}

    .s5_main{ width: 100%; top: 20%; left:0; margin-left:0; padding: 0 10px; box-sizing: border-box;}
    .s5_main .s5_left,.s5_main .s5_right{ width: 48%;}
    .s5_tit,.s5_text,.s5_pic{ width: 100%;}
} 
@media screen and (max-width: 991px) and (min-width: 768px){
    .side_open{top: 22px;}
    .wrapper{ width: 750px;}
    .i_nav{ margin-right: 0;}
    #fp-nav.right{ right: 60px!important;}
    .s3_main{ background: none; width: 100%; height: 100%; left: 0; margin-left: 0;}
    .newLine{ display: none;}
    .s3_dot{ display: none;}
    .s3_icon1{ left: 10%; top: 25%;}
    .s3_icon2{ left: 30%; top: 25%;}
    .s3_icon3{ left: 50%; top: 25%;}
    .s3_icon4{ left: 70%; top: 25%;}
    .s3_icon5{ left: 10%; top: 50%;}
    .s3_icon6{ left: 30%; top: 50%;}
    .s3_icon7{ left: 50%; top: 50%;}
    .s3_icon8{ left: 70%; top: 50%;}

    .s5_main{ width: 100%; top: 20%; left:0; margin-left:0; padding: 0 10px; box-sizing: border-box;}
    .s5_main .s5_left,.s5_main .s5_right{ width: 48%;}
    .s5_tit,.s5_text,.s5_pic{ width: 100%;}
}
@media screen and (max-width: 767px){
    img{max-width: 100%;}
    .s1_font1{width: 80%;}
    .s1_font2{width: 96%;}
    .side_menu ul li ul{ display: none;}
    .wrapper{ width: 100%;}
    .i_logo{ margin-left: 10px;}
    .i_nav{ display: none;}
    .sidebar{ display: block;}
    .section1 .ip1_top{ top: 20%;}
    .section1 .ip1_tit h1{ font-size: 40px;}
    .section1 .ip1_tit p{ font-size: 16px;}
    #fp-nav{ display: none;}
    .side_link{ top: auto; bottom: 10%;}
    .side_link ul li:nth-child(n+2){ display: none;}
    .section1 .ip1_search{ width: 300px;}
    .section1 .ip1_search .search_text input{ width: 254px;}
    .section1 .ip1_news{ width: 80%;}
    .section1 .ip1_news .list{ width: 180px;}
    .section_next{ bottom: 6%; }
    .section1 .ip1_check{ width: 320px; margin-left: -160px;}

    .section2{background-size: auto 66%;}
    .s2_font1{text-align: center;}
    .s2_font1 img{width: 80%;}
    .s2_main{ top: 30%;}
    .s2_tit h1{ font-size: 36px;}
    .s2_tit h2{ font-size: 30px;}
    .s2_desc{ padding: 0 10px;box-sizing: border-box; font-size: 16px;}

    .s3_main{ background: none; width: 100%; height: 480px; left: 0; margin-left: 0; margin-top: -200px;}
    .newLine{ display: none;}
    .s3_dot{ display: none;}
    .s3_icon1{ left: 10%; top: 25%;}
    .s3_icon2{ left: 30%; top: 25%;}
    .s3_icon3{ left: 50%; top: 25%;}
    .s3_icon4{ left: 70%; top: 25%;}
    .s3_icon5{ left: 10%; top: 50%;}
    .s3_icon6{ left: 30%; top: 50%;}
    .s3_icon7{ left: 50%; top: 50%;}
    .s3_icon8{ left: 70%; top: 50%;}

    .s4_main{ width: 100%; padding: 10px; left: 0; margin-left: 0; box-sizing: border-box; top: 20%;}
    .s4_tit{ width: 80%;}
    .s4_text h2{ font-size: 30px;}
    .s4_bot{ margin-top: 30px;}
    .s4_bot .s4_icon{ width: 100px;}
    .s4_bot .s4_icon_wrap{ width: 100px;}

    .s5_main{ width: 100%; padding: 0 16px; left: 0; margin-left: 0; box-sizing: border-box;}
    .s5_tit{ width: 80%;}
    .s5_text .s5_text_tit h1{font-size: 28px;}
    .s5_main .s5_text{flex-direction: column;}
    .s5_pic{ width: 100%; height: 150px; margin-top: 20px;}
    .s5_text .s5_text_tit .s5_icon img{width: 24px;height: 24px;}
    .s5_text_item{width: 100%;margin-top: 30px;}
    .s5_desc{margin-top: 18px;}
    
    
    .s6_main ul li{ width:100%;height:20%; box-sizing: border-box; border-bottom: 1px dotted #fff;}
    .s6_main ul li:nth-of-type(n+9){ border-bottom: none;}
    .s6_main ul li .pic{width:25%; position: static!important; float: left; height: 100%;}
    .s6_text1,.s6_text2,.s6_text3{ padding: 3%; position: static!important; float: left; width: 75%; box-sizing: border-box; height: 100%;}
    .s6_text1 .quote{ height: 2em; line-height: 2em; overflow:hidden;}
    .s6_text1 .name{ left:25%; bottom: 5px; margin-left: 10px;}
    .s6_text1 .name b{ display: inline-block;}
    .s6_text1 .name p{ display: inline-block; margin-left: 10px;}
    .s6_text2 h2{ font-size: 16px;}
    .s6_text2 p{ display: none;}
    .s6_text3 h2{ font-size: 16px;}

    .s7_main{ width: 100%; box-sizing: border-box; padding: 100px 10px 30px;}
    .s7_nav{ width: 80%;}
    .s7_content{ width: 100%; margin-top: 40px;}
    .s7_list ul{ width: 100%;}
    .s7_list ul li{ width: 100%;}
    .s7_list ul li .pic{ width: 100%;}
    .s7_nav li{ margin-right: 20px;}
    .s7_list ul li:nth-of-type(n+2){ display: none;}
    .s7_more{ margin-top: 20px;}

    .s7_footer{ width: 100%; padding: 10px; box-sizing: border-box;}
    .s7_footer .name span{ font-size: 18px;}
    .s7_footer .info ul li{ display: block; margin-right: 0; margin-left: 30px; margin-bottom: 10px; height: auto;}
    .s7_footer .info{ margin-bottom: 50px;}
}

/*公用样式*/
.com_bannerp2{ width: 100%;  background-repeat: no-repeat; background-size: cover; position: relative;}
.com_bannerp2 img{width:100%;height:auto;}
.com_banner{ width: 100%; height: 500px; background-repeat: no-repeat; background-size: cover; position: relative;}
.com_banner .com_toptit{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); text-align: center;}
.com_banner .com_toptit h1{ text-align: center; font-size: 40px; color: #fff; line-height: 1em; height: 1em; font-weight: normal; white-space: nowrap;}
.com_banner .com_toptit p{ margin-top: 8px; font-size: 26px; color: #fff; text-align: center; line-height: 1em; height: 1em; padding: 0 19px; position: relative; display: inline-block;}
.com_banner .com_toptit p::after, .com_banner .com_toptit p:before{
    width: 77px; height: 1px; background: #fff; content:""; display: block; position: absolute; top: 50%;
}
.com_banner .com_toptit p:before{ left: -77px;}
.com_banner .com_toptit p:after{ right: -77px;}
.com_top_nav{ height: 40px;}
.com_top_nav:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}
.com_top_nav {
    zoom: 1;
}
.com_top_nav .com_nav{ margin-top: -15px; display: inline-block; transform: skew(-15deg); background: #f5f5f5; box-shadow: 0 0 20px #eaeaea; float: left; margin-left: 10px;}
.com_top_nav .com_nav ul li{  height: 50px; padding: 0 30px; float: left; text-align: center; background: #fff;  margin-right: 1px; line-height: 50px;}
.com_top_nav .com_nav ul li:last-child{ margin-right: 0;}
.com_top_nav .com_nav ul li a{ display: block; transform: skew(15deg); font-size: 16px; color: #424242;}
.com_top_nav .com_nav ul li.select{ background: #e62a3f;}
.com_top_nav .com_nav ul li.select a{ color: #fff;}
.com_top_nav .com_location{ float: right; height: 40px; display: inline-block; line-height: 40px; padding-left: 24px; background: url(../images/temp/location.png) left center no-repeat; font-size: 14px; color: #999;} 
.com_top_nav .com_location a{ font-size: 14px; color: #999; margin: 0 8px;}

.about_part1{ padding-bottom: 44px; }
.ap_com_tit{ text-align: center;}
.ap_com_tit h1{ font-size: 24px; line-height: 1em; height: 1em; font-weight: normal;}
.ap_com_tit p{ margin-top: 10px; font-size: 14px; color: #999; line-height: 1em; height: 1em;}
.ap_bg_gray{ background: #f5f5f5;}
.ap_bg_white{ background: #fafafa;}
.about_part1 .ap_com_tit{ margin-top: 60px;}
.ap1_desc{ margin-top: 23px; line-height: 28px; font-size: 14px; color: #4c4c4c; text-indent: 2em;}

.about_part2{ padding: 50px 0 80px;}
.ap2_desc{ width: 666px; line-height: 24px; font-size: 14px; color: #4c4c4c; margin: 0 auto; margin-top: 45px;}
.ap2_list{ width: 100%; text-align: center; margin-top: 46px;}
.ap2_list ul li{ display: inline-block; margin-right: 103px; width: 165px; height: 167px; border: 1px solid #eee; border-radius: 5px; box-shadow: 0 0 20px #f0f0f0;} 
.ap2_list ul li:last-child{ margin-right: 0;}
.ap2_list ul li .pic{ width: 100%; height: 85px; position: relative;}
.ap2_list ul li .pic img{ display: block; top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute;}
.ap2_list ul li .pic img.pic_red{ display: none;}
.ap2_list ul li .num{ font-size: 18px; color: #e62a3f; text-align: center; margin-top: 3px; height: 1em; line-height: 1em;}
.ap2_list ul li .note{ font-size: 14px; color: #262626; text-align: center; margin-top: 24px; height: 1em; line-height: 1em;}
.ap2_list ul li.select .pic img.pic_red, .ap2_list ul li:hover .pic img.pic_red{ display: block;}
.ap2_list ul li.select .pic img.pic_gray, .ap2_list ul li:hover .pic img.pic_gray{ display: none;}
.ap2_list ul li.select, .ap2_list ul li:hover{ border: 1px solid #e62a3f;}
.ap2_list ul li.select .note, .ap2_list ul li:hover .note{ color: #e62a3f;}

.about_part3{ padding: 60px 0;}
.ap3_list { width: 960px; margin: 0 auto; margin-top: 50px;}
.ap3_list ul{ width: 990px;}
.ap3_list ul li { width: 298px; height: 98px; border: 1px solid #e5e5e5; margin-right: 30px; margin-bottom: 20px; float: left; position: relative;}
.ap3_list ul li .time{ padding-left: 59px; height: 98px; line-height: 98px;}
.ap3_list ul li .time span{ padding-left: 37px; font-size: 22px; color: #808080; display: inline-block; background: url(../images/temp/location_time.png) left center no-repeat;}
.ap3_list ul li .desc{ opacity: 0; width: 298px; height: 98px; border: 1px solid #a91e38; position: absolute; left: 0; top: 0; background: #a91e38; 
                       transition: all ease 0.3s; 
                       -moztransition: all ease 0.3s;
                       -webkit-transition: all ease 0.3s;
                       -o-transition: all ease 0.3s;
}
.ap3_list ul li .desc p{ color: #fff; font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; padding: 16px 26px 0;}
.ap3_list ul li:hover .desc { opacity: 1; 
                              transition: all ease 0.3s; 
                              -moztransition: all ease 0.3s;
                              -webkit-transition: all ease 0.3s;
                              -o-transition: all ease 0.3s;
}

.about_part4{ padding: 40px 0 60px;}
.ap4_list{ margin-top: 35px;}
.ap4_list .pic{ width: 390px; height: 255px; overflow: hidden;}
.ap4_list .pic img{ max-width: 100%;}
.ap4_list .swiper-pagination-bullet{ width: 46px; height: 3px; background: #666666; border-radius: 0; margin-right: 20px;}
.ap4_list .swiper-pagination-bullet-active{ background: #e62a3f;}
.ap4_pagi{ position: relative; width: 100%; height: 30px; margin-top: 20px;}
.ap4_pagi .swiper-pagination{ position: static;}

.about_part5{ padding: 43px 0 48px;}
.ap5_main{ margin-top: 33px;}
.ap5_main ul{ width: 1216px;}
.ap5_main ul li{ width: 156px; height: 84px; border: 2px solid #e8e7e7; margin-right: 13px; float: left; margin-bottom: 13px; background: #fff;}
.ap5_main ul li a{ display: block; position: relative; width: 156px; height: 84px;}
.ap5_main ul li a img{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

/*联系我们*/
.contact_us{ padding-bottom: 55px;}
.contact_us .cu_tit{ margin-top: 40px; padding-bottom: 9px; border-bottom: 1px solid #e5e5e5;}
.contact_us .cu_tit h1{ color: #1a1a1a; font-size: 24px; font-weight: normal; line-height: 1em; height: 1em;}
.contact_us .cu_tit p{ color: #4c4c4c; font-size: 14px; margin-top: 8px; line-height: 1em; height: 1em;}
.contact_us .cu_main{ margin-top: 31px;}
.contact_us .cu_main .cu_map{ width: 600px; height: 308px; overflow: hidden; float: left;}
.contact_us .cu_main .cu_info{ float: left; margin-left: 37px;width: 550px; }
.contact_us .cu_main .cu_info ul li{ padding-left: 42px; height: 30px; line-height: 30px; margin-top: 17px; font-size: 14px; background-position: left center; background-repeat: no-repeat; color: #1a1a1a;}
.contact_us .cu_main .cu_info ul li.phone{ background-image: url(../images/temp/ct_phone.png);}
.contact_us .cu_main .cu_info ul li.qq{ background-image: url(../images/temp/ct_qq.png);}
.contact_us .cu_main .cu_info ul li.mail{ background-image: url(../images/temp/ct_mail.png);}
.contact_us .cu_main .cu_info ul li.post{ background-image: url(../images/temp/ct_post.png);}
.contact_us .cu_main .cu_info ul li.route{ background-image: url(../images/temp/ct_route.png);}
.contact_us .cu_main .cu_info ul li.address{ background-image: url(../images/temp/ct_address.png);}
.contact_us .cu_main .cu_info ul.fengongsi  li.address{width:45%;float:left;box-sizing:border-box; margin-right:5%;}







.sp1_list .swiper-container {
	width: 100%;
	margin: 35px 0;
}

@media screen and (max-width: 668px) {
	.sp1_list .swiper-container {
		margin: 20px 0 15px;
	}
}

.sp1_list .swiper-slide {
    position:relative;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}
.sp1_list .swiper-slide .title{background:rgba(0,0,0,0.7);line-height:40px;height:40px; text-align:center; position:absolute;bottom:0px;width:100%;text-align:center;overflow:hidden;color:#fff;font-size:14px;display:none;}
.sp1_list .swiper-slide-active .title{display:block;}

@media screen and (max-width: 668px) {
	.sp1_list .swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.sp1_list .swiper-slide-active,.sp1_list .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {
	.sp1_list .swiper-slide-active,.sp1_list .swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.sp1_list .none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.sp1_list .swiper-slide a {
	display: block;
	border-radius: 5px;
}
.sp1_list .swiper-slide a img{
    border-radius: 5px;
}

@media screen and (min-width: 668px) {
	.sp1_list .swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		content: "";
		width: 100%;
		height: 100%;
		background: url(../images/temp/top_slick_cover_bg01.png) 0 0 repeat;
		border-radius: 5px;
	}
}

.sp1_list .swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.sp1_list .swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
}

.sp1_list .swiper-slide img {
	width: 100%;
	border-radius: 14px;
	display: block;
}

@media screen and (max-width: 668px) {
	.sp1_list .swiper-slide img {
		border-radius: 7px;
	}
}

.sp1_list .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.sp1_list .swiper-pagination-bullet {
	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;
}

.sp1_list .swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #FFF;
	border: 6px solid #00a0e9;
	margin-bottom: 0;
}

@media screen and (max-width: 668px) {
	
	.sp1_list .swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.sp1_list .swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.sp1_list .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.sp1_list .button {
	width: 1000px;
	margin: 0 auto;
	bottom: 43px;
	position: relative;
}

@media screen and (max-width: 668px) {
	.sp1_list .button {
		width: 70%;
		bottom: 22px;
	}
}

.sp1_list .button div:hover {
	background-color: #2f4798;
}

.sp1_list .swiper-button-prev {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(../images/temp/prev.png) no-repeat!important;
}

.sp1_list .swiper-button-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(../images/temp/next.png) no-repeat!important;
}

@media screen and (max-width: 668px) {
	.sp1_list .button div {
		width: 28px;
		height: 28px;
	}
}	
.sp1_list{width: 100%;
    position: relative;
    margin-top: 35px;
}

.sp1_list .swiper-button-next, .sp1_list .swiper-button-prev{ width: 29px; height: 53px; margin-top: -26.5px;}

@media screen and (min-width: 1200px) {
    .sp1_list .swiper-button-next {
        width: 255px;
        height: 252px;
        margin-top: 0;
        top: 23px;
        right: 0;
        background: url(../images/temp/next.png) right 10px center no-repeat!important;
        z-index: 10;
    }
    .sp1_list .swiper-button-prev{
        width: 255px;
        height: 252px;
        margin-top: 0;
        top: 23px;
        left: 0;
        background: url(../images/temp/prev.png) left 10px center no-repeat!important;
        z-index: 10;
    }
    .sp1_list .swiper-slide-prev,.sp1_list .swiper-slide-next{ pointer-events: none;}
}




/*我们的故事*/
.story_part1{ padding-bottom: 35px;}
.sp1_main{ margin-top: 30px;}

.story_part2{ padding: 80px 0 40px;}
.sp2_main { float: left; width: 565px;}
.sp2_main .sp2_top{ font-size: 14px; line-height: 20px; color: #1a1a1a; margin-top: 20px;}
.sp2_main .sp2_mid p{  font-size: 30px; padding-left: 58px; background: url(../images/temp/location_sp2.png) left center no-repeat; line-height: 1;}
.sp2_main .sp2_mid p span{ font-size: 45px; color: #d62236; padding-left: 6px;}
.sp2_main .sp2_mid{ padding-bottom: 13px; border-bottom: 1px solid #d2d2d2; margin-top: 30px;}
.sp2_main .sp2_bot{ margin-top: 30px;}
.sp2_main .sp2_bot h1{ font-size: 30px; font-weight: normal; color: #595555; line-height: 1.5em;}
.sp2_main .sp2_bot p{ font-size: 14px; color: #b2b2b2; line-height: 18px; text-transform: uppercase; font-family: "Arial Narrow";}
.sp2_pic{ float: right; width: 569px; height: 332px; overflow: hidden;}
.sp2_pic img{ width: 100%;}

.story_part3{ padding: 55px 0 40px;}
.sp3_main{ margin-top: 33px;}
.sp3_main ul li{ float: left; width: 300px; height: 140px;}
.sp3_main ul li .pic{ width: 150px; height: 140px; float: left;}
.sp3_main ul li .name{ width: 150px; height: 140px; float: left; background: #fff; position: relative;}
.sp3_main ul li:nth-of-type(n+5) .pic{ float: right;}
.sp3_main ul li:nth-of-type(n+9) .pic{ float: left;}
.sp3_main ul li:nth-of-type(n+13) .pic{ float: right;}
.sp3_main ul li .name .info{ display: inline-block; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); text-align: center;}
.sp3_main ul li .name .info h1{ font-size: 18px; color: #e62a3f; line-height: 26px;}
.sp3_main ul li .name .info p{ font-size: 14px; line-height: 22px; color: #000; white-space: nowrap;}

.story_part4{ padding: 58px 0 86px;}
.sp4_main{ width: 881px; margin-left: 125px; margin-top: 55px;}
.sp4_main img{ width: 100%;}

/*解决方案*/
.solu_top{ border-bottom: 1px solid #eee; padding-bottom: 26px;}
.solu_top_tit { margin-top: 23px;}
.solu_top_tit h1 { font-size: 24px; color: #333; text-align: center; line-height: 1em; height: 1em; font-weight: normal;}
.solu_top_tit p{ font-size: 14px; color: #666; text-align: center; margin-top: 11px; line-height: 1em; height: 1em;}

.solu_up { margin-top: 40px;}
.solu_up_tit{ text-align: center;}
.solu_up_tit h2{ font-size: 16px; color: #1a1a1a; height: 1em; line-height: 1em; font-weight: normal;}
.solu_up_tit p{ font-size: 12px; color: #666; line-height: 1em; height: 1em; margin-top: 8px;}
.solu_up_main{ margin-top: 50px;}
.solu_up_main .left { float: left;}
.solu_up_main .content{ width: 545px;}
.solu_up_main .right { float: right;}
.solu_up_main .content .pic{ width: 244px; height: 174px; overflow: hidden; float: left;}
.solu_up_main .content .pic img{ width: 100%;}
.solu_up_main .content .text{ width: 280px; padding-top: 10px; float: right;}
.solu_up_main .content .text h3{ font-size: 14px; font-weight: normal; height: 1em; line-height: 1em;}
.solu_up_main .content .text p{ margin-top: 18px; font-size: 12px; color: #4c4c4c; line-height: 24px;}

.solu_main{ margin-top: 60px; }
.solu_main_tit h2 { font-size: 16px; color: #1a1a1a; height: 1em; line-height: 1em; font-weight: normal; text-align: center;}
.solu_main_tit p{ position: relative; text-align: center; margin-top: 8px;}
.solu_main_tit p::after { content:""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; top: 50%;}
.solu_main_tit p span { position: relative; z-index: 2; padding: 0 26px; background: #fff; line-height: 1em;}
.solu_list{ margin-top: 5px; padding: 0 58px;}
.solu_list ul li{padding : 55px 0; border-bottom: 1px solid #eee; overflow: hidden;}
.solu_list ul li .problem{ float: left; width: 512px; overflow: hidden;}
.solu_list ul li .solution{ float: right; width: 436px; min-height: 143px; background: #fafafa; border-radius: 10px; padding: 0 22px;}
.solu_list ul li .problem .pic{ float: left; width: 116px; height: 116px; overflow: hidden; margin-top: 14px;}
.solu_list ul li .problem .text{ float: right; width: 350px;}
.solu_list ul li .problem .text .name{ font-size: 18px; line-height: 1;}
.solu_list ul li .problem .text .desc{ font-size: 12px; color: #1a1a1a; line-height: 24px; margin-top: 27px;}
.solu_list ul li .solution .solution_con{ background: url(../images/temp/solution.png) 3px 2px no-repeat; padding-top: 11px;}
.solu_list ul li .solution .solution_con .title{ font-size: 20px; color: #4aca5d; height: 1em; line-height: 1em; margin-left: 55px;}
.solu_list ul li .solution .solution_con  .desc{ font-size: 12px; color: #1a1a1a; line-height: 23px; min-height: 92px; overflow: hidden; margin-top: 11px;}

/*需求岗位*/
.emp_tit { }
.emp_tit h1{ font-size: 24px; color: #1a1a1a; text-align: center; font-weight: normal; height: 1em; line-height: 1em;}
.emp_tit p{ position: relative; text-align: center; margin-top: 8px;}
.emp_tit p::after { content:""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; top: 50%;}
.emp_tit p span { position: relative; z-index: 2; padding: 0 26px; background: #fff; line-height: 1em; font-size: 14px; color: #999;}
.emp_list{ margin-top: 33px;}
.emp_list ul{ width: 1270px;}
.emp_list ul li{ padding: 13px 14px; border: 1px solid #dcdcdc; width: 157px; height: 55px; line-height: 55px; text-align: center; float: left; margin-right: 67px; margin-bottom: 20px;}
.emp_list ul li a{ display: block; background: #f0f0f0; font-size: 16px; color: #333; font-weight: bold;}
.emp_list ul li.select{ border: 1px solid #e62a3f;}
.emp_detail{ margin-top: 20px;}

/*亚速学院 新闻*/
.col_tit{ margin-top: 30px;}
.col_tit h1{ font-size: 24px; color: #1a1a1a; height: 1em; line-height: 1em; text-align: center; font-weight: normal;}
.col_tit p{ font-size: 14px; color: #999; text-align: center; height: 1em; line-height: 1em; margin-top: 8px;}
.col_list{ margin-top: 40px;}
.col_list ul{ width: 1226px;}
.col_list ul li{ float: left; box-sizing: border-box; width: 280px; height: 250px; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 5px; margin-right: 26px; margin-bottom: 42px;}
.col_list ul li .pic{ width: 280px; height: 150px; overflow: hidden;}
.col_list ul li .pic img{ width: 100%;}
.col_list ul li .text{ padding: 0 20px;}
.col_list ul li .text .title{ font-size: 16px; color: #1a1a1a; height: 1em; line-height: 1em; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; margin-top: 19px;}
.col_list ul li .text .bot{ margin-top: 29px;}
.col_list ul li .text .bot .time{ font-size: 14px; color: #666; float: left; height: 1em; line-height: 1em;}
.col_list ul li .text .bot a.more{ float: right; font-size: 14px; color: #666; height: 1em; line-height: 1em;}

/*品牌新事 新闻*/
.brand_list{ margin-top: 40px;}
.brand_list ul li{ width: 556px; height: 150px; box-sizing: border-box; border: 1px solid #e6e6e6; margin-bottom: 20px;}
.brand_list ul li .pic{ float: left; width: 210px; height: 148px; overflow: hidden;}
.brand_list ul li .pic img{ width: 100%;}
.brand_list ul li .text{ float: left; padding: 0 25px; width: 344px; box-sizing: border-box;}
.brand_list ul li .text .title{ font-size: 16px; color: #050505; height: 1em; line-height: 1em; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; margin-top: 16px;}
.brand_list ul li .text .desc{ margin-top: 22px; font-size: 14px; color: #666; line-height: 24px; max-height: 48px; overflow: hidden;}
.brand_list ul li .text .bot{ margin-top: 16px; }
.brand_list ul li .text .bot .time{ font-size: 12px; color: #999; float: left; height: 1em; line-height: 1em;}
.brand_list ul li .text .bot .from{ float: right; font-size: 12px; color: #999; height: 1em; line-height: 1em;}
.brand_list ul li:nth-child(odd){ float: left;}
.brand_list ul li:nth-child(even){ float: right;}

/*行业动态 新闻默认*/
.nc_list{ margin-top: 40px;}
.nc_list ul li{ padding: 16px 0; border-bottom: 1px solid #f0eeee; overflow: hidden; margin-bottom: 10px;}
.nc_list ul li .title{ width: 900px; height: 24px; line-height: 24px; padding-left: 32px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; position: relative; font-size: 14px; color: #333;}
.nc_list ul li .title:before{ content: ""; display: block; width: 10px; height: 10px; background: #d2d2d2; position: absolute; left: 0; top: 50%; margin-top: -5px; border-radius: 50%;}
.nc_list ul li .time{ float: right; color: #999; font-size: 12px; line-height: 24px;}

/*新闻详情*/
.ns_show{ padding-bottom: 30px;}
.ns_show h1{ font-size: 34px; color: #4c4c4c; line-height: 48px; text-align: center; font-weight: normal;}
.ns_info{ font-size: 12px; color: #666; text-align: center; height: 15px; line-height: 15px; margin-top: 12px;}
.ns_info span{ margin-left: 26px;}
.ns_info span:first-child{ margin-left: 0;}
.ns_info span i{ font-size: 12px; padding-right: 10px;}
.ns_detail{ margin-top: 27px; padding: 30px 0 30px; overflow: hidden; border-top:1px solid #d8d5d5; line-height: 1.562em; font-size: 16px; color: #413d39;}
.ns_detail img{ max-width: 100%;}
.ns_show .back_next{ overflow:hidden;}

.rs_search_wrap{ padding: 20px; }
.rs_search{  display: inline-block; overflow: hidden; float: left;}
.rs_search input{ 
    width: 440px;
    height: 44px;
    line-height: 44px;
    border: solid 1px #a92423;
    float: left;
    padding: 0 10px;
    font-size: 14px;
}
.rs_search a{ width: 136px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background-color: #a92423;
    font-size: 16px;
    color: #fff;
    border: none;
    float: left;}

.reg_bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 99;
}
.rs_check{ height: 436px; margin-top: -218px;}
.rs_check select{
    width: 242px;
    margin: 0 auto;
    display: block;
    height: 40px;
    margin-top: 20px;
    padding-left: 15px;
    color: #999;
    font-size: 14px;
}
.rs_info{  margin-top: 30px; font-size: 14px;}
.rs_info span{ color: #a92423;}
.rs_info a{border: solid 1px #a92423;color: #a92423;font-size: 14px;}
.rs_main{ background: #f8f8f8; padding-bottom: 10px; padding-top: 10px;}
.rs_left{ background: #fff; width: 980px; float: left;}
.rs_share{ float: right; height: 40px; line-height: 40px;}
.rs_top{ overflow: hidden; padding-bottom: 20px; border-bottom: 1px dashed #eee;}
.rs_share a{ width: 30px; height: 30px; display: inline-block;float: left; margin-top: 5px; margin-left: 2px;}
.rs_share a.qq{ background: url(../images/temp/qq-share01.png) no-repeat;}
.rs_share a.wechat{ background: url(../images/temp/wechat-share02.png) no-repeat;}
.rs_share span{ display: inline-block; height: 40px; line-height: 40px; float:left;}
.rs_bot{ margin-top: 50px;}
.rs_bot_tit{ overflow: hidden; font-size: 14px; height: 50px; line-height: 50px; background: #fff;}
.rs_bot_tit span{ display: inline-block; margin-left:20px; cursor: pointer;}
.rs_bot_tit span.select{ color: #a92423;background: url(../images/temp/bg-classes-cur.png) no-repeat center bottom;}
.rs_box{ width: 100%; box-sizing: border-box; border: 1px solid #e9e9e9; margin-top: -1px; padding: 30px 10px; display: none; min-height: 100px;}
.rs_box ul li{ width: 110px; padding: 6px 0; margin: 0 10px; float: left;}
.rs_box.on{ display: block;}
.rs_box2 p { text-align: center; font-size: 14px;}
.rs_box2 p span{ color: #a92423;}
.rs_side{ width: 200px;float: right; background: #fff; padding-bottom: 15px;}
.rs_side h3 span{ font-size: 12px; color: #666; padding-left: 4px;}
.rs_side h3{ font-size: 16px; line-height: 44px; height: 44px; color: #333; padding-left: 13px; border-bottom: 1px solid #ddd;}
.rs_side ul li { border-bottom: 1px dotted #eee; padding-bottom: 15px;}
.rs_side ul li p{ width: 90px; height: 90px; overflow: hidden; margin: 0 auto;}
.rs_side ul li p img{ max-width: 100%;}
.rs_side ul li a{display: block;
    width: 72px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #a92423;
    font-size: 12px;
    border: solid 1px #a92423; margin: 0 auto;}


@media screen and (max-width: 767px) {
    header .logo {margin-left: 10px;}
    header .nav {display: none; }
    .com_banner {height: 270px;}
    .com_banner .com_toptit h1 {font-size: 26px; }
    .com_banner .com_toptit p {font-size: 22px;}
    .com_banner .com_toptit { top: 55%;}
    .com_top_nav .com_location { margin-right: 10px;}
    .solu_up_main .content .pic, .solu_up_main .content .text, .solu_up_main .left, .solu_up_main .right {float: none; }
    html, body {
        overflow-x: hidden !important;
        width: 100%;
        position:relative;
    }
    .rs_left{ width: 100%; float: none;}
    .rs_search,.rs_share{ float: none;}
    .rs_search input {
        width: 150px;
    }
    .rs_info a{ display: block; width: 125px; margin-top: 10px; text-align: center;}
    .ip1_check{ width: 320px; margin-left: -160px;}
    .rs_box ul li{ width: 40%; text-align: center;}
    .rs_side{ display: none;}

    /*解决方案*/
    .solu_up_main .content{ width: 100%;}
    .solu_up_main .content .pic{ margin: 0 auto; margin-bottom: 20px;}
    .solu_up_main .content .text{ margin: 0 auto; margin-bottom: 20px;}
    .solu_list ul li .problem , .solu_list ul li .solution{ float: none;}
    .solu_list{ padding: 0 10px;}
    .solu_list ul li .problem{ width: 100%;}
    .solu_list ul li .problem .pic{ display: none;}
    .solu_list ul li .problem .text{ float: none; width: 100%;}
    .solu_list ul li .solution{ width: 100%; box-sizing: border-box; padding: 0 10px; margin-top: 10px; height: auto;}
    .solu_list ul li .problem .text .desc{ margin-top: 10px;}
    .solu_list ul li .problem .text .name{ text-align: center;}
    .solu_list ul li{ padding: 20px 0;}
    /*联系我们*/
    .contact_us .cu_tit{ padding-left: 15px;}
    .contact_us .cu_main .cu_map, .contact_us .cu_main .cu_info{ float: none;}
    .contact_us .cu_main .cu_map{ width: 300px; height: 200px; margin: 0 auto;}
    .contact_us .cu_main .cu_info ul li{ font-size: 14px; height: auto;}
    .contact_us .cu_main .cu_info{ margin-left: 15px; margin-top: 15px;}
    .com_top_nav{ height: auto; min-height: 40px;}
    .com_top_nav:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
    }
    .com_top_nav {
        zoom: 1;
    }
    .com_top_nav .com_nav ul li{ padding: 0 15px;}
    .com_top_nav .com_nav ul li a{ font-size: 14px;}
    /*关于我们*/
    .ap1_desc{ padding: 0 10px;}
    .ap2_desc{ width: 100%; padding: 0 10px; box-sizing: border-box; margin-top: 20px;}
    .ap2_list ul li{ width: 120px; margin-right: 0; }
    .ap3_list ul li{ float: none; margin-right: 0; margin: 0  auto; margin-bottom: 15px;}
    .ap3_list{ width: 100%;}
    .ap3_list ul{ width: 100%;}
    .ap3_list ul li .desc{ opacity: 1;}
    .ap4_list .pic{ margin: 0 auto; width: 350px;}

    .ap5_main ul{ width: 100%; max-width: 330px; margin: 0 auto;}
    .ap5_main ul li{ margin-right: 0;}
    .ap5_main ul li:nth-child(even){ float: right;}
    /*我们的故事*/
    .sp1_main{ margin-top: 40px;}
    .sp1_list{ margin-top: 20px;}
    .sp2_main,.sp2_pic { width: 100%; float: none; padding: 0 15px; box-sizing: border-box;}
    .story_part2{ padding: 25px 0;}
    .sp2_pic{ height: auto;}
    .sp3_main ul li{ float: none; margin: 0 auto; margin-bottom: 10px;}
    .sp3_main ul li:nth-child(even) .pic{ float: right;}
    .sp3_main ul li:nth-child(odd) .pic{ float: left;}
    .sp4_main{ width: 96%; height: auto; margin: 0 auto; margin-top: 20px;}
    /*新闻资讯*/
    .brand_list ul li{ float: none!important; width: 362px; margin: 0 auto; margin-bottom: 15px; height: 100px;}
    .brand_list ul li .pic{ width: 140px; height: 98px;}
    .brand_list ul li .text{ width: 220px; height: 100px;}
    .brand_list ul li .text .desc{ display: none;}
    .brand_list ul li .text .bot{ margin-top: 26px;}

    .col_tit{ margin-top: 40px;}
    .col_list ul{ width: 100%;}
    .col_list ul li{ float: none; margin: 0 auto; margin-bottom: 15px;}
    .college{ text-align: center;}

    .nc_list ul li .title{ width: 150px;}
    .nc_list{ padding: 0 15px;}
     .ns_show{ padding-left: 15px; padding-right: 15px;}

     .emp_tit{ margin-top: 50px;}
     .emp_list ul{ width: 100%; max-width: 400px; margin: 0 auto;}
     .emp_list ul li a{ font-size: 14px;}
     .emp_list ul li{ padding: 0; margin: 5px; height: 50px; line-height: 50px;}
     .emp_list ul li:nth-child(odd){ float: left;}
     .emp_list ul li:nth-child(even){ float: right;}
     .emp_detail{ padding: 0 15px;}
}

/*图形编码*/
.front_button{ background-image: url(../images/main/plus3.gif); width: 18px; height: 24px; background-position: center center; float: left; background-repeat: no-repeat;}
.p_name{ float: left; height: 24px; line-height: 24px;}

._clist_top2 ul li{ overflow: hidden;}
._clist_top2 ul li ul{ padding-left: 20px; background: url(../images/main/line1.gif); background-repeat:repeat-y; display: none;}
._clist_top2>ul{ padding-left: 0; background: none;}
.front_button.on,.front_button.firstminus{ background-image: url(../images/main/minus3.gif);}
.front_button.nomore{ background-image: url(../images/main/line3.gif);}
._clist_top2 ul.active{ display: block;}
._clist_bot ul li .notes{ color: #898989; display: none;}

.cate_note{ width: 100%; box-sizing: border-box; background: #fff; border: 1px solid #dcdcdc; border-radius: 8px; margin-bottom: 20px; padding: 10px; padding-bottom: 20px;}
.cate_note .cn_name{ text-align: center;font-size: 16px; line-height: 45px; font-weight: bold; color: #FF0000;}
.cate_note .cn_desc{ color:#4c4c4c; font-size: 14px; line-height: 24px; text-indent: 2em;}
.cate_note .cn_note{ color: #898989; font-size: 12px; margin-top: 10px; line-height: 20px; text-indent: 2em;}

/*商标注册*/
.reg_part1{
    width: 100%;
    height: 829px;
    background: url(../images/main/rp1_banner.jpg) top center no-repeat;
}
.rp1_tit{ 
    margin-top: 140px;
    line-height: 55px;
    text-align: center;
    font-size: 38px;
    color: #fff
}
.rp1_box{
    width: 790px;
    height: 367px;
    border: 1px solid #fff;
    background: rgba(255,255,255,0.2);
    border-radius: 5px;
    margin: 34px auto 0;
}
.rp1_box h2{
    color: #ffde00;
    font-size: 26px;
    text-align: center;
    line-height: 36px;
    margin-top: 19px;
    font-weight: normal;
}
.rp1_notice{
    margin-top: 24px;
    overflow: hidden;
}
.rp1_notice  .swiper-slide{
    width: auto!important;
    font-size: 12px;
    color: #fff;
}
.rp1_notice p{
    width: 96px;
    margin-left: 62px;
    background: url(../images/main/notice_1.png) left center no-repeat;
    padding-left: 34px;
    font-size: 12px;
    color: #fff;
    float: left;
}
.rp1_notice .swiper-container{
    width: 554px;
    float: left;
    padding-left: 2px;
}
.rp1_search{
    width: 683px;
    height: 74px;
    background: rgba(255,255,255,0.6);
    padding: 5px;
    box-sizing: border-box;
    margin: 8px auto 0;
    border-radius: 5px;
    position: relative;
}
.rp1_search_content{
    width: 100%;
    height: 64px;
}
.rp1_search_content .search_text input{
    width: 100%;
    height: 64px;
    line-height: 64px;
    background: #fff;
    box-sizing: border-box;
    border: none;
    padding-left: 17px;
    font-size: 16px;
}
.rp1_search_content .search_btn span{
    width: 134px;
    height: 60px;
    color: #fff;
    top: 7px;
    right: 7px;
    position: absolute;
    border: none;
    z-index: 1;
    background: url(../images/main/rp1_search_btn.png) #e62a3f left 20px center no-repeat;
    font-size: 18px;
    line-height: 60px;
    padding-left: 59px;
}
.rp1_search_content .search_btn input{
    width: 193px;
    height: 60px;
    position: absolute;
    border: none;
    z-index: 2;
    top: 7px;
    right: 7px;
    background: transparent;
}
.rp1_info{
    width: 683px;
    height: 135px;
    background: rgba(255,255,255,0.6);
    padding: 5px;
    box-sizing: border-box;
    margin: 20px auto 0;
    border-radius: 5px;
}
.rp1_result{
    width: 369px;
    height: 125px;
    float: left;
    background: #fff;
    font-size: 12px;
    color: #4c4c4c;
    line-height: 18px;
}
.rp1_tool{
    width: 303px;
    height: 125px;
    float: right;
    background: #fff;
    text-align: center;
    font-size: 12px;
    color: #4c4c4c;
    line-height: 18px;
}
.rp1_result h4{
    font-weight: normal;
    padding-left: 24px;
    margin-top: 10px;
}
.rp1_result p{
    margin-left: 66px;
    margin-top: 5px;
}
.rp1_result p b{
    color: #e62a3f;
    font-weight: normal;
}
.rp1_result .swiper-container {
    height: 54px;
    margin-top: 8px;
    margin-left: 66px;
    width: 260px;
}
.rp1_result .swiper-container .swiper-slide{
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rp1_tool h4{
    font-weight: normal;
    padding-left: 31px;
    margin-top: 10px;
    text-align: left;
}
.rp1_tool p{
    text-align: center;
    display: inline-block;
    margin: 20px 28px 0;
}
.rp1_tool p img{
    height: 30px;
}
.rp1_tool p span{
    display: block;
    margin-top: 10px;
}
.rp1_list{
    text-align: center;
    margin-top: 33px;
}
.rp1_list_item{
    display: inline-block;
    width: 140px;
    margin: 0 37px;
}
.rp1_list_item img{
    height: 78px;
}
.rp1_list_item p{
    font-size: 14px;
    color: #fff;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border: 1px solid #c9b8ae;
    border-radius: 31px;
    margin-top: 15px;
}
.rp1_list_item p a{
    color: #e62a3f;
    display: block;
}
.rp2_top_info{
    height: 58px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 16px;
    color: #666;
}
.rp2_top_info h4{
    display: inline-block;
    font-weight: normal;
    background: url(../images/main/notice_2.png) left 73px center no-repeat;
    height: 58px;
    line-height: 58px;
    padding-left: 116px;
}
.rp2_top_info p{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-top: 19px;
    padding: 0 30px;
    border-right: 1px solid #ccc;
}
.rp2_top_info p:last-child{
    border: none;
}
.rp2_top_info p span{
    color: #d40202;
}
.rp2_tit{ 
    margin-top: 20px;
    text-align: center;
}
.rp2_tit h1{ 
    font-size: 28px;
    color: #4c4c4c; 
    font-weight: normal;
}
.rp2_tit h1 b{
    color: #e80303;
    font-size: 40px;
    font-weight: normal;
}
.rp2_list{
    margin-top: 26px;
    overflow: hidden;
    padding-bottom: 40px;
}
.rp2_list ul li{
    width: 25%;
    text-align: center;
    margin-bottom: 20px;
    float: left;
}
.rp2_list ul li img{
    height: 105px;
}
.rp2_list ul li p{
    font-size: 14px;
    color: #4c4c4c;
    line-height: 20px;
    margin-top: 5px;
}
.reg_part3{
    padding-bottom: 60px;
}
.reg_part3 .rp3_nav{
    height: 60px;
    width: 100%;
    background: #4b68db;
}
.reg_part3 .rp3_nav .wrapper{
    padding-top: 0;
}
.reg_part3 .rp3_nav ul li{
    width: 200px;
    float: left;
    height: 60px;
    line-height: 60px;
    transform: skew(-15deg);
    text-align: center;
}
.reg_part3 .rp3_nav ul li a{
    display: block;
    color: #fff;
    font-size: 20px;
    transform: skew(15deg);
}
.reg_part3 .rp3_nav ul li:first-child{
    background: #e62a3f;
}
.rp3_list{
    margin-top: 58px;
}
.rp3_list ul{ width: 1240px;}
.rp3_list ul li{
    width: 270px;
    height: 200px;
    float: left;
    margin-right: 40px;
    background: #f0f0f0;
    position: relative;
    margin-bottom: 54px;
}
.rp3_list ul li .pic{
    float: left;
    width: 109px;
    height: 79px;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 24px;
}
.rp3_list ul li .pic img{
    width: 100%;
}
.rp3_list ul li .info{
    float: left;
    margin-top: 24px;
    margin-left: 10px;
}
.rp3_list ul li .info h4{
    color: #252525;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 1px;
    font-size: 18px;
    margin-bottom: 5px;
}
.rp3_list ul li .info h4 span{
    font-size: 14px;
    color: #e62a3f;
    background: url(../images/main/fire_1.png) left top no-repeat;
    padding-left: 16px;
    font-weight: normal;
    line-height: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
}
.rp3_list ul li .info p{
    line-height: 18px;
    font-size: 14px;
    color: #666;
}
.rp3_list ul li .info p span{
    width: 57px;
    float: left;
    text-align: justify;
    height: 18px;
}
.rp3_list ul li .info p span:after{
    content:'.';
    width: 100%;
    display: inline-block;
    overflow: hidden;
    height: 0;
}
.rp3_list ul li a{
    width: 158px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #e62a3f;
    border: 1px solid #e62a3f;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    bottom: 22px;
}
.rp3_btn{
    text-align: center;
}
.rp3_btn a{
    width: 308px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    display: inline-block;
    margin: 0 60px;
}
.rp3_btn a.rp3_more{ background: #e62a3f;}
.rp3_btn a.rp3_estimate{ background: #4b68db;}
.reg_part4{
    height: 538px;
    padding-top: 50px;
    background: #f4f5f8 url(../images/main/rp4_bg.png) no-repeat center;
}
.reg_com_tit{
    text-align: center;
}
.reg_com_tit h1{
    height: 60px;
    line-height: 60px;
    font-size: 36px;
    color: #333;
    font-weight: bold;
}
.reg_com_tit h1 span{
    font-size: 44px;
    display: inline-block;
}
.reg_com_tit h1 span i{
    display: inline-block;
    width: 30px;
    height: 63px;
    position: relative;
    top: 17px;
}
.reg_com_tit h1 span i.fkuohao_left{
    background: url(../images/main/fkuohao_left.png) no-repeat center;
}
.reg_com_tit h1 span i.fkuohao_right{
    background: url(../images/main/fkuohao_right.png) no-repeat center;
}
.reg_com_tit p{
    font-size: 16px;
    color: #666;
    padding-top: 25px;
    text-transform: uppercase;
}
.rp4_list{
    margin-top: 70px;
}
.rp4_list ul{
    background: url(../images/main/rp4_list.png) no-repeat center top;
    width: 1150px;
    padding-top: 105px;
    margin: 0 auto;
}
.rp4_list ul li{
    float: left;
    width: 230px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.rp4_btn{
    text-align: center;
    margin-top: 70px;
}
.rp4_btn a{
    display: inline-block;
    width: 308px;
    height: 66px;
    line-height: 66px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background: #4b68db;
    font-weight: normal;
}
.reg_part5{
    background: url(../images/main/rp5_bg.png) no-repeat center top;
    padding: 60px 0 80px 0;
}
.rp5_list{
    padding: 30px 0 50px 0;
}
.rp5_list ul.rp5_person{
    width: 400px;
    height: 290px;
    padding: 50px 0 0 190px;
    float: left;
    background: url(../images/main/rp5_person_bg.png) no-repeat left top;
}
.rp5_list ul.rp5_company{
    width: 340px;
    height: 290px;
    padding: 50px 0 0 270px;
    float: left;
    background: url(../images/main/rp5_company_bg.png) no-repeat 55px top;
}
.rp5_list ul li{
    height: 66px;
    line-height: 66px;
    font-size: 22px;
    color: #333;
    font-weight: bold;
}
.rp5_list ul li i{
    display: inline-block;
    margin-right: 20px;
    position: relative;
    top: 6px;
}
.rp5_list ul li span{
    font-size: 16px;
    font-weight: normal;
    color: #808080;
    padding-left: 10px;
}
.rp5_btn{
    text-align: center;
}
.rp5_btn a{
    display: inline-block;
    width: 308px;
    height: 66px;
    line-height: 66px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background: #4b68db;
    font-weight: normal;
}
.reg_part6{
    height: 720px;
    padding-top: 70px;
    background: url(../images/main/rp6_bg.jpg) no-repeat center;
}
.rp6_list{ margin-top: 60px;}
.rp6_list ul{
    width: 1300px;
    margin: 0 auto;
    position: relative;
}
.rp6_list ul li{
    width: 325px;
    height: 169px;
    float: left;
    text-align: center;
    background: url(../images/main/rp6_item_bg.png) no-repeat center;
    line-height: 169px;
}
.rp6_list ul li img:first-child{
    vertical-align: middle;
}
.rp6_list ul li img.rp6_pichover{
    width: 360px;
    height: 468px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -234px;
    display: none;
}
.rp6_list ul li:hover img.rp6_pichover{
    display: block;
}
.rp6_btn{
    text-align: center;
    margin-top: 70px;
}
.rp6_btn a{
    display: inline-block;
    width: 308px;
    height: 66px;
    line-height: 66px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background: #4b68db;
    font-weight: normal;
}
.reg_part7{
    height: 841px;
    background: url(../images/main/rp7_bg.jpg) center top no-repeat;
}
.rp7_tit{
    margin-top: 56px;
    line-height: 44px;
    text-align: center;
    font-size: 34px;
    color: #fff;
}
.rp7_sheet{
    margin-top: 45px;
    color: #fff;
    border-top: 1px solid #91a7d7;
}

.rp7_sheet ul li{
    width: 190px;
    border-right: 1px solid #91a7d7;
    border-bottom: 1px solid #91a7d7;
    display: table-cell;
    padding: 20px 25px;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    vertical-align: middle;
}
.rp7_sheet ul{
    border-left: 1px solid #91a7d7;
}
.rp7_sheet ul:first-child li:nth-child(n+2),.rp7_sheet ul:nth-child(n+2) li:first-child{
    font-size: 18px;
    font-weight: bold;
    background: #2f4cac;
}
.rp7_sheet ul:nth-child(2) li:nth-child(n+2){
    color: #ffde00;
    font-size: 16px;
}
.rp7_btn{
    text-align: center;
    margin-top: 60px;
}
.rp7_btn a{
    display: inline-block;
    width: 308px;
    height: 66px;
    line-height: 66px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background: #e62a3f;
    font-weight: normal;
}


/******************/
.posterslist ul li {
    float:left;
    width: 218px!important;
    height:365px;
    margin-right: 15px!important;
    margin-bottom: 28px!important;
    margin-top: 0!important;
    overflow:hidden;
}
.posterslist {
    overflow: hidden;
    clear: both;
    min-height: 180px;
}
.posterslist ul {
    width: 932px!important;
    overflow: hidden;
}

/******2019-12-28 商标注册流程******/
.font18 {
    font-size: 18px;
}
.pc_combannerp2{display:block;clear:both;width:100%;overflow:hidden;}
.m_combannerp2{display:none;clear:both;width:100%;overflow:hidden;}

.com_bannerp2 .swiper1{display:block;clear:both;width:100%;overflow:hidden;}
.com_bannerp2 .swiper1_1{display:none;clear:both;width:100%;overflow:hidden;}

.sbzclc_part6 .team_list .team_case{line-height:24px;height:48px;overflow:hidden;font-size:14px; padding:5px 10px;text-align:left;}



.sbzclc_part1{background:#f8f8f8;  clear:both;overflow:hidden;}
.sbzclc_part1c{width:1200px;margin:0 auto;overflow:hidden;}
.sbzclc_part_t{margin-top: 74px; line-height:40px;}
.sbzclc_part1_qrcode p{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 16px;
    color: #d62024;
}
.sbzclc_part1_qrcode img{
    width: 150px;
height: 150px;
display: block;
margin: 10px auto 0;
padding: 6px;
    background: #fff;
    border-radius: 6px;	
}
.sbzclc_part1_phone{
    width: 166px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3864b5;
    margin: 34px auto;
    display: none;
}
.sbzclc_part1_phone .iconfont{
    color: #fff;
    font-size: 20px;
}
.sbzclc_part1_phone span{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-left: 10px;
}
.sbzclc_part_t  .tit {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: #2b3d63;
}
.sbzclc_part_t .tit span {
    display: inline-block;
    color: #d62024;
}
.sbzclc_part_t  .smtit {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #dcdcdc;
    text-transform: uppercase;
    margin-top: 8px;
}
.sbzclc_part_t .smtit:after {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    margin: 10px auto 0;
    background: #36538c;
}


.hotlist {
  display: table;
  margin: 60px auto 0; }

.hotlist li {
  float: left;
  width: 339px;
  height: 390px;
  margin-left: 68px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.16);
  position: relative;
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center; }

.hotlist li:first-child {
  margin-left: 0; }

/*.hotlist .li01 {
  background: url("../images/temp/hotli01.png") no-repeat; }

.hotlist .li02 {
  background: url("../images/temp/hotli02.png") no-repeat; }

.hotlist .li03 {
  background: url("../images/temp/hotli03.png") no-repeat; }*/

.hotlist li p:first-child {
  width: 90px;
  height: 90px;
  position: absolute;
  top: -45px;
  left: 121.5px; }

.hotlist p.hot_tit {
  background: url("../images/temp/hot_tit.png") center center no-repeat;
  line-height: 90px;
  font-weight: bold;
  font-size: 36px;
  color: #a0a0a0;
  font-style: italic;
  text-indent: -5px; }

.hotlist li:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.hotlist li {
  transition: all 0.4s;
  cursor: default; }

.hotlist li:hover p.hot_tit {
  background: url("../images/temp/hot_tit_hover.png") center center no-repeat;
  color: #fff; }

.hotlist li .center_tit {
  width: 339px;
  margin: 50% 0; }

.hotlist li .center_tit b {
  font-size: 22px;
  color: #FFFFFF; }

.hotlist li .center_tit i {
  color: #e6e6e6;
  display: inline-block;
  margin-top: 15px;
  font-size: 14px; }

.hotlist li .hot_btm {
  position: absolute;
  bottom: 0;
  width: 339px;
  height: 69px;
  line-height: 69px;
  background: rgba(54, 83, 140, 0.8); }

.hotlist li .hot_btm a {
  padding: 10px 15px; }

.hotlist li .hot_btm a:first-child {
  background: #395fe4; }

.hotlist li .hot_btm a:last-child {
  background: #d62024;
  margin-left: 13px; }

.hotlist li .hot_btm a {
  color: #FFFFFF;
  border-radius: 5px; }

.hotlist li .hot_btm a span {
  vertical-align: middle;
  display: inline-block;
  width: 22px;
  height: 15px; }

span.icon_consult {
  background: url("../images/temp/icon_consult.png") no-repeat; }

span.icon_price {
  background: url("../images/temp/icon_price.png") no-repeat; }

.sbzclc_part2 {
  clear:both;overflow:hidden;margin-top:90px;
  height: 185px;
  background: url("../images/temp/tuandui_bg.png") center center  no-repeat; }
.sbzclc_part2p2 {
  clear:both;overflow:hidden;margin-top:90px; }
.sbzclc_part2p2 img{width:100%;height:auto;}

.sbzclc_part2 ul {
  width: 1200px;
  height: 100%;
  margin: 0 auto; }

.sbzclc_part2 ul li {
  font-weight: bold;
  font-size: 24px;
  margin-top: 74px;
  display: inline-block;
  margin-left: 216px;
  color: #ff0006; }

.sbzclc_part2 ul li b {
  color: #FFFFFF; }


.sbzclc_part3{background: #f8f8f8;clear:both;overflow:hidden;}
.sbzclc_part3c{width:1200px;clear:both;margin:0 auto;}
.sbzclc_part_t2 {text-align:center;font-weight: bold; }
 .sbzclc_part_t2 .text_ch {
    font-size: 30px;
    color: #36538c;
    line-height: 30px;
    padding: 92px 0 16px; }
  .sbzclc_part_t2 .text_en {
    font-size: 17px;
    line-height: 17px;
    color: #dcdcdc;
    text-transform: uppercase; }
    .sbzclc_part_t2 .text_en:after {
      display: block;
      width: 16px;
      height: 2px;
      content: '';
      background-color: #e3e3e3;
      margin: 15px auto 0; }

    .why_reg {
  padding-left: 40px;
  padding-top: 40px; }

.list-card {
  box-sizing: border-box;
  position: relative;
  width: 376px;
  height: 210px;
  background: url("../images/temp/card_bg.png") 0 0/100% 100% no-repeat;
  border: solid 2px rgba(247, 247, 247, 0.16);
  margin-left: -20px; }

.margin0 {
  margin: 0; }

.s-num {
  position: absolute;
  top: 63.5px;
  left: -26.5px;
  width: 83px;
  height: 83px;
  line-height: 83px;
  background-color: #395fe4;
  border-radius: 50%;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.11);
  border: solid 7px rgba(124, 158, 255, 0.9);
  font-size: 58px;
  font-style: italic;
  letter-spacing: 0px;
  color: #ffffff; }

.list-card:first-child {
  margin-left: 188px; }

.list-card ul {
  width: 100%;
  display: inline-block;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center; }

.list-card ul li {
  text-align: left;
  text-align: -webkit-left;
  text-align: -moz-left;
  width: 248px; }

.list-card ul li:first-child {
  margin-top: 64px;
  margin-bottom: 17px;
  font-weight: bold;
  color: #606060; }

.list-card ul li:first-child span {
  background: url("../images/temp/dian.png") 0 50% no-repeat; }

.list-card ul li:last-child {
  width: 217px;
  padding-left: 21px; }

.why_btn {
  text-align: center;clear:both;overflow:hidden; }
.why_btn img,.process_btn img,.advantage_btn img,.sbzclc_part6  .team_list .ask_btn img,.smooth_lists li .ask_btn img{ vertical-align:middle;margin-right: 20px;}
.ask_btn {
  transition: all 0.3s; }

.ask_btn:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px); }

.why_btn .ask_btn,.sbzclc_part4 .ask_btn,.advantage_btn .ask_btn,.sbzclc_part6  .team_list .ask_btn,.smooth_lists li .ask_btn {
          transition: all 0.3s;
    display: inline-block;
    width: 147px;
    height: 44px;
    line-height: 44px;
    background-color: #d62024;
    box-shadow: 1px 5px 8px 0px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-align: center;
 }
.why_btn .ask_btn{  margin: 90px 0;}  




.sbzclc_part4{clear:both;margin:0 auto;width:1200px;}
.process_btn{  text-align: center;}
  .sbzclc_part4 ul {
    width: 1220px;
    margin: 77px auto 0;
    overflow: hidden; }
  .sbzclc_part4 li {
    float: left;
    width: 270px;
    height: 140px;
    padding-top: 10px;
    text-align: center; }
    .sbzclc_part4 li i {
      width: 67px;
      height: 60px;
      display: inline-block; }
      .sbzclc_part4 li i + p {
        font-size: 20px;
        color: #666;
        line-height: 20px;
        margin: 28px 0 11px; }
    .sbzclc_part4 li p {
      color: #c6c6c6;
      font-size: 12px;
      line-height: 12px;
      text-transform: uppercase; }
   .sbzclc_part4 .process_line {
    width: 23px !important;
    background: url("../images/temp/process_line.png") center center no-repeat;
    margin-left: 23px; }
   /*.sbzclc_part4 .process_list1 i {
    background: url("../images/temp/process_icon1.png") center center no-repeat; }
   .sbzclc_part4 .process_list2 i {
    background: url("../images/temp/process_icon2.png") center center no-repeat; }
  .sbzclc_part4  .process_list3 i {
    background: url("../images/temp/process_icon3.png") center center no-repeat; }
   .sbzclc_part4 .process_list4 i {
    background: url("../images/temp/process_icon4.png") center center no-repeat; }*/
  .sbzclc_part4  .process_btn {
    text-align: center;margin:0;
    padding: 77px 0 69px; }


  
  .advantage {
  height: 717px;
  overflow: hidden;
  background: url("../images/temp/advantage_bg.jpg") center center no-repeat;
  position: relative; }
  .advantage > img {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 2; }
  .advantage_title {
    text-align: center; }
    .advantage_title p {
      font-weight: bold; }
    .advantage_title .text_ch {
      font-size: 30px;
      color: #fff;
      line-height: 30px;
      padding: 92px 0 16px; }
    .advantage_title .text_en {
      font-size: 17px;
      line-height: 17px;
      color: #bfbfbf;
      text-transform: uppercase; }
      .advantage_title .text_en:after {
        display: block;
        width: 16px;
        height: 2px;
        content: '';
        background-color: #e3e3e3;
        margin: 15px auto 0; }
    .advantage_title .text_ch {
      padding-top: 85px; }
  .advantage ul {
    width: 1108px;
    margin: 62px auto 73px;
    overflow: hidden; }
    .advantage ul li {
      float: left;
      width: 166px;
      height: 231px;
      padding-top: 82px;
      background-color: #f5f5f5;
      border-radius: 5px;
      text-align: center;
      transition: all 0.3s;
      box-shadow: 0px 0px 4px 2px #ddd;
      cursor: default; }
      .advantage ul li.on {
        width: 278px;
        background-color: #2b3d63;
        box-shadow: 0px 0px 4px 2px #2b3d63; }
        .advantage ul li.on .advantage_list_title {
          color: #fff; }
        .advantage ul li.on .advantage_list_detail {
          display: block; }
        .advantage ul li.on .advantage_list_info {
          display: none; }
      .advantage ul li i {
        width: 65px;
        height: 51px;
        display: inline-block; }
      .advantage ul li .advantage_list_title {
        font-size: 18px;
        color: #666;
        line-height: 18px;
        margin-top: 20px;
        font-weight: bold; }
      .advantage ul li .advantage_list_detail {
        width: 197px;
        margin: 20px auto 0;
        line-height: 26px;
        color: #7d96cc;
        display: none;
        font-size: 14px; }
      .advantage ul li .advantage_list_info p:first-child {
        text-transform: uppercase;
        color: #bebebe;
        font-size: 10px;
        line-height: 10px; }
        .advantage ul li .advantage_list_info p:first-child:before {
          display: block;
          content: '';
          width: 17px;
          height: 1px;
          background-color: #c9c9c9;
          margin: 12px auto; }
        .advantage ul li .advantage_list_info p:first-child + p {
          width: 80px;
          padding-left: 4px;
          margin: 50px auto 0;
          height: 26px;
          line-height: 26px;
          border: solid 1px #dcdcdc;
          border-radius: 10px;
          color: #aaa; }
.advantage ul li .advantage_list_info p:first-child + p span {
            display: inline-block;
            border: 4px solid transparent;
            border-left-color: #b7b7b7;
            margin-left: 7px; }
  .advantage_list1 i {
    background: url("../images/temp/advantage_icon1.png") center center no-repeat; }
  .advantage_list1.on i {
    background: url("../images/temp/advantage_icon1_b.png") center center no-repeat; }
  .advantage_list2 i {
    background: url("../images/temp/advantage_icon2.png") center center no-repeat; }
  .advantage_list2.on i {
    background: url("../images/temp/advantage_icon2_b.png") center center no-repeat; }
  .advantage_list3 i {
    background: url("../images/temp/advantage_icon3.png") center center no-repeat; }
  .advantage_list3.on i {
    background: url("../images/temp/advantage_icon3_b.png") center center no-repeat; }
  .advantage_list4 i {
    background: url("../images/temp/advantage_icon4.png") center center no-repeat; }
  .advantage_list4.on i {
    background: url("../images/temp/advantage_icon4_b.png") center center no-repeat; }
  .advantage_list5 i {
    background: url("../images/temp/advantage_icon5.png") center center no-repeat; }
  .advantage_list5.on i {
    background: url("../images/temp/advantage_icon5_b.png") center center no-repeat; }
  .advantage_list6 i {
    background: url("../images/temp/advantage_icon6.png") center center no-repeat; }
  .advantage_list6.on i {
    background: url("../images/temp/advantage_icon6_b.png") center center no-repeat; }
  .advantage_btn {
    text-align: center; }




  
.sbzclc_part6 {
  height: 964px;
  background: url("../images/temp/team_bg.png") center center no-repeat; }
  .team_title {
    text-align: center;
    margin-bottom: 63px; }
.team_slide{width:1104px;margin:0 auto; position:relative;    padding-bottom:100px;}
.team_slide    .swiper-container {
        width: 100%;
        height: 100%;
    }

.team_slide    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

 .sbzclc_part6  .team_slide   .team_pic { 
    display:block;
    width: 267px;
    height: 299px;
    -o-object-fit: cover;
    object-fit: cover; 
object-position: top center;}
.sbzclc_part6  .team_line{display:block;margin:0 auto;}
.sbzclc_part6 .team_list{width:100%;border-radius: 5px;background:#fff; padding-bottom:30px; }
.sbzclc_part6 .team_list div.team_personName {
    color: #5d5d5d;
    font-size: 18px;
    margin: 24px 0 5px; }
.sbzclc_part6    .team_personName img {
      margin-right: 12px; }

.sbzclc_part6   .team_list div {  color: #888888;font-size: 16px;line-height: 32px; }
.sbzclc_part6   .team_list div span{font-weight:bold;}
.sbzclc_part6  .team_list .ask_btn {
        margin-top: 12px; }
.sbzclc_part6  .team_exp span,.sbzclc_part6 .team_praise span {
    color: #36538c; }
.sbzclc_part6  .team_case span {
    color: #d62024; }

.sbzclc_part6  .swiper-pagination {
    bottom:0px;
    left: 0;
    width: 100%;
}
.sbzclc_part6 .swiper-pagination  .swiper-pagination-bullet {
    width: 10px;
    height:10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
    margin-left: 6px;
}
.sbzclc_part6  .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 29px;
    background-color: #395fe4;
    border-radius: 5px;
}




.sbzclc_part7{background:#f8f8f8;}
.sbzclc_part7c{width:1200px;margin:0 auto; overflow:hidden;padding-bottom:70px;}
.sbzclc_part7c .smooth_title {
  text-align: center; }
.sbzclc_part7c  .smooth_title p {
    font-weight: bold; }
.sbzclc_part7c  .smooth_title .text_ch {
    font-size: 30px;
    color: #36538c;
    line-height: 30px;
    padding: 92px 0 16px; }
.sbzclc_part7c  .smooth_title .text_en {
    font-size: 17px;
    line-height: 17px;
    color: #dcdcdc;
    text-transform: uppercase; }
.sbzclc_part7c    .smooth_title .text_en:after {
      display: block;
      width: 16px;
      height: 2px;
      content: '';
      background-color: #e3e3e3;
      margin: 15px auto 0; }
.sbzclc_part7c  .smooth_title span {
    color: #d62024; }

.sbzclc_part7c   .smooth_lists {
  overflow: hidden;
  width: 1120px;
  margin: auto; }

.sbzclc_part7c  .smooth_lists li {
    float: left;
    width: 280px;
    text-align: center;
    margin-left: 6px; }
.sbzclc_part7c   .smooth_lists li:first-child {
      margin-left: -20px; }
.sbzclc_part7c   .smooth_lists li .ask_btn {
      width: 127px;
      height: 34px;
      box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.07);
      border-radius: 5px;
      border: solid 1px #606060;
      font-size: 14px;
      color: #606060;
      line-height: 34px;
      background-color: transparent; }
.sbzclc_part7c   .smooth_lists li .ask_btn i {
        width: 24px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: 4px;
        left: -10px;
        background: url("../images/temp/ask_icon2.png") center center no-repeat; }
.sbzclc_part7c  .smooth_lists li .ask_btn:hover {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background-color: #d62024;
        color: #fff;
        border-color: #d62024; }
.sbzclc_part7c   .smooth_lists li .ask_btn:hover i {
          background: url("../images/temp/why_icon.png") center center no-repeat; }
.sbzclc_part7c  .smooth_lists li p {
      font-size: 16px;
      color: #777777;
      font-weight: bold;
      margin: 38px 0; }
.sbzclc_part7c   .smooth_lists li > i { background: url("../images/temp/smooth_pic1.png") center center no-repeat;
      width: 171px;
      height: 202px;
      display: inline-block; }
/*.sbzclc_part7c   .smooth_list1 i {
  background: url("../images/temp/smooth_pic1.png") center center no-repeat; }
.sbzclc_part7c  .smooth_list2 i {
  background: url("../images/temp/smooth_pic2.png") center center no-repeat; }
.sbzclc_part7c  .smooth_list3 i {
  background: url("../images/temp/smooth_pic3.png") center center no-repeat; }
.sbzclc_part7c  .smooth_list4 i {
  background: url("../images/temp/smooth_pic4.png") center center no-repeat; }*/





.sbzclc_part8{background:#f8f8f8;}
.sbzclc_part8c{width:1200px;margin:0 auto; overflow:hidden;padding-bottom:70px;}
.successCase_detail {
    height: 593px;
    background: url(../images/temp/success_case.jpg) no-repeat center center;
}
.success_case {
    width: 1136px;
    height: 551px;
    background: url(../images/temp/success_case.png) no-repeat -4px 82px;
    margin: auto;
    overflow: hidden;
}

.i_message_c{
    padding:15px;
    border-bottom:1px solid #eee;
}
.i_message_c  .i_input1{
    width:170px;margin:0 auto;border:2px solid #ccc;height:30px;line-height:30px; padding:0 5px;
}
.imessage_sub {
    display:block;    background: #d62024;color: #FFFFFF;
    border-radius: 5px; border:0;
    padding: 10px 5px; width:80px;
    margin:0px auto;margin-top:10px;
}
.erweimap2{text-align:center;padding-top:5px;}

/*******注册流程适应*********/
@media screen and (max-width: 1199px) and (min-width: 992px){
.sbzclc_part1c{width:900px;}
.sbzclc_part_t{margin-top: 54px; line-height:30px;}
.hotlist {
  display: table;
  margin: 60px auto 0; }

.hotlist li {
  float: left;
  width: 259px;
  height: 320px;
  margin-left: 48px;
 }
.hotlist li p:first-child {
    width: 90px;
    height: 90px;
    position: absolute;
    top: -45px;
    left: 86.5px;
}
.hotlist li .center_tit {
    width: 259px;
}
.hotlist li .hot_btm {
    width: 259px;

}
.sbzclc_part3c {
    width: 900px;
}
 .sbzclc_part_t2 .text_ch {
    padding: 52px 0 16px; }
 .why_reg {
    padding-left: 100px;
    padding-top: 20px;
}
.why_btn .ask_btn {
    margin: 60px 0;
}
.sbzclc_part4 {
    width: 900px;
}
.sbzclc_part4 ul {
    width: 920px;
    margin: 57px auto 0;
}
.sbzclc_part4 li {
    float: left;
    width: 200px;
    height: 140px;
    padding-top: 10px;
    text-align: center;
}
.sbzclc_part4 .process_line {
    margin-left: 13px;
}
.advantage {
    height: 717px;
}
.advantage ul {
    width: 1000px;
    margin: 32px auto 43px;
    overflow: hidden;
}
.advantage_girl{ display:none;}
.advantage ul li.on {
    width: 166px;
    background-color: #2b3d63;
    box-shadow: 0px 0px 4px 2px #2b3d63;
}
.advantage ul li.on .advantage_list_detail {
    display: none;
}
.advantage ul li.on .advantage_list_info {
    display: block;
}
.sbzclc_part6 {
    height: 844px;
}

.team_slide {
    width: 904px;
    padding-bottom: 80px;
}
.sbzclc_part6 .team_slide .team_pic {
    width: 217px;
    height: 243px;
}
.sbzclc_part7c {
    width: 900px;
    padding-bottom: 40px;
}

.sbzclc_part7c .smooth_lists {
    width: 900px;
}
.sbzclc_part7c .smooth_lists li {
    width: 225px;
}
.sbzclc_part8c {
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 40px;
}
.successCase_detail {
    height: 443px;
    padding-top:50px;
}
.success_case {
    width: 880px;
    height: 365px;
    background: url(../images/temp/success_case.png) no-repeat  ;
    background-size:cover;
    margin: auto;
    overflow: hidden;
}


} 
@media screen and (max-width: 991px) and (min-width: 768px){
    .sbzclc_part1c{width:760px;}
.sbzclc_part_t{margin-top: 34px; line-height:20px;}
.hotlist {
  display: table;
  margin: 40px auto 0; }

.hotlist li {
  float: left;
  width: 229px;
  height: 300px;
  margin-left: 18px;
 }
.hotlist li p:first-child {
    width: 90px;
    height: 90px;
    position: absolute;
    top: -45px;
    left: 70.5px;
}
.hotlist li .center_tit {
    width: 229px;
}
.hotlist li .hot_btm {
    width: 229px;

}
.sbzclc_part3c {
    width: 760px;
}
 .sbzclc_part_t2 .text_ch {
    padding: 52px 0 16px; }
 .why_reg {
    padding-left: 20px;
    padding-top: 20px;
}
.why_btn .ask_btn {
    margin: 60px 0;
}
.list-card:first-child {
    margin-left: 20px;
}
.list-card {
    width: 336px;
    height: 150px;
    margin-left: 20px;
}
.list-card ul {
    padding-left: 30px;

}

.sbzclc_part4 {
    width:760px;
}
.sbzclc_part4 ul {
    width: 800px;
    margin: 37px auto 0;
}
.sbzclc_part4 li {
    float: left;
    width: 170px;
    height: 140px;
    padding-top: 10px;
    text-align: center;
}
.sbzclc_part4 .process_line {
    margin-left: 8px;
}
.advantage {
    height: 617px;
}
.advantage ul {
    width: 760px;
    margin: 32px auto 43px;
    overflow: hidden;
}
.advantage_girl{ display:none;}
.advantage ul li {
    float: left;
    width: 126px;
    height: 231px;
    padding-top: 32px;
}
.advantage ul li.on {
    width: 126px;
    background-color: #2b3d63;
    box-shadow: 0px 0px 4px 2px #2b3d63;
}
.advantage ul li.on .advantage_list_detail {
    display: none;
}
.advantage ul li.on .advantage_list_info {
    display: block;
}
.sbzclc_part6 {
    height: 700px;
}
.sbzclc_part6 .team_list div {
    color: #888888;
    font-size: 14px;
    line-height: 28px;
}
.sbzclc_part6 .team_line {
    display: block;
    width:100%;
}
.team_slide {
    width: 760px;
    padding-bottom: 80px;
}
.sbzclc_part6 .team_slide .team_pic {
    width: 181px;
    height: 203px;
}
.sbzclc_part6 .team_personName {
    color: #5d5d5d;
    font-size: 18px;
    margin: 5px 0 5px;
}
.team_title {
    text-align: center;
    margin-bottom: 33px;
}
.sbzclc_part7c {
    width: 760px;
    padding-bottom: 40px;
}
.sbzclc_part7c .smooth_title .text_ch {
    font-size: 30px;
    color: #36538c;
    line-height: 30px;
    padding: 52px 0 16px;
}
.sbzclc_part7c .smooth_lists {
    width: 760px;
}
.sbzclc_part7c .smooth_lists li {
    width: 190px;
}
.sbzclc_part7c .smooth_lists li p {
    font-size: 12px;
    color: #777777;
    font-weight: bold;
    margin: 15px 0;
}

.sbzclc_part8c {
    width: 760px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 40px;
}
.successCase_detail {
    height: 340px;
    padding-top:50px;
}
.success_case {
    width: 720px;
    height: 298px;
    background: url(../images/temp/success_case.png) no-repeat  ;
    background-size:cover;
    margin: auto;
    overflow: hidden;
}
 
}
@media screen and (max-width: 767px){
.sbzclc_part1_qrcode{
display: block
}
    .sbzclc_part1_phone{
        display: flex;
    }
    .pc_combannerp2{display:none;}
.m_combannerp2{display:block;}  
.com_bannerp2 .swiper1{display:none;}
.com_bannerp2 .swiper1_1{display:block;} 
.sbzclc_part2p2 {
    margin-top: 40px;
}
     .sbzclc_part1c{width:100%;}
.sbzclc_part_t{margin-top: 34px; line-height:20px;}
.sbzclc_part_t .tit {
    font-size: 22px;
}
.sbzclc_part_t .smtit {
    font-size: 16px;
}

.hotlist {
  display: table;
  margin: 30px auto 0; }

.hotlist li {
  float: left;
  width: 32%;
  height: 250px;
  margin-left:1%;
 }
.hotlist li:first-child {
  margin-left:1%;
}
.hotlist li p:first-child {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -20px;
    left: 30%;
}
.hotlist p.hot_tit {
    background: url(../images/temp/hot_tit.png) center center no-repeat;
    background-size:cover;
    line-height: 50px;
    font-weight: bold;
    font-size: 26px;
}
.hotlist li:hover p.hot_tit {
    background: url(../images/temp/hot_tit_hover.png) center center no-repeat;
    background-size:cover;
}
.hotlist li .center_tit {
    width: 96%;
}
.hotlist li .center_tit b {
    font-size: 16px;
}
.hotlist li .center_tit i {
    font-size: 12px;
}
.hotlist li .hot_btm {
   width: 96%;
}

.sbzclc_part2 {
    margin-top: 30px;
    height: 125px;
}
.sbzclc_part2 ul {
    width: 100%;
    height: 100%;
    margin: 0 auto;text-align:center;
}
.sbzclc_part2 ul li {
 
    font-size: 16px;
    margin-top:50px;
    margin-left: 5px;
 margin-right: 5px;
}

.sbzclc_part3c {
    width: 100%;
}
 .sbzclc_part_t2 .text_ch {
     font-size: 22px;
    padding: 32px 0  6px; }
 .sbzclc_part_t2 .text_en {
    font-size: 16px;
}
 .why_reg {
    padding-left: 8px;padding-right: 8px;
    padding-top: 10px;
}
.why_btn .ask_btn {
    margin: 30px 0;
}
.list-card:first-child {
    margin-left: 0px;
}
.sbzclc_part3c .s-num{ top:30px;left:0; display:none;}
.list-card {
    width: 336px;
    height: 135px;
    margin:0 auto;
}
.list-card ul {
    padding-left: 10px;

}

.sbzclc_part4 {
    width:100%;
}
.sbzclc_part4 ul {
    width: 100%;
    margin: 27px auto 0;
}
.sbzclc_part4 li {
    float: left;
    width: 50%;
    height: 140px;
    padding-top: 10px;padding-bottom:30px;
    text-align: center;
}
.sbzclc_part4 li i + p {
    font-size: 18px;
    margin: 18px 0 6px;
}
.list-card ul li:first-child {
    margin-top: 24px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #606060;
}
.list-card ul li:last-child {
     width: 238px; 
     padding-left: 5px; 
}

.sbzclc_part4 .process_line {
   display:none;
}
.sbzclc_part4 .process_btn {
    text-align: center;
    margin: 0;
    padding: 8px 0 39px;
}


.advantage {
    height: 657px;
}
.advantage_title .text_ch {
    padding-top: 35px;
    padding-bottom:5px;
    font-size:22px;
}
.advantage ul {
    width: 100%;
    margin: 32px auto 23px;
    overflow: hidden;
}
.advantage_girl{ display:none;}
.advantage ul li {
    float: left;
    width: 33%;
    height: 180px;
    padding-top: 32px;
}
.advantage ul li .advantage_list_info p:first-child {
    line-height: 20px;height: 40px;
}
.advantage ul li .advantage_list_info p:first-child + p {
    margin:20px auto 0;display:none;
}
.advantage ul li.on {
    width: 33%;
    background-color: #2b3d63;
    box-shadow: 0px 0px 4px 2px #2b3d63;
}
.advantage ul li.on .advantage_list_detail {
    display: none;
}
.advantage ul li.on .advantage_list_info {
    display: block;
}
.sbzclc_part6 {
    height: 380px;
}
.sbzclc_part6 .team_list div {
    color: #888888;
    font-size: 12px;
    line-height: 24px;
}
.sbzclc_part6 .team_line {
    display: block;
    width:100%;
}
.team_slide {
    width:100%;
    padding-bottom: 40px;
}
.sbzclc_part6 .team_list {
    padding-bottom: 10px;
}
.sbzclc_part6 .team_slide .team_pic {
    width: 100%;
    height: auto;
}
.sbzclc_part6 .team_personName {
    color: #5d5d5d;
    font-size: 18px;
    margin: 5px 0 5px;
}
.sbzclc_part6 .team_personName img {
  display:none;
}
/*.sbzclc_part6  .team_exp,*/.sbzclc_part6  .team_case ,.sbzclc_part6   .team_praise,.sbzclc_part6 .team_list .ask_btn{display:none;}

.team_title {
    text-align: center;
    margin-bottom: 33px;
}
.sbzclc_part7c {
    width: 100%;
    padding-bottom: 10px;
}
.sbzclc_part7c .smooth_title .text_ch {
    font-size: 22px;
    color: #36538c;
    line-height: 30px;
    padding: 32px 0  6px;
}
.sbzclc_part7c .smooth_lists {
    width: 100%;
}
.sbzclc_part7c .smooth_lists li:first-child {
    margin-left: 0px;
}
.sbzclc_part7c .smooth_lists li {
    width: 50%;margin-left: 0px;margin-bottom:20px;
}
.sbzclc_part7c .smooth_lists li > i {
    width: 120px;
    height: 142px;
    display: inline-block;    background-size:cover;
}
 
.sbzclc_part7c .smooth_lists li p {
    font-size: 12px;
    color: #777777;
    font-weight: bold;
    margin: 15px 0;
}

.sbzclc_part8c {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
}
.successCase_detail {
    height: 200px;
    padding-top:30px;
}
.success_case {
    width:100%;
    height:80%;
    background: url(../images/temp/success_case.png) no-repeat  ;
    background-size:100% auto;
    margin: auto;
    overflow: hidden;
}
 
}