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

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix::after {content:""; display: block; clear:both; }
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1100px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}


/*top*/
.head{ width:100%; position:relative; z-index:1000; background:#fff; border-top:4px solid #ffbf00; }
.head .head_top{height:40px; line-height:40px; font-size:13px; color:#c0defa; background-color:#005fbb;}
.head .head_top .spanN{ padding:0 15px; color:#529de6; font-size:12px; }
.head .head_top a{ color:#c0defa; font-size:13px;}
.head .head_top a:hover{ text-decoration:underline; color:#fff; }
.head .head_logo{ background:#fff url(../images/topbg.jpg) top center no-repeat; height:130px; }
.head .head_logo .logoDiv{float:left; display:block;width:413px; height:125px; background:url(../images/logo.png) left center no-repeat; position:relative; z-index:10;}
.head .head_logo .logoTitle{ padding-left:25px;}
.head .head_logo .logoTitle .div1{ color:#000; font-size:28px; font-weight:700; padding-top:15px;}
.head .head_logo .logoTitle .div2{ text-align:center; position:relative; height:30px; line-height:30px;}
.head .head_logo .logoTitle .div2 .span1{ position:absolute; z-index:1; left:0;top:50%; width:100%; height:0; border-top:1px solid #ddd;}
.head .head_logo .logoTitle .div2 .span2{ position:relative; z-index:5; color:#999; letter-spacing:2px; font-size:13px; display:inline-block; padding:0 20px; background-color:#fff; }
.head .head_logo .l1{ height:125px; text-align:left; padding:0px 0 0 70px; background:url(../images/gg4u.png) left center no-repeat; }
.head .head_logo .l1 .div1{}
.head .head_logo .l1 .div1 .span1{ display:block; color:#666; font-size:14px; padding-top:30px; }
.head .head_logo .l1 .div1 .span2{ display:block; color:#dc0000; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size:33px; font-weight:lighter; line-height:45px;}


.head .head_logo .top_ewm{height:100px; width:100px; position:relative; background-color:#fff; border-left:10px solid #edf3f5; border-right:10px solid #edf3f5; z-index:100}
.head .head_logo .top_ewm .img{ width:84px; height:84px; background:url(../images/swt-icon.png) center center no-repeat; position:relative;z-index:100; margin:8px;}
.head .head_logo .top_ewm .img img{ display:block; width:100%;}
.head .head_logo .top_ewm .showImg{ display:none; position:absolute; top:100%; margin-top:12px; left:50%; width:170px; background-color:#fff; margin-left:-85px; border-radius:5px; border:1px solid #ebebeb; box-shadow:0 3px 10px rgba(0,0,0,0.1); border-top:2px solid #dc0000;}
.head .head_logo .top_ewm .showImg::after{ content:''; display:block; width: 0; height:0; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-bottom: 8px solid #dc0000; position:absolute; left:50%; top:-10px; z-index:100; margin-left:-7px;}
.head .head_logo .top_ewm .showImg img{ display:block; width:140px; margin:15px auto; margin-bottom:0; }
.head .head_logo .top_ewm .showImg span{ display:block; text-align:center; color:#dc0000; font-size:14px; padding:5px 0 15px 0;}
.head .head_logo .top_ewm:hover .showImg{ display:block; }


.nav{ position:relative; width:100%; border-top:1px solid #ddd;border-bottom:3px solid #005fbb;}
.navMain{ position:relative;}
.nav .navMain .navLi{ float:left; position:relative;  width:12.5%;}
.nav .navMain .navLi.indexLi{ margin-left:0; }
.nav .navMain .navLi a.a1{ display:block; color:#005fbb; position:relative; height:55px; line-height:55px; width:100%; text-align:center; font-size:15px;}
.nav .navMain .navLi a.a1::after{ display: none; content:''; position:absolute; bottom:-3px; left:0; width:100%; height:4px; background-color:#ffbf00; }
.nav .navMain .navLi a.a1::before{ display: none; content:''; position:absolute; top:-3px; left:0; width:100%; height:4px; background-color:#ffbf00; }
.nav .navMain .navLi:hover a.a1,.nav .navMain .navLi.active a.a1{ background-color:#005fbb; color:#fff;}
.nav .navMain .navLi:hover a.a1::after,.nav .navMain .navLi.active a.a1::after,.nav .navMain .navLi:hover a.a1::before,.nav .navMain .navLi.active a.a1::before{ display:block;}
.nav .navMain .navLi .dh2{ width:100%; padding:10px 0; top:100%; left:0; position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background-color:#fff; border-top:3px solid #ffbf00; }
.nav .navMain .navLi .dh2 a.a2{ display:block;  background-color:#fff; color:#333; line-height:20px; font-size:14px; padding:15px 0; margin:0px 10px; border-bottom:1px solid #1585c4;}
.nav .navMain .navLi .dh2 a.a3 span{ padding-left:35px;}
.nav .navMain .navLi .dh2 a.a2 span{-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.nav .navMain .navLi .dh2 a.a2:hover span{ padding-left:10px;}
.nav .navMain .navLi .dh2 a.a2:hover,.nav .navMain .navLi .dh2 a.a3:hover{ color:#fff; background-color:#ffbf00; }
.nav .navMain .navLi .dh2 a.a3{ display: block; width:200px;  float:left; line-height:20px; font-size:14px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; }
.nav .navMain .navLi:hover .dh2{ display:block;}

/*banner*/
.banner{ width:100%; background:#fafafa; position:relative; z-index:11; }
.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides , .slides_container,.slides_control ,.banner_pic{height:500px;}
.banner_slides li.slidesjs-slide{width:100%; height:500px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:500px;}
.slides_btn{position:absolute; z-index:999;display:block;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IEÂ˾µ£¬Í¸Ã÷¶È50%*/-moz-opacity:0.2; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.2;/*ÆäËû£¬Í¸Ã÷¶È50%*/ background-position: center center; background-repeat:no-repeat; }
.banner:hover .slides_btn{filter:alpha(opacity=80); -moz-opacity:0.8; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.8;}
.btn_previous{ left:4%; background-image:url(../images/pre01.png);}
.btn_previous:hover{ background-color:#005fbb;background-image:url(../images/pre02.png);}
.btn_next{ right:4%; background-image:url(../images/next01.png);}
.btn_next:hover{ background-color:#005fbb;background-image:url(../images/next02.png);}
/**/
.slides_pagination{ width:75px;height:14px;bottom:20px; right:50%; margin-right:-37px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 7px;display:inline-block; width:10px;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline; zoom:1; overflow:hidden; width:10px;height:10px;line-height:50px; border:2px solid #fff;color:#666;border-radius:100%;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{ background:#ffbf00;color:#ffbf00; border:2px solid #ffbf00;}
/*banner end*/


/**/
.ss{ background:#fff;overflow:hidden; border-bottom:1px solid #bbb; }
.ss .ssBox{ height:65px;line-height:65px; width:100%;}
.ss .ssBox .title{ color:#fff; font-weight:700; font-size:16px; width:70px; height:65px;  background:url(../images/ggt.png) left center no-repeat; }
.ss .ssBox .ss_nr{ width:860px;overflow:hidden;white-space:nowrap; }
.ss .ssBox .ss_nr div{ display:inline-block; min-width:100%; padding-right:40px; font-size:13px; color:#666;}
.ss .ssBox .ss_nr div span a{}
.ss .ssBox .ss_nr div:hover{ color:#005fbb;}
.ss .ssBox .m{ display:block; padding:0 20px; border:1px solid #ffbf00; color:#ffbf00; height:28px; line-height:26px; font-size:14px; margin-top:18px;}
.ss .ssBox .m:hover{ background-color:#ffbf00; color:#fff;}



.baseTitle{margin:auto; position:relative;}
.baseTitle .t1{ color:#000; font-size:35px; font-weight:700; position:relative; z-index:10; text-align: center; line-height:40px;}
.baseTitle .t1 span{ padding:0 40px; display:inline-block; background-color:#fff;}
.baseTitle .bg{ position:absolute; z-index:1; height:50px; width:100%; top:20px; left:50%; width:570px; height:40px; border:2px solid #0186d5; margin-left:-287px;}
.baseTitle .t2{ color:#999; height:30px; line-height:30px; position:relative; z-index:10; text-align:center; padding-top:8px;}
.baseTitle .t2 span{ padding:0 30px; display:inline-block; background-color:#fff;}
.baseTitle .m{ display:block; color:#fff; font-size:13px; font-family:Arial; line-height:45px; width:72px; background:url(../images/base_m.png) center center no-repeat; position:relative; z-index:10;}
.baseTitle .m span{ display:inline-block;padding-left:12px;}
.baseTitle .m:hover span{ text-decoration:underline;}

/*产品*/
.indexMain{position:relative; padding:40px 0; background:#fff url(../images/4_4lkd.jpg) center center no-repeat; }
.indexMain .baseTitle .t1 span,.indexMain .baseTitle .t2 span{ background-color:#e6f0fa;}
.indexMain .product{ position:relative; z-index:10;}
.proTitle{ width:235px; position:relative;}
.proTitle .t_t{ height:95px; background:#005fbb; position:relative; z-index:5;/* border:5px solid #005fbb; */}
.proTitle .t_t .div{ padding-left:60px; margin-left:27px; background:url(../images/t_t.png) left center no-repeat; height:95px; }
.proTitle .t_t .div .div1{ color:#fff; font-weight:700; font-size:30px; padding-top:12px;}
.proTitle .t_t .div .div2{ color:#a4d0fa; font-size:13px; }
.proTitle .bg{position:absolute; z-index:6; width:100%; left:0; top:0;}
.proTitle .bg .box{ width:100%; height:300px;}
.proTitle .bg .box .dian{ margin-top:37px; display:none;} 
.proTitle .bg .box .dian .div1{ width:26px; height:26px; margin:auto; border:2px solid #005fbb; border-radius:100%; background-color:rgba(0,95,187,0.5);} 
.proTitle .bg .box .dian .div1 .div2{ width:12px; height:12px; border-radius:100%; margin:7px auto; background-color:#005fbb;}
.proTitle .bg .box .db{ width:0; height:450px; margin:auto; border-left:1px solid #005fbb; margin-top:90px;}

.proTitle .pclass{ position:relative; z-index:10;}
.proTitle .pclass .lin1{ margin:auto; padding:8px 0 0 0;}
.proTitle .pclass .lin1 a{ display:block; height:55px; line-height:55px;font-size:14px; color:#000;margin:auto;  text-align: center; border-bottom:1px solid #bbb; background-color:#f9f9f9; }
.proTitle .pclass .lin1 a:hover{ background-color:#f4f4f4;border-left:30px solid #ffbf00; border-right:30px solid #ffbf00;}
.proTitle .m{ display:block; color:#fff; background-color:#0269ab; height:60px; text-align:center; line-height:60px;margin-top:8px; position:relative; z-index:10;}
.proTitle .lxfs{ display:block; height:95px;  background:#ffbf00 url(../images/lxfs1.jpg) center center no-repeat; margin-top:8px; position:relative; z-index:10;}

.proTitle .lxwm{ padding:20px 0 0px 0; }
.proTitle .lxwm_t{ width:160px; margin:auto; height:50px; padding-left:45px; margin-bottom:15px;}
.proTitle .lxwm_t .span1{ display:block; color:#afdcfc; font-size:13px; font-family:Arial; padding-top:1px;}
.proTitle .lxwm_t .span2{ display:block; color:#fff; font-size:23px; line-height:27px; font-weight:700;}
.proTitle .lxwm_t2 .span2{ font-size:15px; font-family:' Microsoft YaHei'; line-height:20px; padding-top:6px; font-weight:normal;}
.proTitle .lxwm_t1{ background:url(../images/left_dh.png) left center no-repeat;}
.proTitle .lxwm_t2{ background:url(../images/left_dz.png) left center no-repeat;}
.proTitle .lxwm_box{ border:1px solid #ddd; padding:10px 0;}
.proTitle .lxwm p{ padding:10px 0px; border-bottom:1px dashed #ddd; width:215px; margin:auto; word-break:break-all; font-size:14px; color:#666; line-height:22px;}
.proTitle .lxwm p:last-child{ border:0;}

.prdListBox{ }
.indexMain .productList{ overflow:hidden; width:840px;height:650px; position:relative;}
.indexMain .productList ul{ overflow:hidden;width:849px;height:726px;}
.indexMain .productList ul li{ width:274px; float:left; margin:0 9px 0px 0px; background-color:#fff; } 
.indexMain .productList ul li .boxa{ display:block; cursor:pointer; width:100%;}
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden; border:1px solid #ddd; height:200px; position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.indexMain .productList ul li .boxa .spanImg .aB{display:none; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.3); overflow: hidden; left: 0; top: 0; z-index: 5;}
.indexMain .productList ul li .boxa .spanImg .aB em{ display:block; width:90px; height:90px; border-radius:100%; margin:55px auto ;background:rgba(0,95,187,0.7) url(../images/chakan.png) center center no-repeat;}
.indexMain .productList ul li .boxa:hover .spanImg .aB{ display:block;}
.indexMain .productList ul li .spanT{ display: block; z-index:10; height:40px; line-height:40px; width:222px; margin:auto; text-align:center;color:#666; font-size:13px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexMain .productList ul li .spanT:hover{ color:#e0222c;}
.indexMain .more{ display:block; width:100%; height:10px; margin:auto; background-color:#ebebeb; margin-top:15px; border-radius:10px; }
.indexMain .more:hover{ background-color:#c20307;}


/*¹关于我们*/
.about{ background:#005fbb/* url(../images/22.jpg) bottom center no-repeat */; padding:45px 0;position:relative;}
.about .title{ text-align:center; height:55px; background:url(../images/bk.png) center center no-repeat; position:relative; color:#fff; font-size:21px; line-height:55px;}
.about .title .div1{ position:absolute; left:0; border-top:1px solid #fff; top:50%; width:390px; height:0;}
.about .title .div2{ position:absolute; right:0; border-top:1px solid #fff; top:50%; width:390px; height:0;}
.about .title .div1 .span2{color:#d83104; padding-left:5px;}
.about .title .div2{ color:#b7b7b7; font-size:14px; padding:8px 0 15px 0;}
.about .aboutBox{ padding-top:40px;}
.about .about_left{ position:relative; width:850px;}
.about .about_left .j01{ position:absolute; z-index:1; background:url(../images/bksb.png) left center no-repeat; width:40px; height:48px; left:0; top:0; display:none;}
.about .about_left .j02{ position:absolute; z-index:1; background:url(../images/bksa.png) left center no-repeat; width:40px; height:48px; right:0; bottom:0; display:none;}
.about .about_left .img{ width:280px; height:210px; margin:0px auto auto 0px;}
.about .about_left .img img{ display:block; width:100%; height:100%;}
.about .about_left .box{ width:530px; margin:-10px 0 auto auto;}
.about .about_left .box .aboutNR{ color:#bcdcfb; font-size:15px; height:210px; line-height:35px; overflow:hidden;}

.about .about_left .more{ padding:30px 0 0 0px;}
.about .about_left .more a{ float:left; display:block; padding:0 50px; border:2px solid #fff; color:#fff; font-size:15px; line-height:35px; border-radius:30px; margin-left:30px; background-color:#005fbb; }
.about .about_left .more a:hover{ background-color:#ffbf00 ; color:#fff; border:2px solid #ffbf00;}
.about .about_left .more .tel{ float:left; border:2px solid #fff; line-height:35px; border-radius:30px; width:435px;}
.about .about_left .more .span1{ float:left; display:block; color:#fff; font-size:18px; padding-left:60px;}
.about .about_left .more .span2{ float:left; display:block; color:#fff; font-size:23px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; letter-spacing:2px;}
.about .about_right{/* border:1px dashed #fff; width:268px; height:348px;*/}
.about .about_right img{ display:block; height:280px; margin:auto;}

/*新闻*/
.indexNews{ padding:40px 0;  background:#fff url(../images/bg1h.jpg) repeat; border-top:2px solid #f4f4f4; border-bottom:2px solid #f4f4f4;}
.indexNews .newsBox{}
.indexNews .news_left{ width:745px; background-color:#fff;}
.indexNews .news_left .list_box{ border:1px solid #ddd; border-top:0; height:285px;}
.indexNews .news_list{ padding-top:10px;}
.indexNews .news_list li{ border-bottom:1px dashed #ccc; line-height:52px; width:326px; margin-left:30px; float:left;}
.indexNews .news_list li .aClass{ display:block; float:left; color:#ffbf00; font-size:14px;}
.indexNews .news_list li .a1{ display:block; float:left; width:150px; padding-left:1px;  font-size:14px; color:#444;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; display:block; }
.indexNews .news_list li .a1:hover,.indexNews .news_list li .aClass:hover{ text-decoration:underline; color:#d83104;}
.indexNews .news_list li .time{ display:block; float:right; font-size:13px; color:#999;}
.indexNews .news_list li:last-child,.indexNews .news_list li:nth-child(9){ border:0;}
.indexNews .news_right{ background-color:#fff; width:320px; height:353px;}
.indexNews .title{width:100%; margin:auto; padding:15px 0; background-color:#005fbb;}
.indexNews .title .span1{ float:left; padding-left:15px; color:#fff; font-size:20px; display:block; height:30px; line-height:28px; border-left:3px solid #fff; margin-left:20px; }
.indexNews .title .m{ display:block; float:right; font-size:13px; line-height:30px; padding:0 15px; border:1px solid #add2f6; margin-right:20px; color:#add2f6; }
.indexNews .title .m:hover{ background-color:#fff; color:#005fbb;}
.indexNews .news_right .lx_list{ padding:10px 0;}
.indexNews .news_right .lx_list li{ line-height:25px; color:#333; font-size:15px; padding:8px 0 8px 35px; margin-left:15px;}
.indexNews .news_right .lx_list li span{}
.indexNews .news_right .lx_list li.li1{ background:url(../images/lx01.png) center left no-repeat;}
.indexNews .news_right .lx_list li.li2{ background:url(../images/lx02.png) center left no-repeat;}
.indexNews .news_right .lx_list li.li3{ background:url(../images/lx03.png) center left no-repeat;}
.indexNews .news_right .lx_list li.li4{ background:url(../images/lx04.png) center left no-repeat;}
.indexNews .news_right .ditu{ display:block; width:300px; height:100px; background:url(../images/ditu.jpg) center center no-repeat;}


/*case*/
.cases{ position:relative; padding:40px 0; background-color:#fff;}
.cases .title{ text-align:center; height:55px; background:url(../images/bk9.png) center center no-repeat; line-height:55px; color:#005fbb; font-size:21px; display:none; }
.cases .caseList{  overflow:hidden;position:relative; z-index:10;}
.cases .caseList ul{ width:1100px;}
.cases .caseList li{ float:left; width:20%;;}
.cases .caseList li a.imga{display:block; width:92%; margin:auto;  }
.cases .caseList li a.imga .spanImg{display:block; width:100%; height:250px; overflow:hidden; background-position:top center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; border-radius:8px; position:relative;border-bottom:7px solid #ffbf00;}
.cases .caseList li .spanT{ background-color:rgba(0,0,0,0.5); display:block; color:#fff; text-align:center; overflow:hidden; white-space: nowrap;text-overflow:ellipsis; text-align:center; font-size:14px; width:100%;line-height:45px; height:45px; position:absolute; left:0; bottom:0;-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }

.cases .caseList li .titleBox a:hover{}
.cases .caseList li .imga:hover{}
.cases .caseList li .imga:hover .spanT{ padding:10px 0;}
.cases .caseList .box{ width:9999px; position:relative; z-index:10;}
.cases .caseList .box ul{ float:left;}
.cases .more{ display:none; margin:auto; background:url(../images/DANNS.png) center center no-repeat; width:90px; height:40px; margin-top:20px; line-height:50px; text-align:center; font-size:14px; color:#fff;}

/**/
.foot{ background-color:#000; position:relative; padding:0px 0 30px 0; border-top:5px solid #ffbf00; }
.bottomNav{ text-align:center; background-color:#2286e4; padding:16px 0; margin-bottom:20px;}
.bottomNav li{ width:12.5%; float:left; text-align: center; }
.bottomNav a{ display:inline-block; color:#fff; padding:6px 25px; border:1px solid #2286e4; font-size:14px; border-radius:20px;}
.bottomNav a:hover{ border:1px solid #fff;}
.foot p{ line-height:35px; text-align:center;}
.foot p .span1{ padding:0 10px; color:#666; font-size:13px;}
.foot p a{ color:#666; font-size:14px;}
.foot a:hover{ color:#fff;}

.copyright{font-size:13px; color:#666; padding:10px 0; line-height:25px; text-align:center; background-color:#000;}
.copyright .span1{ padding:0 30px 0 0;}
.copyright a{ color:#666;}
.copyright a:hover{ color:#fff;}

/**/
.breadcrumbs{margin-bottom:15px; border-bottom: 2px solid #005fbb;font-size: 14px; padding-bottom: 8px; line-height: 30px;}
.breadcrumbs a{color:#666; font-size: 14px;}
.breadcrumbs a:hover{ text-decoration:underline;}
.breadcrumbs .sortName{ color:#fff; font-size:20px;}
.breadcrumbs .indexa{ padding-left:30px; background:url(../images/icon-home_61y0.png) left center no-repeat;}
/*·ÖÒ³*/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #fff;}
.page_nav a:hover{ color:#fff; border:1px solid #54a530; background-color:#54a530}

.viewpage{ margin:0; padding:20px 0 50px 0; border-top:1px solid #eee;}
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}

/*分页*/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#cc0000; color:#fff; border:1px solid #cc0000;}



.main{ background-color:#fff; padding:30px 0;}
.main .main_right{ width:840px;}
.text{ line-height:35px; font-size:15px; color:#666;padding:30px;}
.text span{font-size:15px; color:#666;}
.text img{ max-width:100%;}
.main .tT01{ text-align:center; line-height:35px; margin-top:20px;}
.main .tT01 .span1{ font-size:24px; color:#444;}
.main .subtitle{font-size: 13px; line-height: 24px; height: 24px; color: #8F8F8F; text-align:center;}
.main .subtitle span{ padding:0 10px;}

.main .main_left{ width:182px; }
.main .main_left .titleL{ height:80px; background:url(../images/bt_vt57.jpg) top right no-repeat;  text-align:center; overflow:auto;}
.main .main_left .titleL span{ font-size:24px; color:#fff; font-weight:700; display:block; width:100%; height:80px; line-height:80px;}
.main .main_left .titleL2{ display: block ;width:100%; margin-top:10px; overflow:hidden; }
.main .main_left .titleL2 img{ display:block; width:100%;}
.main .navLeft{}
.main .navLeft li a{ display:block; width:100%; height:45px; line-height:45px;;color:#305dc3; text-align:left; border-bottom:1px solid #305dc3; font-size:14px; position:relative;}
.main .navLeft li a span{ position:relative; z-index:5; padding-left:15px  }
.main .navLeft li a em{ display:block; width:0; position:absolute; z-index:1; left:0; top:0; height:100%;background-color:#305dc3;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main .navLeft li a:hover,.main .navLeft li.active a{ color:#fff;}
.main .navLeft li a:hover em,.main .navLeft li.active a em{ width:100%;}


#faqbox{padding:90px 0 50px 0; background-color:#fff;}
#faqbox form{}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}
#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}
#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:435px; vertical-align:top;}
#faqbox .Content textarea{height:100px;}
.wizfrm{ border:none;width:455px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:#fff; margin-top:20px;  font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;background-color:#dd0103; }
.wizfrm:hover{ background-color:#ff9900; }

/**/

.main .proList{width:840px;position:relative; margin-top:10px;}
.main .proList{ overflow:hidden; width:849px;}
.main .proList li{ width:274px; float:left; margin:0 9px 0px 0; } 
.main .proList li .boxa{ width:272px; height:208px; border:1px solid #ddd; display:block; cursor:pointer;}
.main .proList li .boxa .spanImg{ display:block; overflow:hidden;width:252px; height:180px; margin:10px; position:relative;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.main .proList li .boxa .spanImg .aB{display:none; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: 0; z-index: 5;}
.main .proList li .boxa .spanImg .aB em{display:block; width:90px; height:90px; border-radius:100%; margin:55px auto ;background:rgba(0,95,187,0.7) url(../images/chakan.png) center center no-repeat;}
.main .proList li .boxa:hover .spanImg .aB{ display:block;}
.main .proList li .spanT{ display: block; z-index:10; height:35px; line-height:33px; width:222px; margin:auto; text-align:center;color:#666; font-size:13px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.main .proList li .spanT:hover{ color:#e0222c;}

/**/
.main .news_list{}
.main .news_list li{border-bottom: 1px dashed #e4e4e4; padding:15px;}
.main .news_list li .titleBox{}
.main .news_list li a{ color:#333; font-size:15px;}
.main .news_list li a:hover{ color:#dc2b21; text-decoration:underline;}
.main .news_list li .desc{ line-height: 22px; max-height: 44px;  color: #999;  overflow: hidden; font-size:13px; margin-top:8px; padding:0 0 0 0px;}
.main .news_list li .lMore{ font-size:13px; color:#b7b7b7;}