@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	text-decoration:none;
	/*vertical-align: baseline;*/
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background:#fefefe;
	line-height: 1;
	font-family:Microsoft YaHei,Arial !important;
	
}
ol, ul , li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* 分页样式===================================================== */

html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:12px;font-size:1.2rem  /* 12÷10=1.2 */ } 
/* p{font-size:14px;font-size:1.4rem;} */

div.green-black{padding:3px;margin:3px;text-align:center; margin-bottom:20px;}
div.green-black a{border:#dad7d9 1px solid;padding:8px 15px;margin:0 6px 0 0;text-decoration:none;color:#505050;}
div.green-black a:hover{border:#dad7d9 1px solid;color:#e30083;}
div.green-black a:active{border:#dad7d9 1px solid;background:url(../image/image2.gif) #fff;color:#e30083;}
div.green-black span.current{border:#dad7d9 1px solid;padding:8px 15px;background:url(../image/image2.gif) #fff;color:#e30083;margin:0 9px 0 0;}
div.green-black span.disabled{border:#dad7d9 1px solid;padding:8px 15px;color:#e30083;margin:0 6px 0 0;}
/* ============================================================= */
.mr_frbox{width:100%;height:233px;margin:0px  auto;}
.mr_frBtnL{float:left;margin:20px 20px 0px 0px;cursor:pointer;display:inline;}
.mr_frUl{float:left;height:233px; overflow:hidden}
.mr_frBtnR{float:right;margin-top:20px;cursor:pointer;}
.mr_frUl ul li{display:inline;float:left;width:250px;height:200px;margin-right:5px;margin-left:5px;overflow:hidden;font-size:15px; text-align:center;line-height:25px;color:#444040}
.mr_frUl ul li img{width:97%;display:block;padding:4px}
.mr_frUl ul li a{border:1px solid #b8b8b8; display:block;width:235px;height:164px;}

/* ==============
响应式图片切换
================= */
/* scrollpic */
.clear{clear:both}

.scrollpic{max-width:900px;min-height:550px;margin:0px auto;}
#myscroll{display:block; width:100%; position:relative; height:233px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;}
#myscroll ul li a{display:block; float:left; width:242px; padding:0 10px; position:relative; height:233px; color:#333;}
#myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;}
#myscroll a .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 47px 0 15px; background:url(image/go.png) right no-repeat; height:40px; width:180px; line-height:40px; border-bottom:1px solid rgba(215,0,15,.2);}
#myscroll a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden;}
#myscroll a .intro{bottom:-61px;}
#myscroll a:hover .intro{bottom:0px;}

#mybtns{margin:10px; width:100%; display:block; height:42px;}
#mybtns a{width:42px; height:42px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(image/jt_l.png);}
#mybtns #right{background-image:url(image/jt_r.png);}
@media(min-width:1500px){

}
@media(max-width:1500px){

}
@media(min-width:1030px){
.scrollpic{max-width:1030px; width:100%;}
#myscroll{width:1030px;}
}
@media(max-width:1571px){
.scrollpic{max-width:1310px; width:100%;}
#myscroll{width:1310px;}
}
@media(max-width:1309px){
.scrollpic{max-width:1048px; width:100%;}
#myscroll{width:1048px;}
}
@media(max-width:1047px){
.scrollpic{max-width:786px; width:100%;}
#myscroll{width:786px;}
}
@media(max-width:767px){
.scrollpic{max-width:524px; width:100%;}
#myscroll{width:524px;}
}
@media(max-width:523px){
.scrollpic{max-width:262px; width:100%;}
#myscroll{width:262px;}
}

/* ================================================================================================================= */

/*==============================================================
内容 main
================================================================*/
.navtop{position:fixed; top:0; z-index:9999;height:140px;width:100%}
#header{max-width:1140px; height:90px; margin:0 auto; position:relative;}
#header .logo{width:396px;height:73px;left:0px !important;top:10px !important;position:absolute;cursor:pointer;z-index:999999}
.head{width:100%; background:#1f2a66;position:relative;height:90px}
.tophead{width:100%;height:50px;background:#fff}
.tophead ul{width:1140px; height:50px; margin:0 auto;line-height:50px}
.tophead li{float:right; padding:0 0 0 30px;display:inline-block}
.tophead li a{font-size:14px; color:#5d5d5d;}
.tophead li img{padding-top:0px; vertical-align:middle}
.tophead .phone{background:url(../image/htel.png)no-repeat left 13px center; width:107px; text-align:right; font-size:18px; color:#5d5d5d;padding:17px 0 17px 5px}
.tophead .bdsharebuttonbox a{padding:0px !important; margin:0px !important; background-image:none !important;}
.tophead .wx{position:relative;}
.tophead  .l400{color:#9e9f9f;font-size:14px}
.tophead  .l400 span{color:#008cd6;font-size:16px}
.tophead .hovwx{display:none; position:absolute;left:0; top:50px; z-index:9;}

@media (min-width: 1025px){
	#header .headnav{float:right; margin-top:15px;}
	#header .headnav li{float:left; padding:30px 23px; background:url(../image/hr_bg.png)no-repeat right center; position:relative; color:#353535; font-size:16px; font-weight:bold;}
}
@media (max-width: 1024px){
	#header .headnav{float:right; margin-top:15px;}
	#header .headnav li{float:left; padding:30px 4px; background:url(../image/hr_bg.png)no-repeat right center; position:relative; color:#353535; font-size:16px;  font-weight:bold;}
	#header .headnav .fangwei{width:100px;}
	#header .headnav .fangwei img{width:100%;}
}
#header .headnav li a{color:#353535; }
#header .headnav li .cnav{position:absolute; left:0px; top:73px; width:150px; border-radius:0 0 5px 5px; overflow:hidden;padding-left:28px; display:none; z-index:999;}
#header .headnav li .cnav a{color:#333; font-size:14px; font-weight:normal; text-shadow:0px 0px 0px; line-height:40px; }
#header .headnav li .cnav p{background:#fff; text-indent:28px;}
#header .headnav li .cnav a:hover{color:#7abf12;}
#header .headnav li .cnav .cnavtop{border-radius:5px 5px 0 0; height:8px; width:100%; background:#fff;}
#header .headnav li .cnav .cnavbtm{border-radius:0 0 5px 5px; height:8px; width:100%; background:#fff;}
#header .headnav ul{float:left;}
#header .headnav .fangwei{float:right;}
.headnav .fangwei{margin:25px 0 0 15px; font-size:19px;line-height:25px; color:#fff}
.headnav .fangwei img{float:left;}

#Search{font-size:12px; color:#fff}
#Search input{float:left;width:80px;border:1px solid;border-color:#c2c0c0 #cccaca #d1cfcf;font-size:12px;line-height:1.3;border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;}
#Search input:focus{background-color:#fff;box-shadow:0 1px #fff,inset 0 1px rgba(34,25,25,.1);-moz-box-shadow:0 1px #fff,inset 0 1px rgba(34,25,25,.1);-webkit-box-shadow:0 1px #fff,inset 0 1px rgba(34,25,25,.1)}
#Search a.lg{float:left;margin-left:-1px;border-radius:0 3px 3px 0;}


@media (min-width: 1025px){
.banner{overflow:hidden; position:relative; width:100%; margin-top:120px;}
}
@media (max-width: 1024px){
.banner{overflow:hidden; position:relative; width:100%;  margin-top:120px;}
}
.banner .bannerImg{width:100%; height:100%;}
.banner .bannerImg li{width:100% !important; height:100% !important;}
.banner .bg{text-align:center; width:100%;}

.banner .banl{position:absolute; top:45%; left:11%; z-index:99;}
.banner .banr{position:absolute; top:45%; right:11%; z-index:99;}
.banner .blue{position:absolute; width:100%; text-align:center; left:0; bottom:28px; z-index:99;}
.banner .blue .dian a{display:inline-block; width:20px; height:20px; border:3px solid #fff; margin-right:10px; background:#1248b0; line-height:20px; color:#fff; font-size:14px; border-radius:5px;}
.banner .blue .dian .activeSlide{background:#84c71e;}




.banners{ width:100%; overflow:hidden; position:relative;font-size:0;margin-top:120px}
.banners img{width:100%;}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:750px; float:left;}
.b-list{ height:50px; padding-top:700px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../image/banl.png) 0px 0px no-repeat; margin:0 auto; margin-top:300px; margin-left:150px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../image/banr.png) 0px 0px no-repeat; margin:0 auto; margin-top:300px; margin-right:150px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}



.part1{width:100%; height:276px; background:url(../image/s1.jpg) no-repeat center;}

.part2_{width:100%; height:100%; background:#002756; background-size:cover !important;overflow:hidden}
.part2_l_{width:1140px;height:480px; position:relative; top:20%;margin:0 auto; }
.part2_l_ h1{color:#fff; font-weight:bold; font-size:36px;text-align:center;padding-top:30px}
.contentbox-four_ img{border:0; margin:0;height:480px;}
@media (min-height: 750px){
.part2_l_ {}
.contentbox-four_ img{border:0; margin:0;height:480px;}
}
@media (max-height: 750px){
.part2_l_ {}
.contentbox-four_ img{border:0; margin:0;height:480px;}
}
.content-four_{width:100%;overflow:hidden; padding-top:30px}
.con-four_{float: left;position: relative;overflow: hidden;cursor: pointer;display:block;margin:0 3.3px}
.contentbox-four_ img{width:100%;display:block;border:0; margin:0;}
.contentbox-four_ font{font-family:Zurich BdXCn BT;font-size:58px;border-bottom:1px solid #fff;line-height:80px}
.txt-four_{position: absolute;bottom:-300px;width: 279px;height: 300px;line-height: 45px;text-align: center;color: #fff;background: #00a0e9;/*display: none;*/}
.txt-four_ h3{font-weight: normal;padding-top:10px; font-size:26px;border-bottom:1px solid #fff;width:85%;margin:0 auto}
.txt-four_ p{font-size: 14px;display: block;line-height: 25px;padding:20px 15px 0 15px }


.part2{width:100%; height:602px; background:url(../image/s2.jpg) no-repeat center}
.part2_l{width:1160px; height:442px; margin:0 auto; padding-top:80px;}
.content-four{width:100%;height: 442px;}
.con-four{height: 141px;float: left;position: relative;overflow: hidden;cursor: pointer;}
.con-four img{height: 141px;width:100%}
.txt-four{position: absolute;top: 0;width: 100%;height: 100%;	line-height: 45px;text-align: center;color: #fff;background: rgba(0,0,0,0.6);/*display: none;*/}
.txt-four h3{font-weight: normal;padding-top:20px; font-size:26px;}
.txt-four p{font-size: 14px;display: block;line-height: 20px;}


.part3{width:100%; height:100%; background:url(../image/s3.jpg) no-repeat center;background-size: cover !important;}
.part3_1{ margin:0 auto;overflow:hidden;padding-top:200px}
@media (min-width: 1440px){
.part3_1 {width:1140px;}
.mr_frbox_01{width:1115px;margin:0px auto;margin-top:50px}
}
@media (max-width: 1440px){
.part3_1{width:80%;}
.mr_frbox_01{width:1115px;margin:0px auto;}
}
.part3_2,.part3_1 ul{width:50%;float:left}
/* #vido img{width:400px} */

.part3_1 ul li{float:left;}
.part3_1 ul li ul li{margin:10px 0 5px 0}
.part3_1 ul li ul li a{color:#fff;font-size:15px;}
.part3_1 ul li h1{font-size:18px; color:#fff; padding-top:15px;}


.part3_2{ margin:0 auto;overflow:hidden;padding-top:0px}
.part3_2 a{ font-size:17px; width:50%; padding-left:500px;display:block}
.part3_2 h1{ color:#ef8200;font-size:32px; padding:3px 0}
.part3_2 h2{ color:#ef8200;font-size:18px;padding-bottom:20px}
.part3_2 p{ color:#191919;line-height:30px;font-size:18px;padding:10px 0}
.part3_2 p span{ color:#ef8200}

.mr_frbox_01{height:233px;}
.mr_frUl_01{float:left;height:233px; overflow:hidden;margin-right:30px;}
.mr_frUl_01 ul li{display:inline;float:left;width:141px;height:186px;margin:0 15px;overflow:hidden;font-size:15px; text-align:center;line-height:25px;color:#444040}
.mr_frUl_01 ul li img{width:97%;display:block;padding:4px}
.mr_frUl_01 ul li a{border:1px solid #b8b8b8; display:block;width:245px;height:164px;}








.part4{width:100%; height:100%; background:url(../image/s6.jpg) no-repeat center;background-size: cover !important;}
.part4_1{ margin:0 auto;overflow:hidden;padding-top:170px}
@media (min-width: 1440px){
.part4_1,.part4_2 {width:1140px;}
}
@media (max-width: 1440px){
.part4_1 ,.part4_2{width:80%;}
}

.part4_1 .part4_1_1{width:45%;float:left;overflow:hidden}
.part4_1 .part4_1_1 h1{color:#ef8200;font-size:30px;line-height:55px}
.part4_1 .part4_1_1 h2{color:#ef8200;font-size:14px;line-height:25px;margin-bottom:35px}
.part4_1 .part4_1_1 a{display:inline-block;border:1px solid #fff; padding:8px 20px;margin:10px 25px 10px 0;color:#fff}
.part4_1 ul {width:55%;float:left;overflow:hidden}
.part4_1 ul li{float:left;width:45%; overflow:hidden; border-top:1px solid #ef8200;margin-left:2%}
.part4_1 ul li ul{margin-top:50px;width:100%}
.part4_1 ul li ul li{margin:10px 0 5px 0; border-top:none;width:90%}
.part4_1 ul li ul li a{color:#fff;font-size:15px;width:100%;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden}
.part4_1 ul li h1{font-size:18px; color:#fff; padding-top:15px;}


.part4_2{ margin:0 auto;overflow:hidden;padding-top:60px;clear:both}
.part4_2 a{color:#fff; font-size:17px;color:#5e5e5e}
.part4_2 p{width:50%; padding-left:460px}
.part4_2 ul{float:right;margin-left:5%}
.part4_2 ul li{background:#fff;height:298px;width:190px;margin-left:15px;float:left}
.part4_2 ul li em{text-align:center;color:#ef8200;font-size:40px;line-height:100px;display:block;letter-spacing:2px}
.part4_2 ul li img{display:block;margin:0 auto;margin-top:5px;max-width:95%}
.part4_2 ul li span{padding:20px 10px 0 10px; line-height:22px;display:block;font-size:15px}




.part5{width:100%; height:100%; background:url(../image/s3.jpg) no-repeat center; background-size:cover !important;}
.part5_1{width:1145px;overflow:hidden; margin:0 auto; background:url(../image/s8.jpg) no-repeat center top;position:relative; top:165px;}
.part5_con{width:100%;overflow:hidden;}
.part5_1_1 img{width:100%}
.part3_1 ul li ul{margin-top:40px;}

@media (min-width: 1085px){
.part5_1{width:1140px;}
}
@media (max-width: 1085px){
.part5_1{width:100%;}
}

@media (min-height: 700px){
.part5_con{width:100%;overflow:hidden; padding-top:169px}
.part5_1_1 img{width:90%}
.part3_1 ul li ul{margin-top:40px;}
/* #vido img{width:100%} */
}
@media (max-height: 700px){
.part5_con{width:100%;overflow:hidden; padding-top:169px}
.part5_1_1 img{width:80%}
.part3_1 ul li ul{margin-top:10px;}
/* #vido img{width:80%} */
}
.part5_1 div{float:left;}
.part5_1_1{width:47%;overflow:hidden;}
.part5_1_2{width:53%;overflow:hidden;padding-top:35px}
.part5_1_2 a{padding-top:20px; color:#fff; font-size:18px;display:block}
.part5_1_2 .p1{color:#595757;font-size:24px; line-height:34px;padding-bottom:20px}
.part5_1_2 .p2{color:#595757;font-size:15px; line-height:24px}
.part5_1_2 .p3{color:#ef8200;font-size:40px; line-height:40px;font-weight:bold;padding:30px 0 35px 0}
.part5_1_2 .p4{color:#595757;font-size:18px; line-height:32px}




.part6{width:100%; height:100%; background:url(../image/s10.jpg) no-repeat center;background-size:cover !important;}
.part6_1{ width:1178px;position:relative;overflow:hidden; margin:0 auto;top:20%;}
@media (min-width: 1175px){
.part6_1{width:1140px;}
}
@media (max-width: 1175px){
.part6_1{width:100%;}
}
.part6_1_1{width:32%; float:left;}
.part6_1_1 h1{color:#ef8200;font-size:34px;padding-bottom:10px}
.part6_1_1 h2{color:#ef8200;font-size:16px;line-height:25px;margin-bottom:25px}
.part6_1_1 p{font-size:18px; color:#4c4c4c;padding-bottom:10px}
.part6_1_2{width:66%;overflow:hidden;float:left;margin-left:2%}
@media (min-height: 750px){
.part6_1_2 ul li a img{width:100%}
.part6_1_2 ul li div{width:100%;height:45%;}
.part6_2{width:1236px;overflow:hidden;margin:0 auto;position:relative;top:26%}
#part6_2_tit{text-align:center; font-size:29px; color:#4c4c4c;line-height:30px;padding-top:80px; padding-bottom:30px;}
}
.part6_1_2 ul li a img{width:100%}
.part6_1_2 ul li div{width:100%;height:30%;}
.part6_2{width:1140px;overflow:hidden;margin:0 auto;position:relative;top:26%}
#part6_2_tit{text-align:center; font-size:29px; color:#4c4c4c;line-height:30px;padding-top:60px; padding-bottom:20px;}
@media (max-height: 750px){
.part6_1_2 ul li a img{width:100%}
.part6_1_2 ul li div{width:100%;height:60%;}
.part6_2{width:1236px;overflow:hidden;margin:0 auto;position:relative;top:15%}
#part6_2_tit{text-align:center; font-size:29px; color:#4c4c4c;line-height:30px;padding-top:60px; padding-bottom:20px;}
}
.part6_1_2 ul li{float:left; width:242px; margin-left:8px;position:relative}
.part6_1_2 ul li div{position:absolute; bottom:-10%; background:#221f1f;z-index:999;background-color: rgba(0, 0, 0, 0.6) }
.tpzz:hover{ bottom:0;}
.tpzz a{padding:5px 20px 15px 15px;color:#fff;font-size:13px;line-height:22px;}
.tpzz p{padding:5px 20px 15px 15px;color:#fff;font-size:13px;line-height:22px;}
.tpzz span{font-size:16px;border-bottom:3px solid #fff;display:block;margin-bottom:10px;}





.part7{width:100%; height:100%;position:absolute;left:0px;top:0px;}
.part7_con{width:1140px; font-size:18px;margin:0 auto;padding-top:180px}
.feedback-wrap{width:473px;overflow:hidden;font-size:14px; color:#6c6c6c;float:right;display:inline-block;margin-top:25px}
.feedback-wrap .txt1 { border: 1px solid #ccc; padding: 10px; font-size: 16px; color: #666; width: 95%; margin-bottom: 8px; float:right;BACKGROUND-COLOR: #fff;}
.feedback-wrap .txt2 { border: 1px solid #ccc; padding: 10px; font-size: 16px; color: #666; width: 70%; margin-bottom: 8px; float:right}
.feedback-wrap .txt3 { border: 1px solid #ccc; padding: 10px; font-size: 16px; color: #666; width: 70%;  height: 85px; float:right;BACKGROUND-COLOR: #fff;}

.footer-bottom{width:100%; height:100px; background:#1f2a66; position:absolute;left:0px;bottom:0px;}
.container_{width:1000px;margin:0 auto;}
.container:before,.row:before{display:table;content:"";}
.row{margin:0 -10px}
.row:after{clear:both}
.col-sm-8 .col-xs-12{padding:0 10px}
.col-sm-8{width:66.666666666667%;float:left;position:relative}
.col-sm-4{width:33.333333333333%;float:left;position:relative}
.footer_share{margin-top:5px;width:100%;height:42px;float:left;}
.bdshare-button-style1-32{zoom:1}
.bdshare-button-style1-32 a {
    float: left;
    width: 32px;
    line-height: 32px;
    height: 32px;
    background-image: url(../img/share/icons_1_32.png?v=83ba0265.png);
    _background-image: url(../img/share/icons_1_32_debase.png?v=0de29fb2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
    text-indent: -100em;
    overflow: hidden;
color: #3a8ceb;}
.footer-bottom p{width:100%;color: #fff;font-size: 13px;}
.footer-bottom h3{width:100%;color:#0285da;float:left;margin-top:0px;margin-bottom:8px;}






.pro_nav{overflow:hidden;margin-top:35px}
.pro_nav_{width:1155px;overflow:hidden; position:relative;margin:0 auto; }
.pro_nav_ h1{color:#595757;font-size:24px;text-align:center;line-height:50px;}
.pro_nav_ h2{color:#595757;font-size:18px;text-align:center;position:relative;padding-bottom:10px}
.pro_nav_ h2:before{content:"";width:120px;height:1px;background:#9f9f9f;display:block;margin:0 auto;top:40px;position:relative}
.pro_nav_ h2:after{content:"";width:30px;height:3px;background:#00a0e9;display:block;margin:0 auto;top:20px;position:relative}

.g-wrap {position:relative; margin:0 auto; width:1145px; height:177px; overflow:hidden;}
#subjects {height:154px; margin-top:120px}
#subjects .g-wrap a {height:154px;position:absolute; top:0; left:100%; width:100%;  overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .g-wrap .item-1 {z-index:1;background:#e58723 }
#subjects .g-wrap .item-2 {z-index:2; background:#04a3e9}
#subjects .g-wrap .item-3 {z-index:3; background:#58c7d7}
#subjects .g-wrap .item-4 {z-index:4; background:#e3cfa6}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}
#subjects .g-wrap .item-1 .p1 {left:0; top:0; width:527px; height:177px;}
#subjects .g-wrap .item-1 .p3 {left:340px; top:5px;}
#subjects .g-wrap .item-2 .p1 {left:0px; top:0px;}
#subjects .g-wrap .item-2 .p2 {left:250px; top:2px;}
#subjects .g-wrap .item-3 .p1 {left:0px; top:0px; width:77px; height:76px;}
#subjects .g-wrap .item-3 .p2 {left:190px; top:21px; width:282px; height:122px;}
#subjects .g-wrap .item-4 .p1 {left:23px; top:0px; width:182px; height:80px;}
#subjects .g-wrap .item-4 .p2 {left:227px; top:21px; width:245px; height:122px;}

/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:340px;}
#subjects .state-0 .item-3 {left:527px;}
#subjects .state-0 .item-4 {left:840px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:480px;}
#subjects .state-1 .item-3 {left:705px;}
#subjects .state-1 .item-4 {left:917px;}
#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:605px;}
#subjects .state-2 .item-4 {left:917px;}
#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:425px;}
#subjects .state-3 .item-4 {left:817px;}
#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:212px;}
#subjects .state-4 .item-3 {left:425px;}
#subjects .state-4 .item-4 {left:750px;}
#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}


.inside_nav{width:100%; overflow:hidden; margin-top:30px;}
.inside_nav_l{}
.inside_nav_l h1{color:#595757;font-size:24px;text-align:center;line-height:50px;}
.inside_nav_l h2{color:#595757;font-size:18px;text-align:center;position:relative;padding-bottom:10px}
.inside_nav_l h2:before{content:"";width:120px;height:1px;background:#9f9f9f;display:block;margin:0 auto;top:40px;position:relative}
.inside_nav_l h2:after{content:"";width:30px;height:3px;background:#00a0e9;display:block;margin:0 auto;top:20px;position:relative}

.inside_nav_r{ overflow:hidden;margin-top:60px}
.inside_nav_r ul {text-align:center}
.inside_nav_r ul li{display:inline-block; margin:0 28px;position:relative;padding:5px 8px}
.inside_nav_r ul li:before{content:"";width:1px;height:10px;background:#9f9f9f;display:block;right:-28px;top:8px;position:absolute}
.inside_nav_r ul li:last-child:before{display:none}
.inside_nav_r ul li a{color:#6a6868; font-size:16px;}
.inside_nav_r .selected{background:#00a0e9}
.inside_nav_r .selected a{color:#fff;}


.main{width:1145px; overflow:hidden; margin:0 auto; line-height:22px; color:#473f3f; font-size:15px;}
.main img{max-width:100%}
.main_top{width:100%; height:55px; margin-top:60px}
.main_top .top_tit{color:#00a0e9;font-size:36px}
.main_top .top_dec{color:#9e9f9f;font-size:14px;display:block;padding-top:15px}
#top_name{font-size:22px;padding-top:20px;float:left;color:#595757; line-height:34px; border-bottom: 2px solid #00a0e9; }
#top_name span{font-size:25px; color:#595757;letter-spacing: 0px; }
#top_load{font-size:15px; font-size:18px; padding-top:22px;color:#747474;float:right}
#top_load a{color:#747474}
.main_con{margin-top:55px;}
.main_con p{color:#595757;line-height:25px}



.new_con{overflow:hidden; margin:0 auto; line-height:22px; color:#3d3a3a; font-size:15px;margin-top:25px;}
.new_con ul{width:100%; overflow:hidden;margin-top:50px}
.new_con ul li{overflow:hidden;margin-bottom:35px;border-bottom:1px solid #ededed}
.new_list img{float:left;padding-right:30px}
.new_list{overflow:hidden;margin:10px 0 20px 0}
.new_list p{width:600px;line-height:23px; padding:10px 5px 10px 15px; color:#5d5c5c; font-size:15px;float:left}
.case_h1_two{line-height:20px; padding:0px 5px 10px 15px; color:#5d5c5c; font-size:18px;float:left;width:60%}
.date_more{position:relative; bottom:0px;font-size:18px;color:#5d5c5c; }
.date_more a{color:#5d5c5c;}

.bottom_new{width:100%; overflow:hidden; margin-top:60px;}
.bot_n_l{width:45%; height:240px; float:left; margin-right:10%;}
.bot_n_l ul li{height:35px; border-bottom:2px solid #c9cbca; width:100%}
.bot_n_l ul li span{color:#535353; border-bottom:2px solid #00a0e9; font-size:22px;padding-top:7px;display:block; width:92px; padding-bottom:6px;}
.bot_n_l ul li ul{width:100%; overflow:hidden; margin-top:30px; background:url(../image/s17.jpg) no-repeat right -20px;height:180px;}
.bot_n_l ul li ul li{border:0;height:25px;width:70%; overflow:hidden;margin-bottom:5px}
.bot_n_l ul li ul li a{color:#5d5c5c}
.bot_n_r{width:45%; height:240px; float:left;}
.bot_n_r ul li{height:35px; border-bottom:2px solid #c9cbca; width:100%}
.bot_n_r ul li span{color:#535353; border-bottom:2px solid #00a0e9; font-size:22px;padding-top:7px;display:block; width:115px; padding-bottom:6px;}
.bot_n_r ul li ul{width:100%; overflow:hidden; margin-top:30px; height:180px;}
.bot_n_r ul li ul li{border:0;height:25px;width:100%; overflow:hidden;margin-bottom:5px}
.bot_n_r ul li ul li span{float:right; color:#5d5c5c;font-size:16px;padding-top:0}
.bot_n_r ul li ul li a{color:#5d5c5c}

.pro_push{width:1150px;height:260px;margin:50px  auto;}
.mr_frBtnL{float:left;margin:20px 20px 0px 0px;cursor:pointer;display:inline;}
.pro_frUl{float:left;height:260px; overflow:hidden}
.mr_frBtnR{float:right;margin-top:20px;cursor:pointer;}
.pro_frUl ul li{display:inline;float:left;width:265px;height:270px;margin-right:20px;overflow:hidden;font-size:15px; text-align:center;line-height:25px;color:#444040;background:#f7f7f7}
.pro_frUl ul li img{width:135px;display:block; margin:0 auto;padding:15px 7px 7px}
.pro_frUl ul li p{font-size:18px; line-height:30px;}
.content-title{margin-top: 0px;text-align: center;}
.con{position: relative;cursor: pointer;}
.txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: rgba(86,86,86,0.8);
}
.txt h3{
	font-weight: normal;
}
.txt h3{
	font-weight: normal;
}
.txt p{
	font-size: 14px;
	display: block;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}
.product_list{overflow:hidden}
.product_list ul li{width:48%;overflow:hidden; float:left; margin:0 2% 30px 0;background:#fff;height:180px}
.product_list ul li:hover{background:#eee}
.product_list ul li img{float:left; width:130px; padding:20px 0 15px 20px;}
.product_list ul li a h1{color:#707a83; font-size:19px; padding-top:30px;line-height:28px;}
.product_list ul li a p{padding-top:25px; color:#555454;line-height:22px;padding-right:10px}
.pro_t{overflow:hidden;padding-top:50px}
.pro_t_img{width:40%;overflow:hidden; float:left;}
.pro_t_img img{max-width:100%;padding-top:10px}
.pro_t_con{width:57%;float:left;margin-left:3%}
.pro_t_con_1{background:#00a0e9;color:#282e37; font-size:23px; margin-top:70px;padding-bottom:2px;line-height:30px}
.pro_t_con_1 span{background:#fff; padding:5px 15px;color:#686868;text-align:center;font-size:20px;border-left:13px solid #00a0e9}
.pro_t_con_2{color:#5f5d5e; font-size:17px; line-height:29px;padding:10px 0 20px 0; margin-bottom:10px; border-bottom:1px solid #cccccc}
.pro_t_con_2 a{display:block; width:120px; height:35px; background:#a10005; color:#fff; margin-top:35px; text-align:center; line-height:35px;}
.pro_t_con_3{margin-top:30px}
.pro_t_con_3  li{min-height:40px; color:#676767; font-size:18px;line-height:30px;}
.pro_t_con_3  li h1{font-weight:bold; font-size:18px; color:#5f5d5e;display:inline}
.pro_t_con_3  li a{padding-left:30px; color:#d64147}
.product_detial_l{float:left;width:670px; margin-right:35px;margin-top:70px;}
.product_detial_r{float:left;width:375px;margin-top:70px;}
.proxq{ border-bottom:1px solid #0084d7;color:#282e37; font-size:23px !important;padding-bottom:2px;line-height:35px !important} 
.proxq span{background:#0084d7; padding:8px 20px;color:#fff;text-align:center;border-top-left-radius:6px;border-top-right-radius:6px;font-size:20px;font-weight:bold}
.ready{min-height:515px;padding-top:10px}
.ready strong ,.build strong{font-weight:bold; font-size:18px;line-height:60px}
.ready_con ,.build_con ,.ending_con{margin:0 auto; font-size:16px; line-height:30px; color:#646162;padding-top:30px;}
.build{overflow:hidden;}
.ending{min-height:520px; background:url(../image/s21.jpg) no-repeat 12px 40px; border-top:2px solid #b6b6b6}
.product_property_item{font-size:18px;line-height:32px;color:#666;margin-bottom:13px;}
.product_property_item b, .ready_con em{margin-right:20px;display:inline-block;background:#0084d7;padding:0px 12px;color:#fff;border-radius:6px;font-weight:bold}
.product_property_item a{margin-left:20px; color:red}
.chat_menu_con{}
.chat_menu_con a{display:inline-block;padding:0 15px;height:42px;line-height:42px;font-size:20px;color:#fff;background-color:#0084d7;border-radius:5px;margin-right:8px;}
.chat_menu_con a:hover{color:#fff}
.chat_menu_con a:link    {color:#fff;}
.chat_menu_con a:visited {color:#fff;}
.chat_menu_con a:hover   {color:#fff;}
.chat_menu_con a:active  {color:#fff;}
.guestbook{margin-top:12px;}
.guestbook h4{line-height:32px;margin-bottom:12px;}
.guestbook label{padding:3px 13px;margin-bottom:4px;background:#0084d7;color:#fff;border-radius:5px;line-height:22px;display:inline-block}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control[disabled],.form-control[readonly],fieldset[disabled] 
.form-control{background-color:#eee;opacity:1}
.form-control[disabled],fieldset[disabled] 
.form-control{cursor:not-allowed}
textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}
.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
/* 产品中心 */

/* 关于我们 */
.txt_t{overflow:hidden;margin-top:50px}
.txt_t h1{color:#595757;font-size:24px;text-align:center;line-height:50px;}
.txt_t h2{color:#595757;font-size:18px;text-align:center;position:relative;padding-bottom:10px}

#timeline{width:1100px;overflow:hidden;margin:20px auto 0 auto;position:relative;background:url(../image/dot.png) center 30px no-repeat;}
#dates{height:100px;overflow:hidden;padding-top:0px}
#dates li{float:left;width:135px;height:100px;font-size:20px;text-align:center;line-height:150px}
#dates a{display:block;height:100px;line-height:150px;padding-bottom:10px; color:#000;font-size:18px}
#dates li .selected {color:#00a0e9}

#issues{width:100%;overflow:hidden; margin-top:30px;}
#issues li{width:1100px;float:left; background:url()!important;overflow:hidden;}
#issues li img{float:left;margin:10px 30px 10px 50px;}
#issues li h1{color:#ef8200;font-size:22px;margin:20px 0;/* text-shadow:#000 1px 1px 2px; */font-weight:normal; }
#issues li .l1{font-size:14px;margin-right:70px;font-weight:normal;line-height:24px;color:#575757}
#issues li .l2{font-size:12px;margin-right:70px;font-weight:normal;line-height:22px;color:#575757;margin-top:20px}
#grad_left,#grad_right{width:50px;height:350px;position:absolute;top:0;}
#grad_left{left:0;background:url(../image/grad_left.png) repeat-y;}
#grad_right{right:0;background:url(../image/grad_right.png) repeat-y;}
#next,#prev{position:absolute;top:0;font-size:70px;top:20px;width:22px;height:40px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
#next{right:0px;background-image:url(../image/next.png);}
#prev{left:0;background-image:url(../image/prev.png);}
#next.disabled,#prev.disabled{opacity:0.2;}
/* 关于我们 */

.download{width:1140px; margin:0 auto;}
.download li{height:33px; border-bottom:1px dotted #b0b0b0;line-height:33px; padding-bottom:0px;color:#6d6d6d}
.download li a{color:#6d6d6d; font-size:16px;}
.download_c{float:right;background: url("../image/download.png") no-repeat left center;background-size: 23%;padding-left: 40px;}
.download_click{background: url("../image/download_pc.png") no-repeat left center;background-size: 23%;color: #00a0e9 !important;}

.check{margin-top:50px;}
.check_t{}
.check_t h1{height:65px; background:#c9cbca; line-height:65px; color:#3d403e;font-size:25px;padding-left:35px}
.check_t p{padding:30px 40px 30px 40px; line-height:28px; font-size:18px; color:#3d403e}
.check_p{color:#c51e25;font-size:25px;line-height:28px; text-align:center;font-weight:bold;}

.merchants_new{width:100%;margin-top:60px;overflow:hidden}
.merchants_new li{height:315px; width:33.33%; margin-bottom:20px; cursor:pointer;float:left}
.merchants_new_img{max-width:100%; position:relative; height:215px;}
.merchants_new_img span{position:absolute;bottom:0px;line-height:26px;display:block;width:100%;text-align:center; background-color:rgba(0,0,0,0.6);color:#fff}
.merchants_new_img img{width:100%; height:215px;}
.merchants_new_con{overflow:hidden;height:100px;}
.merchants_new li:hover .merchants_new_con{background:#faa605;color:#fff}
.merchants_new li:hover .merchants_new_con_tit{color:#fff}
.merchants_new_con_tit{font-size:15px; text-align:center;padding:15px 12px}
.merchants_new_con_leads{font-size:16px;line-height:18px; color:#303331;padding-top:25px;}

.case_list{}
#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url(../loading.gif);
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url(../image/close.png) no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url(../image/arrows.png) no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}
#zoom .next {
	right: 0;
	background: url(../image/arrows.png) no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}
#zoom .close:hover {
	background-color: #da4f49;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #0088cc;
}
pre{overflow-x:scroll;background:#ffffff;border:1px solid #cecece;padding:10px;}

.clear{clear:both;}

.zoomed > .container{-webkit-filter:blur(3px);filter:blur(3px);}



.gallery{list-style-type:none;overflow:hidden}

.gallery li{float:left;width:384px; height:250px; margin:0 10px 30px 0;position:relative}
.gallery li img{width:100%;border-top-left-radius:10px;}
.gallery li p{line-height:35px;color:#484848;text-align:center;background:#faa605;position:absolute;top:0;width:100%;border-top-left-radius:10px}



@media screen and (max-width: 1200px){
.case_con{width:70%;margin:0 auto;}	
}
@media screen and (min-width: 1201px){
.case_con{width:1200px}	
}

.case_class{width:989px; height:55px; margin:46px 0 6px 10px;}
.case_class ul li{float:left; }
.jiameng{width:1150px;margin:0 auto;overflow:hidden}
.jiameng h1{color:#404040;font-size:15px; line-height:35px}
.jiameng h2{color:#404040;font-size:23px; line-height:25px;font-weight:bold;padding-bottom:30px}
.jiameng h3{color:#00409c;font-size:16px; line-height:25px;font-weight:bold;padding-bottom:5px;padding-top:20px}
.jiameng p{color:#df0381;font-size:28px; line-height:28px; padding:5px 0 45px 0}
.jiameng span{color:#3c373a;font-size:16px; }
.jiameng  table{margin-top:0px; font-size:15px}
.jiameng  table td{height:35px;}
.jiameng  table td a{background:#df0381;padding:3px 5px 3px 5px;color:#fff}
.jiameng .txt1 { border: 1px solid #ccc;  font-size: 16px; color: #666; width: 140px; BACKGROUND-COLOR: transparent;}
.jiameng .txt3 { border: 1px solid #ccc;  font-size: 16px; color: #666; width: 525px;  height: 155px; BACKGROUND-COLOR: transparent;margin-top:10px}

.join h1{color:#df0381;font-size:55px; line-height:55px}
.join p{color:#df0381;font-size:28px; line-height:28px; padding:5px 0 45px 0}
.join span{color:#3c373a;font-size:16px; }
.join_tit{width:1010px; height:100px; background:url(../image/s25.jpg) no-repeat left bottom;border-bottom:1px solid #d0d0d0}
.join_tit p{padding-left:270px; padding-top:30px; color:#3e3a3c; font-size:18px; line-height:25px;}



.about_push{width:1200px;height:260px;margin:30px  auto;}
.about_l{float:left;margin:30px 0px 0px 0px;cursor:pointer;display:inline;}
.about_frUl{float:left;height:260px; overflow:hidden}
.about_r{float:right;margin-top:20px;cursor:pointer;}
.about_frUl ul li{display:inline;float:left;width:215px;height:215px;overflow:hidden;font-size:15px; text-align:center;position: relative;cursor: pointer;}
.about_frUl ul li img{width:100%;display:block; margin:0 auto;}
.about_frUl ul li p{font-size:18px; line-height:30px;}


.about_push_{width:1130px;height:220px;margin:60px  auto;}
.about_l_{float:left;margin:30px 60px 0px 0px;cursor:pointer;display:inline;}
.about_frUl_{float:left; width:850px;height:220px; overflow:hidden;text-align:center}
.about_r_{float:right;margin-top:30px;cursor:pointer;}
.about_frUl_ ul li{display:inline;float:left;width:150px;height:580px;overflow:hidden;font-size:15px; text-align:center;position: relative;cursor: pointer;top:20px}
.about_frUl_ ul li img{width:130px;display:block; margin:0 auto;}


.menu{
	width:1140px;height:90px;position:fixed;top:50px;z-index:100;
	/*display:none;*/
	_position:absolute;_top:expression((documentElement.scrollTop+0)+"px");
}
#nav {width:800px;position:absolute; top:0; z-index:9999; height:100%; overflow:hidden;right: 0;}
#nav li {float:right; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav .n1 {width:72px;}
#nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:100px;}
#nav .n4 {width:100px;}
#nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-size:16px; line-height:90px; text-align:right; color:#fff; font-weight:bold;-webkit-transition:color 200ms; transition:color 200ms;}
#nav li.on a ,#nav li a:hover{color:#00a0e9;}
#nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#nav li a .bkgs {top:100%; z-index:1; background-color:#df54a2; -webkit-transition:top 200ms; transition:top 200ms;}
#nav li.on a .bkg,
#nav li a:hover .bkg {top:0;}
#subNav {position:absolute; top:80px; left:20px; z-index:99999; width:100%; height:61px; overflow:hidden;}
#subNav .g-wrap {overflow:visible;}
#subNav .g-wrap .item {position:absolute; top:-100%;right:0%; width:100%; height:100%; background-color:#d50077; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#subNav .g-wrap .about {padding:0 16px; width:1000px;}
#subNav .g-wrap .product{  padding: 0px 16px; width:1047px;}
#subNav .g-wrap .news { padding:0 16px; width:947px;}
#subNav .g-wrap .service { padding:0 16px;width:950px;}
#subNav .g-wrap .case{ padding: 0px 16px;width:727px;}
#subNav .g-wrap .solution{ padding: 0px 16px;width:628px;}
#subNav .g-wrap .on {top:0;}
#subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#E8E8E8;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {}
#subNav .g-wrap .item #on {color: #f63b2e;}

.subNavBox{margin:100px auto;}
.subNav{height:85px;cursor:pointer;line-height:28px;padding-left:10px;background:url(../image/s27.jpg) no-repeat;background-position:95% 50%}
.subNav:hover{color:#277fc2;}
.subNav ul {height:41px; padding-top:20px}
.subNav li {float:left; width:20%; font-size:23px; line-height:41px; color:#574d4d;text-align:center}
.currentDt{background-image:url(../image/s26.jpg);}
.navContent{display: none; height:370px; width:90%;background:#eeeeee; margin: auto}
.navContent li{padding:50px 0 0 8%;}
.navContent li h1{font-size:25px;}
.navContent li  p{padding-top:20px; line-height:25px; font-size:18px; color:#736969}
.navContent li a{display:block;heighr:28px;text-align:center;font-size:14px;line-height:28px;color:#333}
.navContent li a:hover{color:#fff;background-color:#277fc2}
.zhiwei{background:url(../image/s29.jpg) no-repeat 0 7px ;}
.subNav_top{background:#eeeeee;line-height:70px; }
.subNav_top ul{height:70px;}
.subNav_top ul li{width:20%;float:left;font-size:23px; color:#574d4d;text-align:center}

.support{min-height:577px;}
.support_{width:60%;height:577px;margin:0 auto;}
.support_ ul li{float:left; width:50%;}
.support_ ul li h1{padding-top:223px;font-size:32px;font-weight:bold; color:#e3007f}
.support_ ul li p{line-height:24px; padding-top:30px;font-size:16px; color:#585858}
.dei{background:#eeeeee}



/* 漆量计算 */
.paint{width:1000px; /* background:url(../image/paint1.jpg) no-repeat 460px top; */ overflow:hidden; margin:70px auto 20px auto}
.paint h1{width:500px;font-weight:bold; color:#000; font-size:36px; padding:330px 0 0 30px; float:left}
.paint h2{width:500px;font-weight:bold; color:#000; font-size:22px; padding:20px 0 0 30px; float:left}
.jsq_con{width:415px;background:#f2f2f2;padding:0px 25px 110px 25px;border:solid 1px #eaeaea;border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;-moz-box-shadow: 0 0 20px #CECECE;-webkit-box-shadow: 0 0 20px #CECECE;box-shadow: 0 14px 20px #CECECE;border-radius: 10px;position:relative;margin:0 auto}
.jsq_header{height:70px;position:relative;}
.jsq_show{width:100%;height:66px;background:#1c1c1c;border-radius:10px;border:solid 1px #a1a3a5;margin-bottom:12px;position:relative;}
.jsq_left_top_ico{width: 100%;height: 25px;background: url(../image/jsq_left_top_ico.png) no-repeat left;position: absolute;top: 26px;left: 0px;text-align:center;font-weight:bold}
.jsq_section {margin-bottom:8px;}
.jsq_section label,.foot_section label{padding:6px 12px;margin-bottom:8px;border:solid #e4e4e4 1px;background:#f4f4f4;color:#666;font-size:16px;border-radius:4px;font-weight:normal;}
.input-jzmj{width:100%;height:48px;line-height:48px;font-size:16px;border:solid #e4e4e4 1px;text-indent:8px;outline:0px none;border-radius:4px;color:#000;}
.jsq_select{width: 100%;height: 38px;display: table-column-group;color: #666;padding-left: 35%;background-color: #F2F2F2;border-radius: 5px;border:1px solid #c7c7c7;}
.foot_section {width:263px;}
.foot_section .jsq_select{padding-left: 20%;}
.jsq_js{position: absolute;bottom: 22px; right: 24px;width: 74px;height: 74px;border: solid 1px #A9A9A9;border-radius: 5px;text-align: center;line-height: 66px;font-size: 36px;color: #666;cursor:pointer;background-color:#fff;}
.jsq_hand{width:74px;width:74px;height:140px;position:absolute;bottom: -110px;right: 17px;background-repeat:no-repeat;}
.jsq_show_bg{position: absolute;width: 100%;height: 66px;line-height: 66px;right: 0px;top: 0px;font-family: "jsqzt";font-size: 53px;text-align: right;padding-right: 11px;color: #2c2c2c;}
.jsq_show_bg span{color:#fff;}
.jsq_show_content {position: absolute;right: 0px;top: 0px;height: 66px;width: 100%;text-align: right;color: #fff;line-height: 66px;font-family: "jsqzt";font-size: 53px;padding-right: 64px;}
label{display:inline-block;max-width:100%}
/* 漆量计算 */