@charset "utf-8";
/*reset.css*/
.clear{clear:both}
a,b,body,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,li,object,p,small,span,strong,table,tbody,td,tfoot,th,thead,tr,ul {margin: 0;padding: 0;outline: 0;border: 0;background: 0 0}
.box1200:after,.c:after,.clearfix:after {clear: both;display: block;content: ""}
body {color: #000;font-size: 16px;font-family: arial;}
li {list-style: none}
body,input,option,select,textarea {line-height: 2}
ol,ul {list-style: none}
:focus {outline: 0}
a {color: #2b2b2b;text-decoration: none}
a:hover {color: #FC0C0B;}
.box1200 {margin: 0 auto;width: 100%;max-width: 1200px;}
.fl {float: left}
.fr {float: right !important;}
table {border-collapse: collapse;border-spacing: 0}
.container {margin-right: auto;margin-left: auto;padding-right: 15px;padding-left: 15px}
.img-responsive {max-width: 100%;}
@media (min-width:768px) {.container {	width: 750px}}
@media (min-width:992px) {.container {	width: 970px}}
@media (min-width:1200px) {.container {	width: 1170px}}
.container-fluid {margin-right: auto;margin-left: auto;padding-right: 15px;padding-left: 15px}
.row {margin-right: -15px;margin-left: -15px}
.container:after,.row:after {display: table;content: " ";clear: both;}
/*top*/
#top {color: #fff;font-size: 16px;line-height: 40px;background: #0E1621;}
#top a {color: #fff;}
/*head*/
#head {border-bottom: 1px solid #828282;background: url(../images/common/1_02.png);}
.logo {max-width: 80%;line-height: 100px;}
.logo img {vertical-align: middle;}
.phone {line-height: 36px;margin-top: 8px;padding-left: 82px;background: url(../images/common/tel.jpg) no-repeat left center;}
.phone dt {font-size: 22px;color: #000;font-weight: bold;}
.phone dd {font-family: arial;font-size: 42px;color: #D80001;}
#nav {text-align: center;float: right;}
#nav:after {display: block;content: '';clear: both;}
#nav>li {float: left;line-height: 100px;}
#nav>li>a {display: block;font-size: 20px;margin: 0 auto;padding: 0 24px;}
#nav li:last-child a {border-right: 0;}
#nav>li:hover>a {background: #fff;}
#nav>li:hover>a,#nav>li:first-child>a {background: #F00001;color: #fff;}
.drop {position: relative;}
.drop-con {position: absolute;width: 100%;display: none;z-index: 3;border-radius: 0 0 5px 5px;}
.drop:hover .drop-con {display: block;}
.drop-con a {display: block;text-align: center;color: #fff !important;background: #f00001;line-height: 40px;}
.drop-con a:hover {background: #333;}
/*banner*/
.banner {position: relative;}
#banner11,#banner12,#banner13,#banner14,#banner21,#banner22,#banner23,#banner24{display: block;position: absolute;}
#banner11{
    width: 15%;
    height: 32%;
    top: 47%;
    left: 21%;
}
#banner12{
    width: 9%;
    height: 31%;
    top: 57%;
    left: 38.8%;
}
#banner13{
    width: 9.5%;
    height: 33%;
    top: 57%;
    left: 54.4%;
}
#banner14{
    width: 9.4%;
    height: 30%;
    top: 47%;
    left: 69%;
}
#banner21{
    width: 11%;
    height: 31%;
    top: 62%;
    left: 21.5%;
    border-radius: 50%;
}
#banner22{
    width: 11.5%;
    height: 31%;
    top: 62%;
    left: 36%;
}
#banner23{
    width: 10%;
    height: 32%;
    top: 62%;
    left: 51.8%;
    border-radius: 50%;
}
#banner24{
    width: 10.5%;
    height: 33%;
    top: 61%;
    left: 64%;
    border-radius: 50%;
}
.banner-bg {width: 100%;position: absolute;bottom: 0;z-index: 3;}
.flexslider {position: relative;height: 500px;overflow: hidden;background: url(../images/banner/loading.gif) 50% no-repeat;}
.slides {position: relative;z-index: 1;}
.slides li {height: 500px;}
.flex-control-nav {position: absolute;bottom: 10px;z-index: 2;width: 100%;text-align: center;}
.flex-control-nav li {display: inline-block;width: 14px;height: 14px;margin: 0 5px;*display: inline;zoom: 1;}
.flex-control-nav a {display: inline-block;width: 14px;height: 14px;line-height: 40px;overflow: hidden;background: url(../images/banner/dot.png) right 0 no-repeat;cursor: pointer;}
.flex-control-nav .flex-active {background-position: 0 0;}
.flex-direction-nav {position: absolute;z-index: 3;width: 100%;top: 45%;}
.flex-direction-nav li a {display: block;width: 50px;height: 50px;overflow: hidden;cursor: pointer;position: absolute;}
.flex-direction-nav li a.flex-prev {left: 40px;background: url(../images/banner/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right: 40px;background: url(../images/banner/next.png) center center no-repeat;}
/*foot*/
#footer {color: #D7D7D7;background: #333333;padding: 30px 0 43px 0;color: #eee;}
#footer a {color: #eee;font-size: 14px;}
#footer a:hover {color: #fff;}
#footer dl {float: left;}
#footer dt {line-height: 60px;font-size: 20px;}
#footer dd {font-size: 14px;}
.bot-nav{
    width: 220px;
}
.bot-nav dd{
    line-height: 25px;
}
.bot-prolist{
    width: 260px;
}
.bot-prolist dd{
    width: 45%;
    float: left;
    margin-right: 5%;
    border-bottom: 1px solid #d7d7d7;
    line-height: 33px;
}
.bot-contact {margin-left: 120px;}
.bot-contact dd{}
.bot-erm {float: right !important;width: 200px;}
.bot-erm img {border: 5px solid #fff;width: 160px;}
#copyright {color: #fff;text-align: center;line-height: 50px;background: #333333;border-top: 1px solid #969696;}
#copyright a{color:#fff;}

/*foot*/
.social_nav5 {height: 58px;position: fixed;bottom: 0;width: 100%;z-index: 999;background: #000;}
.social_nav5 li {width: 33%;float: left;position: relative;border-right: 1px solid #333;font-size: 12px;text-align: center;color: #fff;line-height: 12px;height: 58px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}
.social_nav5 li:last-child {border-right: none;}
.social_nav5 li:first-child {border-left: none;}
.social_nav5 li em {width: 23px;display: block;margin: 0 auto;padding: 10px 0 6px 0;}
.social_nav5 li em img {width: 23px;}
.social_nav5 li a {color: #fff;}
.social_nav5 li.cur {color: #fff;background: #ffae02;}
#phone-nav,.social_nav5 {display: none;}
#indexL {width: 26%;float: left;}
#indexR {width: 72%;float: right;}
#left {width: 270px;}
.indexL_pro {}
.indexL_pro dt {display: block;color: #fff;line-height: 64px;font-size: 30px;text-align: center;background: #F00001;}
.indexL_pro dt strong {display: block;font-size: 28px;}
.indexL_pro dd {line-height: 62px;position: relative;padding-left: 50px;border-bottom: 1px solid #F00001;}
.indexL_pro dd {/* border-bottom: 0 */}
.indexL_pro dd:before {content: '';display: block;position: absolute;width: 6px;height: 11px;background: #F00001;top: 24px;left: 26px;}
.indexL_pro dd:hover:before {background: #fff;}
.indexL_pro dd:hover {background: #F00001;}
.indexL_pro dd:hover a{color:#fff;}
.indexL_pro dd>ul {position: absolute;top: 0;left: 270px;width: 100%;background: #F00001;display: none;box-shadow: 2px 2px 2px #ccc;z-index: 3;}
.indexL_pro a:hover {color: #fff;}
.indexL_pro dd>ul li a {display: block;border-bottom: 1px solid #fff;text-align: center;color: #fff;}
.indexL_pro dd>ul li a:hover {background: #333;color: #fff;}
.indexL_pro dd:hover>ul {display: block;}
.indexL_pro dd>ul>li>ul {position: absolute;width: 100%;left: 270px;top: 0;background: #EDF1F4;display: none;}
.indexL_pro dd>ul>li:hover>ul {display: block;}
.indexL_pro dd a {font-size: 17px;display: block;}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.right-title b,	#bottom {display: none;}
	#left,	.box1200,	.aboutL,	.aboutR,	#alzs,	.slideBox,	#prolist,	#product,	#contact,	#gsdt,	#hyzx,	#nav li,	.slideBox .bd img,	#page,	#right,	.pro-related li,	.download-con ul,	#indexL,	#indexR {width: 98% !important;padding: 1%;margin: 0 auto !important;}
	.download-con>ul>li {width: 46% !important;box-sizing: border-box;margin: 0 2% !important;}
	#top,	.headR,	#yqlj,	#foot ul,	.headC,	.search-box {display: none;}
	.headL {line-height: normal;padding: 5px 0;width: 80%;}
	.headL img {max-width: 100%;height: auto;}
	#gsdt,	#hyzx {margin: 0 !important}
	#nav {line-height: 30px;display: none}
	#nav li {text-align: center;background: #1090D9;border-bottom: 1px solid #fff;}
	#product img {margin: 0 auto;max-width: 100%;}
	#phone-nav {display: block;width: 10%;float: right;height: 35px;margin: 27px 5px 0;}
	#phone-nav li {width: 100%;height: 6px;background: #000;margin: 5px 0;border: 0;}
	.social_nav5 {display: block;}
	#phone {height: 58px;}
	.about-con table {width: 98%;}
	.indexL_pro dd {float: left;width: 50%;border-right: 1px solid #fff;box-sizing: border-box;}
	.indexL_pro dt,	.phone {display: none;}
	#nb_invite_wrap,	#tmpAreaLmtDiv,	.lxwm-ul {display: none !important;}
	#about>div {}
	#head {}
}