@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei",arial,helvetica,clean,sans-serif;min-width: 1200px;-moz-user-select: none;
-khtml-user-select: none;
user-select: none;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;font-family: "Microsoft Yahei";}  
a:focus{outline:0;} 

.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}

.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
i,em { font-style:normal; font-family: "Microsoft Yahei";}



.header , .content , .footer { width:1200px; margin:0 auto;  }

.h_nav li a:-webkit-any-link{ display:block;}
.t_bg {background:url(../image/t_bg.png);height: 223px;position:relative;z-index:999;}

.h_top { height:33px; line-height:33px; overflow:hidden; font-size:12px; color:#666}
.h_top i { float:left;}
.h_top p { float:right;}
.h_top p a { padding:0 15px; display:block; float:left; color:#666;}
.h_top p a img { display:block; float:left; padding-right:5px;}

.t_bg h1 { padding:1px 0 0 20px;margin-top:28px; float:left; background:url(../picture/logo.jpg) no-repeat center; }
.t_bg h1 a{ display: block;  font-size: 12px; font-weight: normal; height: 74px; width: 224px; line-height: 1000px;overflow: hidden;}
.t_bg h2 {  padding:1px 0 0 20px;margin-top:28px; float:left; background:url(../picture/logo.jpg) no-repeat center;}
.t_bg h2 a{ display: block;  font-size: 12px; font-weight: normal; height: 74px; width: 224px; line-height: 1000px;overflow: hidden;}
.h_con { height:127px; width:910px;}
.h_bt {  font-size:24px; color:#f4780f; font-weight:bold; padding:35px 0 0 36px;}
.h_bt span { display:block; font-size:18px; color:#646464; font-weight:normal; padding:10px 0 0; letter-spacing:2px;}
.h_pho { margin-top:40px; height:87px; font-size:14px; color:#646464; background:url(../image/tel.png) no-repeat 0 0; padding-left:52px;}
.h_pho span { color:#f4780f; font-size:30px; display:block; font-family:Impact;}

.h_nav {height: 127px;line-height:63px;position:relative;}
.h_nav i {display:block;position:absolute;top:23px;left: 10px;z-index:999;}
.h_nav ul li { float:left; border-right: solid 1px #323c4e; display:inline;position:relative;}
.h_nav ul .nobor01 { border:none;}
.h_nav ul li a {display:inline-block;padding: 0px 33px;color:#fff;font-size:15px;}
.h_nav ul li a:hover,.h_nav ul .cur a {  background:#f4780f; color:#fff; }

.h_nav ul li .erj { background:#333; width:140px;  top:63px; left:0; z-index:999; position:absolute; display:none;}
.h_nav ul li.cur .erj a { background:none;}
.h_nav ul li .erj .nobor { border:none;}
.h_nav ul li .erj li { clear:both; background:none; width:100%}
.h_nav ul li .erj li a { color:#fff; font-size:14px; font-weight:normal;height:60px; line-height:60px; padding-left:15px; display:block; border-bottom:solid 1px #f4780f; text-align:center; padding:0; overflow:hidden;}
.h_nav ul li .erj li a:hover { color:#fff; background: none;}


.h_ser { width:1200px; margin:0 auto;}
.h_ser .s_inp {  margin-top:18px;}
.h_ser .inp01 { background:url(../image/s_inp.gif) no-repeat; width:338px; height:35px; line-height:35px; padding:0 10px; border:none; float:left; font-size:14px; color:#333; font-family: "Microsoft Yahei"; outline:none;}
.h_ser p { float:left; width:770px; overflow:hidden; font-size:14px; color:#666; line-height:70px;}
.h_ser p a { padding:0 6px; }
.h_ser p a:hover {}


.f_bg {
    background-color: #003058;
    height: 78px;
}

.f_p { padding:68px 0 0; width:180px; margin-right:88px;}
.f_p02 { margin:0}
.f_p img { display:block;}
.f_p em a { display:block; font-size:20px; color:#fff; margin:15px 0 30px;}
.f_p span a { display:block; font-size:14px; color:#a8a9ad; height:30px;}
.f_p span a:hover { color:#fff;}

.f_pic { width:178px; padding:65px 0 0; text-align:center; height:325px;}
.f_pic i { display:block; width:138px; margin:0 auto;}
.f_pic em { display:block; height:50px; line-height:50px; text-align:center; font-size:14px; color:#555;}
.f_pic p { font-family:Arial; font-size:22px; color:#f4780f; font-weight:bold;}
.f_pic p img { display:block; width:31px; margin:0 auto 10px;}
.f_bot { height:80px; line-height:80px; font-size:14px; color:#eee; position:relative; text-transform:uppercase;}
.f_bot a{color:#eee;}
.f_bot i { display:block; float:right;}
.f_bot b { display:block; position:absolute; top:-36px; left:570px;}
.f_bot em { padding:0 30px;}


.topadcs{ width:100%;overflow:hidden; text-align:center;margin:-30px auto 0;}
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{height: 440px;}
/**/
.fw_bg { background:#f6f7fa; height:715px;}
.fw_top { text-align: center; padding:80px 0 50px;}
.fw_top a b {display:block;font-size: 35px;color: #445e8f;}
.fw_top a span {display:block;font-size: 25px;color: #445e8f;padding: 15px 0 15px;}

/**/
.kh_con {background: url(../image/section-1-07.png) no-repeat 322px 17px;height: 530px;}
.kh_con dl dt { float:left; width:363px;}
.kh_con dl dt p { height:133px; border-bottom:dotted 1px #666; margin-bottom:40px;}
.kh_con dl dt .nobor01 { border:none;}
.kh_con dl dt p img { display:block; float:left;}
.kh_con dl dt p span {display:block;float:left;width: 285px;padding-left:15px;}
.kh_con dl dt p span a { display:block; font-size:20px; color:#dd2821; font-weight:bold; margin-bottom:15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.kh_con dl dt p span a:hover { padding-left:5px;}
.kh_con dl dt p span em {display:block;font-size: 17px;color:#666;line-height: 28px;}
.kh_con dl dd {float: right;width: 325px;}
.kh_con dl dd p { height:133px; border-bottom:dotted 1px #666; margin-bottom:40px;}
.kh_con dl dd .nobor01 { border:none;}
.kh_con dl dd p img { display:block; float: right;}
.kh_con dl dd p span {display:block;float:left;width: 285px;padding-right: 2px;text-align:right;}
.kh_con dl dd p span a { display:block; font-size:20px; color:#dd2821; font-weight:bold; margin-bottom:15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.kh_con dl dd p span a:hover { padding-right:5px;}
.kh_con dl dd p span em {display:block;font-size: 17px;color:#666;line-height: 28px;}

/*service*/
.ser{padding:100px 0 0;height: 908px;}
.ser h2{margin-bottom: 40px;}
.ser li{float: left;width: 300px;margin-bottom: 34px;}
.ser li img{display:block;width: 225px;height: 225px;border:6px solid #e8e8e8;border-radius: 50%;margin:0 auto;transition: all 0.5s ease-in-out;}
.ser li b{display:block;font-size: 20px;color: #333;line-height: 35px;text-align: center;padding: 13px 0 5px;}
.ser li p{font-size: 14px;color: #333;line-height: 24px;text-align: center;margin:0 35px;}
.ser li:hover img{transform: rotateY(180deg);}
.ser li:hover b{color: #eb3c00;}
.tit{font-weight:normal;text-align: center;}
.tit span{display:block;font-size: 36px;color: #445e8f;height: 48px;line-height: 36px;position: relative;}
.tit span:after{position: absolute;width: 32px;height: 1px;background: #eb3c00;content: "";left: 50%;bottom: 0;margin-left: -16px;}
.tit i{display:block;font-size: 20px;color: #333;line-height: 40px;}

.fivePlan{
	padding-top: 60px;
}
.fivePlan .titleT{
	background: url(../image/web_plan.png) center center no-repeat;
	height: 209px;
}
.fivePlan .fivePlanCon .fiveLeft h1{
	height: 70px;
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
}
.fivePlan .fivePlanCon .fiveLeft span{
	float: left;
	display: block;
	font-size: 44px;
	color: #434343;
	line-height: 70px;
}
.fivePlan .fivePlanCon .fiveLeft p{
	font-size: 16px;
	color: #383838;
	margin: 20px 0;
}
.fivePlan .fivePlanCon .fiveLeft .num{
	width: 65px;
	height: 70px;
	background: #f4780f;
	font-size: 50px;
	color: #fff;
	line-height: 70px;
	text-align: center;
	margin-right: 25px;
}
.fivePlan .fivePlanCon .fiveLeft .img{
	background: url(../image/webFiveplan4.png) center center no-repeat;
	height: 485px;
}
.fivePlan .fivePlanCon .fiveLeft .img5{
	display: block;
	margin: 0 auto;
}
.fivePlan .fivePlanCon .fiveRight span{
	float: right;
}
.fivePlan .fivePlanCon .fiveRight p{
	text-align: right;
}
.fivePlan .fivePlanCon .fiveRight .pic2{
 margin: 0 234px 0 57px;
}


/*广告*/
.pic01 { background:url(../image/pic01.jpg) no-repeat center 0; height:260px;}
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute; top:228px; left:380px; background: url(../image/p_spbg.png) no-repeat; width:444px; height:68px; line-height:60px;}
.pic01 p a { font-size:16px; color:#f4780f; padding-left:22px; font-weight:bold;}

.pic02 { background:url(../image/pic02.jpg) no-repeat center 0; height:162px;}
.pic02 p { position:absolute; top:50px; left:542px;}
.pic02 span { display:block; font-size:14px; color:#fff; position:absolute; top:60px; right:0; text-align:right;}
.pic02 span em { display:block; font-size:30px; font-family:"宋体";}


/*定制*/
.dz_bg { background:#f5f7fa; height:700px;}
.dz_con { padding:60px 0 0; position:relative;}
.dz_con p { position:absolute; top:415px; left:380px; background: url(../image/p_spbg.png) no-repeat; width:444px; height:68px; line-height:60px;z-index:99;}
.dz_con p a { font-size:16px; color:#f4780f; padding-left:22px; font-weight:bold;}
.dz_con ul li { float:left; margin-right:17px;}
.dz_con ul .nobor01 { margin:0;}
.dz_con ul li a { background:url(../image/dz_libg01.gif) no-repeat; width:287px; height:317px; display:block; text-align:center; color:#fff;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
-ms-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;}
.dz_con ul li a:hover { background:url(../image/dz_libg02.gif) no-repeat; color:#fff;}
.dz_con ul li a b { display:block; padding:85px 0 0; font-size:20px;}
.dz_con ul li a:hover b { color:#fff;}
.dz_con ul li a em { display:block; padding:30px 0 0; font-size:14px; width:208px; margin:0 auto; line-height:25px;}


.client-2 { position: fixed; right: 0px; top: 50%; z-index: 9999; display:block; }
.client-2 ul { width: 73px; }
.client-2 li a { text-decoration: none; }
.client-2 li { background: #f4780f; margin-top: 1px; padding: 9px 0; height: 56px; width: 77px; box-sizing: content-box; }
.client-2 li i { background: url(../image/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; }
.client-2 li p { height: 20px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; font-size: 12px; }
.client-2 .my-kefu-qq i { background-position: 4px 0; }
.client-2 .my-kefu-tel i { background-position: 0 -25px; }
.client-2 .my-kefu-liuyan i { background-position: 4px -53px; }
.client-2 .my-kefu-weixin i { background-position: -34px 4px; }
.client-2 .my-kefu-weibo i { background-position: -30px -22px; }
.client-2 .my-kefu-ftop {  background-color: #f4780f; }
.client-2 .my-kefu-ftop i { width: 33px; height: 35px; background-position: -27px -51px; }
.client-2 .my-kefu-left { float: left; width: 77px; height: 47px; position: relative; }
.client-2 .my-kefu-tel-right { font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; padding-left: 15px; border-left: 1px solid #fff; margin-top: 8px; }
.client-2 .my-kefu-right { width: 20px; }
.client-2 .my-kefu-tel-main { color: #fff; margin-top: 9px; height: 47px; width: 247px; }
.client-2 .my-kefu-main { width: 97px; position: relative; }
.client-2 .my-kefu-weixin-pic { position: absolute; left: -100px; top: -10px; display: none; z-index: 333; }
.client-2 .my-kefu-weixin-pic img { width: 100px; height: 100px; } 
.client-2 .my-kefu-weixin{ overflow:visible !important; }