html{font-family:"微软雅黑";}
body{padding:0px;margin:0 auto;font-family:"微软雅黑";}
img{ border:0;}
div,form{ margin:0; padding:0;}
ul{list-style:none;}
.main{clear:both;}
.clear{ clear:both;}
a:active{text-decoration: none;}
a:visited{text-decoration: none;color:#666;}
a:link{text-decoration: none;color:#666;}
a:hover {color:#FF0000;}
*{padding:0px;margin:0px;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box{width:1200px;height:auto;clear:both; padding:20px 0px 0 0px;margin:auto; background:#fff; overflow:hidden;}
.clearfix {display:block;*zoom:1;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.inner{width:1200px;margin:0 auto;max-width:1920px;}
.animate03s{transition:all 0.3s;}

/*****头部*******/ 
.logobo{width:1200px;height:120px; clear:both; background:url(images/logo.jpg) #FFF no-repeat;margin:auto;overflow:hidden;}
.top2_nav{display:none;}

/*导航样式*/
#nav{width:100%;height:60px;background:#0099e6;}
.menu_open{display:none;}
.nav{width:auto;height:auto;}
.nav>ul{}
.nav>ul>li{float:left;width:auto;position:relative; }
.nav>ul>li>a{display:block;width:130px;height:60px;line-height:60px;text-align:center;color:#fff;font-size:1.5em;}
.nav>ul>li>a:hover{background:#eee;color:#0099e6;}
.nav_item_open {width:130px;height:auto;position: absolute;left:0;top:100%;z-index:10;border:1px solid #eee;border-top:none;background:#eee;opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; }
.nav_item:hover .nav_item_open{visibility:visible;opacity:1;-webkit-transform:translateY(0px); transform: translateY(0px); }
.subopen {display:none;}
.nav_item2 a{display:block;width:130px;height:45px;line-height:45px;font-size:1.2em;color:#0099e6;text-align:center;}
.nav_item2:hover a{color:#fff;-webkit-transition: all 0.5s;background:#0099e6;}
.hcover {display:none;}
/*导航样式*/
/*****头部广告******/
.top-ad { width:auto;height:auto; margin:auto;overflow:hidden; clear:both;}
.top-ad img{margin:0 auto;display: block;}



/********案例鉴赏*******/
.picmian{width:1200px;height:auto;padding:0px;}
.mnet{ width:auto; height:60px; padding:0px; border-bottom:4px #31afdf solid;}
.mnet samp{ width:auto; height:60px; line-height:60px; float:right; margin-right:5px; font-size:16px; padding-top:0px; color:#999;}
.mnet span{ width:auto; height:60x; line-height:60px; text-align:left; float:left; margin-left:30px; font-size:24px;  color:#31afdf;font-family:"微软雅黑";}
.mnet span a{height:60px; line-height:60px;color:#999;font-family:"微软雅黑";}
.mnet samp a{height:60px; line-height:60px;color:#999;font-family:"微软雅黑";}
.mnet samp a:hover{height:60px; line-height:60px;color:#F00;font-family:"微软雅黑";}
.mainmm{width:auto; height:auto;text-align:left; padding:5px;color:#000;}



/*首页宗旨*/
.Purpose {max-width:1920px;height:auto;background:url(images/syPurpose.jpg) no-repeat center;margin:0 auto;overflow:hidden;background:#eee;}
.pur {width:800px; height:230px;background: rgba(255, 255, 255, 0.6);margin: 60px auto;text-align: center;padding: 15px 60px 0; box-shadow: 0 0 15px #999;}
.pur h3 {font-size: 30px; color:#3B516A;line-height: 70px;}
.pur span {width: 40px;height: 2px;display: inline-block;background: #61b662;margin-bottom: 10px;}
.pur p {color: #333;}
.purlist  {width:1200px;  padding:25px 0 35px 0;margin:auto;}
.purlist ul li{float:left;width:23%;padding:20px;border:1px solid #eee;margin-right:2.66%;background:#fff;}
.purlist ul li:last-of-type{margin-right:0;}
.purlist ul li .pic { width:30%; border-right: 1px solid #a8a89b;}
.purltxt {padding-left: 20px;}
.purlist ul li span {color:#000;font-size: 16px;line-height: 25px; font-weight:bold;}
.pic {position: relative;overflow: hidden;}
.pic:after {display: block;}
.pull-left {float: left !important;}
.purlist ul li .pic{text-align:center;}

/* 首页新闻*/
.strange-box{max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;background:#fff;}
.strange-header{max-width:1200px;padding:20px 15px 35px 15px;margin-left:auto;margin-right:auto;text-align:center;}
.strange-header h2{margin-bottom:7px;font-size:32px;line-height:46px;text-align:center;color:#3B516A;}
.strange-header p{font-size:15px;line-height:22px;text-align:center;color:#999;}
.strange-content{padding-bottom:20px;}
.strange-content:after{content:"";display:block;clear:both;}
.strange-news-fl{width:35%;float:left;}
.strange-news-fl img{width:100%;}
.strange-news-fr{width:62%;float:right;}
.strange-news-sw{}
.strange-info {background:#fff;}
.strange-info-list{width:100%;box-sizing:border-box;}
.strange-info-list li{border-bottom:1px dashed #999;}
.strange-info-list li a{display:block;padding:8px 0;}
.strange-info-list li:first-of-type a{padding-top:0;}
.strange-info-list li a:after{content:"";display:block;clear:both;}
.strange-info-list li a h2{font-family:"微软雅黑";width:70%;display:block;float:left;color:#666;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}
.strange-info-list li a span{font-family:"微软雅黑";width:29%;display:block;float:right;color:#999;font-size:0.9rem;text-align:right;}
.strange-info-list li a:hover h2{color:#0099e6;}
/***************/


/****内容页面左边*****/
.yrx_l{ width:300px; height:auto;float:left; clear:both; position: inherit;}
.yrx_2{ width:300px; height:auto; padding:0px; float:left;}

.yrx_left{ width: auto; height:60px; padding:0px; background: #0099e6;}
.yrx_left samp{ width:auto; height:60px; line-height:60px; float:right; margin-right:5px; font-size:11px; padding-top:1px; color:#000;}
.yrx_left span{ width:auto; height:60px; line-height:60px; text-align:left; float:left; margin-left:10px; font-size:24px; color:#FFF;font-family:"微软雅黑";animation-delay:1s;
			-webkit-animation-delay:1s}
.yrx_left img{ width: auto; height:30px; margin:15px 0px 0 15px; padding:0px; background: #09C; float:left;}


.main-lm{color:#666;font-size:14px; margin:auto;}

.main-left{color:#666;font-size:14px; margin:auto;background: #FAFAFA;padding:10px 10px 20px 10px;}


/****内容页面左边列表*****/
.main-nav {background-color:#fff;}
.main-nav li {clear:left;width:300px;height:50px;line-height:50px; border-bottom:1px #ccc  solid;text-align:center; 
 margin-left:0; background-color:#797979;}
.main-nav li a {height:50px;line-height:50px;width:300px;padding:0;display:inline-block; font-size:16px;color:#FFF;font-family:"微软雅黑";}
.main-nav li a:hover {height:50px;line-height:50px;background-color:#FAFAFA;color:#000; margin-left:0px; background-image:none;font-size:16px;font-family:"微软雅黑";}


.mian-right{ width:870px; height:auto; padding:0px; float:right;color:#000;}
.rightmm{width:870px;min-height:550px; height:auto;background: #FAFAFA;padding:20px 15px 20px 15px;text-align:left;color:#666;overflow:hidden; border-top:none;}


/*****合作伙伴*******/
.link{width:1200px; height:100px;font-size:12px; color:#999;margin-top:5px; text-align:left; padding:5px 0 10px 0;}

.biaoti{margin-top:35px;text-align:center;}
.biaoti h2{font-size:32px;margin-bottom:7px;color:#3B516A;}
.biaoti p{ color: #666;font-size:15px;}
.biaoti span { border-bottom: 1px solid #949494; color: #666; font-weight: bold; font-size: 18px;}
.english{text-align: center;}

/* QQ 电话底部 */
.weibu_con{width:100%;height:auto;background:#0099e6;}
.weibu{width:1200px; margin:0 auto; padding:20px 0; color:#FFF;}
.weibu:after{content:"";display:block;clear:both;}
.footer-left{width:20%;float:left;}
.footer-left h2{font-size:1.2rem;color:#ffff00;}
.footer-left div{margin-top:10px;}
.footer-left div:after{content:"";display:block;clear:both;}
.footer-left div img{display:block;width:16%;float:left;}
.footer-left div p{display:block;width:82%;float:right;font-size:1.5rem;color:#fff;padding-left:10px;text-align:right;}
.footer-left div span{display:block;width:100%;float:left;font-size:1rem;color:#fff;text-align:right;margin-top:-5px;}
.footer-left div:last-of-type span{margin-top:-13px;}

.footer-center{width:20%;float:left;text-align:center;margin:10px 0 0 19.5%;}
.footer-center img{width:48%;}
.footer-center h3{font-size:0.9rem;color:#fff;padding-top:5px;font-weight:normal;}

.footer-right{width:40%;float:right;margin-top:5px;}
.footer-right:after{content:"";display:block;clear:both;}
.footer-right dl{width:33%;float:left;text-align:center;}
.footer-right dl dt{font-size:1.1rem;color:#ffff00;}
.footer-right dl dd{margin-top:5px;}
.footer-right dl dd a{font-size:0.9rem;color:#fff;}
.footer-right dl dd a:hover{color:#ffff00;}
/* 底部信息*/
.copyrightbottom{width:100%;height:auto; background:#0099e6;border-top:1px solid rgba(255,255,255,0.2);}
.copy{width:1200px;padding:10px 0;color:rgba(255,255,255,0.8);text-align:center;font-size:12px;margin:0 auto;}
.copy a{color:rgba(255,255,255,0.8);}
.copy a:hover{color:#ffff00;}
/*产品中心li---*/
.yrx_left_li2 {animation-delay:0.3s;-webkit-animation-delay:0.3s}
.yrx_left_li3 {animation-delay:0.6s;-webkit-animation-delay:0.6s}
.yrx_left_li4 {animation-delay:0.9s;-webkit-animation-delay:0.9s}
.yrx_left_li5 {animation-delay:1.2s;-webkit-animation-delay:1.2s}
.yrx_left_li6 {animation-delay:1.5s;-webkit-animation-delay:1.5s}
.yrx_left_li7 {animation-delay:1.8s;-webkit-animation-delay:1.8s}
.yrx_left_li8 {animation-delay:2.1s;-webkit-animation-delay:2.1s}
.yrx_left_li9 {animation-delay:2.4s;-webkit-animation-delay:2.4s}

@media screen and (max-width:767px){
	.box{width:95%;}
	a{-webkit-tap-highlight-color:rgba(255,255,255,0);}
	/*头部开始*/
	.logobo{width:100%;height:40px;position:fixed;top:0;background:url(images/logo2.jpg) #FFF no-repeat center left;background-size:auto 100%;z-index:99999;box-shadow:0 0 5px #ddd;}

	.top2_nav{display:block;width:40px;height:40px;background:#0099e6;text-align:center;position:fixed;top:0;right:2%;padding-top:2%;z-index:99999;}
	.top2_nav i{height:2px;width:80%;background:#fff;display:block;margin:5px auto;}

	#nav{width:auto;height:auto;background:none;}
	.nav>ul>li>a{height:40px;line-height:40px;}
	.nav>ul>li{width:100%;}
    .nav{width:50%;height:100%;position:fixed;top:0px;left:-50%;z-index:9999;overflow:hidden;background:#0099e6;color:rgba(255,255,255,.8);}
    .hcover{display:block;width:50%;height:100%;background:rgba(255, 255, 255, .6);position: fixed;right:-50%;top:0;z-index:101;}
    .nav_ul{margin:0;width:100%;height:100%;position:absolute;top:35px;left:0;overflow:hidden;padding-top:20px;text-align:left;padding:0;}
    .nav_item{float:none;width:100%;position:relative;margin-left:20px;line-height:40px;height:40px;font-size:0.9em;}
    .nav_item:after{content:'';display:block;width:100%;border-bottom:1px solid rgba(255, 255, 255, .3);margin-left:0px;position:absolute;left:0; }
    .nav_item>a{display:block;letter-spacing:0px;margin:0;font-size:0.9em;width:;height:40px;line-height:40px;color:#000;padding:;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:0px;-webkit-transition: all .4s;transition: all .4s;}
    .nav_item i{position:absolute;z-index:2;top:0px;right:20px;width:40px;height:40px;}
    .nav_item i:before{content:'';display:block;height:100%;border-left:1px solid rgba(255, 255, 255, .3);position:absolute;top:0;left:0;}
    .nav_item i:after{content:'';display:block;width:7px;height:7px;margin-bottom:13px;border:2px solid rgba(255, 255, 255, .6);border-top:0;border-left:0;position:absolute;bottom:0;right:18px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
    .nav_item_open{width:50%;height:100%;margin:0;box-shadow:none;background:#0099e6;border-radius:0;opacity:1;visibility:visible;-webkit-transform:translateY(0px);transform:translateY(0px);position:fixed;left:-50%;top:35px;border:none;}
    .subopen{display:block;}
    .subopen a {display:block;overflow:hidden;margin:0;padding:30px 10px 10px 20px;white-space:nowrap;text-overflow:ellipsis;font-size:1.2em;color:rgba(255, 255, 255, 0.6);background:rgba(0, 0, 0, .1);text-indent:20px;position:relative;}
    .subopen a:before{content:'';display:block;width:7px;height:7px;position:absolute;bottom:50%;left:22px;margin-bottom:-15px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border: 2px solid rgba(255, 255, 255, .6);border-right:0;border-bottom:0;}
    .nav_item2{position:relative;}
    .nav_item2 a{display:block;letter-spacing:0px;font-size:1.2em;overflow:hidden;margin:0;line-height:1.8;padding: 10px 10px 10px 20px;white-space:nowrap;text-overflow:ellipsis;color:inherit;}
    .nav_item2:after{content:'';width:100%;position:absolute;bottom:0;left:0;display:block;border-bottom-width:1px;border-bottom-style:solid;border-bottom:1px solid rgba(255, 255, 255, .3);}
    .nav>ul>li>a:hover{background:none;color:#fff;}
    /*导航样式*/
    /*产品展示*/
    .picmian{width:100%;height:auto;}
    .mnet{height:auto;}
    .mnet span{display:block;width:100%;font-size:18px;margin-left:0;}
    .mnet samp{float:none;display:block;width:100%;height:auto;display:none;}
    .mnet:after{content:"";display:block;clear:both;}
    .mnet samp a{display:block;width:50%;float:left;text-align:center;}

    .mainmm{overflow:hidden;}

    .pur{width:95%;margin:15px 2.5%;padding:10px;height:auto;box-shadow:none;background:#fff;}
    .pur h3{font-size:18px;line-height:1.5em;}

    .purlist{width:95%;padding:0 0 10px 0;}
    .purlist ul li{width:49%;margin-right:2%;margin-bottom:5px;padding:8px;}
    .purlist ul li:nth-child(2n){margin-right:0;}

    .purlist ul li .pic{border:none;}
    .purltxt{width:70%;padding-left:5px;}

    .strange-box{width:95%;box-shadow:none;padding:0;}
    /*产品展示*/


    .strange-header{padding-top:0;padding:20px 0;}
    .strange-header h2{font-size:20px;line-height:1em;margin-bottom:5px;}
    .strange-header p{font-size:14px;line-height:1em;}

    .strange-news-fl{width:100%;}
    .strange-news-fr{width:100%;margin-top:15px;}
    .strange-info-list li a h2{font-size:1rem;}


    .biaoti{margin-top:10px;}
    .biaoti h2{font-size:20px;margin-bottom:5px;}
    .biaoti p{font-size:14px;line-height:1em;}

    .box{padding-top:10px;}
    .link{width:100%;height:auto;position:relative;}
    .friendlinkpic{position:relative;}
    .friendlinkpic:after{content:"";display:block;clear:both;}
    .friendlinkpic a{margin:0;float:left;}

    .weibu{width:95%;}
    .footer-left{width:50%;}
    .footer-left h2{display:none;}
    .footer-left div p{font-size:12px}
    .footer-left div span{font-size:12px}

    .footer-center{width:50%;margin:0;}
    .footer-center h3{font-size:10px;}
    .footer-right{width:100%;margin-top:20px;}

    .copy{width:95%;margin:0 auto;}
    .copy br{display:none;}
   /* 首页结束*/
   .top-ad img{width:100%;}
   .liukong{width:100%;height:40px;}
   /*内页开始*/
   .yrx_l{display:none;}
   .yrx_2{display:none;}
   .mian-right{width:100%;}
   .rightmm{width:100%;min-height:0;margin-top:-30px;}
   .rightmm img{width:100%;height:auto;}

   .yrx_left{height:30px;}
   .yrx_left span{font-size:15px;line-height:30px;height:30px;}
}