@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;
	 
	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: #0070ac
}

.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');
}

/*head*/
.head{width:100%;height:115px;position:fixed;top:0;z-index:999; overflow:hidden;box-shadow: 0 1px 3px #ccc;}
.head .logo{height:41px;position:absolute;top:38px;left:0}
.head .logo img{height:41px;}
.h_nav{ position:absolute;left:240px;top:44px;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:800px}
.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:130px}
.foot_nav ul li h3,.foot_nav ul li a{display:block;margin:auto;width:120px;text-align:center}
.foot_nav ul li h3{padding-bottom:15px;border-bottom:1px solid #f2f2f2;}
.foot_nav ul li a{color:#666;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:350px;top:0;left:50%;margin-left:-960px;}

/*******/
.icon_global{background:url(0-ico.png) no-repeat 0 0}
.index-title{font-size:30px;color:#333}
.index-title h2{height:40px}
.index-title .en{display:inline-block;font-size:12px;letter-spacing:5px}
.index-title .en .icon_l-l{width:68px;height:5px;top:9px;left:0;margin-left:-88px;background-position:-230px -60px}
.index-title .en .icon_r-r{width:68px;height:5px;top:9px;right:0;margin-right:-85px;background-position:-489px -60px}
.index-title .en .icon_l-l2{width:68px;height:5px;top:9px;left:0;margin-left:-88px;background-position:-230px -65px}
.index-title .en .icon_r-r2{width:68px;height:5px;top:9px;right:0;margin-right:-85px;background-position:-489px -65px}
.index-title .en .icon_l-l3{width:68px;height:5px;top:9px;left:0;margin-left:-88px;background-position:-230px -70px}
.index-title .en .icon_r-r3{width:68px;height:5px;top:9px;right:0;margin-right:-85px;background-position:-489px -70px}

/*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 10px;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:26px;color:#acacac;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.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:777px;}
.index_2_r ul li{margin-bottom:11px;padding:20px;width:745px;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:33px;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(0-02.jpg) repeat center center}
.index_join_box{float:left;width:380px;height:410px;margin-right:30px}
.index_join_box .pic{width:380px;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:336px;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:336px;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:240px;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:0 95px;text-align:center}
.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(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(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(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(4-00.png) no-repeat center 33px #5f5750}
.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:120px;height:120px}
.pro_new li.pro .c{float:left;margin-top:30px;margin-left:20px;width:136px;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{height:30px;line-height:30px;font-size:16px}
.pro_new li.pro .c .p{height:40px;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:52px;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}

.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(4-10.png) no-repeat center center}
.footer-service .ser-li .icon i{display:block;width:60px;height:60px;background-image:url(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.html) #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; background:url(3-10.html) center center no-repeat #fff;}
.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;}



/*header*/
.header-box{
	width:100%;
	height:80px;
	background-color:#0070ac;
}
.header{
	 
	 
}
.header img{
	margin-left:30px;
	margin-top:24px;
	margin-right:20px;
	float:left;
}
.header ul{
	float:left;
	list-style:none;
}
.header li{
	float:left;
	text-align:center;
}
.header a{
	display:inline-block;
	color:#fff;
	height:80px;
	text-decoration:none;
	font-size:14px;
	width:100px;
	line-height:80px;
}
.active{
	background:#0075c2;
}
.header a:hover{
	background:#0075c2;
}
/*ban*/
.focus{width:100%;margin:0 auto; position:relative;overflow:hidden;border-bottom:1px solid #e5e5e5}
.focus .hd{ width:100%; height:16px;  position:absolute; z-index:1; bottom:15px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:10px; padding:3px 5px;  font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff; margin:0 5px;  vertical-align:top; overflow:hidden;}
.focus .hd ul .on{   background-color: #ffffff;}

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  background:url(images/loading.html) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }


.anli-b {
	padding-top: 20px;
	overflow: hidden;
}
.anli-b .mr_frbox {
	height: 230px;
}
.hezi {
	width: 1100px;
	height: 230px;
	float: left;
	overflow: hidden;
}
.hezi ul {
	width: 100%;
}
.hezi ul li {
	float: left;
	width: 250px;
	height: 230px;
	margin: 0 12px;
  position: relative;
}
.hezi ul li .pic{	border: 1px solid #CCC; position: relative; padding-bottom: 180px; overflow: hidden; }
.hezi ul li img {
	width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.hezi ul li p {
	width: 250px;
	text-align: center;
	line-height: 45px;
	font-size: 15px;
	margin: 0;
	color: #666;
}
.anli-b .but-left {
	width: 50px;
	height: 50;
	float: left;
	margin-top: 50px;
	cursor: pointer;
	display: inline;
}
.anli-b .but-right {
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 50px;
	cursor: pointer;
}