@charset "utf-8";
body { font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI",SimHei, "\5B8B\4F53",simsun, sans-serif;
    color: #333;background: #fff;overflow-x: hidden}
a{text-decoration:none;}
a { text-decoration: none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:focus{outline: none}
.img-responsive{margin: 0 auto}
.warp{ width:1080px; margin:0 auto}
.clear{ clear:both} .ohidd{ overflow:hidden;*zoom:1;}
.margin-left-10{margin-left: 10px;!important;}
.margin-11{margin: 14px 0;}
.margin-15{margin: 8px 0;}
.margin-20{margin: 40px 0;}
.margin-top-60{margin-top: 60px;}
input{outline: none}
input:focus{outline: none}
table{padding: 5px}
table td{padding: 5px}
.blue,.blue a,.box h5 a,.box h6 a,.box a.more,.crumbs a{ color:#004499}
.keylink,.keylink:link,.keylink:hover,.keylink:active {text-decoration:underline;width:26px; height:22px; line-height:22px; background:#fff; border:1px dotted #aaa;  text-align:center}
textarea{outline:none;resize: none;border:1px solid #DCDDDD; background:#fff;clear:both;color:#555;font-size:14px;height:130px;padding:5px 0 0 5px;text-align:left;width:99%; margin-bottom:8px}
.input-text,input.date,input.endDate,.input-focus{border:1px solid #DCDDDD; height:22px; padding:0 0 0 3px}
input.date,input.endDate{background: #fff url(../images/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
ul,li,ol{list-style: none; margin: 0; padding: 0;}
.fix {*zoom: 1;*clear: both;}
.fix:before, .fix:after {display: table;clear: both;content: '';}
.pad-6{padding:6px; overflow:hidden}.pad-10{padding:10px; overflow:hidden}.pad_10,.pad-lr-10{padding:0 10px}.pad-lr-6{padding:0 6px}
.gray{background: #f8f8f8 !important;}
.ib, .ib-li li, .ib-a a, .ib-span span,.btn,.btn input,.photo-hot li,.Article-Tool a ,.photo-list li,.photo-channel .photo-slide .change i,.photo-channel .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next,.photo-cat .content h5 span.blue a,.submit{display:inline-block;zoom:1;*display:inline;}

.left-nav{width: 230px; padding-bottom: 20px; display: inline-block;}
.left-nav ul{width: 100%; border: 1px solid #efefef; border-radius: 5px; background: #ffffff;}
.left-nav ul li{line-height: 35px; border-bottom: 1px solid #efefef;}
.left-nav ul li a{color: #337ab7; padding: 0 15px; display: block;}
.nq-list{
    padding-left: 50px;

}

.nq-list li{
    list-style:square;
    list-style-type:square;
}
.logo {padding:0;}
#myCarousel {margin: 0px 0 0 0;}
.navbar{font-size: 14px;}
.navbar-inverse {background: rgba(0,0,0,0.55);
    border-color: transparent;
    /*filter:alpha(opacity=50);*/
    /*-moz-opacity:0.5;*/
    /*-khtml-opacity: 0.5;*/
}
#navbar-collapse ul {margin-top:0;}
.navbar-nav{height: 50px;}
.navbar-nav li a{color: #fff!important;}
.navbar-nav li a:hover{color: #ffffff !important;background: rgba(0,0,0,0.6) !important;}
.navbar-nav li a.hover{color: #ffffff!important;background: rgba(0,0,0,0.6) !important;}
.navbar-nav li .sub{text-align: center;display: none;background: rgba(34,34,34,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f222222,endColorstr=#7f222222);
    /*-moz-opacity:0.5;*/
    /*-khtml-opacity: 0.5;*/
    /*opacity: 0.5;*/
}
.navbar-nav li .sub li{line-height: 40px;}
.navbar-nav li .sub li a{display: block;}
/*.navbar-nav li .sub li a:hover{background: rgba(34,34,34,0.6)}*/
.navbar-nav li:hover .sub{display: block}
.navbar-nav li .sub li:hover a{background: rgba(0,0,0,0.6) !important;}
.carousel-inner img {margin: 0 auto;}
/*.carousel-control {
	font-size: 100px;
}*/
.tab-h2 {font-size: 20px;text-align: center;letter-spacing: 1px;color: #0059b2;}
.tab-p {font-size: 15px;text-align: center;letter-spacing: 1px;color: #999;margin: 20px 0 40px 0;}
.tab1 {margin: 30px 0;color: #666;}
.tab1 .text-muted {color: #999;text-decoration: line-through;}
.tab1 .media-heading {margin: 5px 0 20px 0;}
.tab1 .col {padding: 20px;padding-bottom: 50px;}
.tab2 {background-color: #eee;padding: 60px 20px;text-align: center;}
.tab2 img {width: 40%;height: 40%;}
.tab3 {padding: 60px 20px;text-align: center;}
.tab3 img {width: 65%;height: 65%;}
.text h3 {font-size: 20px;}
.text p {font-size: 14px;}
.jumbotron{background: url(../images/bg.jpg) center no-repeat;width:100%;height:350px;margin: 0;color: #ccc;}
.jumbotron h1 {font-size: 26px;padding: 50px 0 0 20px;}
.jumbotron h4 {font-size: 15px;padding: 0 0 0 20px;}
#information {background-color: #eee;padding: 40px 0;}
.info-content {background-color: #fff;margin: 0 0 20px 0;box-shadow: 2px 2px 3px #ccc;}
.info-content img {margin: 12px 0;}
.info-content h4 {color: #333;padding: 2px 0 0 0;font-size: 14px;}
.info-content p {line-height: 1.6;}
.info-right {background-color: #fff;box-shadow: 2px 2px 3px #ccc;}
.info-right blockquote {margin: 0;padding: 0;}
.info-right h2 {font-size: 20px;color: #333;padding: 5px;}
.info-right h4 {color: #333;font-size: 16px;padding: 2px 0 0 0;line-height: 1.6;}
#case {padding: 40px 0;background-color: #eee;text-align: center;}
#case h4 {color: #666;}
#case p {color: #666;line-height: 1.6;}
#about {background-color: #eee;padding: 40px 15px;}
#about a {color: #0059b2;}
#about .about {background-color: #fff;box-shadow: 2px 2px 3px #ccc;}
#about h3 {color: #333;font-size: 18px;border-bottom: 1px solid #eee;padding: 20px 0;margin: 0 0 10px 0;}
#about p {line-height: 2;font-size: 13px;}

/*没有小于768px，是因为Bootstrap3以移动端优先设计*/

/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
    .tab-h2 {font-size: 26px;}
    .tab-p {font-size: 16px;}
    .text h3 {font-size: 22px;}
    .text p {font-size: 15px;}
    .tab2-text {float: left;}
    .tab2-img {float: right;}
    .jumbotron h1 {font-size: 30px;}
    .jumbotron h4 {font-size: 16px;}
    .info-content h4 {font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    #about h3 {font-size: 19px;}
    #about p {font-size: 14px;}
}

/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
    .tab-h2 {font-size: 28px;}
    .tab-p {font-size: 17px;}
    .text h3 {font-size: 24px;}
    .text p {font-size: 16px;}
    .jumbotron h1 {font-size: 33px;}
    .jumbotron h4 {font-size: 17px;}
    .info-content h4 {font-size: 18px;}
    #about h3 {font-size: 20px;}
    #about p {font-size: 15px;}
}

/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {
    .tab-h2 {font-size: 30px;}
    .tab-p {font-size: 18px;}
    .text h3 {font-size: 26px;}
    .text p {font-size: 18px;}
    .jumbotron h1 {font-size: 36px;}
    .jumbotron h4 {font-size: 18px;}
    .info-content h4 {font-size: 20px;}
    #about h3 {font-size: 22px;}
    #about p {font-size: 16px;}
    .container {max-width: 100%}
}
@media (min-width: 1600px) {
    .container {width:1400px;}
}
/*轮播*/
.carousel .carousel-inner .item img{width: 100%}
.carousel .carousel-inner .item1{background: url("../images/lunbo/p1.jpg") no-repeat center;background-position: 0 50%;background-size: cover}
.carousel .carousel-inner .item2{background: url("../images/lunbo/p2.jpg") no-repeat center;background-position: 0 50%;background-size: cover}
.carousel .carousel-inner .item3{background: url("../images/lunbo/p3.jpg") no-repeat center;background-position: 0 50%;background-size: cover}
.carousel .carousel-inner .item4{background: url("../images/lunbo/p4.jpg") no-repeat center;background-position: 0 50%;background-size: cover}
@media (min-width: 1921px) {
    .carousel .carousel-inner .item{max-height:500px;overflow: hidden;background-position: 50% 50%;background-size: cover}
}


.art-list{padding-bottom: 20px; width: 830px; float: right; border-radius: 5px;}
.art-list .list{padding: 0; background: #ffffff;}
.art-list .list li{float: left; width: 100%; padding: 10px; border-bottom: 1px solid #efefef;}
.art-list .list li .time{float: left; border: 1px solid #efefef; border-radius: 5px; width: 80px; line-height: 35px; text-align: center;}
.art-list .list li .time .day{font-size: 24px; line-height: 40px; border-bottom: 1px solid #efefef; color: #333333; font-weight: bold; display: block;}
.art-list .list li .time .moth{font-size: 16px; color: #ffffff; line-height: 35px; background: #0583F2; border-radius: 0 0 5px 5px; display: block;}
.art-list .list li .info{float: left; width: 730px; padding-left: 15px;}
.art-list .list li .tit{font-size: 16px; color: #333333; padding-bottom: 5px; display: block; overflow: hidden;}
.art-list .list li .des{line-height: 25px; display: block; overflow: hidden;}

.art-detail{border: 1px solid #efefef; border-radius: 5px; background: #ffffff;}
.art-heading{border-bottom: 1px solid #efefef; padding: 15px;}
.art-heading .title{font-size: 24px; color: #000000; text-align: center; padding: 10px 0;}
.art-heading .info{text-align: center; font-size: 12px; padding: 10px 0;}
.art-body{padding: 20px;}

/*公司简介*/
.intro{padding:20px;}
.intro img{margin: 0 auto}
.intro1{min-height: 350px;padding-top: 3%;padding-right: 5%;text-align: justify}
.intro p{font-size: 1.1em;text-indent: 1.8em;line-height: 1.8em;}
.intro p span{font-size: 1.2em;color: #4e91dc;font-weight: bold}
.intro .technology{color:#f1f1f1;background: #666;padding: 58px 0;margin-right: 0;}
.intro .technology p{font-size: 1.3em;text-indent: 0;line-height: 28px;}
.intro .technology p span{font-size: 1.8em!important;color: #37a7f2;}

@media screen and (max-width: 1440px) {
    .intro1 {min-height: 350px;padding-top: 0;padding-right: 0;text-align: justify}
}

/*联系*/
.contact{margin: 3px 0;}
.contact h1{color: #4e91dc;width: 10%;float: left;line-height: 1rem;}
.contact .wenzi{padding: 10px;float: left;width: 85%}
.contact .wenzi span{display: block;font-size: 1.6rem;color: #555;}
.contact .wenzi span.span1{font-size: 1.8rem;font-weight: bold;padding-top: 15px;}
#allmap{width: 100%;height: 500px;margin: 0 auto;border: 1px solid #949494}
@media screen and (max-width: 1600px) {
    .intro .technology{color:#f1f1f1;background: #666;padding: 57.5px 0;margin-right: 0;}
}
@media screen and (max-width: 1440px) {
    .intro .technology{color:#f1f1f1;background: #666;padding: 22.5px 0;margin-right: 0;}
}
@media screen and (max-width: 1152px) {
    .intro .technology{color:#f1f1f1;background: #666;padding:8.5px 0;margin-right: 0;}
    .intro .technology p{font-size: 1.1em;text-indent: 0;line-height: 1.6em;}
    .intro .technology p span{font-size: 1.2em!important;color: #37a7f2;}
}

/*企业文化*/
.boss{padding-bottom:40px;margin-bottom:20px;border-bottom: 1px dashed #CCCCCC}
.boss_photo img{margin: 0 auto}
.boss_intro{padding: 10px;padding-right: 50px;}
.boss_intro h3{font-size: 1.8em;color: #FF0000;padding-left: 10px;}
.boss_intro h3 span{font-size: 14px;color: #000000;}
.boss_intro p{text-indent: 1.8em;line-height: 1.8em;font-size: 1.1em;text-align: justify;}
.team_intro h3{font-size: 1.8em;color: #FF0000;padding-left: 10px;}
.team_intro h3 span{font-size: 14px;color: #000000;}
.team_intro p{text-indent: 1.8em;line-height: 1.8em;font-size: 1.1em;padding: 30px;text-align: justify}
.wz{margin-top: 30px;margin-bottom: 30px;}
.wz .wz_photo{margin-left: 16%;float: left;width: 35%}
.wz .wz_intro{width: 44%;float: left}
.wz .wz_intro h3{font-size: 1.8em;color: #FF0000;padding-left: 10px;}
.wz .wz_intro h3 span{font-size: 14px;color: #000000;}
.wz .wz_intro p{text-indent: 1.8em;line-height: 1.8em;padding: 30px;font-size: 1.1em}
.environ h1{font-size: 40px;text-align: center;margin-bottom: 50px;}
.environ h1 span{font-size: 35px;font-weight: normal;}
.environ img{margin:0 auto;}
.environ .staff_photo{width: 23%;float: left;margin-left:1%;margin-right: 1%;margin-top: 18px;}
/*.environ .staff_photo1{width: 26%;margin-left: 12px}*/

/*@media (max-width: 1200px) {*/
/*.environ .staff_photo1{margin-left:10px}*/
/*}*/

/*!*招聘*!*/
/*.recruit{position: relative}*/
/*.recruit .recruit_photo{position: fixed;}*/
.bs-docs-section {margin-bottom: 60px}
.bs-docs-section:last-child {margin-bottom: 0}
.bs-docs-section .page-header{font-size: 24px;margin: 30px 0 20px;}
.bs-docs-section .lead{font-size: 15px;}
.bs-callout {padding: 20px;margin: 20px 0;border: 1px solid #eee;border-left-width: 5px;border-radius: 3px}
.bs-callout p:last-child {margin-bottom: 0}
.bs-callout code {border-radius: 3px}
.bs-callout-danger {border-left-color: #ce4844}
.bs-callout-info {border-left-color: #1b809e}
/*优势*/
.advantage h3{font-size: 18px;line-height:48px;font-weight:bold;padding-left:46px;position: relative;border-bottom: 1px solid #000000;}
.advantage h3:before{content: '';display: block;position: absolute;left: 24px;bottom: 15px;width: 10px;height: 18px;background: red}
.advantage .join_main{margin-left: auto;margin-right: auto;}

/*新闻列表*/
.news{padding: 30px 0;background: #f8f8f8;border-top: 1px solid #ddd;}
.news_list{padding:30px 30px;background-color: #fff;box-shadow:2px 2px 5px 5px rgba(0, 0, 0, 0.05);}
.news_list ul li{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px dotted #ddd}
.news_list ul li a img{display: block;margin: 0 auto;width: 80%;height:auto;max-height:170px;}
.news_body a{display:block;color: #333;font-size: 1.8em;}
.news_body a:hover{color:#4e91dc;}

.news_body .desc{line-height: 1.8em;color: #555;margin-top: 2%;font-size: 1.1em}
.news_body .info{color: #999;margin-top: 3%;font-size: 1.1em}
.color{color: #4e91dc}
.news_body .info u{margin: 0 8px;text-decoration: none}

/*新闻内容*/
.articles{padding: 30px 0;background: #f8f8f8;border-top: 1px solid #ddd;}
.article_body{background-color: #fff;padding:30px 30px;box-shadow:2px 2px 5px 5px rgba(0, 0, 0, 0.05);}
.article_body .article_head{text-align: center;}
.article_body .article_head h1{margin-bottom: 5px;font-size: 30px;line-height: 42px;color: #3778c2}
.article_body .article_head .info{color: #666;font-weight: 300;font-size: 1.3em;margin: 15px 0 8px;line-height:200%;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.article_body .article_head .info span a{color: #4e91dc}
.article_body .article_head .info span a:hover{text-decoration: underline;color: #4e91dc}
.article_body .article_head .info u{margin: 0 8px;text-decoration: none}

.article_body .article_detail{padding: 30px;font-size: 15px!important;}
.article_body .article_detail ul li{list-style: disc}
.article_body .article_detail img{display:block;margin:0 auto;max-width:100% !important;height: auto!important}
.article_body .article_detail video{display:block;margin:0 auto;max-width:100% !important;height: auto!important}

.article_body .article_page span{display: block;font-size: 1.1em;line-height: 1.8em;color: #3778c2;font-weight: bold}
.article_body .article_page span a{color: #333;font-weight: normal}

.article_body blockquote{
    border-left: solid 10px #FF732B;
    margin-left: 60px;
    color: brown;
}

/*素材列表*/
.sucai{padding: 30px 0;background: #f8f8f8;border-top: 1px solid #ddd;}
.sucai_list{padding:30px 30px;background-color: #fff;box-shadow:2px 2px 5px 5px rgba(0, 0, 0, 0.05);min-height: 800px;}
.sucai_list .search{padding:20px 30px;border-bottom: 1px dashed #999;margin-bottom: 20px;}
.sucai_list .search .bt{float:left;width:70px;font-size: 15px;font-weight: bold;padding: 5px;margin-right:5px;color: #333333}
.sucai_list .search .list{float: left;width:90%;}
.sucai_list .search .list a{display:inline-block;margin-bottom: 15px;
    padding:5px 7px;border:1px solid #ccc;color:#666;margin-right:5px;font-size: 14px;}
.sucai_list .search a:hover{color: #ffffff;background: #3498db;border:1px solid #3498db;}
.sucai_list .search a.active{color: #ffffff;background: #3498db;border:1px solid #3498db;}
.sucai_list ul{padding:0 20px;}
.sucai_list li{margin-bottom: 30px;height: auto;overflow: hidden;padding-bottom: 8px;border-bottom: 1px dotted #999;}
.sucai_list .sucai_title a{display: block;color: #222;font-size: 24px;height: 40px;line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 20px;}
.sucai_list .sucai_title a span{color: #222;font-size: 18px;}
.sucai_list .sucai_title a span:hover{color: #222;font-size: 18px;}
.sucai_list .sucai_title a:hover{color: #4e91dc}
.sucai_list .sucai_desc{color:#666;overflow: hidden;margin-bottom: 12px;}
.sucai_list .sucai_infor{color:#666;font-size: 15px}
.sucai_list .sucai_down{float: right}
.sucai_list .sucai_down a{font-size: 15px;color:#666;}
.sucai_list .sucai_down a:hover{color: #4e91dc;text-decoration: underline}

/*素材内容*/
.article_body .sucai_infor h1{font-size: 28px;padding-left: 20px;color: #4e91dc}
.article_body .sucai_infor h1 span{font-size: 22px;padding-left: 20px;color: #333}
.sucai_infor .img{padding: 30px 0;border-top: 1px solid #d3d3d3;}
.sucai_infor .info{background: #f5f5f5;padding: 20px;font-size: 1.1em}
.sucai_infor .info .download a{border: 1px solid #4e91dc;padding: 5px;color: #ffffff;background-color: #4e91dc;}
.sucai_infor .info .download a:hover{background-color: #ffffff;color: #484848;border: 1px solid #949494}
.sucai_instru{padding:30px;}
.sucai_instru .instru_tit{border-bottom: 1px solid #d3d3d3;height: 40px;padding-left: 25px;color: #4e91dc;font-size: 18px;position: relative}
.sucai_instru .instru_tit:before{content: "";display: block;position: absolute;left:0;bottom: -1px;
    width:120px;height: 2px;background: #4e91dc;}
.sucai_instru .detail{padding: 30px 0;line-height: 1.8;font-size: 15px;font-weight: 300;}



/*技术支持*/
.tec_list{padding:0 20px;}
.tec_list li{line-height: 50px;border-bottom: 1px dotted #777;padding-left: 15px;padding-right: 15px;background: url(../images/common/sanjiao.png) no-repeat 0px 22px;}
.tec_list li a{color: #555;font-size: 14px;font-weight: normal;display: block}
.tec_list li a:hover{color:#3498db}

/*右侧导航*/
.nav_right{background: #fff;margin-left: 30px;padding: 20px;box-shadow:2px 2px 5px 5px rgba(0, 0, 0, 0.05);}
.nav_right h3{color: #4e91dc;font-size: 20px;padding-left: 12px;margin: 10px 0 10px 2px;line-height:40px;border-bottom: 2px solid #999;position: relative}
.nav_right h3:before{content: "";display: block;position: absolute;left:10px;bottom: -2px;
    width:90px;height: 2px;background: #4e91dc;}
.nav_right .nav_menu li{line-height: 50px;border-bottom: 1px dotted #777;padding-left: 15px;background: url(../images/common/sanjiao.png) no-repeat 265px 23px;font-weight: bold;}
.nav_right .nav_menu li a{color: #484848;font-size: 14px;font-weight: normal;display: block}
.nav_right .nav_menu li a:hover{color:#4e91dc;font-weight:bold;}
.nav_right .nav_menu li a.active{color: #4e91dc;font-weight:bold;}
.nav_right .tags{margin-top: 30px;}
.nav_right .tags a{padding: 5px 7px;color: #ffffff;background-color: #4e91dc;line-height: 1.6em;font-weight: 500;
    border: 1px solid #4e91dc;
    display: inline-block;margin: 0 7px 7px 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.nav_right .tags a:hover{background-color: #ffffff;color: #333;border: 1px solid #949494}
.nav_right .caption{margin-top: 30px;}
.nav_right .caption ul{padding-top:6px;}
.nav_right .caption ul li{height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 2px;}
.nav_right .caption ul li a{background: url(../images/blog_hoticon.jpg) no-repeat left;padding-left: 12px;color: #484848}
.nav_right .caption ul li a:hover{color: #4e91dc}
.nav_right .tags a.active{background-color: #ffffff;color: #333;border: 1px solid #949494}


/*分页*/
.pagination{margin-top: 30px;margin-bottom: 30px;}
.pagination>li>a,.pagination>li>span{color:#555;}
.pagination>li>a:hover{color: #555}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #4e91dc;border-color: #4e91dc;}

/*加盟代理*/
.conditions h3{margin-top:0;margin-bottom:30px;font-size: 18px;line-height:48px;
    font-weight:bold;padding-left:46px;position: relative;border-bottom: 1px solid #2c3e50;}
.conditions h3:before{content: '';display: block;position: absolute;left: 24px;bottom: 15px;width: 10px;height: 18px;background: #c0392b}
.conditions h2{font-size: 28px;font-weight:bold;color: #333;margin-top: 20px;padding-left: 8px;}
.conditions ul li{margin-top: 30px;}
.conditions ul li .icon{color:#ffffff;font-size:18px;display:inline-block;width: 25px;height: 25px;
    line-height:25px;text-align: center;border-radius: 50%;background: #4e91dc}
.conditions ul li .content{font-size: 16px;padding-left: 10px;text-align: justify}
.conditions .join_img img{display: block;margin: 0 auto}
.conditions h1{font-size: 24px;color: #cc3300;}
.conditions h1 img{display: inline-block;margin-right: 15px;}
.cooperate .tit{margin-top: 60px;}
.cooperate .shuzi{width: 100%;margin-top: 36px;}
.cooperate .shuzi img{display: inline-block;}
.cooperate .shuzi .shuzi1{margin-left: 20%}
.cooperate .shuzi .shuzi2{margin-left: 20%;margin-right: 17%}
.cooper_process{margin-top: 20px;position: relative}
.cooper_process .left{position: absolute;left: 30px;top: -15px}
.cooper_process .right{position: absolute;right: 60px;top: -15px}
.cooper_process img{display: inline-block}
.cooper_process .process{width: 250px;display: inline-block;padding:30px 5px;text-align: center;
    font-size: 1.2em;color: #ffffff;background: #1A1D24;margin-left: 7%}
.cooper_process .process2{margin-left: 13%}
@media screen and (max-width: 1440px) {
    .cooper_process .process{margin-left: 4%}
    .cooper_process .process2{margin-left: 11%}
}
@media screen and (max-width: 1152px) {
    .cooper_process .process{width: 220px;margin-left: 4%}
    .cooper_process .process2{margin-left: 11%}
    .cooper_process .right{position: absolute;right: 10px;top: -15px}
}
@media screen and (max-width: 800px) {
    .cooper_process .process{width: 180px;font-size:13px;}
    .cooper_process .right{position: absolute;right: 0;top: -15px}
}

table.table tr td{border: 0;}
table.table tr td.td1{width:130px;}
table.table tr td{vertical-align: middle}
table.table tr th{text-align: center;vertical-align: middle}
.form-control:focus{border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.join a {
    border: 1px solid #949494;
    padding: 5px 10px;
    color: #484848;
    line-height: 1.6em;
    font-weight: 500;
    display: inline-block;
    margin: 0 7px 7px 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.colorr{color: red}
.join a:hover{background-color: #4e91dc;color: #fff;border: 1px solid #4e91dc}
.join span{display:inline-block;color: red;margin-left: 2px;}

.cooperate .join{margin: 80px 0 100px}
.cooperate .join h3{font-size: 24px;font-weight: 900}
.cooperate .join .condition{margin: 30px 0 0}
.cooperate .join .condition .condition1{border-right: 1px solid #ccc}
.cooperate .join .condition .condition2{border: 0}
.cooperate .join .condition img{width: 50px;margin-bottom: 10px}
.cooperate .join .condition strong{display: block;font-size: 16px;font-weight: 600;margin: 20px 0 10px}
.cooperate .join .condition p{display: block;font-size: 14px;line-height: 24px}

/*资料邮寄*/
.materials .cooper{max-width: 1246px;margin-left:auto;margin-right: auto}
.materials .cooper>h3{font-size: 20px;letter-spacing: 5px;background: #fec20e;display: inline-block;color: #ffffff;padding: 4px 4px 5px 10px;font-weight: 600}
.materials .cooper .color1{color: #00b0f0;}
.materials .cooper .color2{color: #92d050;}
.materials .cooper .color3{color: #00a885;}
.materials .cooper .color4{color: #0080d0;}
.materials .cooper h4{font-size: 18px;letter-spacing: 2px;margin: 20px 0;font-weight: 600}
.materials .cooper p{font-size: 1.1em;line-height: 200%;font-weight: 600}
.materials .cooper p span{color: #333}

/*媒体合作*/
.media .intros{padding-left: 36px;}
.media .intros p {font-size: 1.2em;color: #4e91dc;font-weight: bold;line-height: 1.8em;}
.media .content{margin-top:30px;padding-left: 38px;}
.media .content .left h4{font-weight: bold;}
.media .content .left ul li{line-height: 42px;}
.media .content .left ul li img{margin-right: 15px;}
.media .content .left ul li span{font-size: 1.2em;color: #333;}
.media .content .right{}
.media .content .right img{display: block}
.media .content .right .content{position: relative;padding-left: 30px;margin-top: 20px;}
.media .content .right .content p{display: block;font-size: 1.2em;margin-top: 10px;}


/*专利证书*/
.patent_intro{margin-top: 30px;}
.patent_intro p{font-size: 1.2em;line-height: 1.8em;text-indent: 1.8em;text-align: justify}
.patent_bt{border-bottom: 1px dashed #2980B9;margin-top: 60px;}
.patent_bt h3{font-size: 2.0em;color: #2980B9;padding-left: 20px;line-height: 1.6em}
.patent_bt h3 span{font-size: 14px;color: #333333;padding-left: 20px;}
.patent_list{margin-top: 30px;}
.patent_list li{margin: 0 0 10px 0;}
.patent_list li a{display: block;border: 1px solid transparent}
.patent_list li img{width:250px;margin-top: 20px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
.patent_list li:hover a{background: #f8fcfd;border: 1px solid #eaeeef;}
.patent_list a span{height:50px;margin-top: 5px;display: block;color: #333333;font-size: 1.1em;}

/*产品介绍*/
.product{background: #ffffff;padding: 0;}
.product h1{color: #2C3E50;font-size: 34px;letter-spacing: 10px}
.product img{margin: 0 auto}
.qj_intro{background: #efefef;padding: 10px 50px 40px;}
.qj_intro p{font-size: 1.2em;text-indent: 2.0em;line-height: 1.8em;text-align: justify}
.qj_img{margin-top: 60px;}
.qj_img strong{display: block;text-align: center;font-size: 1.3em;line-height: 1.8em;margin-top: 10px;}
.qj_img i{display: block;text-align: center;font-size: 1.1em;font-style: normal}
.chara{width: 65%;margin: 10px auto;}
.chara .youshi{width: 20%;float: left;margin: 6%;}
.chara .youshi u{display: block;text-decoration:none;text-align: center;font-size: 1.2em;line-height: 1.8em;margin-top: 10px;}
.control{background: #3498db;padding: 20px;padding-bottom: 70px;}
.control h1 span{color: #ffffff;font-size: 18px;}
.control .kongzhi{padding: 3%}
.control .kongzhi span{color: #ffffff;font-size: 1.8em;display: block}
.control .kongzhi1{height:53px;color: #ffffff;font-size: 2.3em;background: url("../images/product/icon4.png") no-repeat left;padding-left: 80px;margin-bottom: 10px;}
.control .kongzhi2{height:53px;color: #ffffff;font-size: 2.3em;background: url("../images/product/icon5.png") no-repeat left;padding-left: 80px;}
.control .kongzhi3{height: 54px;background: url("../images/product/icon6.png") no-repeat left;}
.product_sucai{margin-top: 50px;}
.product_sucai span{display: block;text-align: center;font-size: 1.4em;line-height: 1.8em;margin-top: 10px;color: #333}


/*底部*/
.footer{padding-top: 30px;background-color: #282828;color:#FFFFFF;}
.footer .photo{padding-left: 5%;}
.footer .photo img{margin: 0 auto;}
.footer .footer_list ul li{width: 15%;float: left;margin-right:5%}
.footer .footer_list ul li h4{border-bottom: 1px solid #FFFFFF;position:relative;font-size: 14px;}
.footer .footer_list ul li h4:before{content: '';display: block;position: absolute;left: 0;bottom: -1px;width: 60px;height: 1px;  background: #0099FF}
.footer .footer_list ul li h4 span{display: block;font-size: 13px;line-height: 28px;}
.footer .footer_list ul li a{display: block;font-size: 14px;line-height: 34px;
    background: url(../images/common/icons.png) no-repeat left center;padding-left: 20px;color: #e6e6e6
}
.footer .footer_list ul li a:hover{text-decoration: underline;color: #0099FF}
.footer .footerlink{text-align: center;color: #ffffff;margin-top: 20px;background: #222222;padding: 20px 0}
@media screen and (max-width: 1440px) {
    .footer .footer_list ul li{width: 18%;float: left;margin-right:2%}
}
@media screen and (max-width: 1200px) {
    .footer .footer_list ul li{width: 22%;float: left;margin-right: 0;}
}

/*浮动底部*/
.dock{position: absolute;right: 10px;bottom: 45px;}
.dock ul li a{display:block;width: 50px;height:50px;background: #333;opacity: 0.8;-moz-opacity: 0.8;
    filter: alpha(opacity=80);margin-bottom: 5px;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;border-radius: 5px;color: #fff;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;}
.dock ul li.active {
    background-color: #222;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.dock ul li a:hover{background: #222;opacity: 1;-moz-opacity: 1;filter: alpha(opacity=1);color: #2ecc71}
.dock ul li.top img{position: absolute;top:12px;left: 12px;}
.dock ul li.qq img{position: absolute;top:67px;left: 12px;}
.dock ul li.tel img{position: absolute;top:122px;left: 12px;}
.dock ul li.wx img{position: absolute;top:177px;left: 12px;}
.dock ul li.wx .wx_img{width: 196px;height:196px;border-radius: 5px;display: none;
    background:url("../images/common/wx_img.png") no-repeat;background-size: 80%;background-position: center;
    background-color: #fff;position: absolute;top:20px;left: -206px;}
.dock ul li.wx:hover .wx_img{display: block}

.dock ul li p {display: block;position: absolute;right: 5px;background: #222;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-in-out .1s;
    -moz-transition: all .4s ease-in-out .1s;
    -ms-transition: all .4s ease-in-out .1s;
    -o-transition: all .4s ease-in-out .1s;
    transition: all .4s ease-in-out .1s;
    overflow: hidden
}
.dock ul li.qq p {width: 100px;height: 50px;line-height: 50px;text-align: center;}
.dock ul li.tel p {width: 126px;height: 50px;padding: 5px 10px 5px 15px;}
.dock ul li.active p {right: 50px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}

/*通知公告*/
.notice_list{padding: 30px;}