@charset "utf-8";

/* CSS Document */

*{ margin:0px; padding:0px;}

img {border:0;margin:0; padding:0;}

ul,li,ol,h1,h2,h3,h4,h5,dl,dt,dd,form,p,span,b,u,s,i{ list-style:none; margin:0; padding:0; text-decoration: none; font-weight:normal;}

.clearfix{display:inline-table;}

* html .clearfix{height:1%;/*ie6*/}

*+html .clearfix{min-height:1px;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }

.clearfix { display:block; }

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

input,textarea,button {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/

a{ color:#333; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 

a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/

body {margin: 0px; font-size: 12px; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; background-color:#fff; }

@font-face { font-family:"BebasNeue-1"; src: url(../ziti/BebasNeue-1.otf);}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

a:link { text-decoration: none;}

a:visited {text-decoration: none;}

a:hover { text-decoration: none;}

a:active {text-decoration: none;}

.cl:after{ content: ""; height: 0; display: block; visibility: hidden; clear: both;}

.fl{ float: left;}

.fr{ float: right;}



.common-width{ width:1400px; height:auto; margin:0 auto;}

#menu{display: none !important;}

#menu.mm-opened{ display: block !important;}



.top-box{ width:100%; height:90px; background-color: rgba(255,255,255,1); position: fixed; left: 0; top: 0; z-index: 999;box-shadow: 1px 1px 10px #ccc;}

.top{ width:100%; height:90px;}

.top-logo{ width:204px; height:50px; padding-top:20px; float:left;}

.top-logo img{ width:204px; height:50px;}

.top-logo1{ width:390px; height:50px; padding-top:20px; float:left;}

.top-logo1 img{ width:390px; height:50px;}

.top-nav1{ height:90px; float:left; margin-left:80px;}

.top-nav{ height:90px; float:left; margin-left:280px;}

.pc_nav li{ float:left; width:120px; height: 90px; line-height: 90px; text-align:center;  background:url(../images/line.jpg) no-repeat center right;transition: all 200ms;position: relative;}

.pc_nav li:hover{ background-color:#ff0700; transition: all 200ms;}

.pc_nav li .waia{ display: block; text-align:center; font-size: 16px;}

.pc_nav li.gaoliang .waia{ color:#ff0700;}

.pc_nav li:hover .waia{ color: #fff;}

.pc_nav li .xldiv{ display: none; position: absolute; top: 90px;padding: 20px 0; left: 50%; margin-left: -60px; width: 120px;background: rgba(0,84,165,1);text-align: center;}

.pc_nav li .xldiv a{ display: block; font-size: 14px; color: #d7d7d7;line-height: 36px;}

.pc_nav li .xldiv a:hover{ color: #fff;background: rgba(2,69,134,1);}

.top-ss{ height:90px; float:left; margin-left:110px;}
.top-ss1{ height:90px; float:left; margin-left:124px;}
.top-ss1 ul li{ height:90px; line-height:90px; margin-right:16px; float:left;}

.top-ss1 ul li a i{ display:block; font-size:24px; color:#999;}

.top-ss1 ul li a i.icon-OA{ font-size:30px;position: relative; top: 3px;}

.top-ss1 ul li:hover a i{ color:#ff0700;transition: all .5s;}

.top-ss ul li{ height:90px; line-height:90px; margin-right:16px; float:left;}

.top-ss ul li a i{ display:block; font-size:24px; color:#666;}

.top-ss ul li a i.icon-OA{ font-size:30px;position: relative; top: 3px;}

.top-ss ul li:hover a i{ color:#ff0700;transition: all .5s;}

.sousuo{ float:right; position: relative;}

.sousuo .sstu{ position: absolute; top:34px; z-index: 6; width: 23px; height: 21px; cursor: pointer; background: url(../images/a1_07_01.png) no-repeat center center;}

.sousuo .sstu.cha{ display: inline-block; background-repeat: no-repeat; background-image: url(../images/regular-s1ec6d6d4d5.png); background-position: 0 -36px;

 height: 15px;  width: 15px;}

.sskuang{ text-align: left; width: 200px; height: 35px; position: absolute; visibility: hidden; z-index: 2; top: 26px; left: -206px; font-size: 14px; box-sizing: border-box;}

.sskuang .input_box{ padding-left: 24px; position: relative; display: inline-block; margin-left: 30px; opacity: 0; background: #fff; height: 35px; overflow: hidden; width: 100%; border:1px solid #ccc; box-sizing: border-box; z-index: 2;

    -moz-transition: all .3s .3s;

    -o-transition: all .3s .3s;

    -webkit-transition: all .3s;

    -webkit-transition-delay: .3s;

    transition: all .3s .3s;

}

.sskuang .input_box .sst{ height: 35px; line-height: 35px; width: 90%; border: none; background: 0 0; text-indent: 14px; font-size: 14px; outline: none;}

.sskuang .input_box .tji{ padding: 0 10px; display: block; border: none; outline: none; position: absolute; left: 0; color: transparent; background: url(../images/a1_07_01.png) 6px no-repeat ; height: 21px; width: 23px; top: 50%; margin-top: -11px; cursor: pointer;}



.change_height.top-box{ height:80px; transition: all .5s;}

.change_height.top-box .top-logo { width:188px; height:46px; padding-top:17px;}

.change_height.top-box .top-logo img{ width:188px; height:46px;}

.change_height.top-box .top-nav { height: 80px; margin-left: 250px;}

.change_height.top-box .pc_nav li { height: 80px; line-height: 80px;}

.change_height.top-box .pc_nav li .xldiv { top: 80px;}

.change_height.top-box .top-ss { height: 80px; margin-left: 156px;}

.change_height.top-box .top-ss ul li { height: 80px; line-height: 80px;}

.change_height.top-box .top-ss1 { height: 80px; margin-left: 154px;}

.change_height.top-box .top-ss1 ul li { height: 80px; line-height: 80px;}

.change_height.top-box .sstu { top: 30px;}

.change_height.top-box .sskuang {top: 22px;}

.change_height.top-box .top-logo1 { width:359px; height:46px; padding-top:17px;}

.change_height.top-box .top-logo1 img{ width:359px; height:46px;}



.banner{width: 100%;}

#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}

#owl-demo .item{ display: block; position:relative;}

#owl-demo img.bannerimg { display: block; width: 100%; vertical-align:middle;}

.banner-font{ position:absolute; left:8%; top:40%;margin-left: 0px;opacity: 0;transition: all 1.5s; color:#fff;}

#owl-demo .owl-item.active .banner-font{ height:auto; margin-left:100px;opacity: 1;}

.banner-font span{ font-size:22px; display:block; text-shadow: 1px 5px 15px #000;}

.banner-font h3{ font-size:52px; padding:5px 0; text-shadow: 1px 5px 15px #000;}

.banner-font h5{ font-size:28px; font-family:"BebasNeue-1"; letter-spacing:6px; text-shadow: 1px 5px 15px #000;}



.footer{ width:100%; height:auto; overflow:hidden; background-color:#2b2b2b;}

.foot{ width:100%; height:auto; overflow:hidden; padding:40px 0;}

.foot-l{ width:70%; height:auto; overflow:hidden; float:left;}

.foot-l ul li{ float:left; margin:0 40px;}

.foot-l ul li:first-child{ margin:0 40px 0 0;}

.foot-l ul li dl dt{ height:40px; font-size:15px; color:#bebebe; font-weight:bold; }

.foot-l ul li dl dd{ height:26px; font-size:14px;}

.foot-l ul li dl dd a{ color:#828282;}  

.foot-l ul li dl dd:hover a{ color:#ffffff; transition: all .5s;}

.foot-r{ width:28%; height:auto; overflow:hidden; float:right;}

.foot-r-wx{ width:120px; height:auto; overflow:hidden; float:left;}

.foot-r-wx img{ width:110px; height:110px;}

.foot-r-wx h3{ height:40px; font-size:15px; color:#bebebe; font-weight:bold;}

.foot-r-wx h3 img{ width:120px; height:120px;}

.foot-r-dh{ float:right; padding-top:50px;}

.foot-r-dh p{ font-size:15px; color:#bebebe; font-weight:bold;}

.foot-r-dh span{ display:block; color:#ff0700; font-size:30px; font-family:Arial, Helvetica, sans-serif;}



.footer1{ width:100%; height:auto; overflow:hidden; background-color:#2b2b2b; border-top:1px solid #4c4c4c;}

.foot1{ width:100%; height:auto; overflow:hidden; padding:40px 0;}

.foot1-l{ width:40%; font-size:14px; color:#828282; float:left;}

.foot1-l a{ color:#828282;}  

.foot1-l:hover a{ color:#ffffff; transition: all .5s;}

.foot1-r{ font-size:14px; color:#828282; float:right;}

.foot1-r a{ color:#828282;}

.foot1-r:hover a{ color:#fff; transition: all .5s;}



.arrow-top{background:url(../images/contact-icon.png) no-repeat 0px 0px;height:12px;padding-left:22px;}

.contact-icon3{background:url(../images/contact-icon.png) no-repeat 0px -12px;height:24px;padding-left:30px;}

.contact-icon2{background:url(../images/contact-icon.png) no-repeat 0px -36px;height:24px;padding-left:26px;}

.contact-icon1{background:url(../images/contact-icon.png) no-repeat 0px -60px;height:24px;padding-left:25px;}

.online-service{ position: fixed; width: 48px; bottom:100px; right:30px; z-index: 99;}

.online-service li{ position: relative; display: block; width: 48px; height: 48px; margin-top: 1px;}

.online-service li .way{ position: relative; display: block; width: 48px; height: 48px; text-align: center; background-color: #313131; z-index: 10; font-size: 0;

	-webkit-transition: 0.5s ease;

	-o-transition: 0.5s ease;

	transition: 0.5s ease;

	cursor: pointer;

}

.online-service li .way .icon{ display: inline-block; margin: 10px 0px 0px 3px; }

.online-service li .way .icon.arrow-top{ margin-top: 15px;}

.online-service .phone .content{ display: block; *display: none; position: absolute; width: 0px; height: 48px; padding: 0 41px 0 20px; top:0; right: 0px; opacity: 0; line-height: 48px; color: #fff; font-size: 16px; background-color: #ff0700; z-index: 3; overflow: hidden; white-space: nowrap;

	-webkit-transition: 0.5s ease;

	-o-transition: 0.5s ease;

	transition: 0.5s ease;

}

.online-service li:hover .content{ *display: block; width: 140px; opacity: 1;}

.online-service li:hover .way{ background-color: #ff0700;}

.online-service .phone .content span:last-child{ padding-left: 10px;}

.online-service .wx .ewm{ display: block; *display: none; position: absolute; top: 50%; margin-top: -51px; right: 57px; opacity: 0; z-index: 3;

	-webkit-transform: scale(0,0);

	-ms-transform: scale(0,0);

	-o-transform: scale(0,0);

	transform: scale(0,0);

	-webkit-transform-origin: 100% 50%;

	-moz-transform-origin: 100% 50%;

	-ms-transform-origin: 100% 50%;

	-o-transform-origin: 100% 50%;

	transform-origin: 100% 50%;

	-webkit-transition: 0.5s ease;

	-o-transition: 0.5s ease;

	transition: 0.5s ease;

}

.online-service .wx:hover .ewm{ *display: block;opacity: 1; white-space: nowrap;

	-webkit-transform: scale(1,1);

	-ms-transform: scale(1,1);

	-o-transform: scale(1,1);

	transform: scale(1,1);

}

.online-service .wx .ewm img{ display: block; width: 102px; height: 102px; border: 1px solid #ccc;}







@media screen and (max-width:1400px){



.common-width{ width:1000px;}



.top-box{ height:70px; transition: all .5s;}

.top-box .top-logo { width:163px; height:40px; padding-top:15px;}

.top-box .top-logo img{ width:163px; height:40px;}

.top-box .top-logo1 { width:280px; height:36px; padding-top:17px;}

.top-box .top-logo1 img{ width:280px; height:36px;}

.top-box .top-nav { height: 70px; margin-left: 70px;}

.top-nav1 { height: 70px; margin-left: 10px;}

.top-box .pc_nav li { height: 70px; line-height: 70px; width: 100px;}

.top-box .pc_nav li .xldiv { top: 70px; margin-left: -60px; width: 120px;}

.pc_nav li .waia { font-size: 15px;}

.top-box .top-ss { height: 70px; margin-left: 80px;}

.top-box .top-ss ul li { height: 70px; line-height: 70px;}

.top-ss1 { height: 70px; margin-left: 22px;}
.top-box .top-ss1 ul li { height: 70px; line-height: 70px;}


.top-box .sstu { top: 25px;}

.top-box .sskuang {top: 16px;}



.change_height.top-box{ height:70px; transition: all .5s;}

.change_height.top-box .top-logo { width:163px; height:40px; padding-top:15px;}

.change_height.top-box .top-logo img{ width:163px; height:40px;}

.change_height.top-box .top-logo1 { width:280px; height:36px; padding-top:17px;}

.change_height.top-box .top-logo1 img{ width:280px; height:36px;}

.change_height.top-box .top-nav { height: 70px; margin-left: 70px;}

.change_height.top-box .pc_nav li { height: 70px; line-height: 70px; width: 100px;}

.change_height.top-box .pc_nav li .xldiv { top: 70px; margin-left: -50px; width: 100px;}

.change_height.top-box .top-ss { height: 70px; margin-left: 80px;}

.change_height.top-box .top-ss ul li { height: 70px; line-height: 70px;}

.change_height.top-box .top-ss1 { height: 70px; margin-left: 22px;}

.change_height.top-box .top-ss1 ul li { height: 70px; line-height: 70px;}

.change_height.top-box .sstu { top: 25px;}

.change_height.top-box .sskuang {top: 16px;}

.change_height.top-box .top-nav { height: 70px; margin-left:40px;}



.banner-font h3 { font-size: 47px; text-shadow: 1px 5px 10px #000;}	

.banner-font h5 { font-size: 22px; letter-spacing: 4px; text-shadow: 1px 5px 10px #000;}



.foot-l ul li { margin: 0 20px;}

.foot-l ul li:first-child { margin: 0 20px 0 0;}

.foot-r { width: 32%;}

.foot-l { width: 68%;}

.foot-r-dh span { font-size: 25px;}

.foot1 { padding: 20px 0;}





}



@media screen and (max-width:1024px){



.common-width{ width:96%;}

	

.top-nav{ display:none;}

.top-ss{ display:none;}

.top-nav1{ display:none;}

.top-ss1{ display:none;}

.sousuo{ display:none;}







#menu{ display:block;}

.phone_nav a

{

	display: block;

	width: 28px;

	height: 18px;

	position: absolute;

	top: 20px;

	right: 2%;

}

.phone_nav a:before,

.phone_nav a:after

{

	content: '';

	display: block;

	background: #fe0000;

	height: 2px;

}

.phone_nav a span

{

	background: #fe0000;

	display: block;

	height: 2px;

	margin: 6px 0;

}



}



@media screen and (max-width:768px){

	

.common-width{ width:96%;}



.top-box { height: 50px;}

.top { height: 50px;}

.top-box .top-logo{ width: 139px; height: 34px; padding-top: 8px;}

.top-box .top-logo img { width: 139px; height: 34px;}

.top-box .top-logo1{ width: 234px; height: 30px; padding-top: 10px;}

.top-box .top-logo1 img { width: 234px; height: 30px;}



.change_height.top-box{ height:50px;}

.change_height.top-box .top-logo { width: 139px; height: 34px; padding-top: 8px;}

.change_height.top-box .top-logo img{ width: 139px; height: 34px;}

.change_height.top-box .top-logo1 { width: 234px; height: 30px; padding-top: 10px;}

.change_height.top-box .top-logo1 img{ width: 234px; height: 30px;}



.banner-font h3 { font-size: 22px;}

.banner-font span{ display:none;}

.banner-font h5 { font-size: 18px; letter-spacing: 2px;}

#owl-demo .owl-item.active .banner-font{ margin-left:30px;}

.banner-font{ top:50%;}



.footer { display:none;}

.foot1-l{ width:100%;}

.online-service{ display:none;}



}



@media only screen and (max-width:640px){



  

.phone_nav a

{

	display: block;

	width: 23px;

	height: 13px;

	position: absolute;

	top: 14px;

	right: 25px;

}

.phone_nav a:before,

.phone_nav a:after

{

	content: '';

	display: block;

	background: #fe0000;

	height: 2px;

}

.phone_nav a span

{

	background: #fe0000;

	display: block;

	height: 2px;

	margin: 6px 0;

}



}