@charset "utf-8";

body{ font-family:"Microsoft YaHei", "SimSun", "SimHei"; background-color:#fff;  overflow-x:hidden;}
a{ color:#333; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#b21e1e;}
img,li{ vertical-align:top; border:0px}
img{ max-width:100%;}
.clear {clear: both; width:100%; float:left; height:auto; line-height:0px;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;}
body,td,th{ font-family:"Microsoft YaHei", "SimSun", "SimHei";font-size:12px;}
input{font-family:"Microsoft YaHei", "SimSun", "SimHei"; border:0;}


#header{ padding:10px 0;}

#header #logo{ text-align:center; padding-top:45px;}
#header #logo .navbar-brand{ float:none;}
#header #logo img{ display:block}
#header #logo span{ width:100%; float:left; color:#555; font-size:17px; font-weight:bold; text-align:center; display:none;}
@media (min-width:1px) and  (max-width:999px){
	#header #logo{ padding-top:inherit;}
}
#header .navbar-nav{ padding-top:15px;}
#header .navbar-default .navbar-nav>li>a{font-size:16px; padding:5px 5px; margin:auto 8px; color:#7f7f7f; border-bottom:3px solid rgba(0,0,0,0)}
#header .navbar-default .navbar-nav>li>a:hover{ border-bottom:3px solid #f08000}
#header .navbar-default .navbar-nav>li.hover>a{ border-bottom:3px solid #f08000}
#header .navbar-default .navbar-nav>li>a.active{ border-bottom:3px solid #f08000}
#header #example-navbar-collapse p{ padding-right:15px; padding-top:25px; font-size:14px; line-height:30px;}
#header #example-navbar-collapse p span{ color:#F50;}
#header #example-navbar-collapse p i{ font-size:20px;}

#bframe{ position:relative;}
#bframe .fa-chevron-left{ position: absolute; top: 50%; left:50%; text-align:center; transform: translate(-50%,-50%); font-size:40px;}
#bframe .fa-chevron-right{ position: absolute; top: 50%; left:50%; text-align:center; transform: translate(-50%,-50%); font-size:40px;}


#divframe{ padding: 40px 0 80px 0; text-align:center;}
#divframe h3{ font-size:30px; text-align:center; font-weight:normal; margin-bottom:40px;}
#divframe p{ font-size:16px; margin-bottom:60px; line-height:180%; text-align:center;}

@media (min-width:1px) and  (max-width:999px){
	#divframe{ padding:40px 0 40px 0;}
	#divframe p{margin-bottom:30px;}
}

#divframe1{ background:url(../images/gnbg0828.jpg) no-repeat center center; margin-bottom:40px; height:542px; overflow:hidden;}
.tab2{width:100%;margin-top:50px;overflow:hidden}
.tab-title2{float:left;width:230px;height:442px}
.tab-title2 .initem{display:block;height:20px;padding-right:15px;margin-bottom:85px;font-size:18px;color:#a8a99f;line-height:20px}
.tab-title2 .initem i{ float:right;}
.tab-title2 .initem:last-child{margin-bottom:0}
.tab-title2 .initem-cur{color:#fff;}
.tab-cont2{float:right;width:740px;height:442px;position:relative;overflow:hidden}
.tab-cont__wrap2{position:absolute}
.tab-cont2 .initem{width:740px;height:442px}
.tab-cont2 .initem dl{width:100%;margin-bottom:40px;overflow:hidden}
.tab-cont2 .initem dl dt{width:680px;padding-left:60px;font-size:20px;color:#fefefe;padding-bottom:15px}
.tab-cont2 .initem dl dd{width:680px;padding-left:60px;font-size:14px;color:#fefefe;line-height:170%}
.inshow,.inshow2{width:740px;height:442px;position:relative;overflow:hidden}
.inshow ul,.inshow2 ul{position:absolute;top:0;left:0}
.inshow ul li,.inshow2 ul li{float:left;width:740px;height:442px}
.inshow_btn,.inshow_btn2{display:block;width:740px;height:30px;text-align:center;position:absolute;left:0;bottom:-10px}
.inshow_btn a,.inshow_btn2 a{display:inline-block;width:10px;height:10px;line-height:30px;text-align:center;border:1px solid #ddd;margin-left:20px;border-radius:50%;background:#ddd}
.inshow_btn a.active,.inshow_btn2 a.activity{border:1px solid #03cbb1;border-radius:5px;background:#03cbb1}
#divframe1_mob{ display:none;}

@media (min-width:1px) and  (max-width:999px){
#divframe1{ height:auto; background-size:cover;}
#divframe1_pc{ display:none;}
#divframe1_mob{ display:block;}

#divframe1_left{ padding:30px;}
#divframe1_left a{ width:100%; float:left; height:auto; font-size:16px; color:#a8a99f; margin-bottom:15px;}
#divframe1_left a i{ margin-top:2px;  float:right;}
#divframe1_left a:hover{ color:#fff;}
#divframe1_left a.hover{ color:#fff;}

#divframe1_right{}
#divframe1_right .divframe1_c{ display:none; color:#fefefe; padding-bottom:30px; padding:0 15px;}
#divframe1_right .divframe1_c dl{ display:block; margin-bottom:30px;}
#divframe1_right .divframe1_c dl dd{ display:block; font-size:16px; margin-bottom:20px;}
#divframe1_right .divframe1_c dl dt{ display:block; font-size:14px;}
}


#divframe2{ text-align:center; padding-bottom:30px;}
#divframe2 h3{ font-size:30px; text-align:center; font-weight:normal; margin-bottom:24px;}
#divframe2 p{ font-size:22px; color:#999; line-height:180%; text-align:center;}
#divframe2 img{ margin:30px auto;}
#divframe2 a{ background:#5940FB; padding:15px 40px; display:inline-block; color:#fff; border-radius:15px; box-shadow:10px 10px 10px #E2DEFF; margin-left:140px;}
@media (min-width:1px) and  (max-width:999px){
	#divframe2 a{ margin-left:inherit;}
}

#divframe3{ background:url(../images/youshi0829.png) no-repeat center center; margin-bottom:45px; padding-bottom:15px;}
#divframe3 h3{ padding:50px 0 60px 0; color:#fff; text-align:center; font-size:30px;}
#divframe3 .ipto{ float:left; height:auto; margin-bottom:20px; margin-right:15px; margin-left:15px;}
#divframe3 .iptz{ width:100%; float:left; height:auto; background:#e67d12; font-size:20px; line-height:150%; padding-top:20px; padding-bottom:20px; color:#fff; text-align:center;}
#divframe3 .iptp{ width:100%; float:left; height:170px; background:#fff; padding:20px; font-size:14px; line-height:200%;}
#divframe3 .ipti{ width:100%; float:left; height:auto; background:#fff; padding-bottom:30px; text-align:center;}
#divframe3 .ipti a{ color:#fff; background:url(../images/youshia.png) no-repeat; width:156px; height:35px; line-height:35px; display:inline-block; padding-right:40px;}


@media (min-width:1px) and  (max-width:999px){
	#divframe3 h3{ padding:38px 0 44px 0;}
}


#divframe4{}
#divframe4 h3{ font-size:30px; text-align:center; font-weight:normal; color:#333; margin-bottom:24px;}
#divframe4 p{ font-size:14px; line-height:180%; color:#777; text-align:center; }
#divframe4 img{ margin:30px auto;}


#divframe5{ background:url(../images/inmoshi.jpg) no-repeat center center; margin-bottom:40px;}
#divframe5 h3{ font-size:30px; text-align:center; font-weight:normal; color:#fff; margin-bottom:24px; padding:0 15px; margin:30px 0 40px}
#divframe5 dl{ width:100%; float:left; height:auto; text-align:center; margin-bottom:30px;}
#divframe5 dl dt{ display:block; font-size:26px; margin-bottom:10px; color:#fff;}
#divframe5 dl dd{ display:block; font-size:14px; line-height:170%; color:#999;}

@media (min-width:1px) and  (max-width:999px){
	#divframe5{ background-size:cover; padding-bottom:30px;}
}



#divframe6{ margin-bottom:40px;}
#divframe6 h3{ font-size:30px; text-align:center; font-weight:normal; color:#333; margin-bottom:50px; padding:0 15px;}
#divframe6_left{ background:url(../images/hmap.png) no-repeat center center;}
#divframe6_left .swf{ width:100%; float:left; height:auto;  padding-left:30px;}
#divframe6_left .swf1{ background:url(../images/ms_btn.jpg) no-repeat center center; display:inline-block; width:186px;height:38px;line-height:38px;text-indent:42px;color:#fff;margin:0 8px; margin-top:40px; margin-left:30px;}
#divframe6_left .swf1 a{ color:#fff; font-size:14px;}

#divframe6_right{}
#divframe6_right ul{ list-style-type:none;}
#divframe6_right li{ display:block; line-height:31px;}
#divframe6_right li a{ color:#333; font-size:14px;}
#divframe6_right li a i{ font-size:8px !important; color:#DA9E00; padding-right:7px;}
#divframe6_right .ptbtn{ display:block; border:1px solid #b7b7b6; line-height:30px; height:32px; width:120px;color:#f60; text-align:center; font-size:14px; margin:12px 26px;}
#divframe6_right .ptbtn:hover{ background:#e7a605;color:#fff}


#footer{ background:#333; border-top:5px solid #DF7600; padding-top:30px; padding-bottom:30px;}

@media  (min-width:999px){
	#footer #footnav{ width:45%; float:left;}
	#footer #foottel{ width:40%; float:left;}
	#footer #erw{ width:15%; float:right;}
}
#footer #footnav dl{ float:left; padding-right:30px; color:#a8a8a8;}
#footer #footnav dl dt{ border-bottom:2px solid #f08000; color:#FFF; font-size:20px; height:40px; line-height:40px;}
#footer #footnav dl dd{ font-size:12px; height:30px; line-height:30px; background:url(../images/ico2.jpg) no-repeat left center; padding-left:10px;}
#footer #footnav dl dd a{ color:#a8a8a8;}

#footer #foottel{ color:#a8a8a8; font-size:14px; line-height:25px;}
#footer #foottel a{ color:#a8a8a8;}

@media (min-width:1px) and  (max-width:999px){
	#footer #footnav{ display:none;}
	#footer #foottel{ display:none;}
	#footer #erw{ display:none;}
}

#footer #copy{ border-top:1px solid #4f4f4f; margin-top:40px; padding-top:20px; color:#555;}

@media (min-width:1px) and  (max-width:999px){
	#footer{ padding-bottom:15px; padding-top:15px;}
	#footer #copy{ margin-top:0px; border-top:0; padding-top:0px;}
}


#left{}
#left .sider-unav{}
#left .sider-unav ul li{height:45px;line-height:34px;font-size:14px; text-align:center; margin-bottom:10px;}
#left .sider-unav ul li a{display:block;height:45px;background:url(../images/titbg.jpg) no-repeat 0 0 #FFF;color:#FFFFFF; }
#left .sider-unav ul li a:link,.sider-unav ul li a:visited{}
#left .sider-unav ul li a:hover,.sider-unav ul li .active{color:#ffde00;}

@media (min-width:1px) and  (max-width:767px){
	#left .sider-unav ul li a{ background-size:cover;}
}

#right{}



#introduction{ background:#061a24; padding:45px 0;}
#introduction h3{ text-align:center; background:url(../images/titbg082902.png) no-repeat center center; color:#fff; font-size:28px; line-height:30px; padding:22px; margin:0 auto; font-weight:normal;}
#introduction p{ font-size:16px; color:#fff; line-height:200%; margin:40px 0 70px; }
@media (min-width:1px) and  (max-width:999px){
	#introduction p{padding:0 15px;}
}

#introduction1{ padding:45px 0 0 0;}
#introduction1 h3{ text-align:center; background:url(../images/titbg082902.png) no-repeat center center; color:#333; font-size:28px; line-height:30px; padding:22px; margin:0 auto; font-weight:normal;}
#introduction1 .fivemain{ display:block;}
#introduction1 .fivemain h4{ text-align:center; float:left; width:100%;}
#introduction1 .fivemain dl{overflow:hidden;margin-bottom:36px;width:100%}
#introduction1 .fivemain dl dt{margin-bottom:15px;color:#3264e0;font-size:24px}
#introduction1 .fivemain dl dd{color:#666;font-size:14px;line-height:170%}

#introduction1 .fivemain .mag53{ margin:50px 0 30px;}
#introduction1 .fivemain .mag38{ margin:30px 0 80px;}
#introduction1 .fivemain .mag26{ margin:20px 0 60px;}
#introduction1 .fivemain .mag66{ margin:60px 0 60px;}
#introduction1 .fivemain .mag25{ margin:20px 0 50px;}
#introduction1 .fivemain .mab50{ margin-bottom:50px;}
#introduction1 .fivemain .mab10{ margin-bottom:10px;}


#introduction2{ background:url(../images/dtupobg.jpg) no-repeat center center;}
#introduction2 .container{ background:#fff; min-height:200px;  box-shadow:0px 0px 30px #ccc; margin:45px auto; border-radius:30px;}
#introduction2 h3{ text-align:center; background:url(../images/titbg082902.png) no-repeat center center; color:#333; font-size:28px; line-height:30px; padding:22px; margin:0 auto; font-weight:normal; margin:70px 0 20px;}
#introduction2 h4{font-size:24px;color:#333;text-align:center;font-weight:400}
#introduction2 .tab-title3{height:30px;background-color:#f5f5f6;text-align:center; margin: 20px auto 0; margin-bottom:30px;}
#introduction2 .tab-title3 .initem{display:inline-block;height:30px;padding:0 26px;border-right:1px solid #ddd;color:#333;font-size:14px;line-height:30px}
#introduction2 .tab-title3 .initem:last-child{border-right:none;}
#introduction2 .tab-title3 .initem-cur{ background:#6950e7; color:#fff;}
#introduction2 .tab-cont3{position:relative;width:920px; height:auto; margin:0 auto;overflow:hidden;}
#introduction2 .tab-cont3 li.initem{ width:100%; float:left; height:auto; display:none; padding-bottom:30px;}
#introduction2 .tab-cont3 li.initem .tpshowleft{display:block;float:left;width:370px;height:280px;padding:0 24px 0 0;margin:20px 0 0 30px;border-right:1px solid #eee}
#introduction2 .tab-cont3 li.initem .tpshowleft h5{font-size:30px;color:#6950e7;font-weight:400;margin-bottom:20px}
#introduction2 .tab-cont3 li.initem .tpshowleft p{font-size:14px;color:#999;line-height:170%}
#introduction2 .tab-cont3 li.initem .tpshowright{display:block;float:left;margin-left:58px}
#introduction2 .tab-cont3 li.initem .tpshowright img{display:block;max-width:400px;max-height:280px;float:right}
#introduction2 .tab-cont3 li.initem h4{clear:both;font-size:30px;color:#f09743;text-align:left;font-weight:400;margin-bottom:20px}
#introduction2 .tab-cont3 li.initem p{font-size:14px;color:#999;line-height:170%;text-align:left}

#introduction2 #introduction2_mob{ display:none;}

@media (min-width:1px) and  (max-width:999px){
	#introduction2 #introduction2_pc{ display:none;}
	#introduction2 #introduction2_mob{ display:block; padding-bottom:60px;}
	#introduction2 #introduction2_mob .tab-title3_mob{ display:block; margin-top:20px;}
	#introduction2 #introduction2_mob .tab-title3_mob .initem{ width:100%; float:left; height:auto; background:#f5f5f6; padding:20px; font-size:14px; color:#333; border-bottom:1px solid #ccc; border-radius:5px;}
	#introduction2 #introduction2_mob .tab-title3_mob .initem-cur{ background:#6950e7; color:#fff;}
	#introduction2 #introduction2_mob .initem_mob{ width:100%; float:left; height:auto; display:none; padding:15px; margin-top:20px;}
	#introduction2 #introduction2_mob .initem_mob .tpshowleft{display:block;float:left;width:100%;height:auto;padding:0 24px 0 0;border-right:1px solid #eee}
	#introduction2 #introduction2_mob .initem_mob .tpshowleft h5{font-size:30px;color:#6950e7;font-weight:400;margin-bottom:20px}
	#introduction2 #introduction2_mob .initem_mob .tpshowleft p{font-size:14px;color:#999;line-height:170%}
	#introduction2 #introduction2_mob .initem_mob .tpshowright{width:100%;float:left; text-align:center; padding:15px;}
	#introduction2 #introduction2_mob .initem_mob .tpshowright img{display:block;}
	#introduction2 #introduction2_mob .initem_mob h4{clear:both;font-size:30px;color:#f09743;text-align:left;font-weight:400;margin-bottom:20px; margin-top:20px;}
	#introduction2 #introduction2_mob .initem_mob p{font-size:14px;color:#999;line-height:170%;text-align:left}
}


#introduction3{ margin-bottom:125px;}
#introduction3 h3{ text-align:center; background:url(../images/titbg082902.png) no-repeat center center; color:#333; font-size:28px; line-height:30px; padding:22px; margin:0 auto; font-weight:normal; margin:52px 0 20px;}
#introduction3 ul{ list-style-type:none;}
#introduction3 li{ width:12.5%; float:left; height:auto; position:relative;}
#introduction3 li img{ cursor:pointer; width:100%;}
#introduction3 li img.img1{ opacity:1;}
#introduction3 li img.img2{ opacity:0; position:absolute; left:0px; top:0px;}
#introduction3 li:hover img.img1{ opacity:0;}
#introduction3 li:hover img.img2{ opacity:1;}

@media (min-width:768px) and  (max-width:999px){
	#introduction3 li{ width:25%;}
}
@media (min-width:1px) and  (max-width:767px){
	#introduction3 li{ width:50%;}
}


#introduction4{ padding-bottom:30px;}
#introduction4 h3{ text-align:center; background:url(../images/titbg082902.png) no-repeat center center; color:#333; font-size:28px; line-height:30px; padding:22px; font-weight:normal; margin:0px 0 20px;}
#introduction4 ul{width:100%;text-align:center;overflow:hidden;}
#introduction4 ul li{float:left;width:24%;border:1px solid #eee;margin:auto 0.5%}

#introduction4 ul li span{display:block;padding:28px 0 32px;font-size:30px;color:#333}
#introduction4 ul li dl{width:100%;overflow:hidden}
#introduction4 ul li dl dt{margin-bottom:15px}
#introduction4 ul li dl dt a{display:block; width:95%;height:48px;margin:0 auto;background-color:#4f5362;border-radius:28px;font-size:16px;color:#fff;line-height:48px}
#introduction4 ul li dl dd{height:44px;border-bottom:1px solid #eee;font-size:14px;color:#333;line-height:44px}

#introduction4 ul li dl dd.shuliang{height:auto;line-height:26px;padding:10px 0}

@media (min-width:768px) and  (max-width:999px){
	#introduction4 ul{ padding:0 15px}
	#introduction4 ul li{ width:24%; padding:10px; margin:auto 0.5%;}
}
@media (min-width:1px) and  (max-width:767px){
	#introduction4 ul{ padding:0 15px}
	#introduction4 ul li{ width:48%; padding:10px; margin:auto 1%;}
}


#advantage{}
#advantage h3{ color:#333; padding:45px 0; font-weight:normal; font-size:30px; text-align:center;}
#advantage .advantage{ width:100%; float:left; height:auto; background:url(../images/eysbg0831.png) no-repeat center top; min-height:200px;  box-shadow:0px 0px 30px #ccc; border-radius:10px; padding-bottom:60px; margin-bottom:20px;}
#advantage .advantage h4{font-size:18px;color:#fff;text-align:center;line-height:24px;background:url(../images/kceh4bg.png) no-repeat center center;margin:32px 0 10px 0}
#advantage .advantage p{margin:0 auto;font-size:14px;color:#fff;line-height:170%;text-align:center; padding:0 40px;}
#advantage .advantage ul{ padding:0 40px; margin:50px auto 0;overflow:hidden}
#advantage .advantage ul li{padding:40px 0 20px;overflow:hidden}
#advantage .advantage ul li span{display:inline-block; width:30%;}
#advantage .advantage ul li dl{ width:68%; overflow:hidden;}
#advantage .advantage ul li dl dt{font-size:24px;margin-bottom:15px}
#advantage .advantage ul li dl dd{font-size:14px;color:#999;line-height:170%}
#advantage .advantage .kc_color1{color:#e67d12;border-bottom:1px dashed #e67d12}
#advantage .advantage .kc_color2{color:#9e20fe;border-bottom:1px dashed #9e20fe}
#advantage .advantage .kc_color3{color:#333;border-bottom:1px dashed #333}
#advantage .advantage .kc_color4{color:#db8a6e;border-bottom:1px dashed #db8a6e}
#advantage .advantage .kc_color5{color:#7eceef;border-bottom:1px dashed #7eceef}
#advantage .advantage .kc_color6{color:#db382a;border-bottom:1px dashed #db382a}
#advantage .advantage .kc_color7{color:#333;border-bottom:1px dashed #333}
#advantage .advantage .kc_color8{color:#edb92b;border-bottom:1px dashed #edb92b}
#advantage .advantage .kceyoushi ul li:last-child{border-bottom:none}
#advantage .advantage .fl{float:left;}
#advantage .advantage .fr{float:right;}

@media (min-width:1px) and  (max-width:767px){
	#advantage .advantage ul li span{ width:100%; text-align:center; margin-bottom:15px;}
	#advantage .advantage ul li dl{ width:100%;}
}

#advantage1{ background:url(../images/kcms0831.png) no-repeat top center; padding-bottom:30px;}
#advantage1 h3{color:#fff;padding:50px 0 50px; text-align:center;}
#advantage1 ul{width:100%;overflow:hidden}
#advantage1 ul li{}
#advantage1 ul li:last-child{margin-right:0}
#advantage1 ul li dl{color:#fff;text-align:center}
#advantage1 ul li dl dt{font-size:26px;margin-bottom:15px}
#advantage1 ul li dl dd{font-size:14px;line-height:170%;color:#fff;margin-bottom:30px}
#advantage1 ul li dl a{display:inline-block;width:156px;padding-left:40px;height:35px;background-image:url(../images/youshia.png);font-size:14px;color:#fff;line-height:35px;text-align:left}

@media (min-width:1px) and  (max-width:999px){
	#advantage1{ background-size:cover;}
	#advantage1 ul li{ margin-bottom:30px;}
}


#cases{ margin:45px 0 10px 0;}
#cases .cases{ width:100%; float:left; height:auto;}
#cases .cases .ipto{ width:100%; float:left; height:auto; border:1px solid #dfdfdf; margin-bottom:45px;}
#cases .cases .iptz{ width:100%; float:left; height:auto; font-size:16px; font-weight:500; color:#666; line-height:2.5em; text-align:center;}
#cases .cases .ipti{ width:100%; float:left; height:auto; border-bottom:1px solid #dfdfdf; padding:2px;}


#tidings{ margin:45px 0 45px 0;}
#tidings .tidings{ width:100%; float:left; height:auto;}
#tidings .tidings li {height:40px;line-height: 40px;border-bottom: 1px dashed #b3b3b3;padding-left: 10px; overflow:hidden;}
#tidings .tidings li a {float: left; max-width:68%;}
#tidings .tidings li span {float: right;color: #7c7979; max-width:30%}
#tidings .tidings li a:visited,ul.page_newslist li a:link {color: #4C4C4C;text-decoration: none;}
#tidings .tidings li a:hover,ul.page_newslist li a:active {color: #333;text-decoration: underline;}
#tidings .tidings #news_tit{}
#tidings .tidings #news_tit h1{ font-size:24px; color:#ee8100; margin:10px auto;}
#tidings .tidings #news_tit p{ font-size:18px; margin:10px auto;}


#network{ background:url(../images/jm_bg1.jpg) no-repeat center center; padding-bottom:30px; background-size:cover;}
#network h3{font-size:26px;color:#000;text-align:center;font-weight:500;margin:36px 0 10px}
#network h4{font-size:16px;color:#999;text-align:center;font-weight:500;margin:0 0 36px;text-transform:uppercase}
#network p{font-size:16px;color:#333;line-height:2em;text-indent:2em}

#network .s_seo{width:100%;height:auto;background-color:#fff;margin-top:30px;overflow:hidden; padding-bottom:30px;}
#network .s_seo .active,.s_seo ul li:hover{background:0 0;color:#f08000}
#network .s_seo ul{width:100%;height:139px;overflow:hidden}
#network .s_seo ul li{width:20%;height:139px;border-right:1px solid #fff;float:left;background:url(../images/20xx_bg.jpg);color:#fff;text-align:center;cursor:pointer}
#network .s_seo ul li dl dt{font-size:36px;margin:36px 0 16px}
#network .s_seo ul li dl dd{font-size:12px}
#network .s_cont{width:940px;padding:60px 30px 0 30px}
#network .s_cont p{height:140px}
#network .s_cont img{display:block;float:left;width:32%; height:200px; margin:auto 0.6%;}

#network .s_seo_mob{ display:none;}
#network .s_seo_mob .tab-title3_mob{ display:block; margin-top:20px;}
#network .s_seo_mob .tab-title3_mob .initem{ width:100%; float:left; height:auto; background:#f5f5f6; padding:20px; font-size:14px; color:#333; border-bottom:1px solid #ccc; border-radius:5px;}
#network .s_seo_mob .tab-title3_mob .initem-cur{ background:#6950e7; color:#fff;}
#network .s_seo_mob .initem_mob{ width:100%; float:left; height:auto; display:none; padding:15px; margin-top:20px;}
#network .s_seo_mob .initem_mob p{height:140px}
#network .s_seo_mob .initem_mob img{display:block;float:left;width:32%; height:200px; margin:auto 0.6%;}

@media (min-width:768px) and  (max-width:999px){
	#network .s_seo{ display:none;}
	#network .s_seo_mob{ display:block;}

}

@media (min-width:1px) and  (max-width:767px){
	#network .s_seo{ display:none;}
	#network .s_seo_mob{ display:block;}
	#network .s_seo_mob .initem_mob p{height:auto}
	#network .s_seo_mob .initem_mob img{width:49%; height:auto; margin:auto 0.5%; margin-bottom:1%;}
}


#network1{}
#network1 h3{font-size:26px;color:#000;text-align:center;font-weight:500;margin:36px 0 10px}
#network1 h4{font-size:16px;color:#999;text-align:center;font-weight:500;margin:0 0 36px;text-transform:uppercase}
#network1 .network1_ser{ width:100%; float:left; height:auto; background:#383838;}

#network1 .network1_ser #network1_ser_l{ padding:0; margin:0;}
#network1 .network1_ser #network1_ser_l .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
#network1 .network1_ser #network1_ser_l .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
#network1 .network1_ser #network1_ser_l .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
#network1 .network1_ser #network1_ser_l .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
#network1 .network1_ser #network1_ser_l .slideBox .hd ul li.on{ background:#f00; color:#fff; }
#network1 .network1_ser #network1_ser_l .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#network1 .network1_ser #network1_ser_l .slideBox .bd li{ zoom:1; vertical-align:middle; }
#network1 .network1_ser #network1_ser_l .slideBox .bd img{ width:100%; height:auto; display:block;  }

#network1 .network1_ser #network1_ser_r{ padding:0; margin:0;}
#network1 .network1_ser #network1_ser_r dl{ padding:0 30px; margin:60px auto 0;color:#fff;text-align:center; }
#network1 .network1_ser #network1_ser_r dl dt{font-size:34px;margin-bottom:20px}
#network1 .network1_ser #network1_ser_r dl dd{font-size:16px;line-height:2em}

@media (min-width:1px) and  (max-width:999px){
	#network1 .network1_ser #network1_ser_r dl dd{ padding-bottom:30px;}
}


#network2{ padding-bottom:60px;}
#network2 h5{ background:url(../images/sev_line.jpg) no-repeat center center; color:#000;font-size:20px;text-align:center;font-weight:500;line-height:36px}
#network2 ul{display:flex;flex-wrap:wrap;justify-content:center}
#network2 ul li:nth-child(n+4){margin-top:30px}
#network2 ul li{width:31.33%;height:auto;float:left;padding:4px 4px;border:1px solid #999; margin:auto 1%; cursor:pointer}
#network2 ul li img{width:100%;height:auto}

@media (min-width:1px) and  (max-width:999px){
	#network2 ul li:nth-child(n+3){margin-top:30px}
	#network2 ul li{ width:48%;}
}


#network3{ background:url(../images/jm_bg2.jpg)}
#network3 h3{font-size:26px;color:#fff;text-align:center;font-weight:500;margin:36px 0 10px}
#network3 h4{font-size:16px;color:#fff;text-align:center;font-weight:500;margin:0 0 36px;text-transform:uppercase}
#network3 dl{width:100%;color:#fff;margin-top:30px;overflow:hidden}
#network3 dl dt{width:144px; float:left; height:40px;line-height:40px;background-color:#f08000;font-size:22px;text-align:center;margin-bottom:20px}
#network3 dl dd{ width:100%; float:left; font-size:16px;line-height:2em}
#network3 dl dd a{ display:inline-block;color:#f08000}
#network3 .table1{width:1000px;margin:30px auto;border-collapse:collapse}
#network3 td,th,tr{margin:0 0;padding:0 0;height:54px;text-align:center;color:#fff;font-size:18px;line-height:54px}
#network3 th{color:#f08000}
@media (min-width:1px) and  (max-width:999px){
	#network3 .table1{ width:100%;}
}

#contactus{ width:100%; float:left; height:680px; position:relative;}

#contactus .map_bg{width:100%;height:680px;border:#ccc solid 1px;font-size:12px;margin:20px auto;position:absolute;top:0;left:0;z-index:1;overflow:hidden}
#contactus .map_left{width:470px;padding:50px 0;float:left;background-color:#FFF;overflow:hidden; position:relative; z-index:2; margin-top:100px;}
#contactus .map_left h2{font-size:18px;color:#f08000;line-height:1.4em;margin:0 0;padding:0 0;text-align:center;font-weight:400}
#contactus .map_left h3{font-size:18px;color:#000;margin:0 0;padding:0 0;text-align:center;font-weight:400}
#contactus .map_left dl{width:100%;margin-top:24px;overflow:hidden}
#contactus .map_left dt{font-size:22px;color:#333;line-height:2.5em;font-weight:600;text-indent:36px;border-bottom:1px solid #d6d6d6;margin-bottom:18px}
#contactus .map_left dd{width:398px;margin:0 auto;font-size:14px;color:#333;line-height:2.4em}



@media (min-width:1px) and  (max-width:999px){
	
	#contactus .map_bg{ display:none;}
	#contactus .map_left{ width:100%;}
	#contactus .map_left dt{ width:100%; font-size:14px;}
	#contactus .map_left dd{ width:100%; padding:0 15px;}
}



#rbt{ border-bottom:1px solid #e5e5e5; background:#f8f8f8;}
#rbt #position p {height:50px;line-height:50px;background:url(../images/position.jpg) no-repeat left center;padding-left:30px;color:#888;}
#rbt #position p a {color:#888;}
#rbt #position span, .position span a {color:#1367af;font-weight:bold;}

#tit_page .cn {font-size:24px;color:#333;line-height:45px;}
#tit_page .cn span {color:#f70;}
#tit_page hr {width:60px;border:1px solid #1367af;margin:0 960px 0 0;}
#tit_page .en {color:#999999;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-transform:uppercase;}

#aboutus{}

#aboutus #info_page {clear:both;margin:0px auto;font-size:14px;color:#444;line-height:190%;}
#aboutus #info_page .about-vedio {background:url(../images/atvbg.jpg) 15px top no-repeat;float:right;width:400px;height:220px;padding:12px 0 0 28px;}
#aboutus #info_page .about-info p {text-indent:24px;padding-bottom:18px;font-size:15px;}


#aboutus #wenhuapic{margin:40px auto;}


@media (min-width:1px) and  (max-width:999px){
#aboutus #info_page .about-vedio{ display:none;}
#aboutus #wenhuapic{ width:100%; margin:20px auto;}
}



#aboutus1{ background:#f8f8f8;}
#aboutus1 #zzpic{ padding-bottom:30px;}
#aboutus1 #zzpic dt, .zzpic dd {float:left;padding:20px 0 20px 0;}
#aboutus1 #zzpic dt {width:33.33%; float:left;}
#aboutus1 #zzpic dd {width:33.33%;float:left;}

#aboutus #microsoft {}
#aboutus #microsoft img {max-width:100%;margin:30px auto;}
#aboutus #microsoft p {font-size:16px;color:#333;line-height:200%;text-indent:2em;margin-bottom:20px;}

#aboutus1 #tuanduipic{ margin:40px auto;overflow:hidden;}
#aboutus1 #tuanduipic a{display:block;width:150px;height:42px;border:1px solid #ff8510;border-radius:8px;margin:20px auto;font-size:16px;color:#333;line-height:42px;text-align:center;}

#about_hezuo{  margin:30px auto;}
#about_hezuo dl{width:485px;float:left;background-color:#f0f0f0;background-repeat:no-repeat;}
#about_hezuo dl dd {padding-top:40px;}
#about_hezuo dl#hezuo01 {background-position:right bottom;padding-bottom:5px;}
#about_hezuo dl#hezuo02 {background-position:left bottom;padding-bottom:5px;}
#about_hezuo dl#hezuo03 {background-position:right 0;padding-top:5px;}
#about_hezuo dl#hezuo04 {background-position:left 0;padding-top:5px;}
#about_hezuo dl#hezuo01 dt, #about_hezuo dl#hezuo03 dt {width:181px;float:left;}
#about_hezuo dl#hezuo01 dd, #about_hezuo dl#hezuo03 dd {width:200px;float:right;padding-right:30px;}
#about_hezuo dl#hezuo02 dt, #about_hezuo dl#hezuo04 dt {width:184px;float:right;}
#about_hezuo dl#hezuo02 dd, #about_hezuo dl#hezuo04 dd {width:200px;float:left;padding-left:30px;}
#about_hezuo dl#hezuo01 {background-image:url(../images/bg1_1.jpg);}
#about_hezuo dl#hezuo01:hover, #about_hezuo dl#hezuo01.active {background-image:url(../images/bg1_2.jpg);}
#about_hezuo dl#hezuo02 {background-image:url(../images/bg2_1.jpg);}
#about_hezuo dl#hezuo02:hover, #about_hezuo dl#hezuo02.active {background-image:url(../images/bg2_2.jpg);}
#about_hezuo dl#hezuo03 {background-image:url(../images/bg3_1.jpg);}
#about_hezuo dl#hezuo03:hover, #about_hezuo dl#hezuo03.active {background-image:url(../images/bg3_2.jpg);}
#about_hezuo dl#hezuo04 {background-image:url(../images/bg4_1.jpg);}
#about_hezuo dl#hezuo04:hover, #about_hezuo dl#hezuo04.active {background-image:url(../images/bg4_2.jpg);}



@media (min-width:1px) and  (max-width:999px){
#about_hezuo dl{ width:100%;}
#about_hezuo dl dd {padding-top:20px;}
#about_hezuo dl#hezuo01 dt, #about_hezuo dl#hezuo03 dt {width:30%;float:left;}
#about_hezuo dl#hezuo01 dd, #about_hezuo dl#hezuo03 dd {width:65%;float:right;padding-right:3%;}
#about_hezuo dl#hezuo02 dt, #about_hezuo dl#hezuo04 dt {width:30%;float:right;}
#about_hezuo dl#hezuo02 dd, #about_hezuo dl#hezuo04 dd {width:60%;float:left;padding-left:3%;}
}

#cases_roll{ padding:30px 0;}
#cases_roll .fa-chevron-left{ position: absolute; top: 50%; left:50%; text-align:center; transform: translate(-50%,-50%); font-size:40px;}
#cases_roll .fa-chevron-right{ position: absolute; top: 50%; left:50%; text-align:center; transform: translate(-50%,-50%); font-size:40px;}

#about_news { padding-bottom:30px;}
#about_news img{ width:100%;}
#about_news2 {float:right; padding-bottom:30px;}
#about_news ul {padding-top:10px;}
#about_news li span {float:right;}
#about_news2 dl {clear:both;overflow:hidden;margin-bottom:10px;background-color:#f0f0f0;}
#about_news2 dl dt, #about_news2 dl dd {float:left;}
#about_news2 dl dt {width:30%;position:relative;}
#about_news2 dl dt span {position:absolute;right:0;bottom:0;background-color:#f50;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:0px 10px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#about_news2 dl dt img {width:100%;}
#about_news2 dl dd {width:65%;padding-left:15px;color:#666;padding-top:10px;}
#about_news2 dl dd a {font-weight:bold;color:#000;font-size:15px;}
#about_news2 dl dd a:hover, #about_news2 dl dd a:active {color:#F60;}
#about_news2 span.more {width:95px;border:1px solid #d8d8d8;background-color:#FFF;padding-left:15px;padding-right:30px;background:url(../images/jia3.jpg) no-repeat 75px center;line-height:24px;}


#about_contact p {padding-top:10px;}
#about_contact p strong {color:#ff7700;font-size:16px;}