@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;}

img{vertical-align: middle;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

a{text-decoration:none; -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;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;}

.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}

.mb50{ margin-bottom:50px;}

.pt25{padding-top:25px;}

.pt30{padding-top:30px;}

.myClass{

background-position:center center; 

-webkit-background-size: cover;  

-moz-background-size: cover;  

-o-background-size: cover; 

background-size:cover;

}
@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}



/*top*/
.top{height: 40px;line-height: 40px;background: url(../images/topbj.jpg) center no-repeat;font-size: 14px;color: #fff;}
.top h3{float: left;}
.top p{float: right;display: block;}
.head{height: 120px;width: 100%;background:#fff;box-shadow: 0 8px 20px #cdcdcd;position: relative;z-index: 222;}
.logoDiv{width: 280px;height: 110px;}
.nav{ width:830px;}

.navMain{ position:relative; z-index:100;}

.nav .navMain .navLi{ float:left; position:relative; z-index:101; width:118px;height: 120px;line-height: 120px;}

.nav .navMain .navLi.indexLi{border:0; background:none;}


.nav .navMain .navLi a.a1{ display:block;position:relative;width:100%; text-align:center;}

.nav .navMain .navLi a.a1 span{font-size: 16px; color: #000;}

.nav .navMain .navLi.indexLi:hover{background:#0279dd url(../images/tba.png) center 20px no-repeat;}

.nav .navMain .navLi.indexLi:hover a.a1{color: #fff;}

.nav .navMain .navLi.indexLi:hover a.a1 span{color: #fff;line-height: 140px;}

.nav .navMain .navLi.active .a1 em,.nav .navMain .navLi:hover a.a1 em{ display: none;}

.nav .navMain .navLi .dh2{width:380px; padding:10px; top:120px; 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 #ffa200; }

.nav .navMain .navLi .dh2 .box{ float:left;}

.nav .navMain .navLi .dh2 a.a2{ display:block;  width:180px; float:left; background-color:#fff; color:#333; font-weight: 700; line-height:20px; font-size:15px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #e8e8e8;}

.nav .navMain .navLi .dh2 a.a3 span{ padding-left:15px;}

.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:15px;}

.nav .navMain .navLi .dh2 a.a2:hover,.nav .navMain .navLi .dh2 a.a3:hover{ color:#fff; background: #ffa200}

.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;  z-index:11;position: relative;}

.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }

.banner_slides , .slides_container,.slides_control ,.banner_pic{height:670px;}

.banner_slides li.slidesjs-slide{width:100%;height:670px;}

.banner_slides li a{}

.banner_pic{display:block; width:100%; height:670px;}

.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(../images/pre01.png);}

.btn_previous:hover{ background-color:#333;background-image:url(../images/pre02.png);}

.btn_next{ right:4%; background-image:url(../images/next01.png);}

.btn_next:hover{ background-color:#333;background-image:url(../images/next02.png);}

/**/

.slides_pagination{ width:100px;height:15px;bottom:30px; 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:#fff;color:#fff; border:2px solid #fff;}

/*banner end*/

/*优势*/
.topys{
    width: 100%;
    height: 130px;
    background: #fff;
    box-shadow: 0 5px 10px #ededed;
}
.topys ul{
    width: 1200px;
    margin: 0 auto;
}
.topys ul li{
    width: 300px;
    float: left;
    background: url(../images/xian.jpg) right center no-repeat;
    height: 130px;

}
.topys ul li img{
    float: left;
    margin-left: 35px;
    margin-top: 30px;

}
.topys ul li p{
    float: left;
    color: #8a8a8a;
    font-size: 13px;
    font-family: "Arial";
    text-transform: uppercase;
    margin-left: 30px;
    margin-top: 35px;
}
.topys ul li p span{
    color: #000;
    font-size: 20px;
    display: block;
}
.topys ul li:hover img{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

/*产品展示*/
.probj{
    height: 770px;
    background:#fff  url(../images/probj.jpg) center bottom no-repeat;
}
.cpbt{
    text-align: center;
    margin-top: 35px;

}
.cpbt a{
    color: #181818;
    font-size: 35px;
    font-weight: bold;
    display: block;
    background: url(../images/xian.png) center no-repeat;
}
.cpbt span{
    text-transform: uppercase;
    color: #9d9d9d;
    font-size: 14px;
    font-family: "Arial";
    line-height: 30px;
}
.cpbt a:hover{
    color: #0067be;
}
.left_class{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;

}
.left_class ul li{
    float: left;
    width: 190px;
    height: 45px;
    background: #0067be;
    border-radius: 10px;
    margin-right: 10px;
    text-align: center;
    line-height: 45px;
    margin-top: 20px;
}
.left_class ul li a{
    color: #fff;
    font-size: 16px;
    display: block;
}
.left_class ul li:hover{
    background: #ffa200;
}
.prdListBox{margin-top: 30px;}

.productList{ overflow:hidden; width:100%;height:550px/*1015px*/;}

.productList ul{ overflow:hidden; width:100%;height:810px;}

.productList ul li{ 
    width:290px;
    height: 260px;
    float:left;
    margin:0 0 10px 8px;
    background: rgba(0, 0, 0, 0.3);
} 

.productList ul li .boxa{ width:290px;display:block;cursor:pointer;}

.productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:275px; height:200px;margin: 0 auto;margin-top: 8px; background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}

.productList ul li .spanT{ 
    display: block; 
    z-index:10; 
    height:50px; 
    line-height:50px;
    width:290px;
    color:#fff; 
    font-size:16px;
    text-align: center;
}

.productList ul li:hover{
    background: rgba(0, 103, 190, 0.7);
    color: #fff;
}

.avatar{

    display: block;

    height: 200px;

    overflow: hidden;

    width: 275px;

    position: relative;

}

.indexMain .productList .avatar .spanImg {

    height: 200px;

}

.avatar:hover .spanImg, .zhuti .avatar:hover .spanImg, .bbsinner .avatar:hover .spanImg {

    transform: scale(1.3);

    transition: all 1s ease 0s;

	-webkit-transform: scale(1.3);

	-webkit-transform: all 1s ease 0s;

}

/*关于我们*/
.index_abbj{
    height: 480px;
    width: 100%;
    background: url(../images/abbj.jpg) center no-repeat;
}
.com_r{
    margin-top: 40px;
}
.com_l{
    width: 520px;
    height: 300px;
    background: #fff;
    position: absolute;
    right: 0;
    top:65px;
    padding: 25px 45px;

}
.com_l span{
    color: #ebebeb;
    font-size: 60px;
    font-family: "Arial";
    font-weight: bold;
}
.com_l h3{
    color: #333;
    font-size: 20px;
    position: relative;
    margin-top: -42px;
}
.com_l em{
    width: 40px;
    height: 3px;
    background: #0279dd;
    display: block;
    margin-top: 15px;
    margin-bottom: 20px;
}
.com_l p{
    font-size: 14px;
    color: #666;
    line-height: 25px;
}
.com_l a{
    width: 100px;
    height: 35px;
    background: #ffa200;
    display: block;
    margin-top: 15px;
    border-radius: 3px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}
.com_l a:hover{
    background: #0279dd;
}


/*case*/
.hz{background: url(../images/xiana.png) center no-repeat !important;}
.caseList{ overflow:hidden;position:relative; z-index:10; padding-top:25px;width: 1200px;margin: 0 auto;height: 270px;}
.caseList .lin{ float:left;width: 225px;height: 115px;border: 1px #c8c8c8 solid;border-radius: 10px;}
.caseList .lin a.imga{display:block; margin:auto;position: relative;}
.caseList .lin a.imga .spanImg{ display:block; width:225px; height:115px;border-radius: 10px; overflow:hidden; margin:auto; background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;}

.caseList .box{ position:relative; z-index:10; width: 9999px;}
/* .caseList .box ul{ width:4500px; } */
.caseList .box ul li{margin:auto 15px 15px 0; width:225px;position: relative;}
.caseList .box ul li a.imga{ }
.caseList .lin a.imga:hover .spanT{}

.avatara{
    display: block;
    height: 115px;
    overflow: hidden;
    width: 225px;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
}

.caseList .lin .avatara .spanImg {
    height: 115px;
}

.avatara:hover .spanImg, .zhuti .avatara:hover .spanImg, .bbsinner .avatara:hover .spanImg {
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}


/*在线留言*/
.online{width: 100%;height: 230px;background: url(../images/online.jpg) center no-repeat;margin-top: 40px;}
.on_ly{width: 650px;}
.lybta{
    padding-top: 35px;
    padding-left: 175px;
    margin-bottom: 20px;
}
.lybta span{
    color: #fff;
    font-size: 24px;
}
.lybta p{
    color: #fff;
    font-size: 18px;
}
.on_ly ul li{float: left;margin-bottom: 10px;}
.on_ly ul .in_flt{width: 160px;height: 30px;background: #fff;border:none; color: #afafaf !important;font-size: 16px;padding-left: 10px;margin-right: 10px;}
.on_ly ul li .FaqTitlesy{width: 130px;height: 30px;background: #fff;border:none; color: #afafaf !important;font-size: 16px;padding-left: 10px;margin-right: 10px;float: left;}
.on_ly ul li #VCode{float: right;width: 110px;}
.on_ly ul .in_flta{width: 330px;height: 40px;background: #fff;border:none; color: #afafaf !important;font-size: 16px;padding-left: 10px;margin-right: 15px;}
.on_ly ul .nanniu_bj{width: 245px;height: 40px;background: #ffa200;border:none;color: #fff;font-size: 16px;}
.on_ly ul .nanniu_bj:hover{background: #005fbb;}
.ontel{
    font-size: 40px;
    color: #ffa200;
    font-family: "Impact";
    margin-top: 50px;
    margin-right: 40px;
}



/*新闻中心*/
.newbj{
    height: 530px;
    background: #f4f4f4;
}
.new_l{width:310px;margin-top: 35px;}
.xwlb{width: 876px;margin-top: 35px;}
.xwlb ul li{
    width: 420px;
    height: 150px;
    float: left;
    position: relative;
    margin-left: 18px;
    margin-bottom: 15px;
}
.xwlb ul li .xwtime{
    width: 65px;
    height: 65px;
    background: #ffa200;
    text-align: center;
    line-height: 65px;
    color: #fff;
    font-size: 35px;
    font-family: "Impact";
    position: absolute;
    left: 0;
    top:35px;
}
.xwlb ul li .xwnr{
    width: 315px;
    height: 95px;
    background: #fff;
    margin-left: 35px;
    padding: 30px 20px 25px 50px;
}
.xwlb ul li .xwnr a{
    color: #222;
    font-size: 16px;
    font-weight: bold;
}
.xwlb ul li .xwnr p{
    font-size: 14px;
    color: #6b6b6b;
    display: block;
    margin-top: 10px;
}
.xwlb ul li:hover .xwtime{
 background: #0279dd;
}
.xwlb ul li:hover .xwnr a{
   color: #0279dd;
   padding-left: 13px;
}

/*底部*/
.footer{
    background:#0279dd;
    color:#fff;
    text-align: center;
    height:60px; 
    line-height:60px;
}
.footer_list{
    width:1200px;
    margin:0px auto;
    font-size:15px; 
    color:#fff;
    height:30px;
}
.footer_list a{
    font-size:15px; 
    color:#fff;
    display:block; 
    float:left; 
    width:171px;
}
.footer_list a:hover{ 
    background:url(../images/biankuang.png) center no-repeat;
    font-weight: bold;
}
.foot{ 
    height:260px; 
    background:url(../images/footbj.jpg) center no-repeat;
}
.dlogo{ 
    width:300px;
    border-right:1px #3a3e43 solid; 
    height:260px; 
    text-align:center;
    color:#adadad;
}
.dlogo img{ 
    display:block; 
    margin:0 auto; 
    margin-top:50px;}
.dlogo h2{ 
    font-size:17px;
    line-height:45px;
    display: block;
    margin-top: 10px;
}

.dlx{
    width:405px; 
    padding-top:30px;
    margin-left: 50px;
    border-right:1px #3a3e43 solid; 
}
.dlx p{ 
    color:#0279dd; 
    font-size:17px;
}
.dlx p span{ 
    font-size: 30px; 
    font-family: "Arial";
}
.dlx ul{
    display: block; 
    background:url(../images/dbtb.png) left 8px no-repeat; 
    height:145px;
    margin-top: 15px; 
}
.dlx ul li{
    font-size: 16px;
    color: #adadad;
    padding-left:50px;
    line-height:38px;
}

.ewm{ 
    width:390px; 
    height:260px;
}
.ewm ul li{
    float: left;
    margin-right: 45px;
    width: 145px;
    margin-top: 45px;
    text-align: center;
}
.ewm ul li img{ 
    margin-top:25px;
    display: block;
    margin: 0 auto; 
}
.ewm ul li span{ 
  color: #fff;
  font-size: 15px;
  line-height: 50px;
}
/**/
.breadcrumbs{margin-bottom:15px; border-top: 2px solid #0072d4;font-size: 14px; color:#777;padding: 8px 20px; line-height: 30px; background:#f9f9f9;}
.breadcrumbs a{color:#777; 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 15px 50px 15px; border-top:1px solid #eee; position: relative;}
.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;}
.viewpage .goBack{ display: block; position:absolute;z-index: 10; right:15px; top:30px; height:40px; width:160px; border-radius:25px; background:#3671cf; line-height: 40px; color: #fff; font-size:16px; text-align: center;  }

.proTitle{ width:245px; background:#fdfcfc;}
.proTitle .t_t{ height:90px; background:#0279dd ; color:#fff;  text-align:center; }
.proTitle .t_t .span1{ display:block; font-size:31px; font-weight:700; padding-top:17px;}
.proTitle .t_t .span2{ display:block; font-size:14px; color: #93baf7;padding-top:5px;}
.proTitle .pclass{  padding:0px 0 10px 0; }
.proTitle .pclass .lin1{padding:10px 0 0px 0;margin:auto; }
.proTitle .pclass .lin1 a.a1{ display:block;height:48px; line-height:48px; font-size:16px; background-color:#d2e3fe;color:#000;border-bottom: 2px solid #ddd; position: relative;border-left:4px solid #0279dd; }
.proTitle .pclass .lin1 a.a1 .span1{ display:inline-block; position: absolute;z-index: 10; right:20px; top:50%;margin-top:-3px; width:0; height:0; border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #a4c4f6;}
.proTitle .pclass .lin1 a.a1 .span2{ display:inline-block;padding-left:24px;  position: relative;z-index: 10;}
.proTitle .pclass .lin1 a.a1 em{ position: absolute; z-index: 1; left:0; top:0; width: 0; height: 100%; background: #0279dd;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.3s; }
.proTitle .pclass .lin1 a.a1:hover{ color: #fff; border-left:3px solid #ff9600;}
.proTitle .pclass .lin1 a.a1:hover em{ width: 100%;}
.proTitle .pclass .lin1 a.a1:hover .span1{ color: #fff; border-top:10px solid #8cb5f6;}
.proTitle .pclass .lin1 .dh2{ border-left:0px solid #eee;margin-left:0px;padding:5px 0 0px 0px; width:249px;}
.proTitle .pclass .lin1 .dh2 .a2{display: block; float: left; text-align:center; width:112px;margin-right:10px; font-size: 14px; color: #666; line-height: 20px; padding:8px 0; border-bottom: 1px solid #ddd; } 
.proTitle .pclass .lin1 .dh2 .a2 span{}
.proTitle .pclass .lin1:hover .dh2{}

.proTitle .pclass .lin2 a.a1{ display:block;height:50px; line-height:50px; font-size:14px; color:#333; width:200px; background-color:#fff; margin:auto; border-bottom:1px dashed #bbb; margin-left:25px; }
.proTitle .pclass .lin2 a.a1 span{ display:inline-block;  padding-left:30px; background:url(../images/jt.png) left center no-repeat; margin-left:9px;}
.proTitle .pclass .lin2 a.a1:hover span{color:#c20307; text-decoration:underline;}
.proTitle .pclass li:last-child a{}
.proTitle .m{ display: block; height:60px; line-height:60px; background:#3671cf; color:#fff; text-align:center; font-size:18px; margin-top:5px;}
.proTitle .m:hover{ background-color:#dc0000;}
.proTitle .lxwm{ padding:0px 10px; background:#f4f4f4; margin-top:10px; border: 3px solid #0072d4; }
.proTitle .lxwm_t{ width:160px; margin:auto; height:50px; padding-left:45px; margin-bottom:15px;}

.proTitle .lxwm .box{ color:#666; font-size:14px; padding:6px 0 10px 0;}
.proTitle .lxwm p{ padding:12px 15px; line-height: 23px;  margin:auto;word-break:break-all; border-bottom: 1px solid #fff;}
.proTitle .lxwm p:last-child{ border:0; }
/*分页*/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:15px 0; background:#f4f4f4;margin-top:20px;}
.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:#dc0000; color:#fff; border:1px solid #dc0000;}


.main{ background-color:#fff; padding:30px 0;}
.main .main_right{ width:930px;border: 1px #efefef solid;}
.text{ line-height:35px; font-size:15px; color:#333;padding:30px ; }
.text img{ max-width:100%;margin:5px auto;}
.main .tT01{ text-align:center; line-height:50px; margin-top:30px;}
.main .tT01 .span1{ font-size:24px; color:#000; font-weight: 700;}
.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:30px; color:#ff9900; font-size:14px;}
#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#000; font-weight:700;font-size: 14px;}
#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 #ddd; width:685px; vertical-align:top;}
#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:#3671cf; margin-top:0px;  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;}
.wizfrm:hover{ background-color:#d80505; }

/**/
.main .proList{width:930px;overflow:hidden; position:relative; margin-top:20px;}
.main .proList ul{  width:945px;}
.main .proList li{ width:298px;float:left; margin:0 15px 15px 0px; } 
.main .proList li{} 
.main .proList li .boxa{display:block; cursor:pointer;position: relative;}
.main .proList li .boxa .b{ border:1px solid #e5e5e5; border-bottom: 4px solid #e5e5e5; }
.main .proList li .boxa .spanImg{ display:block; overflow:hidden;width:286px; height:210px;margin:5px;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(54,113,207,0.5); 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(../images/chakan.png) center center no-repeat;}
.main .proList li .boxa:hover .spanImg .aB{ top:0;}
.main .proList li .t{padding-top:8px;}
.main .proList li .t .spanT{ display:block;padding-left:12px; z-index:10; height:28px; line-height:28px; width:140px; text-align:left;color:#777;font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; position: relative; }
.main .proList li .t .spanT::after{ content:''; display: block; height:6px; width:6px; border-radius: 100%; position: absolute;left:0; top:50%; margin-top:-3px; background:#ddd; }
.main .proList li .t .spanM{display:block; height:28px; line-height:28px; padding:0 12px;margin-right:10px; background:#ffab15; color: #fff; font-size: 13px;}
.main .proList li .t .spanLx{display:block; height:28px; line-height:28px; padding:0 12px; background:#3671cf; color: #fff; font-size: 13px;}
.main .proList li .t .spanM:hover,.indexMain .productList ul li .t .spanLx:hover { background: #be0000; }
.main .proList li:hover .spanT{ color:#0072d4; }

/**/
.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;}

/*合作客户*/
.main .caseListny{}
.main .caseListny ul{ width: 944px; }
.main .caseListny ul li{ float: left; margin:10px 14px 0 0; width:222px;}
.main .caseListny ul li a{display: block;}
.main .caseListny ul li a .b{ border:1px solid #ddd; border-radius:5px; }
.main .caseListny ul li a .spanImg{display: block; width: 210px; height: 119px;margin:5px; background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover; }
.main .caseListny ul li a .spanT{ display: block; text-align: center; color: #444; font-size: 15px; }

.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0 15px 0; margin:0; vertical-align:middle;}

.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:10px 0 15px 0;}
.other p { _height:16px; margin:0;color: #666666;}
.other p.p1{line-height: 18px;padding:15px 0 0 0;}
.other p.p2{line-height:20px;color: #dc0000; font-weight: 700; font-size:14px;}
.msgserver { text-align:center; margin-bottom:5px;margin-top:10px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -114px; padding-left:22px;padding:1px 0 1px 22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}








/*地图*/
.BMap_Marker.BMap_noprint {
    background: url(../images/dt.png) center center no-repeat !important;
    display: block !important;
}
.BMap_Marker {
    display: none !important;
}