@charset "utf-8";
body, div, p, h1, h2, h3, h4, h5, h6, br, hr, 
	ul, ol, li, dl, dt, dd, 
	 bdo, blockquote, cite, code, del, dfn, em, i, ins, kbd, pre, q, samp, small, sub, sup,  
	table, tr, th, td, caption, col, colgroup, tfoot, thead,
	address, area, base, 
	img, a, map, 
	form, input, fieldset, button, label, leqend, optqroup, option, select, textarea, 
	noscript, object, param, 
	article, aside, audio, bdi, canvas, command, datalist, details, 
	embed, figure, figcaption, footer, header, hgroup, keyqen, mark, menu, meter, 
	output, proqress, rp, rt, ruby, section, source, summary, time, track, video { 
		margin:0; padding:0; font:12px/1.5 "微软雅黑",Arial;
	}
	img { border:none; vertical-align:top; }
	b,i{ font-style:normal;}
	ul, ol, li { list-style:none; }
	a { text-decoration:none;  }
	a:hover{ text-decoration:none;}
	small { font-size:12px; }
	input, select, textarea { outline:none; } 
	textarea { resize:none; overflow:auto; }
	table { border-collapse:collapse; }
	button, input[type="reset"], input[type="button"], input[type="submit"] { line-height:normal !important; }
	.fl{ float:left;}
	.fr{ float:right;}
	.rel{ position:relative;}
	.abs{ position:absolute;}
	.clearfix:after { display:block; clear:both; content:""; visibility:hidden; height:0; }
	.clearfix { zoom:1;}
}
@import url(reset.css);
@font-face {
    font-family: 'gravitybook';
    src: url('../font/gravity/gravity-book-webfont.eot');
    src: url('../font/gravity/gravity-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gravity/gravity-book-webfont.woff') format('woff'),
         url('../font/gravity/gravity-book-webfont.ttf') format('truetype'),
         url('../font/gravity/gravity-book-webfont.svg#gravitybook') format('svg');
    font-weight: normal;
    font-style: normal;
}
[data-role="transition"] { 
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
[data-role="transition1"] {
	-moz-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
body{ color:#666666; min-width:1000px;}
.in-wrap{ position:relative; margin:0 auto; width:1200px; height:100%; z-index:10;}
.comm-jpg{ background:url(../images/comm.png) no-repeat;}
.font-gothic{  font:15px/1.5 "微软雅黑",Arial;}
.bg-edeff4{ background:#edeff4;}
.bg-edeff4 .interphone-pic img{ margin-bottom:0;}
.bg-red{ background:#d21f1f;}
.section-comm .font30 em{ font-size:30px;}


/** header **/
.header{ position:fixed; width:100%; height:110px; background:#fff; background:rgba(255,255,255,.6); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); z-index:1100;}
.header-scroll{ height:70px; background:rgba(255,255,255,.8);}
.header a.header-logo{ margin-top:28px; background-position:-214px -128px; width:280px; height:54px; text-indent:-9999px;}
.header-scroll a.header-logo{ margin-top:15px; background-position:-295px -250px; width:200px; height:43px;}
.header ul li{ float:left; margin:10px 0 0 26px;}
.header ul li a{ display:block; padding:10px 6px; font-size:16px; color:#1A1A1A; -moz-transition:all 0.5s ease;
	-webkit-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
	-ms-transition:transform 0.5s ease;
	transition:transform 0.5s ease;}
.header ul li a:hover,.header ul li a.current{ background:url(../images/comm.png) no-repeat 0 -317px; color:#cc0000; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.header-scroll ul li{ margin-top:13px;}

.header-scroll p{ display:none;}
.header p{ margin-top:19px; text-align:right;}
.header p a{ display:inline-block; margin:0 5px; height:14px; line-height:14px; font-size:12px; color:#949b99; zoom:1;}
.header p a:hover{ color:#cc0000;}
.header p a.header-login{ padding-left:10px; margin:0 6px 0 0;}
.header p span { color: #cc0000; width: 1px; height: 14px; line-height: 14px; }
.header p a.lan-cn { margin-left: 30px; color: #cc0000; }
.header p a.lan-en { margin-left: 2px; color: #cc0000; }

/** banner **/
.banner { position:relative; min-height:470px; overflow:hidden;}
.banner ul{ position:absolute; top:0; left:0;}
.banner ul li{ /*position:relative; float:left;*/ position:absolute; top:0; left:0; display:none; z-index:0; width:100%; background:url(../images/loadinfo.gif) no-repeat center center; /*min-height:470px;*/ overflow:hidden;}
.banner ul li a{ position:relative; z-index:100;}
.banner ul li img{ z-index:100;}
.banner .banner-pic1{ float:left; margin:0 100px 0 105px; display:none; opacity:0; filter:alpha(opacity=0);}
.banner-info{ position:absolute; top:50%; left:0;  margin-top:-230px; width:100%; height:460px;}
.banner-info div{ float:right; width:390px; display:none; opacity:0; filter:alpha(opacity=0);}
.banner-info h2 img{ margin-top:90px;}
.banner-info p{ margin:30px 0; font-size:16px; color:#fff;}
.banner-info a{ display:inline-block; background-position:-378px -200px; width:122px; height:35px; line-height:35px; text-align:center; font-size:12px; color:#fff;}
.banner-info a:hover{ background:#fff; color:#000;}
a.banner-big-comm{ top:50%; margin-top:-19px; display:block; width:38px; height:38px; background:url(../images/comm.png) no-repeat; z-index:100;}
a.banner-big-prev{ left:40px; background-position:-118px -128px;}
a.banner-big-next{ right:40px; background-position:-176px -128px;} 
 
.banner-small,.banner-mouse{ position:absolute; left:0px; width:100%; text-align:center; z-index:120;}
.banner-small{ bottom:35px;}
.banner-small a{ display:inline-block; margin:0 10px; background:url(../images/comm.png) no-repeat 0 -168px; width:11px; height:11px;}
.banner-small a.current{ background-position:-30px -168px;}
.banner-mouse{ bottom:35px;}
.banner-mouse a{ display:inline-block; width:60px; height:60px;}

/** solution **/
.solution-comm{ display:none;}
.related-down{ padding-top:0; margin-top:-90px;}
.section-comm{ padding:30px 0 120px;background-color:#F5F8FC;}
.section-comm h4{ font-size:24px; color:#999999; text-align:center;}
.section-comm h4 em{ display:inline-block; margin-right:20px; display:inline-block; line-height:50px; font-size:50px; color:#1876AE; vertical-align:top;}
.section-comm h4 i{ display:inline-block; line-height:55px; font-size:30px; color:#000;}
.section-comm h4 i span { font-size: 25px; }
.section-comm h5{ margin-top:10px; font-size:15px; color:#999999; text-align:center;}
/* .solution ul{ margin:20px auto 0; width:1125px;height:438px;}
.solution ul li{ float:left; margin:0 0 0 30px; width:355px; height:438px; *zoom:1;}
.solution ul li:first-child{ margin-left:0;}
.solution ul li:hover{ background:#edeff4;}
.solution ul li p.solution-title{ font-size:20px; color:#000; text-align:center;}
.solution ul li p.solution-intro{ margin:25px auto 0; width:70%; height:36px; overflow:hidden; text-align:center;}
.solution ul li a{ display:block; margin-top:7px; padding-top:10px; width:100%; height:104px; color:#000; }
.solution ul li a p{ text-align:center; font-size:14px; }
.solution ul li a em{ margin:10px auto 0; display:block; width:31px; height:31px; background-position:0 -128px;}
.solution ul li:hover a{ background:#1876AE;}
.solution ul li:hover a p{ color:#fff;}
.solution ul li:hover a em{ background-position:-56px -128px;}
.solution ul li a div.solution-line{ margin:0 auto 23px; background:#d4d4d4; width:30px; height:1px; overflow:hidden;}
.solution ul li em.solution-case-icon{ margin:80px auto 35px; display:block; width:119px; height:119px; text-indent:-9999px;}
.solution ul li.solution-li1 em.solution-case-icon{background-position:0 0;}
.solution ul li.solution-li2 em.solution-case-icon{background-position:-160px 0;}
.solution ul li.solution-li3 em.solution-case-icon{background-position:-336px 0;}
 */
.explanation h4{ font-size:24px; color:#999999; text-align:center;}
.explanation h4 em{ display:inline-block; margin-right:20px; display:inline-block; line-height:50px; font-size:50px; color:#1876AE; vertical-align:top;}
.explanation h4 i{ display:inline-block; line-height:55px; font-size:30px; color:#000;}
.explanation h4 i span { font-size: 25px; }
.explanation h5{ margin-top:10px; font-size:15px; color:#999999; text-align:center;}



.main-list{ padding:55px 0; margin-bottom:100px; background:#edeff4;}
.main-list ul li{ position:relative; float:left; margin:10px 0 0 76px; width:500px; height:126px; background:#fff;}
.main-list ul li.main-list-even{ margin-left:56px;}
.main-list ul li p.main-list-title{ text-align:center; font-size:18px; color:#000; line-height:126px;}
.main-list ul li .main-list-cont{ position:absolute; top:0; left:0; padding:0 25px; width:450px; height:0; overflow:hidden; background:#1876AE; font-size:14px; color:#fff;}
.main-list ul li .main-list-cont p:first-child{ margin-top:35px;}
.main-list ul li .main-list-cont p{ line-height:1.7;}

/** product **/
.product{ background:#edeff4;}
.product img.product-line{ position:absolute; top:-40px; left:0;}
.product-btn{ margin:45px 0 55px; text-align:center;}
.product-btn a{ display:inline-block; margin:0 20px; width:120px; height:120px; font-size:14px; line-height:120px; color:#666666; text-align:center; background:#fff; border-radius:50%; background:url(../images/white_bg.png) no-repeat\9;}
.product-btn a:hover,.product-btn a.product-a-hover{ background:#1876AE; background:url(../images/red_bg.png) no-repeat\9; color:#fff; }
.product-cont{ position:relative; height:280px;}
.product-cont .product-style{ position:absolute; top:0; left:0; width:100%; display:none;}
.product-cont .product-style img{  animation:img_change .5s ease forwards;  /*animation-fill-mode:;*/}
@keyframes img_change{
	0%{transform:scale(0); opacity:0;}
	100%{transform:scale(1); opacity:1;}
}
.product-picshow{ position:relative; width:575px; height:208px; background:url(../images/loadinfo.gif) no-repeat center center;}
.product-picshow img{ position:absolute; display:none;}
.product-icon { position:absolute;}
.product-icon a{ display:inline-block; width:10px; height:10px; background:#000;}

.product-info{ width:470px; color:#000000; display:none; /*opacity:0; filter:alpha(opacity=0);*/}
.product-info h6{ font-size:30px;}
.product-info .product-title{ margin:15px 0 5px; font-size:20px;}
.product-info ul li{ font-size:12px; line-height:22px;}
.product-info .product-function{ margin:25px 0; font-size:12px; color:#999999;}
.product-info a{ font-size:14px; color:#000;}
.product-info a em{ display:inline-block; margin:0px 0 -6px 10px; width:31px; height:31px; background-position:0 -128px;}
.product-info a:hover em{ background-position:-204px -365px;}


/** contact **/
.contact{ position:relative; background:#1876AE; padding:15px 0 15px; color:#fff; z-index:1;}
.contact h4{ margin-bottom:55px; text-align:center;}
.contact h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#fff; vertical-align:top;}
.contact h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#fff;}
.contact h6{ margin-bottom:40px; font-size:18px;}
.contact-info{ margin-right:90px; width:200px;}
p.contact-address{ margin-bottom:20px; font-size:14px;}
p.contact-tel{ margin-top:40px; padding-left:30px;  background-position:0 -246px; font-size:18px; color:#fff;}
p.contact-email{ margin-top:8px; padding-left:30px;  background-position:0 -278px; font-size:14px; color:#fff;}
p.contact-share{ margin-top:50px; font-size:18px;}

.contact-where{ width:395px;}
.contact-where div{ width:395px; height:258px; overflow:hidden;}
.contact-where a{ display:block; width:395px; height:258px;}
.contact-where a:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2);}
.contact-quick{ width:415px;}
.contact-quick input{ float:left; margin-bottom:10px; padding:10px 0; text-indent:10px; width:100%; height:28px; border:none; background:#fff; font-size:16px; color:#666;}
.contact-quick textarea{ padding:10px; width:395px; height:125px; border:none; background:#fff; font-size:16px; color:#666;}
.contact-quick a{ float:right; display:block; margin-top:5px; width:160px; height:48px; line-height:48px; text-align:center; background:#fff; font-size:16px; color:#000;}

/** product list **/
.inner-banner{ height:584px; background:url(../images/loadinfo.gif) no-repeat center center;}
.inner-banner h4{ position:absolute; top:230px; right:0; width:370px; font-size:52px; line-height:60px; color:#fff;}
.inner-banner p{ /*position:absolute; top:360px; right:0;*/ margin-top:20px; width:370px; font-size:22px; color:#fff;} 

.inner-btn{ padding:85px 0 60px; background:#fff; text-align:center;}
.inner-btn-pad{ padding:50px 0;}
.inner-btn a{ display:inline-block; margin:0 30px 100px; width:120px; height:120px; line-height:120px; background:#f2f2f2; background:url(../images/gray_bg.png) no-repeat\9; font-size:18px; color:#000; border-radius:50%;}
.inner-btn-pad a{ margin-bottom:0px;}
.inner-btn a:hover{ background:#cc0000; background:url(../images/red_bg.png) no-repeat\9; color:#fff;}
.inner-line{ margin:0 auto; width:57px; height:1px; background:#676767; overflow:hidden;} 
.inner-btn-div { position: relative; /*height: 174px;*/ overflow: hidden;}
#btn-child { margin: 0 auto; height: 174px;}
#btn-child a { float: left; display: none; }
.inner-btn-cont { position: absolute; top: 0; left:0; }

.inner-product{ background:#edeff4;}
.inner-product .product-cont1{ position:relative; margin-top:50px;}
.inner-product .product-cont1 .product-div{ position:relative; margin-left:31px; width:1130px; overflow:hidden;}
.inner-product .product-cont1 .product-div ul { position:relative;}
.inner-product .product-cont1 ul li{ float:left; width:359px; margin-left:15px;}
.inner-product .product-cont1 ul li div.product-pic{ min-height:342px; background:#fff url(../images/loadinfo.gif) no-repeat center center;}
.inner-product .product-cont1 ul li img{ width:100%;}
.inner-product .product-cont1 ul li a{ padding-top:15px; width:100%; height:104px; background:#cc0000; display:block;}
.inner-product .product-cont1 ul li a:hover{ background:#d3d6dd;}
.inner-product .product-cont1 ul li a div.solution-line{ margin:0 auto 20px; background:#d4d4d4; width:30px; height:1px; overflow:hidden;}
.inner-product .product-cont1 ul li a:hover div.solution-line{ background:#fff;}
.inner-product .product-cont1 ul li a p{ font-size:14px; color:#f2f2f2; text-align:center;}
.inner-product .product-cont1 ul li a em{ display:block; margin:10px auto 0; background-position:-56px -128px; display:block; width:31px; height:31px;}

.inner-product .product-cont1 a.comm-jpg1,.productPic a.comm-jpg1,.glory a.comm-jpg1{ position:absolute; top:50%; margin-top:-19px; display:block; width:38px; height:38px;}
.inner-product .product-cont1 a.inner-prev,.productPic a.inner-prev1,.glory a.inner-prev{ background:url(../images/comm.png) no-repeat -94px -365px; left:0;}
.inner-product .product-cont1 a.inner-next,.productPic a.inner-next1,.glory a.inner-next{ background:url(../images/comm.png) no-repeat -148px -365px; right:0;}
.inner-product .product-cont1 a:hover.inner-prev,.productPic a:hover.inner-prev1,.glory a:hover.inner-prev{ background-position:-382px -365px;}
.inner-product .product-cont1 a:hover.inner-next,.productPic a:hover.inner-next1,.glory a:hover.inner-next{ background-position:-426px -365px;}

.inner-solution-odd { background: #edeff4; }
.inner-solution ul li{ float:left; margin:40px 0 0 76px; width:562px;}
.inner-solution ul li:first-child{ margin-left:0;}
.inner-solution ul li p{ margin:20px 0 0 0; font-size:14px; line-height:1.5;}
.inner-solution-odd ul li { float: right; }
.inner-solution-odd ul li:first-child { margin-left: 76px; }
.inner-solution-odd ul li:last-child { margin-left: 0; }

.inner-case{ margin-top:80px; background:#edeff4; opacity:0;}
.case-cont{ margin-top:40px; width:420px; color:#000;}
.case-cont h5,.solution-cont h5 { margin-top:0; font-size:30px; line-height:35px; color:#000; text-align:left;}
.case-cont h6,.solution-cont h6 { font-size:19px;}
.case-cont .case-line,.solution-cont .solution-line{ margin:15px 0 8px; width:57px; height:1px; background:#676767; overflow:hidden; }
.case-cont a,.solution-cont a{ font-size:14px; color:#000;}
.case-cont a em,.solution-cont a em{ display:inline-block; margin:0px 0 -6px 10px; background-position:-204px -365px; width:31px; height:31px;}
.inner-case img{ margin-top:40px;}
.case-cha{ margin:35px 0 25px; color:#858689;}
.solution-cha { margin:20px 0 30px; color:#858689;}
.case-cha p,.solution-cont p{ font-size:14px;} 

/** product center **/
.inner-btn1{ text-align:center; font-size:0;}
.inner-btn1 a{ position:relative; display:inline-block; padding-top:20px; margin:0 80px 20px; text-align:center; font-size:14px; color:#000;}
.inner-btn1 a p{ position:absolute; left:18px; width:84px; font-size:14px; line-height:18px;}
.inner-btn1 a:hover,.inner-btn1 a.current{ color:#cc0000;}
.inner-btn-application a { margin: 0 50px 20px; }
.inner-btn2 a,.inner-btn3 a,.inner-btn4 a,.inner-btn5 a{ /*margin:75px 23px 90px;*/  border-radius:50%; background:#f2f2f2; background:url(../images/gray_bg.png) no-repeat\9; font-size:14px; color:#000; line-height:17px; vertical-align:middle;}
.inner-btn2 a,.inner-btn3 a{ margin:17px 23px 35px;}
.inner-btn4 a{ margin:50px 23px;}
.inner-btn5 a{ margin:75px 23px 90px;}
.inner-btn2 a{padding:40px 18px 0; width:84px; height:80px;}
.inner-btn3 a{padding:50px 18px 0; width:84px; height:70px;}
.inner-btn2 a:hover,.inner-btn3 a:hover,.inner-btn2 a.current,.inner-btn3 a.current{ background:#cc0000; background:url(../images/red_bg.png) no-repeat\9; color:#fff;}
.btn-child a{ background:none; width:86px; height:82px;}
#btn-child a{ background:url(../images/btn_circle_normal.png) no-repeat;}
.btn-child a:hover,.btn-child a.current,#btn-child a:hover,#btn-child a.current{ background:url(../images/btn_circle.jpg) no-repeat; color:#000; }
#btn-child div{ display:none;}
#btn-child div.inner-btn-cont { display: block; }
.industry-icon{ text-align:center;}
.industry-icon a{ display:inline-block; margin:0 25px 90px; filter:gray; -webkit-filter:grayscale(100%);}
.industry-icon a:hover,.industry a.current{ filter:none; -webkit-filter:grayscale(0);}

/** product detail **/
.productInfo{ position:relative; color:#000; text-align:center;}
.productInfo h4,.btn-child h4{ margin:15px 0 5px; font-size:18px; color:#000;}
.productInfo h5,.btn-child h5{ font-size:30px; color:#000;}
.productBig{ min-height:526px; overflow:hidden;}
.glory { position:relative; text-align:center;}
.gloryBig { min-height:600px; overflow:hidden;}
.productBig ul,.gloryBig ul { position:absolute; top:0; left:0; width:4000px; }
.productBig ul li,.gloryBig ul li{ float:left;}
.productBig ul li div.productBigImg,.gloryBig ul li a.gloryBigImg{ width:100%; background:url(../images/loadinfo.gif) no-repeat center center; min-height:280px;}
.productDes{ margin:-170px auto 0; width:415px;}
.productDes h6{ font-size:30px;}
.productDes p{ margin-bottom:25px; text-align:left; color:#666; font-size:14px;}
.productDes p.productBigStyle{ font-size:20px; text-align:center; color:#000;}

.feature-line{ margin:30px auto 60px; width:57px; height:1px; border:0; background:#676767; }
.productFeature ul li.feature-intro,.interphone-pic img{ float:left; width:562px; margin-left:76px;}
.productFeature ul li.feature-intro:first-child,.interphone-pic img:first-child{ margin-left:0;}
.productFeature ul li img{ width:100%; margin:0 0 65px;}
.interphone-pic img{ margin-top:50px; margin-bottom:50px;}
.productFeature ul li p{ padding-left:30px; margin-bottom:3px; background:url(../images/comm_icon.png) no-repeat 0 -478px; font-size:12px; color:#000;}

.learn{ background:#edeff4;}
.learn ul{ margin:30px 0 0 -15px;}
.learn ul li{ float:left; position:relative; margin:30px 0 0 15px; width:390px; height:230px; background:#fff; text-align:center;}
.learn ul li a{ position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
.learn ul li em{ background:url(../images/comm_icon.png) no-repeat; display:block; margin:55px auto 20px; width:61px; height:61px; }
.learn ul li em.comm-icon1{ background-position:0 0;}
.learn ul li em.comm-icon2{ background-position:-70px 0;}
.learn ul li em.comm-icon3{ background-position:-141px 0;}
.learn ul li em.comm-icon4{ background-position:-213px 0;}
.learn ul li:hover{ background:#cc0000;}
.learn ul li:hover em.comm-icon1{ background-position:0 -69px;}
.learn ul li:hover em.comm-icon2{ background-position:-70px -69px;}
.learn ul li:hover em.comm-icon3{ background-position:-141px -69px;}
.learn ul li:hover em.comm-icon4{ background-position:-213px -69px;}
.learn ul li:hover p{ color:#fff;}
.learn ul li p{ color:#000;}
.learn ul li p.learn-eng{ font-size:20px;}
.learn ul li p.learn-cn{ font-size:18px;}

/** honor **/
.honor-top{ padding-top:0;}
.honor h5{ padding-top:50px;}
.honor h5 em{ display:inline-block; font-size:36px; line-height:50px; color:#cc0000; vertical-align:top;}
.honor h5 i{ display:inline-block; font-size:24px; line-height:50px; color:#000;}
.honor img{ margin:0 auto; display:block;}
.honor-line{ margin:35px auto; background:#676767; width:27px; height:1px; overflow:hidden;}
.honor .line-white{ background:#fff;}
.bg-red h5 em,.bg-red h5 i{ color:#fff;}
.honor-property{ text-align:center;}
.honor-property ul li{ margin:0 35px; display:inline-block; font-size:14px; color:#000;}
.honor-property ul li em{ margin-left:5px; font-size:18px;}

.honor-bg{ background:url(../images/honor_style.jpg) no-repeat center top; width:100%; height:621px; }
.honor-left,.honor-right{ position:relative; width:50%; height:100%;}
.honor a.inner-prev,.honor a.inner-next{ position:absolute; left:50%; margin-left:-19px; margin:0 auto; display:inline-block; background:url(../images/comm_icon.png) no-repeat; width:38px; height:38px;}
.honor a.inner-prev{ top:55px; background-position:-329px -419px;}
.honor a.inner-next{ bottom:55px; background-position:-374px -419px;}
.honor a:hover.inner-prev{ background-position:-419px -419px;}
.honor a:hover.inner-next{ background-position:-462px -419px;}
.honor-style{ position:relative; margin-top:145px; height:330px; overflow:hidden; text-align:center;}
.honor-style ul{ position:relative;}
.honor-style ul li img{ margin:0 10px; display:inline-block;}

/** interphone solution  **/
.inner-service{ padding-top:0;}
.interphone-intro div,.service-intro div { float:left; margin:0px 0 0 76px; width:562px; }

.interphone-intro div:first-child,.service-intro div:first-child{ margin-left:0;}
.interphone-intro div:nth-child(2n+1) { margin-left: 0; }
.service-intro div h5{ margin-bottom:15px; text-align:left; font-size:18px; color:#000;}
.service-intro div p{ color:#848383;}
.interphone-intro div p{ padding-bottom:5px; font-size:14px;}
.introduction-intro div p{ padding-bottom:20px;}
.interphone ul li p{ padding-bottom:20px;}

.application-btn{ margin-bottom:80px;}
.application-btn ul li{ float:left; *display:inline; padding:0 29px;  width:auto; text-align:center; border-left:solid 1px #d9d9d9;}
.application-btn ul li:first-child{ padding:0 36px 0 0; border-left:none;}
.application-btn ul li:last-child{ padding:0 0 0 36px;}
.application-btn ul li em{ background:url(../images/solution_icon.jpg) no-repeat; display:block; margin:0 auto; *margin:0; height:62px;}
.application-btn ul li em.application-em1{ background-position:-16px 0; width:60px;}
.application-btn ul li em.application-em2{ background-position:-160px 0; width:52px;}
.application-btn ul li em.application-em3{ background-position:-301px 0; width:50px;}
.application-btn ul li em.application-em4{ background-position:-450px 0; width:33px;}
.application-btn ul li em.application-em5{ background-position:-580px 0; width:55px;}
.application-btn ul li em.application-em6{ background-position:-726px 0; width:46px;}
.application-btn ul li em.application-em7{ background-position:-865px 0; width:50px;}
.application-btn ul li em.application-em8{ background-position:-1010px 0;width:50px;}
.application-btn ul li em.application-em9{ background-position:-1148px 0;width:49px;}
.application-btn ul li p{ display:inline; font-size:18px; color:#000;}

.application-info a{ float:left; margin:0px 0 20px 76px; width:562px; height:321px; background:#f2f2f2;}
.application-info a:first-child{ margin-left:0;}
.application-info a p{ padding:55px 0 35px; font-size:14px; color:#000; text-align:center;}
.application-info a p em{ font-size:24px; color:#cc0000;}
.application-info a em.application-info-em1,.application-info a em.application-info-em2{ margin:0 auto; background:url(../images/comm_icon.png) no-repeat; display:block; width:146px; height:146px;}
.application-info a em.application-info-em1{ background-position:0 -144px;}
.application-info a em.application-info-em2{ background-position:-166px -144px;}
.application-info a:hover em.application-info-em1{ background-position:0 -304px;}
.application-info a:hover em.application-info-em2{ background-position:-166px -304px;}

/** system **/
.system img{ margin:0 auto; display:block;}

.interphone1{ padding-bottom:0;}
.solution-feature{ background:#eff1f5;}
.solution-feature ul li{ float:left; width:25%; height:440px; text-align:center; background:#eff1f5;}
.solution-feature ul li:hover{ background:#d01d1e;}
.solution-feature ul li em{ margin:80px auto 20px; display:block; width:66px; height:66px; background:url(../images/comm_icon.png) no-repeat;}
.solution-feature ul li em.solution-feature-em1{ background-position:-289px 0;}
.solution-feature ul li em.solution-feature-em2{ background-position:-361px 0;}
.solution-feature ul li em.solution-feature-em3{ background-position:-433px 0;}
.solution-feature ul li em.solution-feature-em4{ background-position:-329px -144px;}
.solution-feature ul li:hover em.solution-feature-em1{ background-position:-289px -69px;}
.solution-feature ul li:hover em.solution-feature-em2{ background-position:-361px -69px;}
.solution-feature ul li:hover em.solution-feature-em3{ background-position:-433px -69px;}
.solution-feature ul li:hover em.solution-feature-em4{ background-position:-329px -213px;}
.solution-feature ul li p{ margin:15px auto 0; width:165px; font-size:14px; color:#77787a;}
.solution-feature ul li h6{ font-size:14px; color:#000;}
.solution-feature ul li:hover p,.solution-feature ul li:hover h6{ color:#fff;}
.business-fun div{ width:300px; padding-right:49px;}
.business-fun div h5{ margin-bottom:15px; font-size:14px; color:#000; text-align:left;}

/** service **/
.service-cont,.faq-cont{ padding:90px 0; background:#edeff4;}
.service-cont ul li{ position:relative; float:left; margin:0 0 25px 180px; width:280px; height:300px; overflow:hidden; background:#fff;}
.service-cont ul li em{ margin:80px auto 15px; display:block; width:75px; height:75px; background:url(../images/icon_faq.png) no-repeat;}
.service-cont ul li em.service-cont-em1{ background-position:-270px -92px;}
.service-cont ul li em.service-cont-em2{ background-position:0 0;}
.service-cont ul li em.service-cont-em3{ background-position:-90px 0;}
.service-cont ul li em.service-cont-em4{ background-position:-180px 0;}
.service-cont ul li em.service-cont-em5{ background-position:-270px 0;}
.service-cont ul li em.service-cont-em6{ background-position:-360px 0;}
.service-cont ul li em.service-cont-em7{ background-position:0 -92px;}
.service-cont ul li em.service-cont-em8{ background-position:-90px -92px;}
.service-cont ul li em.service-cont-em9{ background-position:-180px -92px;}
.service-cont ul li p.service-title{ margin:0 auto; width:130px; text-align:center; font-size:18px; color:#000;}
.service-cont ul li .service-info{ position:absolute; top:0px; left:0; padding:0 25px; width:230px; height:12px; color:#fff; background:#cc0000; overflow:hidden;}
.service-cont ul li .service-info h6{ padding:25px 0 15px; font-size:14px;}

/** faq **/
.inner-faq{ padding-bottom:0;}
.faq-info{ margin:0 auto; width:1020px;}

.faq-info .faq-odd,.faq-info .faq-even{ float:left; margin:0 0 30px 60px; width:450px; cursor:pointer;}
.faq-info li{ margin-bottom:30px; float:left;  /*margin:0 0 30px 60px;*/ width:450px; background:#fff;}
.faq-info div.faq-question{ position:relative; padding:50px 40px; width:370px;}
.faq-info div.faq-question p{ position:relative; font-size:18px; color:#000; z-index:20;}
.faq-info div.faq-question em{ position:absolute; top:0; left:0; display:block; width:100%; height:12px; background:#cc0000; z-index:10;}
.faq-info div.faq-answer{ padding:35px 40px 60px; display:none; width:370px; color:#000; background:#fff;}
.faq-info div.faq-answer p{ line-height:24px;}

/** news **/
.news{ padding-top:150px; background:#f3f3f3;}
.news-cont{ width:900px; margin:0 auto;}
.inner-btn-news{ text-align:center;}
.inner-btn-news a{ margin:75px 23px 90px; display:inline-block;  border-radius:50%; width:120px; height:120px; background:#fff; background:url(../images/white_bg.png) no-repeat\9; font-size:14px; color:#000; line-height:120px;}
.inner-btn-news a:hover,.inner-btn-news a.current{ background:#cc0000; background:url(../images/red_bg.png) no-repeat\9; color:#fff;}
.news-box{ position:relative; float:left; margin-bottom:30px; width:275px; overflow:hidden;}
.news-info{ padding:20px 10px; width:255px; background:#fff; text-align:center; transition:background .5s ease;}
.news-info em{ margin-bottom:15px; display:inline-block; width:31px; height:1px; overflow:hidden; background:#d4d4d4;}
.news-info p{ color:#000; transition:color .5s ease; text-align:left; font-size:14px;}
.news-info p.news-wz { height: 63px; }
.news-info time{ margin-right:5px; display:none;}
.news-box-hover .news-info{ background:#cc0000;}
.news-title{ position:relative; padding-left:55px;}
.news-title p.news-year{ position:absolute; top: -5px; left:0; font-size:20px; color: #999; }
.news-title p.news-month{ margin-bottom:5px; font-size:18px; height:18px; line-height:18px;}
.news-box-hover p,.news-box-hover .news-title p.news-year { color:#fff; }

.news-box a .news-photo { display: block; width: 275px; height: 152px; overflow: hidden; }
.news-box .news-bg{ position:absolute; top:0; left:0; width:100%; display:block; opacity:0; filter:alpha(opacity=0); transition:opacity .5s ease;}
.news-box-hover .news-bg{ display:block; opacity:1; filter:alpha(opacity=100);}
.news-bg p{ height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.news-bg em{ position:absolute; top:50%; left:50%; display:none; margin:-31px 0 0 -31px; width:62px; height:62px; background:url(../images/comm.png) no-repeat -310px -365px;}
.news-box-hover .news-bg em{ display:inline-block;}

/** contact **/
.contact-map{ position:relative; margin:110px auto 50px; background:url(../images/map.jpg) no-repeat; height:1035px;}
.contact-location{ position:absolute; /*top:423px; left:771px;*/ display:block; background:url(../images/comm.png) no-repeat -2px -481px; width:17px; height:17px;}
.contact-location-big{ background:url(../images/comm_icon.png) no-repeat -329px -349px; width:28px; height:28px;}
.contact-pop{ position:absolute; top:50%; margin:-350px 0 0 -291px; display:none; opacity:0; filter:alpha(opacity=0); width:582px; height:307px; background:#edeff4;}
.contact-location p.contact-title{ padding-left:20px; width:70px;}

.contact-left{ padding:35px 15px 0 20px; width:210px; height:272px; color:#fff; background:#cc0000;}
.contact-left h6{ font-size:14px;}
.contact-left h6 em{ margin-right:10px; display:inline-block; font-size:24px;}
.contact-add{ margin:30px 0 30px;}
.contact-info1 p em{ display:inline-block; margin-right:10px; width:17px; height:17px;}
.contact-info1 p em.contact-em1{ background-position:0 -250px;}
.contact-info1 p em.contact-em2{ background-position:0 -279px;}
.contact-info1 p.contact-tel1{ font-size:18px;}

.contact-right{ padding:40px 18px 0 16px; width:298px;} 
.contact-right input{ float:left; margin-bottom:10px; padding:10px 0; background:#fff; border:none; width:298px; height:15px; text-indent:10px; color:#666;}
.contact-right textarea{ padding:10px; width:278px; height:80px; background:#fff; border:none; color:#666;}
.contact-right input.contact-submit{ float:right; margin-top:10px;; display:inline-block; width:116px; height:35px; line-height:35px; background:#fff; color:#000; text-align:center; cursor:pointer;}

/** news **/
.news-pic img{ margin-top:60px; width:100%;}
.news-cont h5{ font-size:18px; color:#000;}
.news-cont time{ margin:15px 0 70px; display:block; font-size:14px; color:#818181; text-align:center;}
.news-item div{ width:580px;}
.news-item div p{ margin-bottom:20px; line-height:18px; color:#5b5b5b;}
.news-item p{ font-size:14px;}
.news-page1{ margin:60px 0;}
.news-page1 a{ display:inline-block; background:url(../images/news_icon.png) no-repeat; height:31px; line-height:31px; color:#5b5b5b; font-size:14px;}
.news-page1 a.prev{ padding-left:45px;}
.news-page1 a.next{ padding-right:45px; background-position:right -40px;}
.news-page1 a:hover.prev{ background-position:0 -80px; color:#b9111a;}
.news-page1 a:hover.next{ background-position:right -120px; color:#b9111a;}

.news-recent h6{ margin-bottom:15px; font-size:14px; font-weight:bold; color:#000;}
.news-recent ul li{ margin-bottom:5px;}
.news-recent ul li a { color:#818181;}
.news-recent ul li a p{ display:inline; padding-bottom:3px; font-size:14px;}
.news-recent ul li a em{ font-size:14px;}
.news-recent ul li a:hover{ text-decoration:underline; color:#000;}

/** successful case **/
.case-success{ margin:0px auto 0; width:1125px;} 
.case-success ul li{ position:relative; float:left; margin-bottom:70px; padding-top:60px; width:355px; height:380px; background:#edeff4; text-align:center;}
.case-success ul li.case-two{ margin:0 30px;}
.case-success ul li img{ display:block; margin:0 auto;}
.case-success ul li h5{ margin-top:30px; padding:0 60px; color:#000; font-size:24px; line-height:35px;}
.case-success ul li h6{ padding:0 20px; margin-top:45px; font-size:18px; line-height:20px;}
.case-success ul li .feature-line1{ margin:20px auto 17px; width:57px; height:1px; background:#848383; overflow:hidden;}
.case-success ul li p.case-title{ color:#a6a6a8;} 
.case-success ul li a{ position:absolute; bottom:0; left:0; width:100%; height:12px; background:#cc0000; overflow:hidden;}
.case-success ul li a .case-line1{ margin:13px auto 22px; width:30px; height:1px; background:#d4d4d4; overflow:hidden;}
.case-success ul li a p{ padding-bottom:0; color:#edeff4;} 
.case-success ul li a em{ margin:10px auto 0; display:block; width:31px; height:31px; background-position:-56px -128px;}

.case-page{ margin-top:60px; text-align:center;}
.case-page a{ margin:0 6px; display:inline-block; width:10px; height:31px; line-height:31px; vertical-align:top; color:#666; text-indent:-9999px; background:url(../images/page_icon.png) no-repeat -22px 0;}
.case-page a.current,.case-page a:hover{ background-position:0 0;}
.case-page a.prev,.case-page a.next{ display:inline-block; padding:0; margin:0 8px; width:31px; height:31px; background:url(../images/comm_icon.png) no-repeat;}
.case-page a.prev{ background-position:-329px -384px;}
.case-page a.next{ background-position:-372px -384px;}
.case-page a:hover.prev{ background-position:-415px -384px;}
.case-page a:hover.next{ background-position:-460px -384px;}

/** case detail **/
.case-app ul li{ float:left; margin-left:76px; width:562px; }
.case-app ul li:first-child{ margin-left:0;}
.case-app ul li p{ padding-left:25px; margin-bottom:20px; background:url(../images/comm_icon.png) no-repeat 0 -475px; font-size:14px; color:#000;}
.case-jd{ width:500px;}
.case-jd h5{ font-size:19px; color:#000; text-align:left;}
.case-jd .case-line{ margin:15px 0 30px; width:57px; height:1px; background:#676767; overflow:hidden; }
.case-jd h6{ font-size:14px; color:#000;}
.case-jd .case-question{ margin-top:15px;}
.case-jd .case-question p{ color:#757575; line-height:26px;}
#product_content_full_cn tr td p{ font-size:14px !important; /*background:url(../images/comm_icon.png) no-repeat 0 -478px !important;*/}


/** player **/
.pop-aph,.pop-aph1 { display:none; position:fixed; top:0; left:0; z-index:9997; width:100%; height:100%; background:url(../images/bg_aph.png); }
.pop { display:none; position:fixed; top:50%; left:50%; z-index:9998; width:1000px; height:600px; margin:-300px 0 0 -500px; background:#000;  }
.pop-close { position:absolute; top:-14px; right:-12px; width:28px; height:28px; background:url(../images/player_close.png) no-repeat;}
a:hover.pop-close,a:hover.pop-close1{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.pop-content,.pop-content a { display:block; width:1000px; height:600px; }
.pop1 { display:none; padding:130px 0 60px; position:absolute; top:2700px; left:0; z-index:9998; width:100%;/* height:420px;*/  background:#fff; }
.pop-close1{ position:absolute; top:-100px; right:0px; width:57px; height:57px; background:url(../images/technical_close1.jpg) no-repeat;}
.pop-content1 table{ width:100%; border-top:solid 1px #000;}
.pop-content1 table tr td{ padding:15px 0; border-bottom:solid 1px #000; color:#030303;}


/** footer **/
.map-div{ position:absolute; top:0; left:0; width:100%; height:622px; display:none; z-index:100;}
.close-map{ position:absolute; top:0; right:0; display:block; width:28px; height:28px; background:#cc0000; z-index:110;}
#map{ position:relative; height:622px; z-index:100;}
#map h5{ margin:55px 0 0 50px; font-size:18px; color:#fff;}
#map p{ margin:18px 0 0 50px; font-size:12px; color:#fff;}
.footer{ padding:40px 0; background:#E5E8ED;}


.footer-bottom{ margin:0 auto 0; width:1199px;}
.footer-bottom p.footer-copyright{ padding-right:5px; margin:1px 15px 0 15px; height:14px; }
.footer-bottom p.footer-note,.footer-bottom p.footer-law,.footer-bottom a.footer-sitemap{  padding-right:5px; color:#5c5c5c; height:14px; line-height:14px; }
.footer-bottom p.footer-note,.footer-bottom p.footer-law{ margin:3px 15px 0 0;}
.footer-bottom a.footer-sitemap{ margin-top:3px;}
.footer-law fl a{margin-top:-5px;}
.footer-bottom p.footer-tel{ margin-top:-12px; font-size:12px; color:#cc0000;}
.footer-bottom p.footer-tel em{ font-size:24px;}

.jiathis_style_24x24,.share-link{ margin-top:15px;}
.share-link ul li { float: left; position: relative; width: 39px; }
.contact-info .jiathis_style_24x24 .jtico,.share-link ul li a{ display: block; background:url(../images/comm.png) !important; margin-right:10px;  width:29px !important; height:29px !important; padding:0 !important;} 
.share-link ul li .share-wechat { position: absolute; top: 40px; left: 30px; display: none; opacity: 0; filter:alpha(opacity=0); }
.share-link ul li .share-wechat p { font-size: 14px; text-align: center; }

.contact-info .jiathis_style_24x24 .jtico_tsina,.share-link ul li a.share-tsina{ background-position:0 -202px !important;}
.contact-info .jiathis_style_24x24 .jtico_tqq,.share-link ul li a.share-tqq{ background-position:-44px -202px !important;}
.contact-info .jiathis_style_24x24 .jtico_weixin,.share-link ul li a.share-weixin{ background-position:-88px -202px !important;}
.contact-info .jiathis_style_24x24 .jtico_baidu,.share-link ul li a.share-baidu{ background-position:-132px -202px !important;}

/** ie6  **/
.browser { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:#fff; }
.ie6 { display:block; }
.browser-wrap { position:absolute; top:50%; left:0; width:100%; height:200px; margin-top:-100px; text-align:center; color:#666666; }
.browser h1 { margin-bottom:15px; font-size:25px; letter-spacing:2px; color:#333; }
.browser p { line-height:1.8; font-size:13px; }
.browser ul { width:600px; margin:25px auto 0; }
.browser ul li { float:left; width:120px; text-align:center; }
.browser ul li em { display:block; height:25px; line-height:25px; color:#666; }
.browser ul li a:hover em { color:#cc0000; }
	
.inhead-det-pic img {
width: 585px;
height;275px;
position: absolute;
bottom: 0px;
right: 0px;
top:0px;
}
	
.inhead-det-text h3 {
font-size: 38px;
color: #fff;
padding-top: 60px;
margin-left:30px;
}	
.inhead-det-text p {
padding-top: 14px;
color: #fff;
line-height: 26px;
font-size: 16px;
margin-left:30px;
}



/*首页头部*/
.header-banner-bd{overflow:hidden;height:660px;}
.header-banner-bd .item{overflow:hidden;height:100%;}
.header-banner-bd .pc .cell img{display:block;position:relative;left:50%;width:1920px;margin-left:-960px;}
.header-banner-bd .pc{overflow:hidden;position:relative;width:100%;height:100%;}
.header-banner-bd .pc .cell{position:relative;width:100%;height:100%;}
.header-banner-bd .pc .cell p{position:absolute;left:0px;top:0px;display:block;width:100%;height:100%;}
.header-banner-bd .pc .cell p a{display:block;position:absolute;left:13.2%;bottom:21.5%;background:url(../images/opacity.png) repeat;width:100px;height:30px;text-indent:-999px;overflow:hidden;}
.header-banner-bd .pc .cell p a.a1{left:58%;}

.header-banner-bd .pc .stack{position:absolute;left:0px;top:0px;width:100%;}
.header-banner-bd .pc .stack .pic{padding:0px;position:relative;}
.header-banner-bd .pc .stack .pic img{width:100%;}
.header-banner-bd .pc .stack .text{padding-top:230px;font-family:'微软雅黑';position:relative;}
.header-banner-bd .pc .stack .text h1{font-size:60px;font-weight:bold;color:#ffffff;margin-bottom:16px;}
.header-banner-bd .pc .stack .text h2{font-size:20px;color:#ffffff;margin-bottom:16px;}
.header-banner-bd .pc .stack .text h3{font-size:40px;color:#ffffff;margin-bottom:16px;}
.header-banner-bd .pc .stack .text .btn{padding:10px 0px;overflow:hidden;}
.header-banner-bd .pc .stack .text .btn a{display:block;width:130px;overflow:hidden;text-indent:25px;font-weight:bold;font-size:14px;color:#fff;border:1px solid #fff;background:url(../images/home-001.png) no-repeat 95px center;text-align:left;padding:7px 0px;}
.header-banner-bd .pc .stack .text .btn a:hover{background:#fff url(../images/home-002.png) no-repeat 95px center;color:#666;}

.header-banner-bd .phone img{width:100%;}

.header-banner-bd .i01 .pc .stack .pic img{width:115%;}
.header-banner-bd .i02 .pc .stack .pic img{width:110%;/*margin-left:-20%;灯泡结束后取消*/} 


.header-banner-ol{padding-bottom:45px;}

#header-banner .banner-btn{position:absolute;width:80px;height:100%;z-index:9;top:0px;display: -webkit-box;}
#header-banner .banner-btn a{display:block;height:41px;width:23px;background:#000;position:absolute;top:50%;right:0px;background:url(../images/button15.png) no-repeat 0px -41px;}
#header-banner .banner-btn a:hover{opacity:0.6;filter:alpha(opacity = 60);}
#header-banner .btn-left{left:0px;}
#header-banner .btn-right{right:0px;}
#header-banner .btn-right a{left:0px;background-position:-23px -41px;}
#header-banner .carousel-indicators-wrap{top:150px;text-align:right;bottom:auto;}


.h-inews .row{height: 50px;line-height: 50px;margin-top: -50px;overflow: hidden;position: relative; z-index: 20;background:url(../images/bg-black.png) repeat;}
.h-inews .row a{color: #e5e5e5;}
.notice-cell{position:relative;}
.notice-cell h2{float: left;line-height:50px;font-size:14px;margin-right:20px;color:#e5e5e5;}
.notice-cell .tempWrap{float: left;width:80% !important;}
.notice-cell ul{width:80% !important;}
.notice-cell ul li{height:50px;overflow:hidden;float:left;width:100% !important;}
.notice-cell ul li a{float: left;margin-right:20px;overflow:hidden;height:50px;}
.notice-cell ul li a:hover{text-decoration:underline;}
.notice-cell ul li span{float: left;color:#999;}

.notice-cell .notice-btn{width:23px;height:23px;display:block;position:absolute;top:15px;background:url(../images/button16.png) no-repeat 0px 0px;}
.notice-cell .next{background-position:-23px 0px;right:0px;}
.notice-cell .next:hover{background-position:-23px -23px;}
.notice-cell .prev{background-position:0px 0px;right:30px;}
.notice-cell .prev:hover{background-position:0px -23px;}

	
	
.main-banner1{
width: 100%;
overflow:hidden;
height:430px;
background-position: center 100%;

background-repeat: no-repeat;

BACKGROUND-IMAGE: url(../images/ab-banner.jpg);
}	
.main-banner2{
width: 100%;
overflow:hidden;
height:430px;
background-position: center 100%;

background-repeat: no-repeat;

BACKGROUND-IMAGE: url(../images/cp-banner.jpg);
}
.main-banner3{
width: 100%;
overflow:hidden;
height:430px;
background-position: center 100%;

background-repeat: no-repeat;

BACKGROUND-IMAGE: url(../images/xw-banner.jpg);
}
.main-banner4{
width: 100%;
overflow:hidden;
height:430px;
background-position: center 100%;

background-repeat: no-repeat;

BACKGROUND-IMAGE: url(../images/wh-banner.jpg);
}
.main-banner5{
width: 100%;
overflow:hidden;
height:430px;
background-position: center 100%;

background-repeat: no-repeat;

BACKGROUND-IMAGE: url(../images/wl-banner.jpg);
}
.main-banner6{
width: 100%;
overflow:hidden;
height:430px;
background-position: center 100%;

background-repeat: no-repeat;

BACKGROUND-IMAGE: url(../images/ly-banner.jpg);
}
.main-banner7{
width: 100%;
overflow:hidden;
height:430px;
background-position: center 100%;

background-repeat: no-repeat;

BACKGROUND-IMAGE: url(../images/lx-banner.jpg);
}
/*方案1*/
#mian{
background: url(../images/main-bbgg.jpg) no-repeat center top #fff;
}

#contnet {
width: 1030px;
margin: 0 auto;
height: 850px;
background: url(../images/main-bg.jpg) no-repeat center top #fff;
}
.NewsTitl {
margin-top: 62px;
margin-left: 17px;
width: 996px;
height: 58px;
line-height: 30px;
font-size: 28px;
font-weight: 900;
color: #000;
BORDER-bottom: #cbcbcb 1px solid;
float: left;
}
#contnet .News_left {
float: left;
width: 804px;
border-right: 1px #cccccc solid;
padding-bottom: 20px;
margin-left: 17px;
line-height: 30px;
font-size: 14px;
}
.ListNews {
margin: 0px auto;
WIDTH: 780px;
min-height: 420px;
padding-right: 20px;
padding-top: 30px;
color: #000;
}
.c_show{}
.c_show p{text-indent:2em;}
.c_show img{text-align:center;}
.c_show p {
text-indent: 2em;
}
p, ul {
list-style: none;
margin: 0;
padding: 0;
border: 0px;
}
.c_show p {
text-indent: 2em;
}
.c_show  span{
font: 14px/1.5 "微软雅黑",Arial;
}
p, ul {
list-style: none;
}
Inherited from div.ListNews
.ListNews {
color: #000;
}
Inherited from div.News_left
#contnet .News_left {
line-height: 30px;
font-size: 14px;
}
.clearboth {
clear: both;
height: 2px;
_overflow: hidden;
}
.pager {
TEXT-ALIGN: center;
PADDING-BOTTOM: 2px;
LINE-HEIGHT: 21px;
MARGIN: 12px auto 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
OVERFLOW: hidden;
PADDING-TOP: 2px;
}
.conten_right {
float: left;
width: 207px;
padding-bottom: 20px;
}

.MenuList {
font-size: 14px;
margin-top: 75px;
width: 207px;
float: right;
}
.off a {
padding-left: 50px;
width: 157px;
height: 35px;
line-height: 35px;
color: #9d9d9d;
font-size: 12px;
}	
.on {
padding-left: 50px;
width: 192px;
height: 35px;
line-height: 35px;
background-image: url(../images/BjLeft.gif);
font-size: 12px;
color: #504f4f;
}
/*方案1。。*/
.left1 {
float: left;
width: 220px;
}
.left1_til {
height: 71px;
font-size: 25px;
font-weight: 900;
color: #000;
padding-top:18px;
padding-left: 32px;
}
ol, ul {
list-style: none;
}
.left1_menu li {
height: 39px;
padding: 1px 0;
border: 1px solid #e0e0e0;
border-width: 1px 0;
margin-top: -1px;
width: 220px;
float: left;
}
.left1_menu li a.hover, .left1_menu li a:hover {
background-position: 0 0;
color: #fff;
}
.left1_menu li a {
display: block;
padding-left: 32px;
background: url(../images/leftmenu_bg.jpg) no-repeat left bottom;
line-height: 39px;
}
.rightmain {
float: right;
width: 708px;
padding: 36px 0 0;
}
.path {
font-size: 16px;
padding-right: 38px;
}
.path {
height: 29px;
border-bottom: 1px solid #e0e0e0;
}
.path span {
float: right;
font: 12px/1.5 "微软雅黑",Arial;
color: #929292;
}
.path span a {
font: "微软雅黑";
color: #929292;
}
.path span em {
color: #3b876d;
}
em, i, del {
font-weight: normal;
font-style: normal;
}
.right_con {
font: 12px/1.5 "微软雅黑",Arial;
padding: 35px 0 0 0;
line-height: 18px;
overflow: hidden;
}
.clear {
clear: both;
}
.main {
width: 981px;
height:800px;
padding: 0 1px 50px;
background: url(../images/main_bg.jpg) no-repeat center top #fff;
margin: 0 auto;
font: 12px/1.5 "微软雅黑",Arial;
}
	
.clear {
clear: both;
}
.site {
width: 100%;
background: url(../images/site_bg.jpg) no-repeat center 18px;
margin-top: -18px;
position: relative;
z-index: 2px;
}	
	
	

	













 .explanation {
width: 1260px;
min-width: 1260px;
margin: 0 auto;
height: 520px;
margin-top: 50px;
overflow: hidden;
position: relative;
}
.explanation .exp-slogan {
text-align: center;
font-size: 36px;
margin: 0;
}
.explanation .exp-imac {
position: absolute;
top: 180px;
left: 180px;
z-index: 1;
}
.explanation .exp-info {
position: absolute;
width: 360px;
top: 230px;
left: 720px;
}
.explanation .exp-title {
font-size: 22px;
}
.explanation .exp-content {
color: #666;
font-size: 16px;
line-height: 24px;
margin-bottom: 25px;
}
.explanation .exp-more {
background: #26aeec;
color: #fff;
font-size: 14px;
padding: 2px 13px;
border: 0;
border-radius: 4px;
padding: 6px 20px;
}
	
	
	
 .marketing {
width: 100%;
height: 550px;
background: #000;
color: #fff;
}
.marketing .mark-bk {
width: 100%;
min-width: 1260px;
height: 550px;
background: #000 url(../images/index-banner-marketing.jpg) 0 0 fixed repeat-y;
background-size: 100% auto;
position: relative;
}
.marketing .mark-bk .inner {
width: 1260px;
min-width: 1260px;
margin: 0 auto;
height: 550px;
position: relative;
}
 .marketing .mark-bk .inner .mark-slogan {
font-size: 34px;
padding-top: 50px;
}
 .marketing .mark-bk .inner .mark-info {
margin-top: 70px;
margin-right:330px;
}
.marketing .mark-bk .inner .mark-info .mark-left {
font-size: 16px;
}
 .marketing .mark-bk .inner .mark-info .mark-left p {
margin: 0 0 15px;
}
 .marketing .mark-bk .inner .mark-info .mark-left p i {
width: 22px;
height: 22px;
display: inline-block;
vertical-align: top;
background: url(../images/marketing-icon.png) -9px -254px no-repeat;
margin-right: 25px;
}
 .marketing .mark-bk .inner .mark-info .mark-left p span{
font-weight:bold;
color:#fff;
font:16px/1.5 "微软雅黑",Arial;
}
.marketing .mark-advice {
height: 100px;
line-height: 100px;
text-align: left;
}
.marketing .mark-advice .mark-advice-info {
margin-left: 30px;
font-size: 20px;
}
 .marketing .mark-advice .mark-advice-tel {
font-size: 24px;
margin-left: 8px;
color: #ea222c;
}
.marketing .mark-bk .inner .mark-phone {
position: absolute;
top: 75px;
right: 0;
}

	
	
	
	
	
	
	
	
	
	
.odds {
background: #65c3de;
width: 100%;
height:330px;
}
.odds .inner {
width: 1010px;
min-width: 1360px;
margin: 0 auto;
color: #fff;
padding: 30px 0;
}
.odds .inner .odds-slogan {
font-size: 36px;
text-align: center;
}
 .odds .inner .odds-info {
margin-left: 220px;
}
.odds .inner .odds-info .odds-block {
width: 20%;
float: left;
text-align: center;
}
 .odds .inner .odds-info .odds-block .odds-icon {
width: 200px;
}
 .odds .inner .odds-info .odds-block .odds-title {
margin-top: 0;
font-size: 18px;
font-weight: 600;
color:#fff;
}	
	
	
	
	
	
	
.main2{width:1000px;height:auto;margin:0px auto;}	
/*项目简介*/
.left2{width:232px;height:auto;float:left; }
.left2_t{width:295px;height:63px; background:url(../images/left_t.png) no-repeat; margin-top:-57px;position:relative;z-index:999;padding:20px 60px;margin-left:17px;}
.left2_t p{ color:#005AAB;font-size:20px;font-weight:bold}
.left2_b .img_bg{float:right;}
.left2_b .img_bg2{float:left;}

.left2_b_nr{float:right;width:204px;}
.left2_b_nr ul{width:184px;height:auto;}
.left2_b_nr ul li{width:184px;height:34px;border-bottom:1px solid #e5e5e5;line-height:32px;}
.left2_b_nr ul li a{ display:block;width:184px;height:30px; background:url(../images/li_bg1.gif);padding-left:60px;color:#333;margin-top:3px;line-height:32px;}
.left2_b_nr ul li a:hover{ background:url(../images/li_bg2.gif);color:#fff;font-weight:bold;}
.left2_b_nr ul li .a1{background:url(../images/li_bg2.gif);color:#fff;font-weight:bold;}
.left2_b_nr .the{width:204px;height:81px;margin-top:25px;}
.left2_b_nr .yxdj{width:184px;margin-top:24px;}
.left2_b_nr .yxdj h1{margin-left:10px;margin-bottom:15px;}
.left2_b_nr .yxdj p{color:#333;line-height:32px;}
.left2_b_nr .yxdj p input{width:136px;height:19px;border:1px solid #d9d9d9;}
/*.left_b_nr .yxdj  a img{margin-left:80px;margin-top:2px;} */


.right2{width:755px;height:auto;float:right;margin-top:15px;margin-bottom:50px;}
.right2 .bt{width:770px;height:30px; background:url(../images/bt_bg.gif);line-height:20px;}
.right2 .bt .bt_l{float:left;color:#005AAB; font-size:18px; font-weight:bold;padding-left:25px;}
.right2 .bt .bt_r{float:right;color:#595959;}
.right2 .bt .bt_r a{color:#595959;margin-left:8px;margin-right:8px;}
.right2 .bt .bt_r span{margin-left:8px;}
.nr1{width:770px;height:auto;margin-top:37px;}
.nr1 h1{float:left;margin-right:16px;}
.nr1 p{line-height:24px;color:#333;}
.nr5{width:760px;height:350px;margin-top:37px; background-image:url(../images/lxwmbj.jpg)}
	
	
	
.linian_1 {
height: auto;
width: 100%;
background: url(../images/wenhua_pic17.jpg) no-repeat right bottom;
padding-top: 65px;
padding-bottom: 65px;
margin-bottom: 20px;
}

.linian_1 ul li em, .linian_2 ul li em, .linian_3 ul li em {
display: inline-block;
width: 32px;
height: 30px;
margin-right: 10px;
float: left;
color: #fff;
text-align: center;
font-weight: bold;
background: url(../images/wenhua_pic20.png) no-repeat left;
font-size:18px;
}
.linian_2 {
height: auto;
width: 100%;
overflow: hidden;
background: url(../images/wenhua_pic18.jpg) no-repeat left bottom;
padding-top: 15px;
padding-bottom: 65px;
margin-bottom: 20px;
}
.linian_2 ul {
width: 340px;
height: auto;
overflow: hidden;
float: right;
}
.linian_2 ul li {
width: 100%;
height: auto;
line-height: 35px;
font-size: 16px;
}
.linian_3 {
height: auto;
width: 100%;
background: url(../images/wenhua_pic19.jpg) no-repeat right bottom;
padding-top: 65px;
padding-bottom: 65px;
margin-bottom: 20px;
}
	
.linian_1 ul li p, .linian_2 ul li p, .linian_3 ul li p{	
width: 100%;
height: auto;
font-size: 15px;
padding-bottom: 5px;
}
	

.clear {
clear: both;
}
	
 
 
 
 
 
 
 
 /*解决方案*/
 
 .w980 {
position: relative;
width: 980px;
margin: 0 auto;
}
.i-news {
width: 614px;
margin-left: -614px;
}	
 
.i-list-tit {
height: 54px;
}
 
.i-list-tit h2 {
font-size: 18px;
line-height: 54px;
text-transform: uppercase;
color: #000000;
}
 
.i-list-tit span {
display: inline-block;
margin: 6px 0 0 8px;
font-size: 14px;
line-height: 48px;
}
 
.i-list-tit a {
display: inline-block;
line-height: 48px;
}
 
.i-news .img {
float: left;
width: 278px;
margin-top: 2px;
background: #65c3de;
}
 
.i-news .img a {
display: inline-block;
width: 100%;
line-height: 20px;
color: #fff;
transition: color 500ms ease-in 0ms;
}
 
.i-news .img .int {
padding: 6px 18px 25px;
}
 
.i-news .img a.tit {
font-weight: bold;
font-size: 14px;
line-height: 38px;
color: #fff;
}

 
.i-news .list {
width: 317px;
}
.fr {
float: right;
display: inline;
}
.fl {
float: left;
display: inline;
}
.i-news .list li {
width: 317px;
height: 65px;
padding: 5px 0 12px;
border-bottom: 1px solid #dadada;
margin-bottom: 21px;
}
 
.i-news .list span {
display: inline-block;
width: 49px;
font: bold 40px/42px Arial;
color: #c4c4c4;
transition: color 500ms ease-in 0ms;
}
 
.i-news .list .fr {
width: 253px;
padding-left: 14px;
border-left: 1px solid #dadada;
line-height: 20px;
color: #000000;
}
 
.i-news .list a {
display: inline-block;
width: 100%;
line-height: 22px;
color: #fffff;
}
	
.i-honor {
width: 312px;
margin-bottom: 22px;
filter: alpha(opacity=0);
opacity: 0;
}
.i-list-tit {
height: 54px;
}
.i-list-tit h2 {
font-size: 22px;
line-height: 54px;
text-transform: uppercase;
color: #666;
}
.i-list-tit span {
display: inline-block;
margin: 6px 0 0 8px;
font-size: 16px;
line-height: 48px;
color: #666;
}
.i-list-tit a {
display: inline-block;
line-height: 48px;
color: 000000;
}
.i-honor .list {
position: relative;
overflow: hidden;
width: 308px;
height: 322px;
padding: 2px;
background: url(../images/bg_box01.png) no-repeat;
}
.i-honor .list-in {
position: relative;
overflow: hidden;
width: 308px;
height: 304px;
}	
	
.i-honor  p {
padding: 25px 80px 0;
font-size:16px;
}
	
	
.lanren{ position:absolute; right:0; top:150px;}
.lanren .slide_box{ width:154px; height:auto; overflow:hidden; background:url(../images/slide_box_bg.jpg) repeat-y; font-size:12px; text-align:center; line-height:130%; color:#666; border-bottom:2px solid #76A20D;}
.lanren .slide_box .weixin{ margin-bottom:5px;}
.lanren .slide_box img{ cursor:pointer;}
.lanren .slide_box p{ text-align:center; padding:5px; margin:5px;border-bottom:1px solid #ddd;color: red;font-size: 19px;}
.lanren .slide_box span{ padding:5px 10px; display:block;}
.lanren .slide_box span a{ color:#76A20C;}	




.newscon{
	padding:0 20px 0 20px;
}
.newscon .newtj{
	overflow: hidden;
	border:1px solid #e9e9e9;
}
.newscon .newtj .img{
	width: 256px;
	height: 151px;
	overflow: hidden;
	padding:1px;
	border-right:1px solid #e9e9e9;
}
.newscon .newstj-txt{
	width: 360px;
	padding:25px 30px 0 34px;
}
.newscon .newstj-txt .title a{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.newscon .newstj-txt .con{
	line-height: 20px;
	color: #888;
	margin-top: 8px;
}
.newscon .newstj-txt .time{
	color: #c4c4c4;
	margin-top: 20px;
}
.newscon .newstj-txt .time a{
	color: #1876AE;
}
.newscon .newstj-txt .time a:hover{
	color: #000000;
}
.newscon ul{
	overflow: hidden;
	width: 100%;
}
.newscon ul li{
	width: 100%;
	overflow: hidden;
	margin-top: 19px;
}
.newscon ul li .time{
	width: 80px;
	height: 109px;
	background: #1876AE;
	text-align: center;
	color: #fff;
}
.newscon ul li .time p{
	font-size: 46px;
	height: 80px;
	line-height: 80px;
	color:#fff;
	border-bottom: 1px solid #aaaaaa;
}
.newscon ul li .time span{
	display: block;
	width: 100%;
	height: 27px;
	border-top: 1px solid #d3d3d3;
	line-height: 27px;
	margin-top:-10px;
}
.newscon ul li .txt{
	width: 549px;
	height: 109px;
	padding:20px 30px 0 25px;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}
.newscon ul li .txt .title a{
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.newscon ul li .txt .title a:hover{
	color: #000000;
}
.newscon ul li:hover .time{
	background: #000000;
}
.newscon ul li:hover .time p{
	border-bottom: 1px solid #ffffff;
}
.newscon ul li:hover .time span{
	border-top: 1px solid #ffffff;
}





.pagination{
	font-size: 0px;
	margin-right: -5px;
	padding-top: 15px;
	text-align: center;
}
.pagination ul li {
	float: left;
}
.pagination a{
	font-size: 12px;
	color: #888;
	display: inline-block;
	_display:inline;
	padding: 0 7px;
	border: 1px solid #ddd;
	margin-right: 5px;
	line-height: 26px;
}
.pagination a.prev,.pagination a.next{
	padding: 0 15px;
}
.pagination a:hover,
.pagination a.cur,
.pagination a.active,
.pagination li.active a,
.pagination li.active a:hover {
	background: #1876AE;
	font-weight: bold;
	color: #fff;
	border: 1px solid #1876AE;
}