﻿/*@import "voice.css";*//*手机琴样式*/
/*@import "ipresenter.css";*/ /*3D切换样式*/
/*@import "ImageChage.css";*/ /*图片切换样式*/

.topkeywords { margin: 0 auto; width: 1000px; height: 0px; }
.topkeywords h1 { font-size: 0px; padding: 0px; margin: 0px; font-weight: normal; }
.topkeywords h2 { font-size: 0px; padding: 0px; margin: 0px; font-weight: normal; }

/***首页轮播样式***/

    .index_slide { width: 100%; max-width: 1680px; margin: 0 auto; overflow: hidden; position: relative; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
    .index_slide img { width: 100%; display: block }

    .index_slide .focus_pic { width: 100%; overflow: hidden; }
    .index_slide .focus_pic ul { width: 300%; overflow: hidden; -moz-transform: translate(0,0); -o-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); }
    .index_slide .focus_pic li { float: left; text-align: center; width: 33.3333333%; }

    .index_slide .focus_btn { text-align: center; position: absolute; width: 100%; bottom: 2px; }
    .index_slide .focus_btn li { display: inline-block; *zoom: 1; *display: inline; margin: 0 2px; font-size: 1px; width: 15px; height: 15px; background: url(/images/m_bullet.png) no-repeat; }
    .index_slide .focus_btn li.active { background: url(/images/m_bullet.png) 0 -30px no-repeat; }



/****向右/左流动****/
.picMarquee{ width:1090px; padding:28px 10px;  overflow:hidden; position:relative;}
.picMarquee .bd{width:100%}
.picMarquee .bd ul{overflow:hidden; zoom:1; }
.picMarquee .bd ul li{ width:255px; float:left; _display:inline; overflow:hidden; text-align:center; margin:0px 10px;}
.picMarquee .bd ul li a{ display:block; border-radius:10px; overflow:hidden; position:relative;}
.picMarquee .bd ul li a img{ width:100%; -webkit-transition: -webkit-transform .5s;transition: transform .5s;}
.picMarquee .bd ul li a span{ display:block; left:0; bottom:0; position:absolute; color:#ffffff; font-size:16px; text-align:center; line-height:35px; height:35px; background:url(/images/2/tm.png) repeat; width:100%;}
.picMarquee .bd ul li:hover a img{-webkit-transform: scale(1.1);transform: scale(1.1)}

/****关于我们****/
@media (min-width: 760px) /****电脑版/****/
{
    .CDV1 {width: 100%;padding-top:40px}
    .CDV1 .head{text-align:center}
    .CDV1 .head h1 { margin-bottom: 10px; padding: 0px 45px 0px 45px; color: #342f83; font-size: 23px; display: inline-block; background: url(/images/1/titleleft.gif) no-repeat left center,url(/images/1/titleright.gif) no-repeat right center }
    .CDV1 .head p{font-size:14px;color:#999999;text-transform:uppercase}

    .CDV1 .idiv{width: 1200px;padding-top:30px;margin:0 auto}
    .CDV1 .idiv p{color:#333333;font-size:16px;line-height:2}
    .CDV1 .idiv p img{border-radius:5px;}
    .CDV1 .idiv p a{color:blue;}
}
@media (max-width: 760px) /****手机版/****/
{
    .CDV1 {width: 100%;padding-top:20px;}
    .CDV1 .head{text-align:center}
    .CDV1 .head h1 { margin-bottom: 10px; padding: 0px 45px 0px 45px; color: #342f83; font-size: 23px; display: inline-block; background: url(/images/1/titleleft.gif) no-repeat left center,url(/images/1/titleright.gif) no-repeat right center }
    .CDV1 .head p{font-size:14px;color:#999999;text-transform:uppercase}

    .CDV1 .idiv{padding:20px 20px 20px 20px;margin:30px 20px 20px 20px;border:1px solid #0475de;border-radius:10px}
    .CDV1 .idiv p{color:#333333;font-size:16px;line-height:2;text-align: justify; text-justify: inter-ideograph;}
    .CDV1 .idiv img{width:100% !important;height:auto !important;margin-bottom:10px;border-radius:5px;padding:0px !important;clear:both !important;}
    .CDV1 .idiv p img{width:100% !important;height:auto !important;margin-bottom:10px;border-radius:5px;padding:0px !important;clear:both !important;}
    .CDV1 .idiv p a{color:blue;}
}


/****展品展示****/



@media (min-width: 760px) /****电脑版/****/
{
    .CDV2 {width: 1200px;margin:0 auto;padding-top:40px;}

    .CDV2 .head{text-align:center}
    .CDV2 .head h1 { margin-bottom: 10px; padding: 0px 45px 0px 45px; color: #342f83; font-size: 23px; display: inline-block; background: url(/images/1/titleleft.gif) no-repeat left center,url(/images/1/titleright.gif) no-repeat right center }
    .CDV2 .head p{font-size:14px;color:#999999;text-transform:uppercase;}

    .CDV2 .idl {padding-top:30px;}

    .CDV2 .idl a{width:25%;height:300px;float:left;overflow: hidden;text-align:center;margin-bottom:20px}
    .CDV2 .idl a span{width:95%;display:inline-block;overflow:hidden;border-radius:10px}
    .CDV2 .idl a span img{display:block;width:100%;transition-duration: 0.5s !important;}
    .CDV2 .idl a:hover  span img {transition-duration: 0.5s !important; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);-ms-transform: scale(1.2); -o-transform: scale(1.2);}
    .CDV2 .idl a h3{text-align:center;font-size:14px;font-weight:bold;color:#333;line-height:2.5;overflow:hidden;white-space:nowrap}
    .CDV2 .idl a:hover h3{color:red}
    .CDV2 .idl a p { padding: 0px 10px 10px 10px; text-align: left; line-height: 1.8; color: #666666; font-size: 13px; text-align: justify; text-justify: inter-ideograph; }

    .CDV2 .footer {padding-top:10px;text-align:center}
    .CDV2 .footer a {display:inline-block;padding:5px 10px 5px 10px;color:white;background-color:#c9caca;border-radius:5px;font-size:13px}
    .CDV2 .footer a:hover {color:white;background-color:#0099ff;}
}

@media (max-width: 760px) /****手机版/****/
{
    .CDV2 {width: 100%;padding-top:20px;}

    .CDV2 .head{text-align:center}
    .CDV2 .head h1 { margin-bottom: 10px; padding: 0px 45px 0px 45px; color: #342f83; font-size: 23px; display: inline-block; background: url(/images/1/titleleft.gif) no-repeat left center,url(/images/1/titleright.gif) no-repeat right center }
    .CDV2 .head p{font-size:14px;color:#999999;text-transform:uppercase}

    .CDV2 .idl {padding:20px 10px 20px 10px;display:block;}

    .CDV2 .idl a{width:50%;float:left;position:relative;overflow: hidden;margin-bottom:10px;text-align:center}

    .CDV2 .idl a{display:block}
    .CDV2 .idl a span{display:block;overflow:hidden;}
    .CDV2 .idl a span img{display:inline-block;width:95%;border-radius:10px}
    .CDV2 .idl a h3 { text-align: center; font-size: 14px; font-weight: bold;line-height:2.5; color: #333; overflow: hidden; white-space: nowrap }
    .CDV2 .idl a p {padding:0px 10px 10px 10px; text-align: left; line-height: 1.8; color: #666666; font-size: 13px; text-align: justify; text-justify: inter-ideograph; }

    .CDV2 .footer {padding-top:0px;text-align:center;}
    .CDV2 .footer a {display:inline-block;padding:5px 10px 5px 10px;color:white;background-color:#c9caca;border-radius:5px;font-size:13px}
    .CDV2 .footer a:hover {color:white;background-color:#0099ff;}
}
/****新闻资讯****/

@media (min-width: 760px) /****电脑版/****/
{
    .CDV3 {width: 1200px;margin:0 auto;padding-top:40px;}

    .CDV3 .head{text-align:center}
    .CDV3 .head h1 { margin-bottom: 10px; padding: 0px 45px 0px 45px; color: #342f83; font-size: 23px; display: inline-block; background: url(/images/1/titleleft.gif) no-repeat left center,url(/images/1/titleright.gif) no-repeat right center }
    .CDV3 .head p{font-size:14px;color:#999999;text-transform:uppercase;}

    .CDV3 .idl {padding-top:30px;display:block}

    .CDV3 .idl a{width:49%;line-height:2;display:inline-block;}
    .CDV3 .idl a span{float:left;}
    .CDV3 .idl a label{float:right;padding-right:20px;color:#808080;}

    .CDV3 .footer { padding-top: 10px; text-align: center }
    .CDV3 .footer a { display: inline-block; padding: 5px 10px 5px 10px; color: white; background-color: #c9caca; border-radius: 5px; font-size: 13px }
    .CDV3 .footer a:hover { color: white; background-color: #0099ff; }
}

@media (max-width: 760px) /****手机版/****/
{
    .CDV3 {width: 100%;padding-top:20px;}

    .CDV3 .head{text-align:center}
    .CDV3 .head h1 { margin-bottom: 10px; padding: 0px 45px 0px 45px; color: #342f83; font-size: 23px; display: inline-block; background: url(/images/1/titleleft.gif) no-repeat left center,url(/images/1/titleright.gif) no-repeat right center }
    .CDV3 .head p{font-size:14px;color:#999999;text-transform:uppercase}

    .CDV3 .idl {padding:20px 10px 20px 10px;display:block;}

    .CDV3 .idl a{display:block;line-height:2;overflow:hidden;white-space:nowrap}

    .CDV3 .idl a label{display:none;}

    .CDV3 .footer { padding-top: 0px; text-align: center; }
    .CDV3 .footer a { display: inline-block; padding: 5px 10px 5px 10px; color: white; background-color: #c9caca; border-radius: 5px; font-size: 13px }
    .CDV3 .footer a:hover { color: white; background-color: #0099ff; }
}


/****加盟合作****/
@media (min-width: 760px) /****电脑版/****/
{
    .CDV4 {width: 1200px;margin:0 auto;padding-top:40px;}

    .CDV4 .head{text-align:center}
    .CDV4 .head h1 { margin-bottom: 10px; padding: 0px 45px 0px 45px; color: #342f83; font-size: 23px; display: inline-block; background: url(/images/1/titleleft.gif) no-repeat left center,url(/images/1/titleright.gif) no-repeat right center }
    .CDV4 .head p{font-size:14px;color:#999999;text-transform:uppercase;}

    .CDV4 .idl {padding-top:30px;}

    .CDV4 .idl a{width:25%;height:240px;float:left;overflow: hidden;text-align:center;margin-bottom:20px}
    .CDV4 .idl a span{width:95%;display:inline-block;overflow:hidden;border-radius:10px}
    .CDV4 .idl a span img{display:block;width:100%;transition-duration: 0.5s !important;}
    .CDV4 .idl a:hover  span img {transition-duration: 0.5s !important; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);-ms-transform: scale(1.2); -o-transform: scale(1.2);}
    .CDV4 .idl a p{text-align:center;font-size:13px;color:#333;line-height:25px;overflow:hidden;white-space:nowrap}
    .CDV4 .idl a:hover p{color:red}

    .CDV4 .footer {padding-top:10px;text-align:center}
    .CDV4 .footer a {display:inline-block;padding:5px 10px 5px 10px;color:white;background-color:#c9caca;border-radius:5px;font-size:13px}
    .CDV4 .footer a:hover {color:white;background-color:#0099ff;}
}

@media (max-width: 760px) /****手机版/****/
{
    .CDV4 {width: 100%;padding-top:20px;padding-bottom:20px}

    .CDV4 .head{text-align:center}
    .CDV4 .head h1 { margin-bottom: 10px; padding: 0px 45px 0px 45px; color: #342f83; font-size: 23px; display: inline-block; background: url(/images/1/titleleft.gif) no-repeat left center,url(/images/1/titleright.gif) no-repeat right center }
    .CDV4 .head p{font-size:14px;color:#999999;text-transform:uppercase}

    .CDV4 .idl {padding:20px 10px 20px 10px;display:block;}

    .CDV4 .idl a{width:50%;float:left;position:relative;overflow: hidden;margin-bottom:10px;text-align:center}

    .CDV4 .idl a{display:block}
    .CDV4 .idl a span{display:block;overflow:hidden;}
    .CDV4 .idl a span img{display:inline-block;width:95%;border-radius:10px}
    .CDV4 .idl a p{text-align:center;font-size:13px;color:#333;overflow:hidden;white-space:nowrap}

    .CDV4 .footer {padding-top:0px;text-align:center;}
    .CDV4 .footer a {display:inline-block;padding:5px 10px 5px 10px;color:white;background-color:#c9caca;border-radius:5px;font-size:13px}
    .CDV4 .footer a:hover {color:white;background-color:#0099ff;}
}


@media (min-width: 760px) /****电脑版/****/
{
    /****友情链接****/
    .LinkDiv { margin: 0 auto; width: 1200px;height:1px }
    .LinkDiv .body { padding: 0px; font-size: 13px }
    .LinkDiv .body span { color: #333333; }
    .LinkDiv .body a { color: #333333 }
    .LinkDiv .body a:hover { color: red }
}

@media (max-width: 760px) /****手机版/****/
{
    /****友情链接****/
    .LinkDiv {display:none }
    .LinkDiv .body { padding: 0px; font-size: 13px }
    .LinkDiv .body span { color: #333333; }
    .LinkDiv .body a { color: #333333 }
    .LinkDiv .body a:hover { color: red }
}