/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3480ce;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.roll_product {float: left;}


/*头部样式*/
.head-bg{
    background: url(../images/nav1.jpg) repeat-x top center;
    height: 124px;
}
.wel{
    line-height: 36px;
    font-size: 13px;
    color: #888888;
}
.k1{
    line-height: 36px;
    font-size: 13px;
    color: #888888;
}
.k1 a{
    line-height: 36px;
    font-size: 13px;
    color: #888888;
}


#header{width:1200px;margin:0 auto;}
.top{
    height: 88px;
}
.x{
    line-height: 36px;
}
.logo{float:left;line-height: 87px;}
.top-ad{line-height: 87px;margin-left: 20px;}
.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{
    background: url(../images/tel.png) no-repeat left 78%;
    padding-left: 36px;
    color: #777777;
    font-size: 14px;
    line-height: 24px;
    /*margin-top:20px;*/
}


/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{background: url(../images/sou.png) no-repeat top center;height: 34px;width:246px;float: right;margin-top: 26px;margin-right: 24px;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;line-height: 88px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:34px;background:none;border:none;line-height:34px;}
#formsearch input#keyword{height:34px;line-height:34px;padding-left:15px;color:#aaaaaa;border:none;width:180px;float: left;outline:none;}
#formsearch input#s_btn{width:38px;height:34px;line-height:34px;text-align:center;color:#fff;border:none;cursor:pointer;float: right;outline:none;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #aaaaaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #aaaaaa;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #aaaaaa;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #aaaaaa;
}


/*导航栏样式*/
#menu{height: 50px;background: #025090;}
.nav{width:1200px;margin: 0 auto;}
.nav li{line-height:50px;height:50px;text-align:center;width:200px;float:left;position:relative;z-index:999;background: url(../images/navli.png) no-repeat right center;}
.nav li a{display:block;line-height:50px;color:#fff;height:50px;font-size: 16px;padding: 0;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#1476d3;}
.nav li:last-child{background:none;}
.nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:50px;left:0px;}
.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:200px;font-size: 14px;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}



.owl-carousel .owl-dots button.owl-dot{
    border:1px solid #fff;
    background: none;
    opacity: 1;
}
.owl-carousel .owl-dots button.owl-dot.active{
    background: #fff;
}


/*前台多页签*/
.box1{
    background: url(../images/bj1.jpg) no-repeat top center;
    height: 720px;
    overflow: hidden;
}
.tab{position:relative;margin: 0 -20px;}
.tab li{float:left;display:block;cursor: pointer;height: 70px;line-height: 70px;font-size:18px;color: #555555;width:255px;text-indent: 110px;margin: 0 22px;}
.tab li:nth-of-type(1){background: url(../images/tab1.png) no-repeat 40px center;}
.tab li:nth-of-type(1).cur{color:#fff;text-decoration:none;background: url(../images/tab1h.png) no-repeat 40px center #0c63b6;position: relative;}
.tab li:nth-of-type(1).cur::after{position: absolute;content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0c63b6;bottom: -10px;left: 46%;}
.tab li:nth-of-type(2){background: url(../images/tab2.png) no-repeat 40px center;}
.tab li:nth-of-type(2).cur{color:#fff;text-decoration:none;background: url(../images/tab2h.png) no-repeat 40px center #0c63b6;position: relative;}
.tab li:nth-of-type(2).cur::after{position: absolute;content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0c63b6;bottom: -10px;left: 46%;}
.tab li:nth-of-type(3){background: url(../images/tab3.png) no-repeat 40px center;}
.tab li:nth-of-type(3).cur{color:#fff;text-decoration:none;background: url(../images/tab3h.png) no-repeat 40px center #0c63b6;position: relative;}
.tab li:nth-of-type(3).cur::after{position: absolute;content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0c63b6;bottom: -10px;left: 46%;}
.tab li:nth-of-type(4){background: url(../images/tab4.png) no-repeat 40px center;}
.tab li:nth-of-type(4).cur{color:#fff;text-decoration:none;background: url(../images/tab4h.png) no-repeat 40px center #0c63b6;position: relative;}
.tab li:nth-of-type(4).cur::after{position: absolute;content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0c63b6;bottom: -10px;left: 46%;}
.tt{display: none;}
.tab_content{margin-top: 82px;}
.ad-list li .ad-left{width:505px;}
.ad-list li span{font-size: 22px;color: #222222;background: url(../images/t1.png) no-repeat  left center;padding-left: 25px;}
.ad-list li p{font-size: 14px;color: #555555;line-height: 32px;padding-left: 25px;padding-top: 10px;}
.ad-list li p a{background: #247bcf;color: #fff;width:158px;height: 43px;display: block;text-align: center;line-height: 43px;margin-top: 26px;}
.ad-list li img{width:506px;height: 160px;margin-top: 68px;}
.ad-list li .ad-right{width:590px;}
.ad-list li .ad-right img{width:590px;height:429px;margin-top: 101px;}



.box2{
    background: url(../images/bj2.jpg) no-repeat top center;
    height: 886px;
    overflow: hidden;
}
.xu-title{
    font-weight: normal;
    font-size: 34px;
    color: #ffffff;
    text-align: center;
    height: 86px;
    line-height: 43px;
    margin-top: 60px;
}
.xu-title span{
     display: block;
     width:44px;
     height: 2px;
     background: #59a2d7;
     margin: 0 auto;
     margin-top: 10px;
}
.xu-title p{
    font-size: 14px;
    color: #cbe2f5;
}
.tt1{display: none;}
.tab_content1{
    margin-top: 135px;
}
.ad-list1{
    width:505px;
    float: right;
}
.ad-list1 li b{
    display: block;
    font-size: 22px;
    color: #333333;
    line-height: 30px;
    display: block;
    float: left;
    font-weight: normal;
    width: 446px;
    height: 30px;
    overflow: hidden;
}
.ad-list1 li span{
    font-size: 38px;
    color: #0c63b6;
    float: left;
    line-height: 30px;
    padding-right: 10px;
    position: relative;
    font-weight: bold;
}
.ad-list1 li span::after{
    content:"";
    position: absolute;
    width:42px;
    height: 3px;
    background: #59a2d7;
    left: 0;
    top: 54px;
}
.ad-list1 li p{
    margin-top: 41px;
    font-size: 14px;
    color: #444444;
    line-height: 27px;
    height: 38px;
}
.ad-list1 li a.img{
    display: block;
    width: 483px;
    height: 165px;
    overflow: hidden;
    margin-top: 30px;
}
.ad-list1 li a.img img{
    width: 483px;
    height: 165px;
    cursor: pointer;
    transition: all 0.6s;
}
.ad-list1 li:hover a.img img{
    transform: scale(1.2);
}
.tab1{
    width: 1130px;
    margin: 0 auto;
    margin-top: 141px;
}
.tab1 li{
    float: left;
    width: 33.333%;
    padding: 16px 0;
}

.tab1 li b{
    display: block;
    font-size: 15px;
    color: #333333;
    line-height: 34px;
    display: block;
    float: left;
    font-weight: normal;
}
.tab1 li span{
    font-size: 16px;
    color: #fff;
    float: left;
    position: relative;
    font-weight: bold;
    width:34px;
    height: 34px;
    border-radius: 50%;
    background: #626262;
    line-height: 34px;
    text-align: center;
    margin-right: 10px;
}
.tab1 li.cur{
    cursor: pointer;
}
.tab1 li.cur span{
    background: #025090;
}
.tab1 li.cur b{
    color: #025090;
    font-weight: bold;
}



.about-index{
    margin-top: 57px;
}
.ab-title{
    color: #222222;
}
.ab-title p{
    color: #999999;
}
.about-content{
    font-size: 15px;
    color: #333333;
   padding: 0 160px;
   text-align: center;
   line-height: 32px;
   margin-top: 35px;
}

.about-more{
    width:174px;
    height: 42px;
    border:1px solid #eeeeee;
    margin: 0 auto;
    margin-top: 42px;
}
.about-more a{
    display: block;
    line-height: 42px;
    font-size: 15px;
    color: #333333;
    text-align: center;
}
.about-roll{
    background: url(../images/bj3.png) no-repeat bottom center #fff;
    height: 447px;
    margin-top: 60px;
}

.picScroll-left{}
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ margin:0px 10px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative;}
.picScroll-left .bd ul li:hover{border-color: #fff;}
.picScroll-left{position:relative;}
.picScroll-left .hd{}
.picScroll-left .prev{background: url(../images/left.jpg) no-repeat top center;height: 38px;width: 38px;right:154px;top: 45px;position: absolute;}
.picScroll-left .prev:hover{background: url(../images/lefth.jpg) no-repeat top center;}
.picScroll-left .next{background: url(../images/right.jpg) no-repeat top center;height: 38px;width: 38px;right: 100px;top: 45px;position: absolute;}
.picScroll-left .next:hover{background: url(../images/righth.jpg) no-repeat top center;}
.picList li .icon02 a.img{display: block;overflow: hidden;}
.picList li .icon02 a.img img{width:968px;height: 335px; cursor: pointer;}





.bj4{
    background: url(../images/bj4.jpg) no-repeat top center;
    height: 565px;
    overflow: hidden;
}

.fuwu-index{
    padding-top: 88px;
}
.fu-title{
    font-size: 36px;
    color: #fff;
    font-weight: normal;
    text-align: center;
}
.fu-content{
    padding: 0 176px;
    text-align: center;
    color: #bbd5ed;
    font-size: 14px;
    line-height: 36px;
    margin-top: 40px;
}

.fuwu-wen{
    margin-top: 82px;
}

.fuwu-list li{
    float: left;
    text-align: center;
    margin: 0 16px;
    background: url(../images/t2.png) no-repeat right center;
    padding: 0 50px;
}
.fuwu-list li:last-child{
    background: none;
}
.fuwu-list li h2{
    font-size: 22px;
    color: #fff;
    font-family: "Arial";
    line-height: 80px;
}
.fuwu-list li p{
    font-size: 15px;
    color: #bbd5ed;
}

.bj5{
    background: url(../images/bj5.png) no-repeat top center;
    height: 746px;
    overflow: hidden;
}


.picScroll-left1{}
.picScroll-left1 .bd{margin-top: 20px;}
.picScroll-left1 .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left1 .bd ul li{ margin:0px 15px; float:left; _display:inline; overflow:hidden;position: relative;padding: 0 22px;border:1px solid #f3f7f9;padding-top: 27px;box-shadow: 0 0 20px #f8f8f8;margin: 20px;}
.picScroll-left1 .bd ul li:hover{border-color: #fff;}
.picScroll-left1{position:relative;}
.picScroll-left1 .hd{}
.news_list1 li{width:376px !important;position: relative;}
.news_list1 li dl{font-size: 15px;color: #888888;}
.news_list1 li dt{font-size: 22px;color: #555555;font-weight:bold;margin-bottom: 10px;}
.news_list1 li a.more{position: absolute;right: 27px;top: 34px;width:100px;height: 31px;background: #fff;color: #777777;text-align: center;line-height: 31px;border:1px solid #f3f7f9;}
.news_list1 li:hover a.more{position: absolute;right: 27px;top: 34px;background: #0c6fcd;color: #fff;text-align: center;line-height: 31px;}
.news_list1 li h2{font-size: 15px;line-height: 57px;border-top: 1px solid #f3f7f9;}
.news_list1 li h2 a{color: #0c6fcd;}
.news_list1 li .img1{width:322px;height: 180px;overflow: hidden;}
.news_list1 li .img1 img{width:332px;height: 180px; cursor: pointer;cursor: pointer;transition: all 0.6s;}
.news_list1 li:hover .img1 img{transform: scale(1.2);}
.news_list1 li span{display: block;font-size:13px;color: #666666;line-height: 26px;padding: 27px 0;height: 95px;overflow: hidden;}


.k-title{margin-top: 40px;}
.picScroll-left2{margin-top: 30px;}
.picScroll-left2 .bd{border-right:1px solid #f3f7f9;margin: 0 -1px;}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left2 .bd ul li{ margin:0px 0px; float:left; _display:inline; overflow:hidden;position: relative;border:1px solid #f3f7f9;border-right: none;}
.picScroll-left2 .bd ul li:last-child{}
.picScroll-left2 .bd ul li:hover{border-color: #fff;}
.picScroll-left2{position:relative;}
.picScroll-left2 .hd{}
.k-list li img{width:239px;height: 129px;}





.f_link{width: 1200px;margin: 0 auto;line-height: 30px;}


/*页面底部*/
.foot-bg{background: #222222;padding: 18px 0;}
#footer{position:relative;width:1200px;margin:0 auto;color: #aaaaaa;}
#footer a{color:#aaaaaa;}
#footer a:hover{color:#e87518;text-decoration:none;}

.foot1{
    width:350px;
}

.foot-title{
    font-weight: normal;
    border-bottom: 1px solid #383636;
    height: 50px;
    font-size:18px;
    color: #ffffff;
}

.nav_foot{
    font-size: 14px;
    color: #aaaaaa;
    margin-top: 8px;
}

.nav_foot a{
    color: #aaaaaa;
    line-height: 52px;
    width:33.33%;
    display: inline-block;
    text-align: left;
}

.foot2{
    width:385px;
    margin-left: 112px;
}

.ct{
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}

.erq{
    width:122px;
    margin-right: 66px;
    text-align: center;
    line-height: 30px;
    margin-top: 50px;
}



.copyright{text-align:center;line-height:24px;border-top: 1px solid #333131;padding-top: 20px;}



/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-position a{color: #fff;}
.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width:300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 193px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 152px;}
.xypg-case-list li .img img{width: 300px;height: 214px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}