@charset "utf-8";

*{word-wrap:break-word;margin:0;padding:0}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #7a7a7a;line-height:26px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{background:#fff;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a,area{outline:none;blr:expression(this.onFocus=this.blur());color:#666}
a{text-decoration:none;cursor: pointer;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
a:hover{outline:none}
a:hover{color:#00b1ec}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
.dis_none{ display:none;}
.dis_inline{ display:inline-block;}

.ma{margin:auto;}
.con_1200{width:1200px;margin:auto}
.con_1140{width:1140px;margin:auto}
.con_1000{width:1000px;margin:auto}
.tran_all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran_all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.poa-f{position: absolute;left:0;top:0;width:100%;height:100%}
.por-f{position: relative;width:100%;height:100%}
.por{position: relative;}
.poa{position: absolute;}

.clear{height:0;clear:both;zoom:1;line-height:0;font-size:0}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0}
.height20{height:20px;clear:both;zoom:1;line-height:0;font-size:0}
.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0}
.height35{height:35px;clear:both;zoom:1;line-height:0;font-size:0}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0}
.height75{height:75px;clear:both;zoom:1;line-height:0;font-size:0}


.c-333{color:#333}
.c-666{color:#666}
.c-999{color:#999}
.c-aaa{color:#aaa}
.c-ccc{color:#ccc}
.c-fff{color:#fff}
.c-zzz{color:#00b1ec}

.f-bold{font-weight:bold}
.f-12{font-size:12px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-24{font-size:24px}
.f-font{font-family:Arial, Helvetica, sans-serif}
.f-simsun{ font-family:"simsun"}

.bg-fff{background:#fff}
.bg-zzz{background:#00b1ec}
.bg-eaeaea{background:#eaeaea}
.bg-f5f5f5{background:#f5f5f5}

.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.border-r{border-radius:1000px;}
.over-hide{overflow: hidden;}

@font-face {
    font-family:impact2;
    src:url('font/impact.ttf');
}

.top_menu{width: 100%;height: 34px; background-color: #fdfdfd;color: #666666; border-bottom: 1px solid #f1f1f1;margin:auto;}
.top_menun{font-size: 12px; width: 1140px;height: 34px;margin:auto;}
.top_lang{float: right;height: 34px; padding: 6px 10px 0px 10px; }
.top_name{display: inline-block; padding-top:10px;}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/*head*/
.head{width:100%;height:115px;position:fixed;top:0;z-index:999; overflow:hidden;box-shadow: 0 1px 3px #ccc;}
.head .logo{height:60px;position:absolute;top:18px;left:0}
.head .logo img{height:60px;}
.h_nav{ position:absolute;left:240px;top:34px;height:26px;}
.h_nav ul li{float:left;width:115px;text-align:center;border-left:1px solid #e5e5e5}
.h_nav ul li.none{border-left:0}
.h_nav ul li a{font-size:14px;}
.headbg{height:115px;}
.h_nav ul li.on a,.h_nav ul li a:hover{color:#00b1ec;}

/*foot*/
.foot-l{width:400px}
.foot-r{width:720px}
.foot-tel{height:50px;}
.foot-tel i{font-size:34px;top:10px;left:0}
.foot-tel span{font-size:28px;margin-top:11px;margin-left:40px;float:left; font-family:impact2,"Microsoft Yahei"}
.foot-p{height:42px;line-height:42px;}
.foot-p span{font-size:14px;margin-left:40px;float:left; }
.foot-p1 i{font-size:28px;top:1px;left:3px}
.foot-p2 i{font-size:22px;top:1px;left:6px}
.foot-qr{width:120px;margin-left:10px;margin-top:20px}
.foot_qr_p {margin-top:5px}

.foot_nav{margin-top:15px;}
.foot_nav ul li{float:left;width:120px}
.foot_nav ul li h3,.foot_nav ul li a{display:block;margin:auto;width:120px;text-align:left;}
.foot_nav ul li h{padding-bottom:15px;border-bottom:1px solid #f2f2f2;font-size:14px;}
.foot_nav ul li a{color:#acacac;font-size:12px;height:14px;line-height:14px;margin-top:15px	}
.foot_nav ul li a:hover{color:#00b1ec;}

.copyright{border-top:1px solid #eee;padding:27px 0}

/*banner*/
.banner{width:100%;position:relative;overflow:hidden}
.slideBox{ width:1920px; height:550px; overflow:hidden; position:relative;left:50%;margin-left:-960px; }
.slideBox .hd{ height:10px; overflow:hidden; position:absolute;width:100%;left:0; bottom:30px; z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; text-align:center}
.slideBox .hd ul li{display:inline-table;*display:inline;*zoom:1;margin:0 5px;width:10px;height:10px;border-radius:10px;background:#cecece;cursor:pointer}
.slideBox .hd ul li.on{background:#00b1ec;width:30px}
.slideBox .bd{ position:relative; height:100%; z-index:0}
.slideBox .bd li{ zoom:1; vertical-align:middle}
.slideBox .bd img{ width:1920px; height:550px; display:block}
.n_ban{position:relative;width:1920px;height:390px;top:0;left:50%;margin-left:-960px;}

/*******/
.index_title{height:26px;}
.index_title h2{color:#1b1919;font-size:26px;text-transform:uppercase}
.index_title h3{margin-left:15px}

/*floor_1*/
.picScroll-left{width:1140px;position:relative;height:322px;}
.picScroll-left .hd{ position:absolute;right:0;top:-42px}
.picScroll-left .hd .prev,.picScroll-left .hd .next{position:relative;z-index:2;display:block;width:34px;height:26px;float:left;overflow:hidden;cursor:pointer;text-align:center;color:#bdbdbd;font-family:"simsun";font-size:16px;border:1px solid #bdbdbd}
.picScroll-left .hd .next{margin-left:-1px;}
.picScroll-left .hd .prevStop{color:#e5e5e5;border-color:#e5e5e5;z-index:1; cursor:not-allowed}
.picScroll-left .hd .nextStop{color:#e5e5e5;border-color:#e5e5e5;z-index:1; cursor:not-allowed}
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{color:#00b1ec;border-color:#00b1ec;z-index:3}
.picScroll-left .hd .prevStop:hover,.picScroll-left .hd .nextStop:hover{color:#e5e5e5;border-color:#e5e5e5;z-index:1;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;height:322px }
.picScroll-left .bd ul li{width:212px;height:320px;margin-right:20px;float:left; _display:inline; overflow:hidden; text-align:center;background:#fafafa;border-top:2px solid #fafafa  }
.picScroll-left .bd ul li .pic{ text-align:center;width:200px;height:275px;padding:0 6px;padding-top:45px; }
.picScroll-left .bd ul li .pic img{ width:200px; height:150px; display:block;margin-bottom:20px; position:relative;top:0}
.picScroll-left .bd ul li .pic .p1{padding:0 0px;height:26px;color:#333;font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space:normal;}
/*
.picScroll-left .bd ul li .pic .p1{padding:0 0px;height:26px;color:#333;font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
*/
.picScroll-left .bd ul li .pic .p2{padding:0 10px;height:56px;color:#acacac;}
.picScroll-left .bd ul li .pic .p3{height:26px;color:#00b1ec}
.picScroll-left .bd ul li.li1,.picScroll-left .bd ul li.li6{border-color:#00b1ec}
.picScroll-left .bd ul li.li2,.picScroll-left .bd ul li.li7{border-color:#febe48}
.picScroll-left .bd ul li.li3,.picScroll-left .bd ul li.li8{border-color:#9ed176}
.picScroll-left .bd ul li.li4,.picScroll-left .bd ul li.li9{border-color:#eb6662}
.picScroll-left .bd ul li.li5,.picScroll-left .bd ul li.li10{border-color:#3aceb9}
.picScroll-left .bd ul li:hover img{top:-3px}

/*floor_2*/
.index_2_l{width:380px;padding:15px;height:413px;border:1px solid #d4d4d4}
.index_2_l h4{color:#000;font-size:20px}

.index_2_r {width:717px;}
.index_2_r ul li{margin-bottom:11px;padding:20px;width:675px;height:175px;border:1px solid #d4d4d4}
.index_2_r ul li h4{height:40px;color:#000;font-size:20px}
.index_2_r ul li h4 a{color:#b7b7b7;font-size:14px;right:0;top:10px}
.index_2_r ul li h4 a:hover{color:#00b1ec}

.news_box{height:135px;overflow:hidden}
.news_box .p{width:520px}
.news_box .p .pic{width:195px;height:135px;overflow:hidden}
.news_box .p .con{width:300px;height:135px;margin-left:25px;overflow:hidden}
.news_box .p .con .p1{width:280px;font-size:16px;margin-top:20px;color:#000;height:26px}
.news_box .p .con .p2{font-size:14px;margin-top:10px;height:78px; overflow:hidden}
.news_box .date{margin-top:15px;width:80px;height:80px;padding-left:30px;padding-top:10px;border-left:1px solid #d4d4d4}
.news_box .date p{margin-top:5px;font-family:impact2,"Microsoft Yahei";color:#333;font-size:13px;height:40px}
.news_box .date span{margin-top:5px;font-family:"Courier New", Courier, monospace,"Microsoft Yahei";font-size:25px;}

/*floor_3*/
.index_join{background:url(../images/0-02.jpg) repeat center center}
.index_join_box{float:left;width:364px;height:410px;margin-right:24px}
.index_join_box .pic{width:364px;height:184px;overflow:hidden}
.index_join_box .line{height:1px;width:100px;margin:39px auto 0;background:#d4d4d4}
.index_join_box .title{height:26px;width:320px;margin:36px auto 0;text-align:center;font-size:16px;color:#000}
.index_join_box .title span{float:left;font-size:20px;text-transform:uppercase;font-weight:bold;}
.index_join_box .title i{float:left;margin-left:10px;font-size:16px;font-style:normal}
.index_join_box .p{width:320px;margin:15px auto 0;height:78px; overflow:hidden}

/*menu*/
.menu{height:69px;border-bottom:1px solid #e5e5e5}
.menu ul{padding:0 90px;width:960px}
.menu ul li{float:left;width:160px;height:70px;line-height:70px; position:relative}
.menu ul li a{display:block;width:110px;height:70px;margin:auto;position:relative;text-align:center}
.menu ul li a span{position:absolute;width:0;height:2px;background:#00b1ec;left:50%;bottom:0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.menu ul li a:hover span{width:110px;left:0}
.menu ul li.on a{color:#00b1ec}
.menu ul li.on a span{width:110px;left:0}

/*about*/
.about_box{box-shadow:0 2px 5px #ccc;}
.about_content{padding:75px 300px}
.about_content h2{height:70px;line-height:70px}
.about_content h2 i{position:absolute;top:2px;left:-100px;color:#00b1ec;font-size:66px}
.about_content p{line-height:30px}
.about_content2{padding:75px 300px}
.about_content2 h2{height:50px;}
.about_content2 p{line-height:30px}
.about_honor {padding:20px 50px;}
.about_honor .pic{float:left;width:180px;height:240px;margin:0 5px 10px;text-align:center;overflow:hidden}
.about_honor .pic span{height:100%;display:inline-block;vertical-align:middle}
.about_honor .pic img{max-width:180px;max-height:240px;vertical-align:middle}

.video_ul ul {width:1160px}
.video_ul ul li{float:left;margin-top:20px;margin-right:20px;width:270px;height:260px; overflow:hidden}
.video_ul ul li .pic{width:270px;height:170px;overflow:hidden}
.video_ul ul li .pic img{width:270px;height:170px;}
.video_ul ul li .pic a{ position:relative;display:block;width:270px;height:170px}
.video_ul ul li .pic a i{ position:absolute;left:35px;top:120px;font-size:30px;color:#666;}
.video_ul ul li .c{width:270px;height:90px;text-align:center;background:#fff}
.video_ul ul li .c a{width:270px;padding-top:20px;height:70px;display:block}
.video_ul ul li .c a .title{height:26px;color:#333}
.video_ul ul li .c a .p{height:26px;color:#999;font-size:12px}
.video_ul ul li:hover .c{background:#00b1ec}
.video_ul ul li:hover .c a p{color:#fff}

/*tech*/
.tech_box{height:210px;}
.tech_box .num{margin:72px 0 0 90px;float:left;border-right:1px solid #d5d5d5;padding-right:60px;color:#d2d2d2;font-family:impact2,"Microsoft Yahei";font-size:66px;height:66px;line-height:66px}
.tech_box .p{margin:72px 0 0 55px;float:left;width:730px;height:66px;line-height:33px;font-size:16px}

/*join*/
.join_1_box_p{width:480px;padding-left:90px;height:300px;}
.join_1_box_p h2{margin-top:50px;width:390px;height:26px;font-size:24px; font-weight:normal;color:#00b1ec}
.join_1_box_p p{margin-top:20px;width:390px;height:120px;line-height:30px; overflow:hidden}
.join_1_box_p i{margin-top:20px;font-size:30px;color:#cecece}
.join_1_box_pic{width:570px;height:300px;overflow:hidden}
.join_1_box_pic img{width:570px;height:300px}

.join_2_bg{padding-top:1px;background:url(../images/0-03.png) no-repeat center 95px}
.join_2_bg h2{margin-top:225px}
.join_2_bg p{width:800px;margin:20px auto 0;}
.join_2_ul{width:1164px;margin-top:85px;}
.join_2_ul li{float:left;width:364px;height:350px;margin-right:24px;}
.join_2_ul li .pic{width:364px;height:231px; overflow:hidden}
.join_2_ul li .title{margin-top:20px;height:30px;line-height:30px;font-size:20px}
.join_2_ul li .p{margin-top:10px;height:52px}

.join_3_box_p{width:355px;padding-left:45px;height:290px;}
.join_3_box_p h2{margin-top:85px;width:310px;height:26px;font-size:24px; font-weight:normal;color:#00b1ec}
.join_3_box_p p{margin-top:20px;width:310px;height:120px;line-height:30px; overflow:hidden}
.join_3_box_pic{width:740px;height:290px;overflow:hidden}
.join_3_box_pic img{width:740px;height:290px;}

/*contact*/
.contact{height:1000px;background:url(../images/0-map2.jpg) no-repeat center center}
.contact .p1{height:70px;line-height:70px;font-size:30px}
.contact .p2{height:140px;line-height:140px;font-size:70px;font-weight:bold}
.contact .p3{font-size:22px;line-height:36px}

.in_form{display:block;width:562px;margin:100px auto 0}
.in_form .in_in,
.in_form .in_area{width:560px;height:44px;margin-top:10px;position:relative;display:block;overflow:hidden;background:none;border:1px solid #ddd}
.in_form .in_in input,
.in_form .in_area textarea{width:530px;height:24px;line-height:24px;display:block;margin-top:10px;border:none;font-size:14px;color:#f1f1f1;z-index:99; background:none; padding:0 15px}
.in_form .in_area{height:140px;width:560px;}
.in_form .in_area textarea{height:120px;width:530px;line-height:24px;padding:0 15px;overflow:auto;resize : none;}
.in_form .in_sub{ height:46px;width:100%;position:relative;margin:10px auto 0;background:#00b1ec;}
.in_form .in_sub .submit{width:100%;height:46px; text-align:center; line-height:46px;margin:auto;font-size:16px; color:#fff; border:none;background:none;cursor:pointer; }

/*news*/
.news_top{padding:60px 0}
.news_top_banner {width:745px;height:410px;}

.slideBox2{ width:745px; height:410px;overflow:hidden;position:relative}
.slideBox2 .hd{height:12px;overflow:hidden;position:absolute;right:12px; bottom:82px; z-index:2; }
.slideBox2 .hd ul{overflow:hidden;zoom:1;float:left;  }
.slideBox2 .hd ul li{float:left;margin-left:5px;width:12px; height:12px;background:#fff; cursor:pointer;border-radius:20px}
.slideBox2 .hd ul li.on{ background:#00b1ec; color:#fff; }
.slideBox2 .bd{position:relative;height:410px; z-index:0;}
.slideBox2 .bd li{zoom:1; vertical-align:middle; position:relative}
.slideBox2 .bd li img{width:745px;height:410px;display:block;}
.slideBox2 .bd li p{width:695px;padding:0 25px;height:60px;line-height:60px; position:absolute;z-index:2;bottom:0;left:0;color:#fff;font-size:20px;text-align:center;background:#00afec;}

.slideBox2 .prev,.slideBox2 .next{ position:absolute;left:2%;top:50%;margin-top:-40px;display:block;width:32px;height:60px;border-radius:2px;background:url(../images/slider-arrow.png) -110px 14px no-repeat #000; filter:alpha(opacity=40);opacity:0.4;   }
.slideBox2 .next{left:auto;right:2%;background-position:8px 14px;}
.slideBox2 .prev:hover,.slideBox2 .next:hover{ filter:alpha(opacity=70);opacity:0.7;  }

.news_top_li{width:350px;height:411px;}
.news_top_box {margin-bottom:19px;height:123px;border-bottom:1px solid #e5e5e5}
.news_top_box .title{width:350px;height:26px;font-size:20px;}
.news_top_box .title a{color:#333333}
.news_top_box .date{margin-top:5px;width:350px;height:20px;line-height:20px;color:#acacac}
.news_top_box .p{margin-top:10px;width:350px;height:46px;line-height:23px; overflow:hidden}

.news_ul ul{width:1152px}
.news_ul ul li{float:left; position:relative;top:0;height:370px;width:276px;margin-right:12px;margin-top:12px;background:#fff;}
.news_ul ul li  a{display:block;height:355px;width:226px;padding:25px 25px 0;color:#7a7a7a}
.news_ul ul li .title{width:226px;height:26px;color:#00afec;font-size:18px}
.news_ul ul li .date {margin-top:5px;color:#acacac}
.news_ul ul li .pic {margin-top:15px;width:226px;height:150px; overflow:hidden}
.news_ul ul li .pic img{width:226px;height:150px}
.news_ul ul li .p {margin-top:20px;width:226px;height:40px;line-height:20px;font-size:12px;overflow:hidden}
.news_ul ul li .more{margin-top:15px;font-size:12px;color:#333}
.news_ul ul li .more span{ font-family:"simsun";font-weight:bold}
.news_ul ul li:hover{box-shadow:2px 2px 5px #ccc;top:-3px}



.n_main .title{ position:relative;border-bottom:1px solid #ddd;padding-bottom:10px;}
.n_main .title .h2{width:660px;margin:auto;text-align:center;line-height:30px;font-size:24px}
.n_main .title .p1{text-align:center;margin-top:10px; height:24px; line-height:24px; font-size:12px; color:#999}
.n_main .title .qrcode {position:absolute;right:0;bottom:10px;font-size:12px;line-height:20px}
.n_main .title .qrcode .wenzi{margin-top:35px}
.n_main .title .qrcode .code{width:70px;height:70px}
.n_content{ line-height:26px; color:#555; overflow:hidden;}
.n_content img{ max-width:1140px; overflow:hidden;}
.n_main { position:relative;padding:0 50px;width:1040px;margin:auto;box-shadow:0 2px 5px #ccc;}

/*product*/
.pro_new{padding-top:15px}
.pro_new li{float:left;margin-left:15px;}
.pro_new li.first{margin-left:0;width:147px;height:60px;padding-top:110px;background:url(../images/4-00.png) no-repeat center 33px #cf5750}
.pro_new li.pro{width:316px;height:168px;border-top:2px solid #00b1ec; box-shadow:1px 1px 3px rgba(0,0,0,0.15)}
.pro_new li.pro1{background:#fff}
.pro_new li.pro2{background:#fff}
.pro_new li.pro3{background:#fff}
.pro_new li.pro a{display:block;width:276px;height:130px;padding:20px;}
.pro_new li.pro .pic{float:left;margin-top:5px;width:120px;height:120px; position:relative;top:0}
.pro_new li.pro .pic img{width:130px;height:100px;}
.pro_new li.pro .c{float:left;margin-top:10px;margin-left:18px;width:135px;color:#777;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.pro_new li.pro .c .title{margin-top:0px;height:20px;line-height:14px;font-size:12px}
.pro_new li.pro .c .p{margin-top:14px;height:20px;line-height:20px;font-size:12px;filter:alpha(opacity=70);opacity:0.7;}
.pro_new li.pro:hover .pic{top:-3px}
.pro_new li.pro:hover .c{color:#00b1ec}

.product_list ul{width:1155px}
.product_list ul li{float:left;position:relative;top:0;width:310px;height:440px;padding:30px;margin-right:15px;margin-top:15px;background:#fff}
.product_list ul li .pic{width:310px;height:275px;margin:auto;border-bottom:1px solid #e5e5e5;overflow:hidden}
.product_list ul li .pic a{display:block;width:310px;height:225px;padding:25px 0;text-align:center}
.product_list ul li .pic img{width:300px;height:225px}
.product_list ul li .title{width:310px;height:36px;line-height:36px;margin-top:15px;font-size:20px;color:#333}
.product_list ul li .desc{width:310px;height:100px;line-height:26px;margin-top:5px;color:#aaa;overflow:hidden}
.product_list ul li .price{margin-top:15px;height:38px;line-height:38px;}
.product_list ul li .price .buy{float:left;width:150px;line-height:38px;height:38px;background:#fece24;color:#fff;text-align:center}
.product_list ul li .price .buy:hover{background:#00b1ec}
.product_list ul li .price p{float:right;color:#00b1ec}
.product_list ul li .price p span{font-size:24px; font-family:"Courier New", Courier, monospace,"Microsoft Yahei";font-weight:bold}
.product_list ul li:hover{box-shadow:2px 2px 8px #ccc;top:-2px}

.case_list ul{width:1155px}
.case_list ul li{float:left;position:relative;top:0;width:310px;height:300px;padding:30px;margin-right:15px;margin-top:15px;background:#fff}
.case_list ul li .pic{width:310px;height:275px;margin:auto;border-bottom:1px solid #e5e5e5;overflow:hidden}
.case_list ul li .pic a{display:block;width:310px;height:225px;padding:15px 0;text-align:center}
.case_list ul li .pic img{width:300px;height:225px}
.case_list ul li .title{width:310px;height:36px;line-height:36px;margin-top:15px;font-size:20px;color:#333;text-align:center;}
.case_list ul li .desc{width:310px;height:52px;line-height:26px;margin-top:5px;color:#aaa;overflow:hidden}
.case_list ul li .price{margin-top:15px;height:38px;line-height:38px;}
.case_list ul li .price .buy{float:left;width:150px;line-height:38px;height:38px;background:#fece24;color:#fff;text-align:center}
.case_list ul li .price .buy:hover{background:#00b1ec}
.case_list ul li .price p{float:right;color:#00b1ec}
.case_list ul li .price p span{font-size:24px; font-family:"Courier New", Courier, monospace,"Microsoft Yahei";font-weight:bold}
.case_list ul li:hover{box-shadow:2px 2px 8px #ccc;top:-2px}

.footer-service {padding:45px 0;text-align:center}
.footer-service .ser-li{display:inline-block;margin:0 50px;position:relative;padding-left:90px;height:60px;line-height:60px;font-size:20px}
.footer-service .ser-li .icon{position:absolute;left:0;top:0;width:60px;height:60px;background:url(../images/4-10.png) no-repeat center center}
.footer-service .ser-li .icon i{display:block;width:60px;height:60px;background-image:url(../images/icon.png); background-repeat:no-repeat;}
.footer-service .ser-li .icon i.icon1{background-position:0 0}
.footer-service .ser-li .icon i.icon2{background-position:-60px 0}
.footer-service .ser-li .icon i.icon3{background-position:0 -60px}
.footer-service .ser-li .icon i.icon4{background-position:-60px -60px}

/*product*/
.pro_center{ margin: auto; width:1040px;padding:0 50px; overflow:hidden;box-shadow:0 2px 5px #ccc;}
.pro_info{ overflow:hidden;}
.pro_img{position:relative;width:660px;text-indent:0;}
.pro_img .MaxLI{position:relative;top:0;left:0;z-index:5;width:540px;height:405px;border:#ddd solid 1px;}
.pro_img .MaxLI li{ display:block; position:absolute;top:0;left:0px;z-index:5;width:540px;height:405px;overflow:hidden}
.pro_img .MaxLI li img{display:block;width:540px;height:405px;background:url(../images/load.gif) #fff no-repeat center center;}

.pro_img .MinLI{position:relative;width:90px;overflow:hidden;}
.pro_img .MinLI li{display:block;border:#e5e5e5 solid 1px;width:88px;height:66px; float:left;margin-bottom:10px; cursor:pointer}
.pro_img .MinLI li img{width:88px;height:66px;}
.pro_img .MinLI .on{border:#00b1ec solid 1px;}

#pro_move{position:absolute;width:24px;overflow:hidden;top:20px;left:89px;}

.pro_g{ width:350px;}
.pro_g h2{height:45px;line-height:45px;font-size:30px;color:#d70c18}
.pro_g h3{height:30px;line-height:30px;font-size:20px;color:#666}
.pro_g .p2{margin-top:5px}
.pro_g .p2 span{font-size:22px;color:#00b1ec}
.pro_g .tts{height:auto;line-height:24px;margin:15px 0;font-size:14px;color:#666;padding:15px 0;overflow:hidden;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
.pro_g .tts p{line-height:26px;font-size:14px;font-weight:normal;color:#666;}
.pro_g .tts img{max-width:500px}


.Infos{width:770px}
.Infos img{max-width:910px;}
.Infos p{font-size:14px;color:#666; line-height:26px;}
.info_t{border-bottom:1px solid #ddd;color:#00b1ec;font-size:16px;padding:10px 0 10px 0}
.p_info{padding:20px 0}

/*pro_move*/
.pm_title{height:30px; line-height:30px;text-align:center;background:#f7f7f7;border-bottom:1px solid #ddd;color:#333}
.pro_move {border:#ddd solid 1px;width:230px}
.pro_move ul{width:200px;margin:0 15px -1px;position:relative;overflow:hidden}
.pro_move ul li{width:200px;height:190px;float:left;overflow:hidden;border-bottom:#ccc dotted 1px;margin-top:20px;padding-bottom:10px}
.pro_move ul li .img{width:200px;height:150px}
.pro_move ul li .img img{ display:block;width:200px;height:150px;position:relative}
.pro_move ul li .p{ display:block; float:left;width:100%;height:40px; line-height:40px;font-size:12px;color:#666; position:relative;text-align:center;z-index:9;}
.pro_move ul li:hover{}
.pro_move ul li:hover .p{color:#333;}

.fd_mouse_m{ display:none;width:80px;height:60px;position:absolute;top:0;left:0;opacity:0.3;filter:alpha(opacity=30);background:#fece24;z-index:99; cursor:pointer}
.fd_max_img{ display:none;width:400px;height:300px;overflow:hidden; position:absolute;left:680px;top:0; z-index:99;border:1px solid #ddd;}
.fd_max_img .img{width:atuo;height:auto;position:relative; z-index:10;}

/*********      page      ***************/
#page{ width:1140px;padding:50px 0;overflow:hidden;margin:auto}
#page .page_info{ text-align:center}
#page .page_info select{display:none;}
#page .page_info span,#page .page_info a{padding:8px 14px;font-size:14px;margin:0 5px;background:#fff; line-height:30px;border-radius:2px}
#page .page_info span{color:#ccc;background:#fece24;}
#page .page_info span font{ color:#fff; font-weight:normal;*padding:0; *width:8px; *height:10px; font-size:14px;font-weight:bold}
#page .page_info span.nolink{ background:#fff}
#page .page_info a:hover{ background-color:#fece24;color:#fff;}

/** prev next button ***/
.pn{ padding-top:10px; width:100%;line-height:26px;height:70px; overflow:hidden;border-top:1px solid #ddd;color:#777}
.pn_l{text-align:left; font-size:12px; overflow:hidden;}
.pn_l a:hover{color:#00b1ec;}
.pn_r{ text-align:left;font-size:12px; overflow:hidden;}
.pn_r a:hover{color:#00b1ec;}



.onlineqq-open{
	display:none;
	position:fixed;
	z-index:999;
	right:0;
	top:20%;
	width:40px;
	overflow:hidden;
	cursor:pointer;
}
.onlineqq{
	position:fixed;
	z-index:999;
	right:0;
	top:20%;
	width:160px;
	overflow:hidden;
}
.online-top{
	padding:15px 0 10px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.online-top i{
	width:30px;height:30px;margin:auto;background:url(../images/m.png) no-repeat center center;display:block;
}
.online-top p{
	margin-top:5px;
}
.online-top a{
	right:5px;
	top:0;
	color:#fff;
	font-size:24px;
}
.online-p{
	border:1px solid #eee;
	border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	background-color:#fff;
}
.online-p ul li{
	height:42px;
	line-height:42px;
	border-bottom:1px solid #eee;
	text-align:center;
}
.online-p ul li a{
	display:inline-block;
	color:#999;
}
.online-p ul li i{
	float:left;
	margin-right:10px;
	font-size:20px;
}
.online-p ul li:hover a{
	color:#00b1ec;
}
.online-code .tel{
	margin:10px 0;font-size:18px;	
}
.online-code img{
	display:block;
	width:140px;
	height:140px;
	margin:auto;
}
.online-code .code-p{
	margin-bottom:10px;
}