*{border:0; padding:0; margin:0; outline:0; box-sizing:border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, textarea, img{border:medium none;margin:0;padding:0;}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{font:12px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif; color:#666; outline:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:lighter;}
em{font-style:normal;}
/** 重置列表元素 **/
ul, li, ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#0087d5; text-decoration:none; -webkit-transition:0.3s; transition:0.3s;}

/** 重置图片元素 **/
.fl{float:left;} .fr{float:right;}
.f1{font-size:24px; color:#0087d5; font-weight:bold;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

@media screen and (min-width:1200px){
.top_bg{width:100%; margin:auto; background:#fff;}
.top,.w_1200{width:1200px; margin:auto;}
.logo{float:left; margin-top:25px;}
.logo_wz{float:left; font-size:30px; font-weight:bold; margin:25px 0 0 20px; color:#0087d5;}
.top_dh{float:right; background:url(../images/top_dhtb.jpg) left no-repeat; padding-left:75px; margin-top:25px;}
.top_dh h3{font-size:16px;}
.top_dh h1{font-size:30px; font-weight:bold; color:#0087d5; line-height:30px; font-family:Arial;}

.navMenu{width:1200px; margin:auto; position:relative;}
.navMenu>li{float:left; position:relative; line-height:60px; height:60px; font-size:16px;}
.navMenu>li>a{padding:0 36px; text-transform:uppercase; display:block; color:#fff;}
.navMenu>li>a:hover,.navMenu>li.on>a{color:#fff; background:#00a2ff;}

.navMenu>li.lg{width:200px; float:right; background:url(../images/menu_fgx.jpg) left no-repeat;}
.navMenu>li>a em{float:right; margin-left:20px;}
		
/* navMenu */
.navMenubox{width:100%; height:60px; margin:30px auto 0; background:#0087d5;}
.navMenu>li{position:relative;}
.navMenu>li>ul.sub-menu{position:absolute; left:0; top:60px; z-index:1; display:none; background:#fff; border:1px solid #d6d6d6; width:220px; box-sizing:border-box; padding:5px 0; box-shadow:0 3px 10px #999;}
.navMenu>li>ul.sub-menu li{background:none; margin:0; padding:0; position:relative;}
.navMenu>li>ul.sub-menu li>a{display:block; font-size:14px; line-height:36px; padding:0 30px; clear:both;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a{background:#0087d5; color:#fff;}
.navMenu>li>ul.sub-menu>li>ul.sub-menu{position:absolute; left:220px; top:0; width:220px; background:#fff; display:none;}
.navMenu>li>ul.sub-menu>li>ul.sub-menu li{position:relative;}
.navMenu>li>ul.sub-menu>li>ul.sub-menu li a{font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.navMenu>li>ul.sub-menu>li>ul.sub-menu ul.sub-menu{position:absolute; left:200px; top:0; width:200px; background:#eee; display:none;}

.banners{height:600px;}
.fullSlide{width:100%; position:relative; height:600px;}
.fullSlide .bd{margin:auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{background-repeat: no-repeat; width:100% !important; height:600px; overflow:hidden; text-align:center; background-position:center top;}
.fullSlide .bd li a{display:block; height:600px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;border-radius:10px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;-moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */-o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:6px;overflow:hidden; background:#fff; line-height:999px;}
.fullSlide .hd ul .on{background:#0087d5;width:30px;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{background:url(../images/left1s.png) no-repeat;}
.fullSlide .next{left:auto;right:5%;background:url(../images/right1s.png) no-repeat;}

.banner_box,.sidebar{display:none;}

.main{width:1200px; margin:60px auto 0;}
.main_tit{width:330px; margin:auto; text-align:center;}
.main_tit h3{font-size:36px; font-family:Corbel; color:#000; text-transform:uppercase;}
.main_tit .fgx{width:65px; height:2px; background:#0087d5; display:block; margin:10px auto 0;}
.main_tit h1{font-size:30px; color:#0087d5; margin-top:10px;}
.main_tit h1 a{color:#0087d5;} .main_tit h1 a:hover{color:#00a2ff;}
.main_pro_img{width:1200px; margin:auto;}
.main_pro_img li{width:400px; float:left; margin-top:40px;}
.main_pro_img li .pic{width:400px; float:left; overflow:hidden;}
.main_pro_img li .pic img{width:100%; display:block; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s;}
.main_pro_img li a:hover .pic img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.main_pro_img li .text{width:400px; float:left; margin-top:20px; text-align:center;}
.main_pro_img li .text h3{font-size:20px;}
.main_pro_img li .text p{font-size:14px; margin-top:10px; line-height:24px; padding:0 50px;}

.main_fwlybg{width:100%; margin:60px auto 0; background:url(../images/main_fwlybg.jpg); padding:60px 0; overflow:hidden;}
.main_fwly_img{width:1200px; margin:40px auto 0;}
.main_fwly_img li{width:280px; float:left; margin-right:25px;}
.main_fwly_img li .pic2{width:280px; height:240px; float:left; background:#fff; padding:2px; overflow:hidden;}
.main_fwly_img li .pic2 img{width:100%; display:block; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s;}
.main_fwly_img li a:hover .pic2 img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.main_fwly_img li .text2{width:280px; float:left; margin-top:10px; text-align:center;}
.main_fwly_img li .text2 h3{font-size:20px;}
.main_fwly_img li .text2 p{font-size:14px; margin-top:10px; line-height:24px;}
.main_fwly_btn{width:160px; margin:40px auto 0;}
.main_fwly_btn a{width:160px; height:45px; display:block; border:2px solid #d6d6d6; line-height:41px; text-align:center; font-size:14px;}
.main_fwly_btn a:hover{background:#0087d5; color:#fff; border:2px solid #0087d5;}

.main_wdys{width:1200px; margin:auto;}
.main_wdys li{width:32%; float:left; margin:60px 2% 0 0; padding-right:3%; border-right:1px solid #e6e6e6;}
.main_wdys li:nth-child(3n){margin-right:0; border-right:none;}
.main_wdys li .tb{width:74px; margin:auto;}
.main_wdys li .tb img{width:100%;}
.main_wdys li .bt{width:100%; margin:20px auto 0; text-align:center;}
.main_wdys li .bt h3{font-size:20px; color:#0087d5;}
.main_wdys li .bt h3 a{color:#0087d5;} .main_wdys li .bt h3 a:hover{color:#000;}
.main_wdys li .bt p{font-size:14px; margin-top:10px; line-height:24px; padding:0 20px;}

.main_casebg{width:100%; margin:80px auto 0; border-top:1px solid #d6d6d6; padding-top:60px;}
.main_casebg2{width:100%; height:500px; margin:60px auto 0; background:url(../images/main_casebg.jpg); padding:60px 0; overflow:hidden;}
.main_case_img{width:1200px; margin:10px auto 0;}
.main_case_img li{width:280px; float:left; margin-right:25px;}
.main_case_img li .pic3{width:280px; height:240px; float:left; background:#fff; padding:5px; overflow:hidden;}
.main_case_img li .pic3 img{width:100%; display:block; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s;}
.main_case_img li a:hover .pic3 img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.main_case_img li .text3{width:280px; float:left; margin-top:10px; text-align:center;}
.main_case_img li .text3 h3{font-size:16px; color:#fff;}
.main_case_btn{width:160px; margin:50px auto 0;}
.main_case_btn a{width:160px; height:45px; display:block; border:2px solid #fff; color:#fff; line-height:41px; text-align:center; font-size:14px;}
.main_case_btn a:hover{background:#fff; color:#0087d5; border:2px solid #fff;}

.main_about{width:1200px; margin:40px auto 0;}
.main_about_pic{width:600px; float:left; overflow:hidden;}
.main_about_pic img{width:100%; display:block; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s;}
.main_about_pic img:hover{transform:scale(1.1); -webkit-transform:scale(1.1);}

.main_about_text{width:600px; height:480px; float:right; background:#0087d5; padding:55px 30px; overflow:hidden;}
.main_about_text h1{font-size:30px; color:#fff;}
.main_about_text h1 a{color:#fff;} .main_about_text h1 a:hover{color:#000;}
.main_about_text h1:after{width:65px; height:2px; display:block; content:""; background:#fff; margin-top:20px;}
.main_about_text p{font-size:14px; margin-top:20px; line-height:36px; color:#fff;}
.main_about_text h3{font-size:18px; color:#fff; margin-top:20px;}
.main_about_text .btn{width:180px; float:left; margin-top:45px;}
.main_about_text .btn a{width:180px; height:45px; display:block; border:2px solid #fff; color:#fff; line-height:41px; text-align:center; font-size:14px;}
.main_about_text .btn a:hover{background:#fff; color:#0087d5; border:2px solid #fff;}

.main_newsnr{width:1200px; margin:40px auto 0;}
.main_news_pic{width:580px; height:420px; float:left; position:relative; overflow:hidden;}
.main_news_pic img{width:100%; display:block;-webkit-transition:all .3s; transition:all .3s;}
.main_news_pic a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.main_news_wz{width:580px; height:50px; position:absolute; bottom:0; background:rgba(0,0,0,0.5); line-height:50px; color:#fff; font-size:16px;}
.main_news_wz a{color:#fff;} .main_news_wz a:hover{font-weight:bold;}
.main_news_wz h3{float:left; padding-left:20px;}
.main_news_wz .an{width:110px; height:50px; float:right; text-align:center; background:#0087d5;}
.main_news_text{width:620px; float:right;}
.main_news_text li{width:620px; float:left; margin-bottom:15px;}
.main_news_text li:nth-child(3n){margin-bottom:0;}
.main_news_text li .txt{width:460px; float:left;}
.main_news_text li .txt h3{font-size:16px; color:#333;}
.main_news_text li .txt p{padding-top:8px; line-height:24px;}
.main_news_text li .time{width:55px; float:right; font-family:Arial; text-align:center; line-height:24px; margin-top:15px;}
.main_news_text li .time h1{font-size:40px; font-weight:bold;}
.main_news_text li .time h5{font-size:14px; padding-top:10px;}
.main_news_text li a{width:620px; float:left; display:block; background:#f5f5f5; padding:25px 20px; box-sizing:border-box;}
.main_news_text li a:hover{display:block; background:#0087d5; color:#fff;}
.main_news_text li a:hover .txt h3{color:#fff;}


.footer_bg{width:100%; margin:60px auto 0; background:#0087d5; padding:50px 0 30px 0; overflow:hidden;}
.footer{width:1200px; margin:auto;}
.foot_tel{width:260px; height:124px; float:left; background:url(../images/foot_contbg.jpg) top center no-repeat; padding:0 0 0 30px; line-height:30px; margin-left:100px;}
.foot_tel h3{font-size:14px; color:#fff;}
.foot_tel h1{font-size:30px; font-weight:bold; color:#fff; margin-top:5px; font-family:Arial;}
.foot_tel h5{font-size:14px; color:#fff; font-family:Arial; text-transform:uppercase; margin-top:5px;}

.foot_txtnr{width:570px; float:left;}
.foot_nav{width:570px; float:left; color:#fff; font-size:16px;}
.foot_nav a{color:#fff; padding:0 5px;}
.foot_nav a:first-of-type{padding-left:0;}
.foot_nav a:hover{color:#000;}
.foot_txt{width:570px; float:left; margin-top:30px; line-height:30px; color:#fff;}
.foot_txt a{color:#fff;}  .foot_txt a:hover{color:#000;} 

.foot_ewm{width:126px; height:154px; float:right; border:1px solid #00a2ff; padding:13px; box-sizing:border-box; text-align:center;}
.foot_ewm img{width:100px; height:100px; margin-bottom:5px;}
.foot_ewm span{font-size:14px; color:#fff;}

.foot_link{width:1200px; margin:50px auto 0; line-height:30px; font-size:14px; color:#fff;}
.foot_link h1{font-size:18px; font-weight:700; float:left;}
.foot_link a{margin:0 5px; color:#fff; line-height:36px;}
.foot_link a:hover{color:#000;}

.copy{width:100%; margin:50px auto 0; border-top:1px solid #00a2ff; padding-top:30px; line-height:30px; font-size:14px; text-align:center; color:#fff;}
.copy a{color:#fff;} .copy a:hover{color:#00a2ff;}


/*Side*/
.side{position:fixed;width:54px;height:275px;right:0;top:275px;z-index:10000;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side ul li .wx{width:160px;position:absolute; bottom:54px;right:0; display:none;}
.side ul li a:hover .wx{display:block;}
.side ul li .wx img{width:100%; display:block;}
.side ul li .sidebox{position:absolute; width:54px; height:54px; top:0; right:0; background:#333; color:#fff; line-height:54px; font-size:14px; overflow:hidden; border-radius:5px 0 0 5px;}
.side ul li .sidetop{width:54px; height:54px; line-height:54px; display:inline-block; background:#333; border-radius:5px 0 0 5px;}
.side ul li .sidetop:hover{background:#0087d5;}
.side ul li img{float:left;}

/** 首页代码 End **/

.ny_bn{width:100%; height:400px; margin:auto; position:relative; overflow:hidden;}
.ny_bn img{width:1920px; position:absolute; left:50%; top:0; margin-left:-960px;}
.ny_bn_txt{position:absolute; left:50%; top:160px; width:1200px; margin-left:-600px; color:#fff;}
.ny_bn_txt h3{font-size:30px; color:#fff; font-weight:bold; text-align:right; text-transform:uppercase; text-shadow:0 1px 10px #000;}
.ny_bn_txt .fgx{width:80px;float:right; height:3px; background:#fff; margin-top:20px; box-shadow:0 1px 5px #000;}

.ny_main{width:1200px; margin:50px auto;}
.ny_left{width:260px; float:left;}
.nyl_tit{width:260px; float:left; background:#0087d5 url(../images/nyl_xtb.png) no-repeat 20px 30px; height:70px; color:#fff; padding:20px 0 0 50px; font-size:20px; font-weight:bold; border-radius:5px 5px 0px 0px;}
.nyl_list{width:260px; float:left; background:#fff; border:1px solid #e6e6e6; border-bottom:5px solid #e6e6e6;}
.nyl_list ul li{line-height:50px;}
.nyl_list ul li a{line-height:50px; display:block; padding-left:25px; font-size:15px; border-bottom:1px solid #f2f2f2;}
.nyl_list ul li .box{padding:10px 0px; display:none;}
.nyl_list ul li .box a{height:30px; line-height:30px; display:block; border:0px; font-size:14px; color:#999 !important;}
.nyl_list ul li .box a:hover,.nyl_list ul li .box a.on{color:#0087d5 !important; background:none;}
.nyl_list ul li a:hover,.nyl_list ul li a.hover{background:url(../images/nyl_fgx.jpg) no-repeat left;font-weight:bold;}
.nyl_list ul li.hover a{background:url(../images/nyl_fgx.jpg) no-repeat left; font-weight:bold; color:#0087d5;}
.nyl_list ul li.hover .box a{background:none; font-weight:normal;}
.nyl_list ul li.hover .box a.hover{color:#0087d5; font-weight:bold;}

.nyl_xg{width:260px; float:left; margin-top:30px;}
.nyl_xgnr{width:260px; float:left; background:#fff; border:1px solid #e6e6e6; padding:10px; border-bottom:5px solid #e6e6e6;}
.nyl_xgnr li{width:100%; float:left; line-height:36px; font-size:12px; border-bottom:1px solid #e6e6e6;}
.nyl_xgnr li a{display:block; background:url(../images/news_tb.jpg) left no-repeat; padding-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nyl_xgnr li:last-of-type{border-bottom:none;}

.ny_right{width:900px; float:right;}
.nyr_tit{width:900px; float:left; border-bottom:1px solid #e6e6e6; padding-bottom:10px;}
.nyr_tit .curr{float:left; line-height:40px; background:url(../images/home_tb.png) left center no-repeat; padding-left:30px; font-size:14px;}
.nyr_tit .curr span{color:#0087d5; font-weight:bold;}

.nyr_text{width:100%; float:left; font-size:14px; line-height:30px; margin-top:40px;}
.nyr_text strong,.newsmore_text strong{font-size:16px; font-weight:bold; color:#0087d5;}

/** 关于我们代码 End **/

.news_text{width:100%; float:left;}
.news_text dl{display:block; width:100%; float:left; padding:20px; overflow:hidden; transition:background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out; margin-top:30px; background:#f1f1f1;}

.com-img{width:200px !important; overflow:hidden;}
.com-img img{width:200px; height:145px; display:block; transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}

.news_text dl dt{width:25%; float:left;} 
.news_text dl dd{width:73%; float:right;}
.news_text dl dd .left{width:80%; float:left;}
.news_text dl dd .left h3{line-height:30px; font-size:18px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.news_text dl:hover dd h3 a{color:#fff;}
.news_text dl dd .left .con{height:70px; line-height:24px; font-size:12px; margin-top:10px; overflow:hidden;}
.news_text dl dd .right{width:15%; margin-top:20px; float:right;} 
.news_text dl dd .right p{text-align:center; font-size:18px; padding-top:10px; font-family:Arial;}
.news_text dl dd .right p:nth-child(1){font-size:50px; position:relative; font-weight:bold; line-height:50px;}
.news_text dl dd .right p:nth-child(1):after{position:absolute; width:60px; height:1px; background:#666; left:50%; margin-left:-30px; bottom:-5px; content:'';}
.news_text dl dd a.more{width:110px; height:34px; line-height:32px; border:1px solid #d6d6d6; display:inline-block; text-align:center; border-radius:15px; margin-top:10px; font-size:14px;}
.news_text dl:hover{background-color:#0087d5; color:#fff;}
.news_text dl:hover dd .right p:nth-child(1):after{background-color:#fff;}
.news_text dl:hover dd a.more{border-color:#fff;color:#fff;}

.view-page{width:100%; max-width:900px; float:left; position:relative; margin:40px 0; border-top:1px solid #e6e6e6; padding-top:40px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; text-transform:uppercase; width:150px; height:38px; border:solid 1px #e5e5e5; line-height:38px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:url(../images/le.png) 12px center no-repeat; padding-left:60px;}
.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:150px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #0087d5;color: #fff; text-align:center; padding-left:25px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #ff0000; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:url(../images/ri.png) 90% center no-repeat; }
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 12px center no-repeat #0087d5; color:#fff;}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #0087d5; color:#fff;}

.newsmore_list{width:100%;float:left; margin-top:60px;}
.newsmore_list_tit{width:100%; height:45px; background-color:#0087d5; color:#fff; padding:0 20px; line-height:45px;font-size:16px; border:1px solid #e6e6e6;}
.newsmore_list_text{width:100%;float:left; border:1px solid #e6e6e6; border-top:none; padding:10px 20px 20px 20px; background:#fff;}
.newsmore_list_text li{background:url(../images/news_tb.jpg) left no-repeat; padding-left:15px; line-height:35px; float:left; width:48%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline; border-bottom:1px dashed #e6e6e6; margin-right:4%; font-size:14px;}
.newsmore_list_text li:nth-child(2n){margin-right:0;}
.newsmore_list_text li span{float:right; color:#aaa; font-size:12px;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; float:left; line-height:45px; background:#0087d5; padding:0 20px;}
.hot_pro2_tit h3{float:left; font-size:16px; color:#fff; font-weight:bold;}

.scrollleft2{width:100%;float:left;}
.scrollleft2 li{width:240px; overflow:hidden; float:left; padding:20px 10px 0 0;}
.scrollleft2 li img{width:228px; height:201px; border:1px solid #e6e6e6; padding:5px;}
.scrollleft2 li img:hover{border:1px solid #0087d5;}
.scrollleft2 li span{display:block; width:240px; line-height:30px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;float:left;}

.news_random2{width:100%;float:left;}
.news_random2 ul{padding-top:20px; display:block; width:100%;}
.news_random2 ul li{width:49%; float:left; font-size:13px; line-height:30px; overflow:hidden; margin-right:2%;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{background:url(../images/main_news_tb.jpg) no-repeat left center; padding-left:15px; color:#787876;}
.news_random2 ul li a:hover{color:#0087d5;}
.news_random2 ul li span{float:right; color:#787876;}

/**新闻中心代码 End**/

.pro_img{width:100%; float:left;}
.pro_img li{width:280px; float:left; background:#fff; margin:30px 28px 0 0; border:1px solid #e6e6e6; padding:5px 5px 0;}
.pro_img li:nth-child(3n){margin-right:0;}
.pro_img li:hover{-webkit-box-shadow:0 3px 20px rgba(0,0,0,0.5); box-shadow:0 3px 20px rgba(0,0,0,0.5); border-color:#0087d5;}
.pro_img li .pic{width:100%; float:left; overflow:hidden;}
.pro_img li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.pro_img li a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.pro_img li .title{width:100%; float:left; padding:10px; text-align:center;}
.pro_img li .title h3{font-size:18px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_img li .title p{height:60px; line-height:24px; margin-top:10px; overflow:hidden;}
.pro_img li .btn{width:100px; margin:10px auto 0;}
.pro_img li a .btn{width:100px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#FFF; background:#999; display:block;}
.pro_img li a:hover .btn{width:100%; background:#0087d5; color:#fff; transition:0.3s;}

.products{width:100%; float:left; margin-top:30px;}
.promore_l{width:400px;float:left;}

/*放大镜代码 End*/

.pros_right{width:450px; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.pros_right_top h1{font-size:24px; font-weight:bold; color:#0087d5;}
.pros_right_top h3{font-size:16px;}

.proleft{width:100%;float:left; font-size:14px; line-height:30px; margin-top:20px;}
.proleft h5{font-size:16px; font-weight:bold;}

.tabs-basic{width:100%; margin-top:40px; float:left;}

/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:18px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; border:1px solid transparent; padding:10px 50px;}
.tabs-basic .tab-active{border-bottom:2px solid #0087d5; color:#fff; background:#0087d5; font-weight:bold;}

/**产品中心代码 End**/

.aSale-list{width:100%; float:left; border-bottom:1px solid #e5e5e5; padding-bottom:40px; overflow:hidden; margin-top:40px;}
.aSale-list li{width:21%; text-align:center; margin-right:4%; float:left;}
.aSale-list li:nth-child(4n){margin-right:0;}
.aSale-list li img{width:150px; height:150px;}
.aSale-list li h2{font-size:18px; font-weight:700; margin-top:20px;}
.aSale-list li p{font-size:14px; line-height:24px; margin-top:20px;}

/**售后服务代码 End**/


.qa_box{width:100%; float:left;}
.qa_box li{float:left; width:100%; background: #fff; padding:4% 3%; box-shadow: 0 0 10px rgba(0,0,0,.2); margin-top:30px;}
.qa_box li .bt{color:#333; font-size:18px; line-height:24px; background: url(../images/qa_icon1.png) no-repeat left center; padding-left:40px;}
.qa_box li .t{margin-top:18px; font-size:14px; line-height:24px;}
.qa_box li .left{width:82%; float:left;}
.qa_box li .right{display:inline-block; float:right; padding-top:38px;}
.qa_box li .right a{display:inline-block; line-height:32px; border:1px solid #e8e8e8; color:#999; font-size:14px; padding:0 20px; background:#fff;}
.qa_box li .right a:hover{background:#0087d5; border-color:#0087d5; color:#fff;}

/** 常见问题代码 End **/

.case_r_img{width:100%;float:left;}
.case_r_img li{width:280px; float:left; margin:30px 28px 0 0;}
.case_r_img li:nth-child(3n){margin-right:0;}
.case_r_img li .pic{width:280px; float:left; overflow:hidden;}
.case_r_img li .pic img{width:100%; display:block; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s;}
.case_r_img li a:hover .pic img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.case_r_img li .text{width:280px; float:left; background:#eee; padding:10px;}
.case_r_img li a:hover .text{background:#0087d5; color:#fff;}
.case_r_img li .text h3{width:100%; float:left; font-size:15px; color:#333; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case_r_img li a .text h3{color:#333;}
.case_r_img li a:hover .text h3{color:#fff;}
.case_r_img li .text p{width:100%; float:left; font-size:14px; line-height:24px;}
.case_r_img li .text .btn{width:110px; float:left; margin-top:10px;}
.case_r_img li a .text .btn{width:110px; line-height:30px; display:block; background:#0087d5; color:#fff; font-size:14px; text-align:center; font-family:Arial;}
.case_r_img li a:hover .text .btn{background:#fff; color:#0087d5;}


/** 合作案例代码 End **/


.t1{width:49%;float:left;} .t2{width:49%;float:right;}
.t3{width:49%;float:left;} .t4{width:49%;float:right;}
.contact-form input.text{background:#fff;border:1px #e6e6e6 solid; font-size:14px; color:#999;width:100%; padding:2%; margin-bottom:20px;}
.contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid; font-size:14px; color:#999; width:100%; height:300px; padding:2% 1%; margin-bottom:20px;}
.contact-form input.btn, a.btn{background:#fff;padding:1% 0;color:#000; font-size:14px;border:1px solid #e6e6e6; width:100%; cursor:pointer;}
.contact-form input.btn:hover, a.btn:hover{background:#0087d5; color:#fff;}

/**客户留言代码 End**/


.cont_text{width:100%; float:left; margin-top:30px;}
.cont_l{width:60%;float:left; line-height:30px; font-size:14px;}
.cont_r{width:20%;float:right; text-align:right;}
.cont_r img{width:200px; height:200px;}

/**联系我们代码 End**/


}


/*pages*/
.Pages{width:100%;float:left; margin-top:30px; line-height:32px; overflow:hidden; text-align:center; border:1px solid #f5f5f5; border-width:1px 0; padding:20px 0;}
.Pages span{padding:0px 3px; display:inline-block;}
.Pages a{display:inline-block; margin:0px 2px; height:32px; }
.Pages .p_page em{font-style:normal; font-family:Arial;}
.Pages .p_page em a{padding:0px 12px; border:solid 1px #d6d6d6;}
.Pages .p_page em a.a_cur{color:#0087d5; border:0; border-top:1px solid #0087d5; border-bottom:1px solid #0087d5;}
.Pages .p_page em a:hover{border-color:#0087d5;}
.Pages .a_prev{width:32px; background:url(../images/bg_prev.jpg) no-repeat;}
.Pages .a_next{width:32px; background:url(../images/bg_next.jpg) no-repeat;}

.sp-wrap{display:none; position:relative; float:left; width:100%;}
.sp-thumbs{text-align:left;display:inline-block; margin-top:10px;}
.sp-thumbs img{min-height:50px; min-width:50px; max-width:50px;}
.sp-thumbs a:link, .sp-thumbs a:visited {width:50px; height:50px; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position: center; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; margin-right:5px; border:1px solid #e6e6e6;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active,.sp-current{opacity:1!important;position:relative;}

.sp-large{position:relative; overflow:hidden; top:0; left:0; height:100% !important;}
.sp-large a img{max-width:100%; display:block; border:1px solid #e6e6e6; box-sizing:border-box;}
.sp-large a{display:block;}

.sp-zoom{position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none;}
.sp-lightbox{position:fixed;top:0;left:0;height:100%;width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9);z-index: 500;display: none;cursor: pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; border:2px solid #fff;}
#sp-prev, #sp-next{position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none;background:#000; border-radius:25px; border:2px solid #fff; width:50px;height:50px; box-sizing:border-box;transition: .2s;}
#sp-prev{left:10px;}
#sp-prev:before{content:''; border:7px solid transparent; border-right:15px solid #fff; position: absolute; top:16px; left:7px;}
#sp-next{right:10px;}
#sp-next:before{content:''; border:7px solid transparent; border-left:15px solid white; position: absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{background:#444;}

/*放大镜代码 End*/

.new-view-title{width:100%; float:left; background:#fff; border-bottom:1px solid #e6e6e6;  text-align:center; line-height:30px; padding-bottom:20px; font-size:14px; margin-top:30px;}
.new-view-title .line{padding:0 10px; color:#d3d3d3;}
.color-blue{color:#666;}
.new-view-title h3{padding:8px; line-height:32px; font-size:20px; font-weight:700; color:#0087d5;}
.newsmore_text{width:100%;float:left; margin-top:40px; line-height:30px; font-size:14px;}


/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:30px auto 0; background:#fff;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}

.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

/** 公共样式代码 End **/

