@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:1200px;}
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;}
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1200px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}
/*top*/
.head{ width:100%;  position:relative; z-index:1000;/*background:url(phgh_01.jpg) bottom center no-repeat; padding-bottom:3px; */}
.head .head_top{height:50px; line-height:49px; font-size:14px; color:#fff; background-color:#379FF1/*b20607*/; }
.head .head_top .spanN{ padding:0 15px; color:#999; }
.head .head_top .span_l{ color:#fff;display:inline-block;}
.head .head_top a{ color:#666;}
.head .head_top a:hover{ text-decoration:underline; }
.head .head_top .span0{ color:#d5eafa; font-size:14px; padding-left:25px;}
.head .head_top .span1{ color:#FFF; font-size:30px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; padding-left:10px;}
.head .head_top .show_img{ position:relative; padding:0 20px; margin-left:5px; z-index:200;}
.head .head_top .show_img .span_img{ display:block; padding-left:23px; color:#fff; font-size:14px; height:50px; line-height:48px; cursor:pointer;}
.head .head_top .show_img .span_01{ background:url(website_weixin.png) left center no-repeat; padding-left:33px;}
.head .head_top .show_img .span_02{ background:url(website_wap.png) left center no-repeat;}
.head .head_top .show_img .showImg{ position:absolute; width:200px; background:#fff; border:1px solid #ddd; border-radius:5px; overflow:hidden; top:100%; left:50%; margin-left:-101px; display:none;}
.head .head_top .show_img .showImg img{ display:block; width:130px; margin:20px auto auto auto;}
.head .head_top .show_img .showImg span{ display:block; text-align:center; color:#666; font-size:14px; line-height:30px; padding-bottom:14px;}
.head .head_top .show_img:hover,.head .head_top .show_img.active{ background-color:#008FEA;}
.head .head_top .show_img:hover .showImg{ display:block;}

.head .head_logo{width:100%; box-shadow:0 3px 10px rgba(0,0,0,0.1); }
.logoDiv{float:left; width:400px; height:110px; background: url(logo.png) left center no-repeat;}
.head .head_logo .by{ height:60px; padding-left:30px; margin-left:30px; border-left:1px solid #ddd; margin-top:35px;}
.head .head_logo .by .div1{ font-size:23px; color:#dc2b21; font-weight:700; line-height:30px;}
.head .head_logo .by .div1 span{color:#000; font-weight:normal;  font-size:18px; padding:0 5px;}
.head .head_logo .by .div2{color:#444; font-size:14px; padding-top:5px;}
.head .head_logo .l1{ height:130px; text-align:left; padding-left:70px; background:url(dianhua.png) left center no-repeat;}
.head .head_logo .l1 span{ }
.head .head_logo .l1 .span0{ display:block; line-height:25px; height:25px; font-size:13px; color:#666; padding-top:28px;}
.head .head_logo .l1 .span1{ display:block; height:40px; line-height:40px; font-size:38px; color:#004c7e; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; }
.head .head_logo .top_ewm{ width:110px; height:110px; margin:10px 0 0 0;}
.head .head_logo .top_ewm img{ display:block; width:100%;}

.nav{ position: relative; z-index:100;}
.navMain{ position:relative; z-index:100; }
.nav .navMain .navLi{ float:left; position:relative; z-index:101; width:90px; margin-left:2px; margin-top:15px;}
.nav .navMain .navLi.indexLi{ margin-left:0; border:0; background:none;}
.nav .navMain .navLi a.a1{ display:block;color:#333; position:relative; height:80px; width:100%; text-align:center; font-size:18px;}
.nav .navMain .navLi a.a1 span{ display:block; position:relative; z-index:10;}
.nav .navMain .navLi a.a1 .span1{ padding-top:23px;}
.nav .navMain .navLi a.a1 .span2{ font-size:10px; color:#b7b7b7; padding-top:3px;}
.nav .navMain .navLi a.a1 em{ position:absolute; z-index:10; left:50%;bottom:7px; width:2px; height:10px; z-index:1; background-color:#379ff1;  margin-left:-1px;}
.nav .navMain .navLi:hover a.a1,.nav .navMain .navLi.active a.a1{ background:url(nav_o5qg.png) bottom center no-repeat ; color:#fff; }
.nav .navMain .navLi:hover a.a1 .span2,.nav .navMain .navLi.active a.a1 .span2{ color:#9cd6fc;}
.nav .navMain .navLi.active .a1 em,.nav .navMain .navLi:hover a.a1 em{ display: none;}
.nav .navMain .navLi .dh2{ width:1200px; padding:10px; top:100%; left:-640px; 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 #cf261f; }
.nav .navMain .navLi .dh2 a.a2{ display:block;  background-color:#f2f4f3; color:#333; font-weight: 700; line-height:20px; font-size:16px; padding:10px 0; margin:0px 5px; border-bottom:1px solid #bbb; text-indent:20px;}
.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:35px;}
.nav .navMain .navLi .dh2 a.a2:hover,.nav .navMain .navLi .dh2 a.a3:hover{ color:#fff; background-color:#fc7f24; }
.nav .navMain .navLi .dh2 a.a3{ display: block; width:170px;  float:left; line-height:20px; font-size:14px; line-height:40px; margin:0px 10px 0 10px; border-right:1px solid #ebebeb; text-align:center;}
.nav .navMain .navLi:hover .dh2{ display:block;}

/*banner*/
.banner{width:100%; background:#fafafa; position:relative; z-index:11; border-bottom:2px solid #ff9900; max-width:1920px; margin:0 auto;}
.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides , .slides_container,.slides_control ,.banner_pic{ display:block;height:570px;}
.slidesjs-slide{width:100%;height:100%;}
.banner_slides li a{ display:block;}
.banner_pic{display:block; width:100%; height:100%; background-size:cover !important}
.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=60); -moz-opacity:0.6; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.6;}
.btn_previous{ left:4%; background-image:url(pre01.png);}
.btn_previous:hover{ background-color:#105eaa;background-image:url(pre02.png);}
.btn_next{ right:4%; background-image:url(next01.png);}
.btn_next:hover{ background-color:#105eaa;background-image:url(next02.png);}
/**/
.slides_pagination{ width:1200px;bottom:60px; left:50%; margin-left:-600px; position:absolute;z-index:100; text-align:right; }
.slides_pagination li{margin: 0 5px;display:inline-block; +float:left;}
.slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:12px;height:12px; border-radius:100%;line-height:50px; background-color:#fff; color:#666;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#cf261f;color:#cf261f;}
/*banner end*/


/**/
.ss{ background:#fff; }
.ss .ssBox{ height:80px; width:100%; background-color:#fff; margin-top:-40px;overflow:hidden; position:relative; z-index:200; box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.ss .ssBox .title{ height:78px; width:140px; background:url(index_19.png) center center no-repeat; margin-left:50px;}
.ss .ssBox .ss_nr{ width:820px;overflow:hidden;white-space:nowrap; height:40px; margin:20px auto auto 70px;}
.ss .ssBox ul{ display:inline-block;}
.ss .ssBox ul li{ display:inline-block; margin-right:50px; line-height:30px; margin-top:5px; width:280px; border-bottom:1px dashed #ddd;}
.ss .ssBox ul li a{ display:block; font-size:14px; color:#666; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width:175px;}
.ss .ssBox ul li a:hover{ color:#cf261f; text-decoration:underline;}
.ss .ssBox ul li span{ font-size:13px; color:#b7b7b7;}
.ss .ssBox .more{ display:block; height:50px; width:50px; margin:15px 15px auto auto; background:url(more.png) center center no-repeat;}
.ss .ssBox .more:hover{ background:url(more2.png) center center no-repeat;}


.baseTitle{margin:auto; position:relative;}
.baseTitle .t1{}
.baseTitle .t1 div{ width:190px; height:33px; border:1px solid #bbb; margin:auto; text-align:center;}
.baseTitle .t1 div span{ display: inline-block ; height:25px; line-height:25px; color:#555; font-size:20px; margin-top:15px; padding:0 20px; background-color:#fff;}
.baseTitle .t2{ height:35px; line-height:35px; position:relative; text-align:center; margin-top:15px;}
.baseTitle .t2 span{ display:inline-block;color:#0074bf; font-size:33px; font-weight:700; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; position:relative; z-index:10; background-color:#fff; padding:0 20px; }
.baseTitle .t2 .bg{ position:absolute; z-index:1; width:80%; left:10%; top:50%; border-top:1px solid #ddd;}
.baseTitle .t3{ text-align:center; font-size:14px; color:#999; padding:8px 0 20px 0;} 



/**/
.indexMain{position:relative; padding:35px 0; background:#fff;  }
.indexMain .product{ position:relative; z-index:10;}
.proTitle{ width:245px; background:#fff;}
.proTitle .t_t{ height:90px; background:#0074bf; color:#fff;  text-align:center; }
.proTitle .t_t .span1{ display:block; font-size:33px; font-weight:700; padding-top:9px;}
.proTitle .t_t .span2{ display:block; font-size:13px;}
.proTitle .pclass{  padding:0px 0 10px 0; border:3px solid #379FF1;}
.proTitle .pclass .lin1{ margin:auto; padding-top:10px;}
.proTitle .pclass .lin1 a{ display:block;height:40px; line-height:40px; font-size:15px; background-color:#f4f4f4; font-weight:700;color:#333; width:225px; margin:auto; border-top:1px solid #379FF1; }
.proTitle .pclass .lin1 a .span1{ display:inline-block; height:40px; width:40px; background:url(classt_1.png) center center no-repeat; margin-left:0px;}
.proTitle .pclass .lin1 a .span2{ display:inline-block; height:40px; }
.proTitle .pclass .lin1 a:hover{ background-color:#ddd;}
.proTitle .pclass .lin2 a{ display:block;height:30px; line-height:30px; font-size:14px; color:#333; width:200px; background-color:#fff; margin:auto; border-bottom:1px dashed #bbb; margin-left:25px; }
.proTitle .pclass .lin2 a span{ display:inline-block;  padding-left:25px; background:url(jt.png) left center no-repeat; margin-left:0px;}
.proTitle .pclass .lin2 a:hover span{color:#c20307; text-decoration:underline;}
.proTitle .pclass li:last-child a{}
.proTitle .m{ display: block; height:60px; line-height:60px; background:#fc7f24; color:#fff; text-align:center; font-size:18px; margin-top:5px;}
.proTitle .m:hover{ background-color:#ea6e14;}
.proTitle .lxwm{ padding:0px 10px; height:150px; background:#379FF1 url(img3_ifu3.jpg) top center no-repeat; margin-top:5px; }
.proTitle .lxwm_t{ width:160px; margin:auto; height:50px; padding-left:45px; margin-bottom:15px;}

.proTitle .lxwm .box{ color:#cbeafd; font-size:14px; padding-top:6px;}
.proTitle .lxwm p{ padding:12px 15px;  margin:auto;word-break:break-all; margin-top:7px; border-radius:5px; border:1px solid #4eace9;}
.proTitle .lxwm p:last-child{}
.prdListBox{}

.indexMain .productList{ overflow:hidden; width:930px;height:800px/*1015px*/; position:relative;}
.indexMain .product_title{ background-color:#0074bf; height:50px; line-height:50px; border-radius:4px; margin-bottom:15px;}
.indexMain .product_title .div1{ font-size:20px; color:#a0d8fc; padding-left:25px;}
.indexMain .product_title .tel{ padding-right:20px; }
.indexMain .product_title .tel .span1{ color:#d5eafa; font-size:18px;}
.indexMain .product_title .tel .span2{ color:#FFF; font-size:25px; font-weight:700;}

.indexMain .productList ul{ overflow:hidden; width:945px;height:804px;}
.indexMain .productList ul li{ width:300px; float:left; margin:0 15px 15px 0px; padding-bottom:10px; background:#f9f9f9 url(con3con1bg2.png) center bottom no-repeat; } 
.indexMain .productList ul li .boxa{ width:100%;  display:block; cursor:pointer;}
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:100%; height:203px; 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:block; width:100%;height:100%; position: absolute; background: rgba(0,116,191,0.7); overflow: hidden; left: 0; top: -100%; z-index: 5; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
.indexMain .productList ul li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;background:url(img18.png) center center no-repeat;}
.indexMain .productList ul li .boxa:hover .spanImg .aB{ top:0;}
.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:hover{ background:#f4f4f4 url(con3con1bg3.png) center bottom no-repeat; }
.indexMain .productList ul li .spanT:hover{ color:#e0222c;}


/*关于我们
.about{ background:#0074bf; padding:40px 0;}
.about .title{ border-bottom:1px solid #fff; }
.about .title .span1{ display:block;color:#fff; font-size:20px; height:40px; line-height:30px; border-left:3px solid #f8cd06; padding-left:15px; }
.about .title .a1{ display:block; line-height:30px; font-size:14px; color:#8bcef9;}
.about .title .a1:hover{ text-decoration:underline; color:#fff;}
.about .about_left{ width:855px;}
.about .about_left .box{ padding-top:25px;}
.about .img{ width:245px; }
.about .img img{ display:block; width:100%;  margin:auto;}
.about .aboutBox{ line-height:30px; font-size:14px; color:#c4e4fb;height:180px; overflow:hidden; width:580px; }
.about .class{ width:860px; padding-top:15px;}
.about .class li{ float:left; margin-right:5px;}
.about .class li a{ border-radius:8px; overflow:hidden; display:block;position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover; height:120px; width:210px;}
.about .class li a span{ position:absolute; left:0; top:0; height:100%; width:100%;background:rgba(0,0,0,0.6); line-height:120px; text-align:center; color:#fff; font-size:18px;}
.about .class li a:hover span{background:rgba(251,161,53,0.9); }

.about .about_right{ width:290px; height:355px;} 
.about .about_right .img{ width:100%; height:80px; background:url(pin-3.jpg) top center no-repeat;}
.about .about_right .ditu{ width:100%; height:255px;}
.about .about_right .m{ display:block; height:50px; text-align:center; line-height:50px; background-color:#f8cd06; font-size:20px;}
.about .about_right .m .span{}
.about .about_right .m:hover{ background-color:#dab403;}
.iw_poi_content{ padding:8px 0; line-height:25px; color:#666; font-size:14px;}
.BMap_cpyCtrl.BMap_noprint,.anchorBL img{ display:none !important;}
.BMap_scaleCtrl{ left:15px !important;}
*/

.about{ padding: 20px 0; background: #f2f3f4;}
.wrap{width:300px; margin:10px auto; text-align: center;}
.poster-main{width:300px; height: 362px;position: relative;}
.poster-main .poster-btn{width: 100px;height: 362px; position: absolute; top:0;cursor: pointer;}
.poster-main .poster-prev-btn{left: 0; background: url(../img/1.png) no-repeat;background-position: left center;}
.poster-main .poster-next-btn{right:0; background: url(../img/2.png) no-repeat; background-position: right center;}
.poster-main .poster-list .list-item{ position: absolute;top:0;left:0;}
.list-item a,.list-item a img{display: block;width: 100%;height: 100%;border: 0;}
.about .con{ width: 850px; margin-right: 5px;}
.about .fr span{ display: block; font-family: "microsoft sans serif"; font-size: 60px; color: #000; font-weight: bold; text-align:left; }
.about .fr div,.about .fr h3{ text-align:left;}
.about .fr div span{ display: inline-block; height: 32px; padding: 0 5px; background: #0095E7; text-align:left; line-height: 32px; font-size: 13px; color: #fff;}
.about .fr h3{ font-size: 36px; margin: 15px 0;}
.about .fr p{ font-size: 16px; text-indent: 2em; line-height: 2;}
.tline {color:#dedede;}
.roundabout_box img {width:100%;}
.roundabout_box {height:362px;width:257px;}
.roundabout-holder{list-style:none;width:257px;height:362px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:362px;width:257px;cursor:pointer;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;border-left:1px #fff solid;border-right:1px #fff solid;}
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder .text{color:#999;}
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}


/*优势*/
.ys{  padding:0px 0 40px 0; background:url(ysbg.png) repeat;}
.ys .yst{ height:150px; background:url(yst.png) center center no-repeat;}
.ys .yst2{ text-align:center; font-size:17px; color:#777; padding-top:10px; line-height:30px;}
.ys .ys_ul{ margin-top:50px;}
.ys .ys_ul li{}
.ys .ys_ul li .img{ width:550px; height:330px;}
.ys .ys_ul li .nr{ width:600px; margin-top:50px;}
.ys .ys_ul li .nr .title{ width:120px; height:100px; margin-top:15px;}
.ys .ys_ul li .nr .box{ width:480px;}
.ys .ys_ul li .nr .box .div1{ font-size:25px; font-weight:700; color:#0074bf;}
.ys .ys_ul li .nr .box .div2{ font-size:16px; color:#666; line-height:35px; padding-top:15px;}
.ys .ys_ul li .nr .box .div2 p{ padding-left:20px; background:url(dian.png) left center no-repeat;}

.ys .ys_ul li.lin1{}
.ys .ys_ul li.lin1 .nr .title{ background:url(sy2_51.jpg) left top no-repeat;}
.ys .ys_ul li.lin2 .nr .title{ background:url(sy2_59.png) left top no-repeat;}
.ys .ys_ul li.lin3 .nr .title{ background:url(sy2_64.jpg) left top no-repeat;}
.ys .ys_ul li.lin1 .img{ background:url(ys_01.jpg) center center no-repeat;}
.ys .ys_ul li.lin2 .img{ background:url(ys_02.jpg) center center no-repeat; margin-top:-50px;}
.ys .ys_ul li.lin3 .img{ background:url(ys_03.jpg) center center no-repeat; margin-top:-30px;}

.ys .my_tel{ width:100%; height:70px; background:#7c7d81; border-radius:50px; margin-top:20px; text-align:center; line-height:70px;}
.ys .my_tel .span1{ display:inline-block; font-size:23px; color:#fff; padding-right:15px;}
.ys .my_tel .span2{ display:inline-block; font-size:38px; color:#dd181f; font-weight:700; vertical-align:top;}

/*广告*/
.guanggao{ height:200px; width:100%; background:url(20000029981.jpg) center center no-repeat;}
.guanggao .title{ font-size:38px; color:#fff; font-weight:700; letter-spacing:3px; padding-top:25px;}
.guanggao .title2{ font-size:16px; color:#badcfa;text-transform:Uppercase; letter-spacing:2px;}
.guanggao .div2{ color:#fff; font-size:16px; border-top:1px solid #a6d1f9; margin-top:25px; padding-top:5px;}
.guanggao .tel{ line-height:35px;padding-top:50px;}
.guanggao .tel .span1{ color:#d4e2e5; font-size:28px; font-weight:700;}
.guanggao .tel .span2{ color:#ffa304; font-size:40px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; letter-spacing:3px;}
.guanggao .btn{ padding-top:25px;}
.guanggao .btn a{ float:left; margin-left:20px; display:block; padding:0 25px; height:40PX; line-height:40px; color:#fff; font-size:14xp; background-color:#dfae2d;}
.guanggao .btn a:hover{ background-color:#f9ba14;}

/*新闻*/
.indexNews{ padding:40px 0; background:#f4f4f4 url(ysbg.jpg);}
.indexNews .baseTitle .t1 div span{ background-color:#e6eef0;}
.indexNews .baseTitle .t2 span{ background-color:#f0f1f3;}
.indexNews .newsBox{}
.indexNews .newsBox ul{ width:1230px;}
.indexNews .newsBox ul li{ float:left; background-color:#fff; width:585px; margin:20px 30px auto auto; padding:10px 0;transition: all .3s linear; position: relative;}
.indexNews .newsBox ul li a{ display:block; width:565px; margin:auto;}
.indexNews .newsBox ul li a .img{ height:110px; width:175px;overflow:hidden;background-position:top center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;}
.indexNews .newsBox ul li a .nr{ width:360px; margin-left:20px;}
.indexNews .newsBox ul li a .nr .div1{ color:#1584da; font-size:18px; padding-top:5px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.indexNews .newsBox ul li a .nr .desc{ height:44px; line-height:22px; color:#b7b7b7; font-size:13px; overflow:hidden; margin-top:5px;}
.indexNews .newsBox ul li a .nr .time{ color:#666; font-size:13px; margin-top:5px;}
.indexNews .newsBox ul li .b{ position:absolute; top:0; left:0; height:0; width:0; border-bottom:1px solid #0074bf;transition: all .3s linear;}
.indexNews .newsBox ul li:hover{transform: translate3D(0,-6px,0);-webkit-transform: translate3D(0,-6px,0); box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.indexNews .newsBox ul li:hover .b{ width:100%;}
/*case*/
.cases{position:relative; padding:30px 0;}
.cases .caseList{  overflow:hidden;position:relative; z-index:10;}
.cases .caseList ul{ width:1220px;}
.cases .caseList li{ float:left;margin-right:20px; width:283px; border:1px solid #ddd; background:url(con3con1bg.png) bottom center no-repeat; padding-bottom:10px;}
.cases .caseList li a.imga{display:block; position:relative; width:283px; height:190px; overflow:hidden;background-position:top center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; }
.cases .caseList li .aT{ display:block; color:#333; text-align:center;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center; font-size:14px; line-height:40px;}
.cases .caseList li .titleBox p{ display:block; width:100%; line-height:40px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center;}
.cases .caseList li .titleBox a.title{ color:#666; font-size:13px;}
.cases .caseList li .titleBox a:hover{}
.cases .caseList li .imga:hover{}
.cases .caseList li .imga:hover img{}
.cases .caseList .box{ width:9999px; position:relative; z-index:10;}
.cases .caseList .box ul{ float:left;}
.cases .more{ display:block; width:750px; background:url(con5more.png) center center no-repeat; height:60px; margin:auto; margin-top:30px;}
.cases .caseList li a.imga .aB{display:block; width:100%;height:100%; position: absolute; background: rgba(0,116,191,0.7); overflow: hidden; left: 0; top: -100%; z-index: 5; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
.cases .caseList li a.imga .aB em{ display:block; width:100%; height:100%;background:url(img18.png) center center no-repeat;}
.cases .caseList li a.imga:hover .aB{ top:0;}
.cases .caseList li:hover{ background:#f4f4f4 url(con3con1bg3.png) center bottom no-repeat; }

/*底部*/
.foot_gg{ background-color:#f8cd06; padding:25px;}
.foot_gg .left{}
.foot_gg .left li{ float:left; height:90px; width:100px; border-radius:100%; margin-right:40px; border:2px solid #fff; text-align:center; line-height:90px; font-size:25px; color:#333; letter-spacing:2px; cursor:pointer;}
.foot_gg .left li.active,.foot_gg .left li:hover{ background-color:#fff; border:2px solid #aaa;}
.foot_gg .tel{ height:70px; width:70px; border-radius:8px; background:#fff url(foot_tel.png) center center no-repeat; border:1px solid #d8d8d8; margin:15px 15px auto auto;}
.foot_gg .div1{ line-height:35px; margin-top:15px;}
.foot_gg .div1 .span1{ color:#605002; font-size:22px;}
.foot_gg .div1 .span2{ color:#605002; font-size:30px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.foot_gg .div2{ font-size:14px; color:#605002; padding-top:8px;}

.foot{ background-color:#0058bc; padding:0px 0 25px 0; position:relative; }
.foot .left{ width:400px;}
.foot .center{ width:400px; height:250px; background-color:#fff;}
.foot .right{ width:400px;}


.foot .bottomNav{text-align:center; height:65px; line-height:65px; padding:10px 0; border-bottom:1px solid #034693; margin-bottom:20px;}
.foot .bottomNav a{color:#fff; font-size:14px;}
.foot .bottomNav .span_n{ padding:0 20px; font-size:13px; color:#015793;}
.foot .bottomNav a:hover{ text-decoration:underline;}

.copyright{  font-size:13px; color:#69abf6; padding-top:10px; line-height:25px; text-align:center;}
.copyright .span1{ padding:0 15px ;}
.copyright a{ color:#69abf6;}
.copyright a:hover{ color:#fff;}
.copyright .tel{ display:block; height:70px; border:1px dashed #999; margin-top:23px; padding:0 40px; line-height:70px; font-size:35px; color:#ddd; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}


/**/
.breadcrumbs{margin-bottom:15px; border-bottom: 2px solid #379FF1;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(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:#379FF1; color:#fff; border:1px solid #379FF1;}



.main{ background-color:#fff; padding:30px 0;}
.main .main_right{ width:930px;}
.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(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:30px; color:#ff9900; font-size:14px;}
#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#000; font-weight:700;}
#faqbox .Content{line-height:2em;text-align:left; padding-bottom:30px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #bbb; width:685px; vertical-align:top; border-radius:15px;}
#faqbox .Content textarea{height:100px;}
.wizfrm{ border:none;width:685px;height:60px;line-height:60px;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:#0074bf; }
.wizfrm:hover{ background-color:#ff9900; }

/**/

.main .proList{width:930px;overflow:hidden; position:relative; margin-top:10px;}
.main .proList ul{  width:945px;}
.main .proList li{ width:298px;  border:1px solid #ddd; float:left; margin:0 15px 15px 0px;  padding-bottom:10px; background:#fff url(con3con1bg3.png) center bottom no-repeat; } 
.main .proList li .boxa{ width:100%; display:block; cursor:pointer;}
.main .proList li .boxa .spanImg{ display:block; overflow:hidden;width:100%; height:200px;  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:block; width:100%;height:100%; position: absolute; background:rgba(0,116,191,0.7); overflow: hidden; left: 0; top:-100%; z-index: 5; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
.main .proList li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;background:url(img18.png) center center no-repeat;}
.main .proList li .boxa:hover .spanImg .aB{ top:0;}
.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 .proList li:hover{ background:#f4f4f4 url(con3con1bg2.png) center bottom no-repeat; }
/**/
.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;}