﻿
/*二级栏目页公共样式*/
	/* 标题导航 */
.ms_comtitbox{ background: #f8f2f2; display: block; height: 132px; overflow: hidden;}
.ms_comtitbox ul{ padding: 52px 0 0; overflow: hidden;}
.ms_comtitbox ul li{ width: 180px; height:80px; display: block; float: left; background: #f14a4f; transition: .5s all ease;}
.ms_comtitbox ul li:hover, .ms_comtitbox ul li a:hover, .ms_comtitbox ul li a.choice{background: #a52226;}
.ms_comtitbox ul li+li{ margin-left: 20px; }
.ms_comtitbox ul li a{ color: #fff; display: block; width: 100%; height: 100%; transition: .5s all ease;}
.ms_comtitbox ul li a p.comtxtc{ font-size: 18px; line-height: 24px; padding: 20px 20px 0;}
.ms_comtitbox ul li a p.comtxte{ font-size: 12px; line-height: 14px; padding: 0 20px;}


.ms_comconbox{ padding: 70px 0; overflow: hidden; }
img.ms_comconintropic{ margin: 20px auto; display: block; }
.ms_comcontab{ display: block; width: 100%; overflow: hidden; padding:0 24px 10px; }
.ms_comcontab a{ display: block; float: left; height: 38px; font-size: 16px; line-height: 36px; min-width: 140px; text-align: center; color: #666; border: 1px solid #666; border-radius: 5px; background: #fff; }
.ms_comcontab a.tm_cur, .ms_comcontab a:hover{ border: 1px solid #f14a4f; color: #f14a4f; background: url(../images/icon/tab_cur.png) no-repeat right bottom; }
.ms_comcontab a+a{ margin-left: 20px; }

.tabs_item {display: none; padding: 30px 0; transition: .5s all ease;}
/*.tabs_item:first-child{display: block;}*/

	/*明上简介*/
.ms_about, .ms_trade{width: 100%; display: block; overflow: hidden; }
.ms_about p, .ms_trade p{ font-size: 14px; line-height: 24px; text-align: justify; padding: 0 24px; color: #222; overflow: hidden;}
.ms_about p+p{ margin-top: 20px;  }
.ms_about img.ms_aboutright{ display: block; margin: 0 0 0 50px; float: right;}


	/*商标业务*/
.ms_trade{}
.ms_tradetit{}
.ms_trade b{ font-weight: bold; display: block; padding: 10px 0 0;}
.ms_trade p+p{ margin-top: 10px; }

/*客户展示*/
.custmor ul{ width:100%;}
.custmor li{ width: 200px; height: 80px; border-radius: 5px; overflow: hidden; display: block; float: left; margin-bottom: 20px;/* border:solid 1px #ccc;*/}
.custmor li+li{ margin-left: 20px; }
.custmor li:nth-child(5n+1){ margin-left: 0; }
.custmor li img{ opacity: 0.7; border-radius: 5px; transition: .5s all ease; width:200px; height:80px; }
.custmor li:hover img{ opacity: 1; }

/*荣誉事项*/
.honor ul{ width:100%;}
.honor li{ width: 300px; height: 300px; border-radius: 5px; overflow: hidden; display: block; float: left; margin-bottom: 20px;/* border:solid 1px #ccc;*/}
.honor li+li{ margin-left: 20px; }
.honor li:nth-child(5n+1){ margin-left: 0; }
.honor li img{ opacity: 0.7; border-radius: 5px; transition: .5s all ease; width:300px; height:300px; }
.honor li:hover img{ opacity: 1; }

/*团队*/
.ms_team li{ width:252px; float:left; margin:0 0 38px 0;}
.ms_team li+li{ margin-left:58px;}
.ms_team li:nth-child(4n+1){ margin-left:0px;}

	/*资讯动态*/
.ms_news{ width:100%; overflow:hidden;}
.ms_newscon{ overflow: hidden; display: block;}
.ms_newscon ul{ padding: 0 20px; overflow: hidden;}
.ms_newscon ul li{ border-bottom: 1px solid #eee; display: block; overflow: hidden; transition: .5s all ease;}

.lncon_ln{ }
.lncon_tit1{ font-size: 18px; font-weight: bold; text-align: justify; line-height: 24px; color: #000; display: block; overflow: hidden; padding: 0 18px 18px;}
.lncon_time{ font-size: 12px; line-height: 24px; color: #999; display: block; height: 28px; padding: 20px 18px 10px;}
.lncon_con{ font-size: 14px; line-height: 24px; color: #555; text-align: justify; overflow: hidden; padding: 0 18px 28px;}
.ms_newsload{ width:100%; height:44px; display:inline-block; text-align:center; margin:36px 0 0;}
.lncon_ln a:hover.lncon_tit1{ color:#a52226;}
/*
.lncon_pic{ width: 275px; height: 172px; display: block;  margin: 15px 0; background: #000; overflow: hidden;}
.lncon_pic img{ opacity: 0.6; transition: .5s all ease; width: 275px;}
.ms_newscon li:hover img{ opacity: 1; }
.lncon_learn{ font-size: 14px; text-align: center; display: block; float: right; height: 30px; background: #fff; width: 114px; line-height: 30px; border: 1px solid #555; border-radius: 16px; margin: 20px 18px 0; transition: .5s all ease;}
.ms_newscon a:hover.lncon_learn{ background: #a52226; color: #fff; border: 1px solid #a52226; }*/

.ms_newspage{ display:block; margin:20px 20px 0; height:60px;}
.ms_newspage a,.ms_newspage span{ width:52px; height:52px; line-height:52px; font-size: 14px; color: #000; background-color:#f0f0f0; text-align:center; margin-left:10px; display: block;float: left;}
.ms_newspage .pg_active{ background-color:#a52226; color:#fff;}
.news-more-link { width:220px; height:40px; display:inline-block; text-align:center; color:#a52226; line-height:40px; border:1px solid #a52226; border-radius:21px; background:#fff; 
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -ms-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
}
.news-more-link:hover { color:#fff; background:#a52226;  border:1px solid #a52226;}

/*20161210新闻列表*/
.n_box_pic{ width:300px; height:180px; display:block; float:left; border:1px solid #e5e5e5; margin:26px 0; position:relative; overflow:hidden;}
.n_box_pic img{ width:300px; height:180px; position:absolute;}
.n_box_txt{ width:875px; float:left; overflow:hidden;}

 	/*FAQ*/
.ms_faq{}
.faqList{  }
.faqList li{}
.faqTit, .faqTit1{ padding: 8px 0; border: 1px solid #ececec; position: relative; }
.faqTit p, .faqTit1 p{ background:url(../images/icon/faq.png) no-repeat 4px 2px; font-size:14px; line-height:24px; color: #000; padding-left:28px; transition: .5s all ease;}
.faqTit1 p{ background:url(../images/icon/faq.png) no-repeat 4px -26px; color: #666;}
.faqContent{ display: none; border-left:2px solid #f14a4f; padding:10px 26px; font-size:14px; line-height:24px; background:#f6f6f6; color:#000; margin:5px 0 10px;}
.faqopen, .faqclose{ background:url(../images/icon/faq.png) no-repeat 0px -56px; width: 20px; height: 20px; display: block; overflow: hidden; position: absolute; top: 10px; right: 10px; transition: .5s all ease;}
.faqclose{ transform: rotate(45deg); }
.faqList li:first-child .faqContent{ display: block; }

	/*资讯内容页*/
.ms_detailbox, .ms_joinusbox{ padding-bottom: 52px; overflow: hidden;}
.ms_detailtit, .ms_joinustit{ padding: 50px 20px 20px; overflow: hidden; }
.ms_detailtit p, .ms_joinustit p{ color: #fff; padding-bottom: 8px;}
.ms_detailtitc, .ms_joinustitc{ font-size: 30px; line-height: 36px; }
.ms_cdetailtite, .ms_joinustite{ font-size: 20px; line-height: 26px; }
.ms_detailtit p span, .ms_joinustit p span{ display: block; width: 80px; height: 4px; background: #f14a4f;}

.ms_detailconbox{ background: #fff; width: 1000px; display: block; overflow: hidden;}
.ms_detailtitbar{ padding: 52px 32px; display: block; overflow: hidden; }
.ms_detailtitbarcon{ border-bottom: 1px solid #e5e5e5;overflow: hidden; display: block; }
.ms_detailtitbarcon p span.idnewstxt{ font-size: 20px; line-height: 30px; color: #333; padding: 8px 0; float: left; display: block; border-bottom: 2px solid #9d2b32; }
.ms_detailtitbarcon p span.idnewslocal{ float: right;display: block; color: #666; font-size: 14px; line-height: 24px;  padding: 14px 0 8px;}
.ms_detailtitbarcon p span.idnewslocal a{ color: #000; }
.ms_detailcon{ padding: 0 32px 52px; display: block; overflow: hidden;}
.ms_detailcon p.idnewstit{ padding: 0 10px; font-size: 24px; color: #666; font-weight: bold; line-height: 28px; }
.idnewsource{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 52px 0; }
.idnewsource p{ padding: 24px 10px; font-size: 12px; line-height: 18px;}
.idnewscon{}
.idnewscon p{color: #000; font-size: 14px; line-height: 24px;}
.idnewscon p+p{ margin-top: 10px; }
.idnewscon img{ display: block; margin: 20px auto; }
.ms_detailupdown{width: 52px; height: 152px; border-radius: 5px; background: #fff; display: block; position: fixed; right: 74px; top: 65%; border: 1px solid #e5e5e5; }
.ms_detailup, .ms_detaildown{ width: 52px; height: 50px; display: block; background: url(../images/icon/updown.jpg) no-repeat center top; overflow: hidden;}
.ms_detaildown{background: url(../images/icon/updown.jpg) no-repeat center bottom;}
.ms_detailupstep{ height: 52px; display: block; color: #333; line-height: 52px; font-size: 14px; text-align: center; }

	/*联系我们*/
.ms_joinuscon{ background: #fff; display: block; overflow: hidden; min-height: 185px;}
.ms_joinuscontxtbox{ padding:52px 36px 10px; display: block; overflow: hidden;}
.ms_joinuscontit{ font-size: 24px; line-height: 36px; color: #666; padding-bottom: 10px;}
.ms_joinuscontxt{ width: 100%; display: block; overflow: hidden; }
.ms_joinuscontxt li{ float: left; display: block; width: 50%; font-size: 14px; color: #555; line-height: 24px;}
.ms_joinuscontxt li p a{ color: #000; }

.ms_maplocal{ width: 100%; min-width: 1200px; height: 768px; display: block;overflow: hidden; }


.contactbg{ float: left; width: 100%; background: #f7f7f7; padding: 0 0 100px;}
.contactbox{float: left; width: 100%; margin: 60px 0 0;}
.contacttop{ float: left; width: 1078px; background-repeat:no-repeat;  background-position: right bottom; background-color: #fff; padding: 38px 0 38px 62px;position: relative;}
.contactleft{ float: left; width: 243px; border-right: 1px dashed #a8a8a8;}
.contactleft span{color: #222; display: block; line-height: 45px; font-size: 30px;}
.contactleft i{ display: block; line-height: 40px; color: #e60213; font-size: 14px; text-transform: uppercase;}
.contactright{ float: right; width: 785px;}
.contactlist{ float: left; width: 785px;}
.contactlist li{ line-height: 24px; font-size: 14px;}
.contactlist1{ width: 490px;}
.map{ float: left; width: 95%; }
.map img{ display: block; width: 100%; vertical-align: bottom;}

/*********/

.icon_plus {
    transition: all 0.5s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.team_photo
{
    height: 267px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    cursor:pointer;
}

.icon_plus
{
    width: 61px;
    height: 61px;
    background: url(../images/icon_plus.png) no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    cursor: pointer;
}
.team_position
{
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 28px 20px;
}
.team_position h4
{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}
.team_position h5
{
    font-size: 14px;
    color: #aeaeae;
    font-weight: 400;
}

.team_photo:hover .icon_plus
{
    opacity: 1;
    filter: alpha(opacity=100);
}
.ms_team li.on .icon_plus
{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}
.team_position
{
    transition: background-color .5s,border .5s;
}
.ms_team li:hover .team_position, .ms_team li.on .team_position
{
    background: #da251d;
    color: #fff;
    border: 1px solid #da251d;
}
.ms_team li:hover h5, .team2_list li.on h5
{
    color: #fff;
}

.search {
    height:28px;
    border:1px solid #c7c7c7;
    width:360px;
    border-radius:14px;
    margin:50px auto 0;
}
.search-txt { border:none; width:300px; display:block; margin-left:14px; height:24px; line-height:24px;
    float:left;
    margin-top:2px }
.search-btn {
    background:url("../images/icon_search.png") no-repeat center center; border:none; text-indent:-999rem; overflow:hidden; display:block; width:35px; cursor:pointer; height:28px;
}













