@charset "utf-8";
/* CSS Document */

body{background:#efeff0;line-height:150%;color:#58595B;}
a{color:#4c4c4c;}
a:hover{color:#000;}

.headerH,
.header{height:80px;
    -webkit-transition: all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.header{ background:#06a7e2; position:fixed; left:0;top:0; width:100%; z-index:1000;}
.header .con{ width:1400px; margin:0 auto;}
.header .logo { width:270px; float:left; height:48px;margin-top:15px; position:relative; overflow:hidden;
    -webkit-transition: all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.header .logo img{ width:100%; height:auto;}
.phone-list{ display:none;}

.header .nav{ float:right; }
.header .nav dl{ float:left; position:relative;}
.header .nav dl a{ font-size:1.1em; color:#fff; }
.header .nav dt a{ height:80px; display:block; padding:0 10px; line-height:80px;background-color:#00A7E1; 
    -webkit-transition: all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.header .nav dt a:hover{ background:#48b9e7;}
.header .nav dd{ position:absolute; left:0; top:80px;background-color:#48b9e7; height:60px; width:528px; display:none;}
.header .nav dt a:active,
.header .nav dt a.cur{background-color:#48b9e7;}
.header .nav dd a{ float:left; height:60px; line-height:60px; padding:0 8px;}
.header .nav dd a:hover{ background:#70d2ed;}


.btn-search{ background:url(../images/search.png) no-repeat 50% 50%; text-indent:-9999px; width:17px;}


.headerDown,
.headerDown .nav dt a{ height:60px; line-height:60px;
    -webkit-transition: all .2s ease;
	-moz-transition:all .2s ease;
	transition: all .2s ease;
}
.headerDown .logo{ height:60px; overflow:hidden;margin-top:0px;
    -webkit-transition: all .2s ease;
	-moz-transition:all .2s ease;
	transition: all .2s ease;
}
.headerDown .nav dd{top:60px;}

#searchTop dd{  position:absolute; right:0; left:auto; width:300px;}
#searchTop dd input{ background:0; height:60px; *line-height:60px; width:280px; padding:0 10px; border:0; color:#fff;}
.header .nav .hover a{background-color:#48b9e7;}
.header .nav .hover a.btn-search{background:url(../images/search.png) no-repeat 50% 50% #48b9e7; }


.footer{ background:#e0e0e0; padding:48px 0;font-size:0.9em;}
.footer .con{ width:1152px; margin:0 auto;}
.footer .con .ft-nav{ width:100%; margin:0px auto; text-align:center;}
.footer .con .ft-nav a{ color:#404041;margin-left:32px;}
.footer .con .flink{ float:none; text-align:left;margin-bottom:0; color:#404041;margin-left:32px;}
.footer .copy { color:#848484;}
.footer .copy .left{ float:left;}
.footer .copy .right{ text-align:right; float:right;}
.footer .copy .right p{ color:#333;}
.footer .con a:hover{ color:#00a8e1;}
.footer .con a:active{ color:#0080ab;}


.inBanner{ width:100%; height:500px; margin:0 auto; overflow:hidden; position:relative; background:#e0e0e0 ;}
.colorBg{background:#e0e0e0 ;}
.inBanner img{ width:1440px; position:absolute; left:50%; margin-left:-720px;}
.inBanner .mapFrame{ height:500px; }


.inWrap{ position:relative; width:960px; margin:-40px auto 40px; min-height:400px; background:#fff; box-shadow:0 0 2px rgba(0,0,0,.15);}
.in-tit{ font-size:1.25em; color:#58595b; margin:0 80px; height:80px; line-height:80px; position:relative;border-bottom: 1px solid #333; margin-bottom:20px;}
.in-tit span{ float:left;}
.in-tit .dangqian{ float:right; width:65%; text-align:right;}
.in-tit .selectNews{ position:absolute; right:0; top:0;}
.in-tit .selectNews select{ height:30px; padding:0 10px;}
.wrapNews{ width:960px; margin:40px auto;  background:#fff; box-shadow:0 0 2px rgba(0,0,0,.15);padding-bottom:60px;}
.pages{ text-align:center;margin-top:30px; line-height:18px; height:18px;}

.about-txt{  line-height:28px; padding:0 80px 60px; text-align:justify;}
.about-txt .imgp{ margin:40px 0; text-align:center;}
.about-txt .imgp span{ display:block; margin-top:20px;}

.news-banner{ max-width:1443px; min-width:1152px; margin:0 auto; width:100%; overflow:hidden; height:322px;}
.news-banner li{ float:left; width:33.33333%; height:322px; background:#000; *width:483px;}
.news-banner li a{ display:block;height:322px;position:relative; cursor:pointer;}
.news-banner li img{ vertical-align:top;}
.news-banner li .bg1{ position:absolute; left:0;top:0; height:322px; width:100%; background:url(../images/newsbg.png) repeat-x left bottom;}
.news-banner li .bg2{ position:absolute; height:100%; width:100%; left:0; top:0; background:url(../images/newsbg2.png); 
                      
    -webkit-animation:anisW .5s ease forwards;
    -moz-animation:anisW .5s ease forwards;
    -ms-animation:anisW .5s ease forwards;
    animation:anisW .5s ease forwards;
    display:none;
                      }
.news-banner li div{ position:absolute; top:170px; left:0; width:100%; color:#fff;}
.news-banner li div span{ font-size:20px; padding:0 30px 10px; display:block;}
.news-banner li div h3{ font-size:32px; line-height:38px; height:76px; overflow:hidden; padding:0 30px;}
.news-banner li a:hover .bg2{ display:block;
    -webkit-animation:aniW .5s ease forwards;
    -moz-animation:aniW .5s ease forwards;
    -ms-animation:aniW .5s ease forwards;
    animation:aniW .5s ease forwards;
}
.news-banner li a:active .bg2{ background:url(../images/newsbg3.png);}


/*css3*/
@-webkit-keyframes aniW{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes aniW{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-ms-keyframes aniW{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes aniW{
	0%{opacity:0;}
	100%{opacity:1;}
}


@-webkit-keyframes anisW{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes anisW{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-ms-keyframes anisW{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes anisW{
	0%{opacity:1;}
	100%{opacity:0;}
}

.newsList{ margin:0 80px; border-top:1px solid #00A7E1;border-bottom:1px solid #00A7E1;}
.newsList dl{ padding:30px 0; border-bottom:1px solid #e4e5e6;}
.newsList dl img{ width:200px; height:134px;}
.newsList dt{ float:left; width:200px;margin-right:50px;}
.newsList dd {margin-left:250px;}
.newsList dd h3 { margin-bottom:8px;}
.newsList dd h3 a{ color:#00A7E1; font-size:1.25em;line-height:24px;}
.newsList dd h3 a:hover{ color:#45d1ff;}
.newsList dd .txt{ height:78px; overflow:hidden; line-height:20px;  line-height:26px; margin-bottom:8px;}
.newsList dd p{ color:#909295; font-size:.8em;}
.newsList dd p a{ color:#909295;}
.newsList dd p a:hover{ color:#666;}
.newsList dd p span{margin-right:20px;}

.newsDetailWrap{ padding:45px 60px 0;}
.newsDetailWrap .time{ color:#58595B;  line-height:28px;}
.newsDetailWrap .title{ color:#00A7E1; font-size:32px; line-height:38px;margin-bottom:20px; font-weight:700;}
.newsDetailWrap .con{ line-height:28px; }

.joinSearch{  margin:0 80px; background:#f0efee; padding:20px 25px;}
.joinSearch input[type="text"]{  width:210px; height:48px; line-height:48px\9; padding:0 15px; *height:28px; *line-height:28px; border:0; background:#fff; vertical-align:top;}
.joinSearch select{ margin-left:15px; width:235px; height:48px; line-height:48px\9;*ine-height:48px;padding:0 15px;*padding:10px 15px;  *font-size:20px; border:0; background:#fff;  vertical-align:top;}
.joinSearch .btn{ text-align:right; margin-top:20px;}
.joinSearch .btn a{ display:inline-block; background:#ffea43; color:#575855; position:relative; text-align:left;  width:64px; height:48px; line-height:48px; padding-left:76px;}
.joinSearch .btn a i{ display:inline-block; width:26px; height:26px; background:url(../images/icon-s.png) no-repeat; position:absolute; left:35px;top:12px;}
.joinSearch .btn a:hover{ background:#F9D503;}


.newsDetailWrap .share{margin-bottom:20px;}
.newsDetailWrap .share a{ display:inline-block; cursor:pointer; margin-right:10px; width:39px; height:39px; background:url(../images/icon-p2.png) no-repeat;} 
.newsDetailWrap .share a span{ display:none!important;}
.newsDetailWrap .share a.wb{ background-position:right bottom;}
.newsDetailWrap .share a.wx{ background-position:0 bottom;}
.newsDetailWrap .share a.wb:hover{ background-position:right top;}
.newsDetailWrap .share a.wx:hover{ background-position:left top;}


.join-wraps{padding-bottom:60px;}
.join-con,
.join-tit{ margin:0 80px;}
.join-tit{background:#00A7E1; color:#fff;}
.jion-li li{ float:left; height:48px; line-height:48px; }
.join-con ul{ border-bottom:1px solid #e4e5e6;}
.jion-li .jw1{padding-left:25px; width:335px;}
.jion-li .jw2{width:125px;}
.jion-li .jw3{width:105px;}
.jion-li .jw4{width:130px;}

.contact-li li{ float:left; height:48px; line-height:48px; }
.contact-li .jw1{padding-left:25px; width:365px;}
.contact-li .jw2{width:165px;}
.contact-li .jw3{width:145px;}

.cacBar{ background:#efeff0; height:150px; position:relative;margin-top:12px;}
.cacBar .pic{ position:absolute; left:80px;bottom:0;}
.cacBar .txt{ position:absolute; left:280px; top:58px; font-size:1.6em; line-height:1.2em;}
.cacBar .a1{ position:absolute; right:80px;top:50%;margin-top:-24px;width:200px; height:48px; line-height:48px; text-align:center;}
.cacBar a.a1{background:#ffea40;}
.cacBar a.a1:hover{  background:#fff285; color:#58595b;}
.cacBar a.a1:active{ background:#ffc800; color:#58595b;}

.join-con {margin-bottom:30px;}
.join-tit{margin-top:30px;}

.join-detail ul{ border-top:1px solid #00A7E1;}
.join-detail li{ border-bottom:1px solid #e4e5e6; line-height:48px; }
.jointxt{ border-top:1px solid #00A7E1;margin-top:-1px; padding:48px 0;  line-height:28px;}

.join-btn {  text-align:center;}
.join-btn a{ height:48px; line-height:48px; width:200px; text-align:center; background:#ffea40; display:inline-block;}
.join-btn a i{ display:inline-block; width:22px; height:28px;margin-right:15px; vertical-align:top;}
.join-btn a i img{ width:100%;vertical-align:middle; height:auto;}
.join-btn a:hover{ background:#f1db2b;}


.join-form{ overflow:hidden; margin:0 80px;}

.upBox{ background:#efeff0 ; height:90px; margin-bottom:20px; position:relative;}
.upBox a{ position:relative; margin:20px 0 0 20px; float:left; width:200px; height:48px; line-height:48px; background:#ffea40; overflow:hidden; text-align:center; }
.upBox a label{ display:block;cursor:pointer;}
.upBox a:hover{  background:#fff285; color:#58595b;}
.upBox a input{ position:absolute; left:-999px; top:-999px;}
.upBox .txt{ float:left; margin:20px 0 0 20px;}
.wrapNews .phone-hide{ margin:0 80px;}
.wrapNews .tit2{ margin-bottom:8px;}

.join-1{ background:#efeff0; padding:30px 0 30px 30px; width:830px;margin-bottom:20px;}
.join-1 li{ float:left; width:340px; margin-right:65px; height:36px; overflow:hidden; margin-bottom:24px; position:relative;}
.join-1 li .oh{ width:500px;}
.join-1 li em{ color:Red}
.join-1 li span{ float:left;padding-right:15px;  line-height:36px;margin-right:15px; height:36px; background:#efeff0; position:absolute; left:0; top:0;}
.join-1 li input[type="text"]{ padding-right:15px; float:left; height:36px; width:320px; border:0; text-align:right;}
.join-1 li input[type="text"]:focus,
.join-2 textarea:focus{ background:#fffef4;}


.newDiv{ width:340px; padding-left:70px; height:36px; padding-top:5px;}
.newDiv label{margin-right:10px;}

.newDiv2{width:340px; padding-left:60px; height:36px; }
.newDiv3{width:340px; padding-left:90px; height:36px; padding-top:5px;}
.newDiv3 select{ border:1px solid #efeff0; padding:0 10px;}

.join-1 li input.i-n{ width:80px; float:none;}
.join-1 li input.i-y{ width:40px; float:none;}
.join-1 li input.i-j{ width:220px; float:none;}

.join-2{ background:#efeff0; padding:30px 0 30px 30px;margin-bottom:20px;}
.join-2 textarea{ width:720px; background:#fff; border:0; height:120px; padding:10px; }
.join-2 p{ margin-bottom:10px; }

.join-inputBtn{ text-align:center;margin-top:30px;}
.join-inputBtn input{ cursor:pointer; margin:0 10px; width:200px; height:48px; line-height:48px\9; text-align:center; color:#fff;  border:0;}

.join-inputBtn .cx:hover{ background:#059bd2;}
.join-inputBtn .cx,
.join-inputBtn .cx:active{ background:#06a7e2;}
.join-inputBtn .dj:hover{ background:#ffe61f;}
.join-inputBtn .dj,
.join-inputBtn .dj:active{ background:#ffea40; color:#58595b;}


.contactList{ margin:0 80px; padding:48px 0;}
.contactList li{ float:left; width:50%; line-height:30px;  height:160px;}
.contactList li h3{ color:#00A7E1;}

.contact-down{ text-align:center; background:#f7f7f7; padding:30px 0; margin:0 80px 60px;}
.contact-down p{ font-size:24px; line-height:36px; margin:10px 0;}
.contact-a a{ display:inline-block; height:50px; line-height:50px; background:#ffea40; width:205px;}
.contact-a a:hover{  background:#ffe61f;}
.contact-a a:hover{  background:#fff285; color:#58595b;}
.contact-a a:active{ background:#ffc800; color:#58595b;}

.pro-toplist{ width:100%; background:#fff;}
.pro-toplist ul{ width:900px; margin:0 auto;}
.pro-toplist li{ float:left; width:180px; height:210px; text-align:center;}
.pro-toplist li div{ height:80px; padding:16px 0; overflow:hidden;}
.pro-toplist li h3{ font-size:1em; color:#58595b;height: 24px;}
.pro-toplist li span{ font-size:0.9em; color:#909295;}
.pro-toplist .last div{ background:url(../images/btn-down.png) no-repeat 50% 50%;}
.pro-toplist li a:hover h3,
.pro-toplist li a:hover span{ color:#06a7e2;}

.pro-toplist li a:active h3,
.pro-toplist li a:active span{ color:#0080ab;}

.product-ad{ width:100%; overflow:hidden; height:550px; position:relative; top:-30px;}
.product-ad .product-bg{margin:30px 0 0;height:500px;}
.product-ad .adImg{ width:1440px; position:absolute; left:50%; margin-left:-960px; top:20px; display:block; }
.product-ad .adImg img{ position:absolute; right:0;top:0; width:500px;}
.product-ad .adImg2{ display:none;}
.pop-con{ position:absolute; left:50%; margin-left:-500px; z-index:10; width:1000px; color:#fff; top:90px;}
.pop-con .tit1{ font-size:2.2em; line-height:50px;}
.pop-con .tit2{ font-size:2.2em; line-height:50px;}
.pop-con .txt1{margin-top:45px; width:340px; height:100px; margin-bottom:10px; line-height:28px;}
.pop-con .amore li{ float:left; margin-right:50px;}
.pop-con .amore .btn a{display:inline-block; height:48px; line-height:48px; background:#ffea40; width:205px; text-align:center;}
.pop-con .amore .btn a:hover{  background:#fff285; color:#58595b;}
.pop-con .amore .btn a:active{ background:#ffc800; color:#58595b;}
.pop-con .amore .txt a{ color:#fff; line-height:48px;}
.pop-con .amore .txt a:hover{ color:#ffe61f;}

.proList {margin-top:40px; width:1152px; margin:0 auto 30px;}
.proList li{ float:left; margin-left:16px; margin-bottom:30px; width:268px; height:300px; overflow:hidden;box-shadow:0 0 3px rgba(0,0,0,.2);}
.proList li:hover{ box-shadow:0 0 3px rgba(0,0,0,.3)}
.proList li a{ display:block; height:300px; background:#fff; text-align:center;
    
    -webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	transition: all .5s ease;           
 }
.proList li .imgs { height:200px; overflow:hidden; margin-bottom:26px;}
.proList li .imgs img{ width:100%;}
.proList li h3{ font-size:1.2em;}
.proList li span{ font-size:0.9em; color:#909295}
.proList li a:hover{ background:#06a7e2;
                     
    -webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	transition: all .5s ease;
	
	}
.proList li a:hover h3,
.proList li a:hover span{ color:#fff;}
.proList li a:active{ background:#0080ab;}

.proList2{ width:auto; margin:30px 0 0 66px;}
.proList2 li{ width:254px;}
.proList2 li .imgs img{ width:100%; height:auto;}


.Dproduct-ad{ width:100%; overflow:hidden; height:500px; position:relative;}
.Dproduct-ad .product-bg{height:460px;}
.Dproduct-ad .adImg{ width:1440px; position:absolute; left:50%; margin-left:-960px; top:30px; display:none; }
.Dproduct-ad .adImg img{ position:absolute; right:0;top:0; height:460px; width:502px;}
.Dproduct-ad .adImg2{ display:none;}
.Dpop-con{ position:absolute; left:50%; margin-left:-506px; z-index:10; width:1012px; color:#fff; top:50px;}
.Dpop-con .tit1{ font-size:2.8em; line-height:62px;}
.Dpop-con .tit2{ font-size:2.8em; line-height:62px;}
.Dpop-con .txt1{ display:none;}
.Dpop-con .amore{margin-top:30px;}
.Dpop-con .amore li{ }
.Dpop-con .amore .btn a{display:inline-block; height:48px; line-height:48px; background:#ffea40; width:200px; text-align:center;}
.Dpop-con .amore .btn a:hover{  background:#fff285; color:#58595b;}
.Dpop-con .amore .btn a:active{ background:#ffc800; color:#58595b;}
.Dpop-con .amore .txt{margin-top:20px;}
.Dpop-con .amore .txt a{ color:#fff; margin-right:20px;}
.Dpop-con .amore .txt a:hover{ color:#ffe61f;}

.Dpop-con .share{margin-top:1em;}
.Dpop-con .share a{ display:inline-block; cursor:pointer; margin-right:10px; width:39px; height:39px; background:url(../images/icon-p.png) no-repeat;} 
.Dpop-con .share a span{ display:none!important;}
.Dpop-con .share a.wb{ background-position:right bottom;}
.Dpop-con .share a.wx{ background-position:0 bottom;}
.Dpop-con .share a.wb:hover{ background-position:right top;}
.Dpop-con .share a.wx:hover{ background-position:left top;}

.dpro_tabs_item{ position:absolute; width:100%; height:500px; left:0;top:0; }

.tabList{ position:absolute; left:50%; margin-left:-506px; z-index:20; width:1012px; top:390px; }
.tabList a{ float:left; width:160px; height:100px; margin-right:16px; overflow:hidden;background: #fff;}
.tabList a img{ width:100%;}
.tabList a.cur img{ border:4px solid #ffea40; color:#ffea40; width:152px; height:92px;}


.video-con{ margin:0 auto; width:1120px;}
.pro-detail-txt{ width:1120px; margin:40px auto 20px;}
.pro-detail-txt .img img{ height:400px; width:auto;}
.pdt-item{ background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2); position:relative; overflow:hidden; margin-bottom:20px;}
.pdt-item .txt{width:400px; padding:100px 80px 0 0; position:relative; z-index:3; height:300px; background:#fff;}
.pdt-item-r .img{ float:left;}
.pdt-item-r .txt{ float:right; }
.pdt-item .txt h4{ font-size:2.8em; line-height:56px; margin-bottom:26px;}
.pdt-item .txt p{ color:#909295; line-height:28px;}
.pdt-item-r:before
{
    content:"\20";
    position:absolute; right:450px;top:0; width:100px; height:420px; background:#fff; z-index:2;

    transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
    -webkit-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
    -moz-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
    -o-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
    -ms-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);

    }

.pdt-item-l .img{ float:right;}
.pdt-item-l .txt{ float:left;padding:100px 0 0 80px;}
.pdt-item-l:before
{
    content:"\20";
    position:absolute; left:440px;top:0; width:100px; height:420px; background:#fff; z-index:2;

    transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
    -webkit-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
    -moz-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
    -o-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
    -ms-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);

    }

.pdt-canshu{background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2); position:relative; overflow:hidden; margin-bottom:20px;}
.pdt-canshu dl{ padding:30px 0 60px;}
.pdt-canshu dt{font-size:1.25em; height:50px; margin:0 80px;}
.pdt-canshu dd{border-top:1px solid #44bde9;border-bottom:1px solid #44bde9; width:960px; margin:0 auto; overflow:hidden;}
.pdt-canshu dd .oh{ width:1010px;}
.pdt-canshu dd p{ float:left; width:456px; height:48px; line-height:48px; border-bottom:1px solid #e7e8e9; margin-right:48px}

.btn-prod{ text-align:center; padding:20px 0 40px ;}
.btn-prod a{ display:inline-block; width:200px; height:48px; line-height:48px; margin:0 10px;}

.btn-prod a.a1{background:#ffea40;}
.btn-prod a.a1:hover{  background:#fff285; color:#58595b;}
.btn-prod a.a1:active{ background:#ffc800; color:#58595b;}

.btn-prod a.a2{ background:#06a7e2; color:#fff;}
.btn-prod a.a2:hover{ background:#45d1ff;}
.btn-prod a.a2:active{ background:#0080ab;}

.searList{ position:relative; width:1132px; margin:-40px auto 40px; box-shadow:0 0 2px rgba(0,0,0,.15); background:#c0c1c1;}
.searList li{ float:left; margin-right:1px; width:282px; height:300px; text-align:center; background:#fff;}
.searList li a{ display:block; height:300px;
    -webkit-transition: all .2s ease;
	-moz-transition:all .2s ease;
	transition: all .2s ease;}
.searList li a h3{ font-size:1.5em; margin-bottom:10px;}
.searList li a p{ color:#909295;}
.searList li a i{ display:inline-block; width:100px; height:100px; margin:52px auto 32px;}
.searList li.li1 i{ background:url(../images/simg1.png) no-repeat;}
.searList li.li2 i{ background:url(../images/simg2.png) no-repeat;}
.searList li.li3 i{ background:url(../images/simg3.png) no-repeat;}
.searList li.li4{ margin:0;}
.searList li.li4 i{ background:url(../images/simg4.png) no-repeat;}
.searList li a:hover{ background:#26a7de; }
.searList li a:hover i{ background-position:left bottom;}
.searList li a:hover h3,
.searList li a:hover p{color:#fff;}
.searList li a:active{ background:#0080ab; }
.searList li a:0080ab h3,
.searList li a:0080ab p{color:#fff;}




.searvice-detail-txt{ width:1120px; margin:40px auto 20px;}
.searvice-detail-txt .img img{ height:420px; width:auto;}
.searvice-item{ background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2); position:relative; overflow:hidden; margin-bottom:20px;}
.searvice-item .txt{width:280px; padding:60px 80px 0; position:absolute; z-index:3; height:360px; background:#fff; text-align:center;}
.searvice-item .txt i{ margin-bottom:10px; display:block;}
.searvice-item .txt i img{ width:80px; height:80px;}
.searvice-item-r .img{ float:left;}
.searvice-item-r .txt{ right:0; top:0;}
.searvice-item .txt h4{ font-size:2.8em; line-height:56px; margin-bottom:26px;}
.searvice-item .txt p{ color:#909295; line-height:28px;}
.searvice-item-r:before
{
    content:"\20";
    position:absolute; right:370px;top:-10px; width:100px; height:460px; background:#fff; z-index:2;

    transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
    -webkit-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
    -moz-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
    -o-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
    -ms-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);

    }

.searvice-item-l .img{ float:right;}
.searvice-item-l .txt{left:0;}
.searvice-item-l:before
{
    content:"\20";
    position:absolute; left:370px;top:-10px; width:100px; height:460px; background:#fff; z-index:2;

    transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
    -webkit-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
    -moz-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
    -o-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
    -ms-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);

    }



.newsList-search{ margin:0 80px; border-top:1px solid #e4e5e6; margin-top:30px;}
.newsList-search dl{ padding:30px 0; border-bottom:1px solid #e4e5e6;}
.newsList-search dl img{ width:200px; height:134px;}
.newsList-search dd h3 { margin-bottom:8px;}
.newsList-search dd h3 a{ color:#00A7E1; font-size:1.25em;line-height:24px;}
.newsList-search dd h3 a:hover{ color:#45d1ff;}
.newsList-search dd .txt{  line-height:26px; margin-bottom:8px;}
.newsList-search dd p{ color:#909295; font-size:.8em;}
.newsList-search dd p span{margin-right:20px;}

.sSearch{ background:#f0efee;  padding:20px 25px; margin:0 80px; *width:750px; *margin:0 auto;}
.sSearch input[type="text"]{ float:left;width:560px; margin-right:20px; height:48px; line-height:48px\9; padding:0 15px; border:0; background:#fff; vertical-align:top; *display:inline;}
.sSearch .btn{ float:left; *width:30px;}
.sSearch .btn a{ display:inline-block; background:#ffea43; color:#575855; position:relative; text-align:left;  width:64px; height:48px; line-height:48px; padding-left:76px;}
.sSearch .btn a i{ display:inline-block; width:26px; height:26px; background:url(../images/icon-s.png) no-repeat; position:absolute; left:35px;top:12px;}
.sSearch .btn a:hover{ background:#fff285;}
.sSearch .btn a:active{ background:#ffc800;}
.webLink,.webLink:hover{ color:#06a7e2;}




.prodPro{background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2); position:relative; overflow:hidden; margin-bottom:20px; padding:30px 0 80px;}
.prodPro .con-tit{ display:block; width:960px; margin:0 auto; height:50px;  font-size:1.25em; overflow:hidden;}
.prodPro .con-tit span{ float:left;}
.prodPro .con-tit .dangqian{ float:right; width:65%; text-align:right;}
.jsPro{ position:absolute; left:0;top:0;}
.proCon{ position:relative; margin:0 80px; border-top:1px solid #44bde9; border-bottom:1px solid #44bde9; height:auto; overflow:hidden; padding:20px 0;}
.proCon td{ height:40px;  border-bottom:1px solid #e6e6e4; overflow:hidden; line-height:40px;}
.proCon th{ height:60px; line-height:1.4em;padding:0 10px; border-bottom:1px solid #e6e6e4; overflow:hidden; }
.proCon .p-left{ position:absolute; background:#f9f9f8; width:140px; left:0;top:0; z-index:20;}
.proCon .p-left table{ width:100%;font-size:0.85em;}
.proCon .p-cen{ top:0; left:140px; position:absolute;}
.proCon .p-cen th{ color:#00A7E1; padding:0 20px;white-space:nowrap}
.proCon .p-cen td{  padding:0 20px;white-space:nowrap}
.proCon .p-cen table{font-size:0.85em;}

.smlW .scl{ overflow-x:auto; overflow-y:hidden;overflow-scrolling:touch; width:100%; margin-left:140px;
	-webkit-overflow-scrolling:touch;height:300px;}
.smlW .p-cen{ position:relative; left:0;}

.prodPro .a{ position:absolute; background:#81e0f3;}
.prodPro .a i{ position:absolute; left:50%; top:50%;}
.prodPro .aTop{ left:50%; top:0; width:80px; height:50px; margin-left:-40px;}
.prodPro .aBottom{ left:50%; bottom:0; width:80px; height:50px; margin-left:-40px;}
.prodPro .aLeft{ left:0; top:50%; height:80px; width:50px; margin-top:-40px;}
.prodPro .aRight{ right:0; top:50%; height:80px; width:50px; margin-top:-40px;}
.prodPro .a:hover{ background:#48b9e7;}
.prodPro .a:active{ background:#5fc7ec;}

.prodPro .aTop i    
{
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid #fff;
    margin:-12px 0 0 -12px;
    }
    

.prodPro .aBottom i    
{
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 20px solid #fff;
    margin:-10px 0 0 -12px;
    }

.prodPro .aLeft i    
{
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 20px solid #fff;
    margin:-10px 0 0 -12px;
    }

.prodPro .aRight i    
{
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 20px solid #fff;
    margin:-10px 0 0 -10px;
    }
    
    
    .bd_weixin_popup{ border:1px solid #ccc; background:#fff; padding:20px; position:fixed; left:50%;top:50%; height:310px; width:220px; margin:-155px 0 0 -110px; z-index:1000;}
.bd_weixin_popup_close{ position:absolute; right:10px;top:10px; color:#333; width:20px; height:20px; text-align:center; line-height:20px;}
.bd_weixin_popup_close:hover{ background:#eee;}
.bd_weixin_popup_head{ font-weight:700;}
.bd_weixin_popup .rcode{ width:220px; height:220px; margin:20px auto;}


.shouye{width:100%; overflow:hidden;}
.zuo{width:48%; float:left;}
.you{width:48%; float:right; overflow:hidden;}
.about1{width: 48%;padding-top: 40px;}
.about1_t {
	width: 100%;
	height: 55px;
	position: relative;
	background: url(../images/about_titbg.gif) repeat-x bottom left;
}
.about1_t h3 {
	font-size: 24px;
	color: #666;
	line-height: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.about1_t h2 {
	display: inline-block;
*display:inline;
*zoom:1;
	padding: 0 20px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	line-height: normal;
	background-color: #06a7e2;
}
.about1_t .more {
	position: absolute;
	bottom: 0;
	right: 30px;
	padding: 0 15px;
	background: #06a7e2;
	color: #FFF
}
.about1_t .more a {
	color: #FFF
}
.about1_c {
	width: 100%;
	height: 220px;
	padding: 20px 0
}
.about1_cl {
	width: 100%;
	height: auto;
}
.about1_cl img {
	width: 496px;
	height: 220px;
}
.about1_cr {
	width: 100%;
	height: 150px; overflow:hidden;
}
.about1_cr h3 {
	line-height: 1.6em;
	font-weight: bold;
	color: #000;
	font-family: "Microsoft YaHei", "微软雅黑";
	font-size: 20px;
}
.about1_cr span {
	width: 670px;
	line-height: 26px;
	margin-bottom: 15px;
	margin-top: 10px;
	font-size: 14px;
	display: block
}
.about1_cr a {
	width: 60px;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 15px;
	background: #af1e24;
	color: #fff;
	display: block
}
.about1_cr a:hover {
	background: #af1e24
}
.about1_cr ul{ width:100%; margin:0px auto;}
.about1_cr ul li{ width:100%; height:40px; line-height:40px; overflow:hidden; border-bottom:1px dashed #ccc;}
.about1_cr ul li a{ float:left; width:65%; padding:0px; background:none; color:#444; padding-left:20px; background:url(../images/sanjiao.jpg) left center no-repeat;overflow: hidden;}
.about1_cr ul li span{ float:right; width:22%; margin:0px; padding:0px;}
.about1_cr ul li a:hover {background:url(../images/sanjiao.jpg) left center no-repeat; color:#444;width: auto;padding-left:20px;margin: 0px;}


.fenye{ width:100%; overflow:hidden; margin:20px auto; padding:10px 0px; border-top:1px dashed #ccc;}
.fenye p{ float:left; width:50%;}
.fenye p.youbian{ float:right; text-align:right;}


.neirong{width:800px; margin:0px auto;}
.bohao{ display:none;}