/* CSS Document */

*{margin:0;padding:0;list-style-type:none;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;} 
h1{font-weight:bold;} h2{ font-weight:normal;} h3{font-size:14px; font-weight:normal;}h4{font-size:13px; font-weight:normal;} 
abbr,acronym{border:0;font-variant:normal} 
address,caption,cite,code,dfn,th,var,optgroup,i,em,small,strong,ins,tt,big,p,tb{font-weight:normal;font-style:normal; text-decoration:none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
body{margin:0 auto; padding: 0px; font-family:"MicroSoft YaHei",Arial; font-size:14px;}
html{overflow-x:hidden;}
img{ border:none}

.fr{ margin: 0 auto; overflow: hidden; }
.hr{ position:relative;}
.ft{ float:left;}
.fy{ float:right;}
.clear{clear:both;}
/***********************************头部***********************************/
.top{ width:1200px; height:90px;}
.logo{ padding-top:15px;}

.tel{ width:500px;}
.The_above{ height:40px; text-transform:uppercase; line-height:40px; font-size:14px;}
.The_above p{ float:left; margin-left:20px; text-indent:40px;}
.The_above p a{ color:#000;}
.The_above .h1{ background:url(../images/zw.jpg) left no-repeat;}
.The_above .h2{ background:url(../images/yw.jpg) left no-repeat;}

.The_following{ background:url(../images/tel.jpg) 38px no-repeat;    background-size: 30px; text-transform:uppercase; margin-top:30px;}
.The_following .h1{ color:#000; font-size:15px; text-indent:80px;}
.The_following .h2{ color:#03b5ff; font-size:27px; text-indent:80px;}

/* #nav{ background-color:#03b5ff; overflow:hidden;position: relative; z-index: 99;}
.nav{ width:1200px;}
.nav li{ float:left; line-height:50px; text-align:center; font-size:17px; text-transform:uppercase;}
.nav li a{ color:#fff; display:block; padding:0 50px;}
.nav li a:hover{ background-color:#0094d1; text-decoration:none;}
.nav .hover{ background-color:#0094d1; text-decoration:none;} */

#nav{ height:45px;    position: relative; z-index: 99; background-color:#03b5ff;}
.nav{width:1200px;margin:0 auto;}
#nav li{width:150px;float:left; line-height:45px;}
#nav li a{ display:block; padding:0 10px; color:#fff;    text-decoration: none;    text-align: center;font-size: 16px;}
#nav li a.hover{background-color:#0094d1}
#nav li:hover .nav_sub{
	display: block;
}
#nav .nav_sub{
	display: none;
	animation-name:  fadeIn; /*动画名称*/
	animation-duration: 0.5s; /*动画持续时间*/
	animation-iteration-count: 1; /*动画次数*/
	animation-delay: 0s; /*延迟时间*/
	
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 0.5s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
}
#nav .nav_sub li{
    float: none;
    background: none;
	background-color: #55585F;
    border-top: 1px solid #CECDCD;
    height: 30px;
    line-height: 30px;
}
#nav .nav_sub li a{
background: none;
    font-size: 12px;
    padding: 0 5px;
    display: block;
    height: 30px;
    overflow: hidden;
    color: #fff;
}

.index_product{ width:1200px; padding:50px 0;}
.title{ text-align:center; color:#03b5ff; font-size:30px; font-weight:bold; text-transform:uppercase; font-family:'Arial'}
.title:after{ width:45px; height:3px; background-color:#03b5ff; content:''; margin:10px auto; display:block;}

.index_content{ padding-top:20px;}
.index_product_nav{
    overflow: hidden;
    padding-bottom: 20px;
    width: 55%;
    margin: 0 auto;
}
.index_product_nav h3{ font-size:12px; font-family:'Arial'; border:#e2e2e2 solid 1px; margin: 0px 9px;float:left; text-align:center; line-height:28px; border-radius:3px;}
.index_product_nav h3 a{ color:#666; display:block; padding:0 8px;font-size: 16px;}
.index_product_nav h3 a.hover{background-color:#03b5ff;color:#fff;}
.index_content ul{ overflow:hidden; width:1250px;}

.index_content.have li{margin-right:37px;width:373px; text-align:center;}

.index_content li{ width:285px;/* height:357px;*/ border:#BBBBBB solid 1px; float:left; margin-right:17px; margin-bottom:17px;}
.index_content li h3{ width:100%; height:50px; color:#666; text-transform:uppercase; font-size:14px; line-height:50px; text-align:center;}
.index_content li:hover{ color:#666;} 
.index_content li:hover a{ text-decoration:none;}
.index_content li a img{ 
}

#index_about{ background:url(../images/index_about.jpg) top center no-repeat;}
.index_about{ width:1200px; padding:50px 0;}
.index_about_content{ padding:30px; color:#333; text-transform:uppercase; text-indent:2em; line-height:22px;}
.more{ width:188px; height:45px; border-radius:3px; margin:0 auto; overflow:hidden; display:block; border:#333 solid 1px; text-align:center; line-height:45px; margin-top:50px; color:#333}


.index_news{ width:1200px; padding:50px 0;}

.index_news_content{ margin-top:30px; overflow:hidden; border-bottom:#ededed solid 1px; border-top:#ededed solid 1px; border-right:#ededed solid 1px;}
.index_news li{ width:378px; float:left; padding:11px 10px; border-left:#ededed solid 1px;}
.index_news .f1{
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 10px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_news .f2{ font-size:16px; color:#b9b9b9;}
.index_news .f3{ font-size:14px; color:#999; text-transform:uppercase; padding-top:10px;line-height: 25px;}
.index_news .img{ padding-top:20px; padding-bottom:30px;}
.index_news li:hover a{ text-decoration:none;}


#index_message{ background:url(../images/message.jpg) no-repeat center; height:455px;}
.index_message{ width:1200px; padding-top:50px;}
.title_white{ text-align:center; color:#fff; font-size:30px; font-weight:bold; text-transform:uppercase; font-family:'Arial'}
.title_white:after{ width:45px; height:3px; background-color:#fff; content:''; margin:10px auto; display:block;}

.index_message_content{ overflow:hidden; padding-top:30px;}
.index_message_content .left{ width:530px;}
.index_message_content .f1{ color:#fff; line-height:25px; font-family:'Arial'; font-size:15px;}
.index_message_content span{ background:url(../images/message.png) left top no-repeat; color:#fff; padding-left:50px; display:block; margin-top:30px;}
.index_message_content span .f2{ font-size:27px; padding-bottom:14px;}

.index_message_content .right{ width:555px;}
.name{ width:555px; height:auto; background-color:#fff; margin-bottom:10px; color:#8e8e8e; font-size:14px;}
.name input{
    display: block;
    width: 96%;
    height: 30px;
    padding: 0 2%;
	border: 0px;
}
.name textarea{
    display: block;
    width: 96%;
    height: 100px;
    padding: 10px 2%;
	resize:none;
	border: 0px;
}

.phone{ height:auto;}
.submit{ width:555px; height:33px; text-transform:uppercase; font-size:15px; text-align:center; background-color:#27bfff; line-height:33px; color:#fff;}
.submit input{
    display: block;
    width: 100%;
    height: 33px;
    background-color: #03B5FF;
    border: none;
    color: #fff;
	cursor:pointer;
}

#copy{ background-color:#03b5ff; overflow:hidden; text-align:center; text-transform:uppercase; padding-bottom:20px; font-family:'Arial' ;color:#fff; line-height:25px; }
.copy{ border-bottom:#4fcbff solid 1px; height:50px; margin-bottom:20px;}
.copy .f1{ font-size:14px; text-transform:uppercase; line-height:50px;}
.copy .f1 a{ color:#fff; padding:0 20px;}
#copy p a{ color:#fff;}


#about{ padding:30px 0;}
.about{ width:1200px; padding-top:30px; /* text-align:center; text-transform:uppercase; */ line-height:30px;}
.about .f1{ padding-top:30px;}
.about span{ margin-right:20px;}

.product{ width:1200px;}
.product_left{ width:264px;}
.product_left li{ width:264px;height:40px; background:url(../images/left_product_01.jpg) #f5f5f5 center no-repeat; line-height:40px; text-indent:1em; font-size:12px; }
.product_left li a{ display:block; color:#fff;font-size:14px;width:87%;}
.product_left li a.zhankai{
	background:url(/images/left_product_arrow_03.png) no-repeat center;
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    left: 230px;
    top: -25px;
/*     transition: all 0.5s;
    -webkit-transition: all 0.5s; */
}
.product_left li a.zhankai.on{
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	-o-transform: rotate(90deg); /* Opera */
	-moz-transform: rotate(90deg); /* Firefox */
}
.product_left ul h3{ width:264px; height:80px; color:#fff; font-size:28px; text-transform:uppercase; font-weight:bold; text-align:center; line-height:80px; background:url(../images/index_product_1.jpg) no-repeat;}
.product_left ul{ overflow:hidden;}
.product_left li.erji{
	background:url(../images/left_product_02.jpg) center no-repeat;
	background-color:#fff;
	height: 30px;	
	line-height: 30px;	
	display: none;
}
.product_left li.erji a{
	text-indent: 25px;
}
.product_left li.sanji{
	background:url(../images/left_product_03.jpg) center no-repeat;
	background-color:#fff;
	height: 30px;	
	line-height: 30px;	
	display: none;
}
.sub_nav_div{
	display: none;
}
.sub_nav_div.on{
	display: block;
}
.product_left li.sanji a{
	text-indent: 40px;
}
/*联系方式*/
.index_contact{ width:235px; border:#ccc solid 1px; margin-top:20px; padding:30px 13px;}
.index_contact .no1{ color:#010101; font-size:16px; text-indent:1em;}
.index_contact:before{ width:3px; height:17px; background-color:#383838; content:''; display:block; float:left; position:relative; top:2px;}
.index_contact .fobt{ background:url(../images/index_contact.jpg) left top no-repeat; color:#383838; font-size:20px; line-height:40px; text-indent:2.5em; margin-top:20px; margin-bottom:20px; text-transform:uppercase;	}
.index_contact .no2{ color:#383838; font-size:27px; font-weight:bold; text-indent:0.3em; font-family:'Arial'}
.index_contact .no3{ color:#626262; font-size:14px; line-height:24px;}

.product_content{ width:895px;}
.product_content .title_1{ border-bottom:#c9c9c9 solid 1px; height:40px;}
.product_content .title_1 p{ color:#03b5ff; float:left; font-size:23px;}
.product_content .title_1 p:after{ color:#333; content:''; width:42px; height:4px; background-color:#03b5ff; display:block; position:relative; top:8px}
.product_content .title_1 em{ color:#797979;}
.product_content .title_1 em a{ color:#000;}

.sousuo{
    float: right;
}
.sousuo form{
	margin: 5px 0;
}
.sousuo .keyword{
    width: 190px;
    height: 35px;
    border: #0094D1 solid 2px;
    float: left;
    text-indent: 1em;
    font-size: 14px;
    color: #666;
	border:none;
    border-radius: 5px 0px 0px 5px;
}
.sousuo .keyword:focus{
	outline:none;
}
.sousuo .keyword::-webkit-input-placeholder{
	color: #666;
}
.sousuo .keyword::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color: #666;
　　}
.sousuo .keyword::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color: #666;
　　}
.sousuo .keyword::-ms-input-placeholder { /* Internet Explorer 10+ */
　　color: #666;
　　}
.sousuo .anniu{
	background: url(/images/anniu.jpg) #fff left no-repeat;
    width: 35px;
    height: 35px;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 5px;
    text-align: center;
    cursor: pointer;
    border: 2px solid #0094D1;
	border:none;
    border-radius: 0px 5px 5px 0px;
}
.sousuo .anniu:hover{
}

.about_content{
	margin-top: 20px;
}
/**m_banner**/
.m_banner 
{
    width:100%;
    height:auto;
    overflow:hidden;
}
.m_banner img
{
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
}
.index_m_banner {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-bottom:-1px;
}
.index_m_banner .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    bottom: 5px;
    text-align: center;
}
.index_m_banner .hd ul {
    display: inline-block;
    height: 5px;
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    vertical-align: top;
}
.index_m_banner .hd ul li {
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #8C8C8C;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden;
}
.index_m_banner .hd ul .on {
    background: #FE6C9C;
}
.index_m_banner .bd {
    position: relative;
    z-index: 0;
}
.index_m_banner .bd li a {
    display:block;
    height:auto;
    overflow:hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.index_m_banner .bd li a img {
    width: 100%;
    height: auto;
    display:block;
}
/**m_banner end**/
.xiangce
{
    width:1200px;
    height:auto;
    overflow:hidden;
    margin:auto;
    margin-top:20px;
}
.xiangce ul
{
    width:100%;
    height:auto;
    overflow:hidden;
    font-size:0;
}
.xiangce ul li
{
    display:inline-block;
    width:280px;
    overflow:hidden;
    margin-right:26.66px;
    overflow:hidden;
    margin-bottom:25px;
    vertical-align: top;
}
.xiangce ul li:nth-child(4n)
{
    margin-right:0px;
}
.xiangce ul li .pic
{
    width:100%;
    height:auto;
    overflow:hidden;
}
.xiangce ul li .pic img
{
    width:100%;
    height:auto;
}
.xiangce ul li p
{
    font-size:14px;
    height:30px;
    line-height:30px;
    text-align:center;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width:1200px)
{
    .xiangce
    {
        width:100%;
        padding:10px;
        box-sizing: border-box;
    }
    .xiangce ul li
    {
        margin-right:10px;
        width:calc(50% - 5px);
    }
    .xiangce ul li:nth-child(2n)
    {
        margin-right:0px;
    }

}

.switch {
  padding-top: 17px;
  padding-bottom: 17px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  font-size:14px;
  box-sizing: content-box;
}
.switch a {
  display: inline-block;
  border: 1px solid #ccc;
  text-align: center;
  margin: 5px;
  padding: 5px;
  background: #f2f2f2;
  color: #333;
  text-decoration: none;
  box-sizing: content-box;
}
.switch a:hover {
  background: #03B5FF;
  color: white;
}
.switch a.on {
  background: #03B5FF;
  color: white;
}

/**手机菜单**/
.m_insnav
{
    display:none;
    padding:10px;
    box-sizing: border-box;
}
.m_insnav ul
{
    font-size:0px;
    overflow:hidden;
    text-align:center;
}
.m_insnav ul li
{
    display:inline-block;
    font-size:14px;
    line-height:14px;
    padding:5px 15px;
    border:1px solid #ddd;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
}
.m_insnav ul li:hover
{
    color:white;
    background:#5ccfff;
}
.m_insnav ul li.hover
{
    color:white;
    background:#5ccfff;  
}
.m_insnav ul li a
{
    display:block;
    overflow:hidden;
    color:#333;
}
.m_insnav ul li.hover a
{
    color:white;
}
.m_insnav ul li:hover a
{
    color:white;
}
@media screen and (max-width:1200px)
{
    .m_insnav
    {
        display:block;
    }
    .index_news_content 
    {
        margin-top:0px;
    }
}
/**手机菜单 end**/