﻿body{font:12px/1.5 Microsoft YaHei,arial}
a{outline:medium none;color:#333;text-decoration:none;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
a:link,a:visited{text-decoration:none}
a:hover{color:#dc0700;text-decoration:none}

img,li{border:0;vertical-align:top}
.clear{clear:both;width:0;height:0;font-size:0;line-height:0}
*,:after,:before{margin:0;padding:0}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
body,td,th{font:12px/1.5 Microsoft YaHei,arial}
input{font:12px/1.5 Microsoft YaHei,arial}
@media (min-width:1200px){.container{width:1200px}
}
.btn{padding-top:4px;padding-bottom:4px}
header{position:absolute;right:0;left:0;z-index:3}
.no-padding{padding:0}
.logo{position:relative;z-index:3;float:left}
.top_text{display:block;padding:15px 0 7px 0}
.top_text a{padding-left:15px;color:#fff}
.top_text a span{color:red;font-weight:700;font-size:24px}
.top_text{position:relative;z-index:10}
@media (max-width:767px){.logo img{width:80%}
.top_text {display:none}
.top_text a{padding-left:0}
.top_text{padding-top:0}
}
@media (min-width:768px) and (max-width:991px){.logo{width:100%}
}
.erweima{position:absolute;top:0;right:105%;width:150px;text-align:center;opacity:0;z-index:8; visibility:hidden; -webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
#b_tel{position:relative}
#erweimaPic{position:absolute;top:40px;left:0;visibility:hidden;opacity:0;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
#erweima2:hover #erweimaPic{z-index:99;visibility:visible;opacity:1}
.input-group-btn{line-height:1.42857143!important}
#sub{background-color:#c00;color:#fff;border-top-color:#c00;border-right-color:#c00;border-bottom-color:#c00}
#sub i{color:#fff}
#key{height:30px}
#mynav{margin:0;border-width:0;background-color:transparent;}
#mynav .nav>li>a{padding:10px 25px;border-bottom:solid 2px transparent;color:#333;color:#fff;text-align:center;text-transform:capitalize;font-size:16px; position:relative; z-index:9;}
#mynav .nav>li.active>a{border-bottom:solid 2px #c00;background-color:transparent}
#mynav .nav>li>a:hover{border-bottom:solid 2px #c00;background-color:transparent}
#mynav .nav{position:relative}
.navbar-toggle{margin-right:0;width:100%;background-color:#010101}
.navbar-toggle:focus{background-color:#010101!important}
.navbar-toggle:hover{background-color:#010101!important}
section{position:relative;float:left;width:100%;background-color:rgba(0,0,0,.3)}
section img{ max-width:100%; 
}
.am-videoPlayer{padding-bottom:40%;}
.video-player{z-index:-1;height:auto!important}
.banner_frame{position:absolute;right:0;bottom:0;left:0;z-index:99;z-index:2}
.banner_text1{position:relative;float:left;padding-bottom:60px;width:100%;}
.banner_text1 a,.banner_text1 span{color:#fff;font-size:12px;line-height:30px}
.banner_text1 .select{float:left;padding-right:15px;width:12.5%}
.banner_text1 .select .btn-group{width:100%}
.banner_text1 .select .btn-group a{overflow:hidden;width:100%;color:#333;font-size:12px;line-height:18px;cursor:pointer}
.banner_text1 .select .btn-group .dropdown-menu a{font-size:16px}
.banner_text1 .select .btn-group>.dropdown-menu{margin-top:0}
.banner_text1 .select .btn-group>ul>li{position:relative}
.banner_text1 .select .btn-group>ul>li>ul{top:0;left:100%}
.banner_text1 .select .btn-group>ul>li:hover>ul{display:block}
.banner_text1 .mybtn{border-color:#c00;background-color:#c00;color:#fff!important; }
.keySeach a{cursor:pointer}
#top-search
{ width:30%;
}
#index_banner #top-search
{width:50%;
}
#index_banner .keySeach
{ width:100%;float:left;
}
#select_help
{ display:none; color:#fff!important;
}
@media (max-width:767px)
{
	.banner_frame
	{
		position: relative;
	}

	.banner_text1
	{
		padding-bottom: 15px;
	}

		.banner_text1 .select
		{
			width: 50%;
			padding: 7.5px 15px;
		}

	#top-search
	{
		padding: 15px 0 0 0;
	}
	section
	{
		background-color: #333;
	}
	#top-search
	{
		width: 100%!important;
	}
}
.index_title{float:left;padding-bottom:30px;width:100%}
.index_title h3{position:relative;position:relative;padding-bottom:30px;color:#737272;text-transform:uppercase;font-size:34px}
.index_title h3:before{position:absolute;right:0;bottom:0;left:0;height:10px;content:"";background-image:url(../images/bottom1.png);background-position:bottom center;background-repeat:no-repeat}
.index_title span{display:inline-block;padding-bottom:10px;font-size:26px}
.frame{float:left;padding:45px 0;width:100%}
@media (max-width:767px){.frame{padding:15px 0}
}
.block{float:left;width:100%}
.main1{float:left;margin-top:15px;width:100%;background-color:#fff}
#frame1{float:left;width:100%;background-image:url(../images/bg.jpg)}
.frame1_text{padding:15px}
.frame1_text a{display:block}
.frame1_text a.more{display:block;padding-top:15px;color:#c00;text-align:center;font-size:16px}
.frame1_text h3{padding-bottom:15px;color:#000;font-size:24px}
.frame1_text p{float:left;overflow:hidden;max-height:170px;color:#666;font-size:16px}
.frame1_img{max-height:285px}
#frame1 a{display:block; text-align:center;}
#frame1 img
{ max-width:100%; text-align:center;max-height:285px
}
#frame2{position:relative;z-index:0;float:left;width:100%;background-color:#fff;background-image:url(../images/bg1.jpg);background-position:center bottom;background-repeat:no-repeat;background-attachment:fixed}
#frame2:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(../images/touming.png);content:""}
#frame2 .index_title{float:left}
#frame2 .frame{position:relative;z-index:3}
#owl{float:left;width:100%;background-color:#fff}
#owl .item{padding:0 15px}
.owl-left,.owl-right{position:absolute;top:calc(50% - 25px);z-index:10;color:#c00;text-align:center;font-size:50px;cursor:pointer}
.owl-left{left:-60px}
.owl-right{right:-60px}
@media (max-width:767px){#owl{padding:0 10%}
.owl-left{left:0}
.owl-right{right:0}
}
.cases{overflow:hidden;background-color:#fff}
.cases a{float:left;width:100%}
.cases a span{display:block;padding:15px 0;color:#c00;font-size:14px;line-height:1.5;white-space:nowrap;overflow:hidden}
.cases a img{margin-bottom:15px;border:solid 1px #fcf1f1;max-width:100%;}
.cases p{overflow:hidden;padding-bottom:10px;max-height:55px;border-bottom:solid 1px #d7d7d7;color:#666;text-align:left;font-size:12px;line-height:2}
.cases a.more{display:inline-block;margin:14px 0;color:#c00;font-size:14px}
.about p{padding-top:15px;padding-left:15px;line-height:2;text-indent:2em}
.about a.more{float:right;display:inline-block;padding:2px 14px;border:solid 1px #666;border-radius:50px;color:#666; margin-left:15px;}
.about_text{position:absolute;top:0;padding-top:30px;color:#fff}
.about_text h4{font-size:24px;padding:0 15px;}
.about_text span{display:block;padding:15px;font-size:18px}
.about_text a.more{border-color:#fff;color:#fff;}
.about img { max-width:100%;
}
@media (max-width:767px){
    .about_text h4 {font-size:16px;
    }
    .about_text span {font-size:12px;
    }
}
#frame4{background-image:url(../images/bg2.jpg);background-attachment:fixed}
#frame4 .index_title{float:left;color:#fff}
#frame4 .index_title h3{color:#fff}
#frame4 .index_title h3:before{background-image:url(../images/bottom.png)}
.why:hover a:before{transform:rotateY(.5turn)}
.why a:before{display:block;padding-top:200px;background-image:url(../images/w1.png);background-position:center top;background-repeat:no-repeat;content:"";-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;-o-transition:all .4s ease-in;transition:all .4s ease-in}
.why a.s1:before{background-image:url(../images/w1.png)}
.why a.s2:before{background-image:url(../images/w2.png)}
.why a.s3:before{background-image:url(../images/w3.png)}
.why a.s4:before{background-image:url(../images/w4.png)}
.why:hover a.s1:before{background-image:url(../images/w1_h.png)}
.why:hover a.s2:before{background-image:url(../images/w2_h.png)}
.why:hover a.s3:before{background-image:url(../images/w3_h.png)}
.why:hover a.s4:before{background-image:url(../images/w4_h.png)}
@media (max-width:768px){.why a:before{background-size:100%}
}
.why a span{display:block;padding-bottom:10px;text-transform:uppercase;font-size:20px}
.why p{color:#fff;text-align:center;line-height:2}
.case_text{position:absolute;top:0;right:0;left:0;padding:30px;text-align:center}
.case_text h4{display:inline-block;border-bottom:solid 2px #333;font-size:24px;line-height:2}
.case_text p{display:block;padding:15px 0;font-size:14px;line-height:2}
.case_text a.more{padding:5px 15px;border:solid 1px #333}
.owl-control{display:inline-block;margin-top:15px;width:40px;height:40px;border:solid 1px #000;cursor:pointer}
.owl-control i{font-size:20px;line-height:38px}
#frame6{background-image:url(../images/bg3.jpg)}
#frame6 .index_title span{padding:6px 15px;border:solid 2px #fff;color:#fff}
.power{padding:15px}
.power img{max-width:100%;}
.power_text{position:absolute;top:15px;right:15px;bottom:15px;left:15px;padding:40px 30px}
.power_text h4{font-size:24px}
.power_text span{display:block;padding:15px 0;font-size:18px}
.power_text a.more{display:inline-block;width:42px;height:42px;background-image:url(../images/add.png);font-size:18px}
.power_text:hover{background-color:#c00;color:#fff}
.power_text:hover a.more{background-image:url(../images/add_h.png)}
@media (max-width:767px){.power_text{padding:10px 15px}
.power_text h4{font-size:16px;padding-bottom:15px}
.power_text span{display:none}
#frame4{background-image:none;background-color:#333}
}
.news{float:left;width:100%}
.news .media{padding-bottom:30px}
.news .media-left{padding-right:15px}
.news .media-left span{display:inline-block;padding:5px 10px;background-color:#dbdbdb;font-size:30px}
.news .media-left p{display:inline-block;padding:8px 10px;font-size:30px}
.news .media-body .media-heading{margin-top:8px;margin-bottom:15px;font-size:18px}
.news .media-body p{color:#a5a5a5}
footer{float:left;width:100%;background-color:#3a3a3a}
.foot-menu{padding-top:45px;padding-bottom:15px}
.foot-menu h3{margin-bottom:15px;padding-left:8px;border-left:solid 2px #c00;color:#fff;text-transform:uppercase;font-size:18px}
.foot-menu li span{color:#fff;font-size:14px}
.foot-menu li span a{color:#fff;text-transform:capitalize;white-space:nowrap;font-size:14px;line-height:2.2}
.foot-menu li>a{color:#fff;text-transform:capitalize;white-space:nowrap;font-size:14px;line-height:2.2}
.foot-menu li>a:hover{padding-left:6px}
.foot-menu li img{margin-right:5px}
.foot-menu li>i{padding-right:22px}
.foot-menu ul.list-2 li{float:left;width:50%}
.foot-menu ul p{color:#fff}
.foot-menu a.share{position:relative;z-index:2;display:inline-block;margin-top:0;width:30px;height:30px;border:solid 1px rgba(255,255,255,.4);border-radius:50px;background-color:#1a1a1a;color:#fff;text-align:center;line-height:30px}
.foot-menu ul.contact span.share{position:relative;z-index:2;float:left;display:inline-block;margin-right:7px;margin-left:5px;padding:0;width:30px;height:30px;border:solid 2px #c00;border-radius:50px;background-color:Transparent;color:#c00;text-align:center;line-height:30px}
.foot-menu ul.contact li>i{position:relative;z-index:2;float:left;margin-top:15px;margin-right:8px;padding-right:0;width:40px;color:#c00;font-size:30px}
.foot-menu ul.contact li{color:#fff}
.foot-menu ul.contact li{position:relative;margin-bottom:15px;background-color:#202020}
.foot-menu ul.contact li:before{position:absolute;top:0;bottom:0;left:0;z-index:0;width:40px;background-color:#000;content:""}
.foot-menu ul.contact li p{padding-top:8px;padding-bottom:8px;color:#fff}
.foot-menu ul.contact li>a:hover{padding-left:0}
.foot_lang{padding:30px 0 30px 0}
.foot_lang a{color:#fff}
.copy_by{float:left;padding:15px 0;width:100%;border-top:solid 1px #0c0c0c;background-color:#010101;color:#fff;font-size:12px}
.copy_by span{float:right;text-align:right;text-transform:capitalize}
.copy_by a{color:#fff}
.copy_by i{padding:0 15px}
.copy_by span img{padding:0 15px}
.copy_by p{padding:8px 0}
#Related p{font-size:14px}
#Related ul li{float:left;padding:5px 0;width:50%;font-size:14px}
#prsearch{font-size:14px;color:#fff!important;}
#msg{max-width:400px;width:100%;z-index:999;background:#fff;font-size:17px;color:#666;border:1px solid #f8f8f8;text-align:center;line-height:2rem;display:block;padding-bottom:20px;border-radius:2px;position:absolute;top:30%}
#msg_top{background:#f8f8f8;padding:5px 15px 5px 20px;text-align:left}
#msg_top span{font-size:22px;float:right;cursor:pointer}
#msg_cont{padding:15px 20px 20px;text-align:left;float:left;width:100%}
#msg_clear{display:inline-block;color:#fff;padding:3px 15px;background:#dc0700;border-radius:4px;cursor:pointer}
.msg_cover{position:fixed;text-align:center;top:0;width:400px;z-index:1000;height:100%;margin:0 auto;left:50%;margin-left:-200px}
@media (max-width:400px){.msg_cover{width:100%;left:0;margin:0}
}
.erre{font-size:40px;color:#333;text-align:center}
.about-sidebar img{max-width:100%;
}
.service img { max-width:100%;
}
.about-img img,.about-culture img,.about-text img { max-width:100%;
}
.sousuo p { padding-bottom:10px; font-size:14px;
}
.sousuo a{ display:inline-block; width:100px; text-align:center;font-size:14px;  }
@media (max-width:767px) {
    .panle1 {display:none;
    }
    .foot-menu ul.contact li > i {margin-top:8px;
    }
    .sousuo {display:none; 
    }
}







