body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
sup { vertical-align:text-top }
sub { vertical-align:text-bottom }
input, textarea, select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    *font-size:100%
}
input:focus, textarea:focus, select:focus{ outline: none;}
legend { color:#000 }

body{
    font: 14px/1 "Microsoft Yahei",Simsun,Arial,sans-serif;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    color: #000;
}
a{ color: inherit; text-decoration: none;}
a:hover{ text-decoration: none; }
img{ vertical-align: middle;}
li,div,input,textarea,a{ -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

/*common style*/
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.poa{ position: absolute; }
.por{ position: relative; }
.fl{ float: left; }
.fr{ float: right; }
.tac{ text-align: center;}
.hover a:hover{ color: #0a73ca; }
.img-responsive{ display: block; width: 100%; height: auto; }
.wrap{ width: 1000px; margin: 0 auto; }

.header{ padding: 18px 0; color: #333;}
.header ul{ padding-top: 22px;}
.header li{ float: left; font-size: 16px; line-height: 17px;}
.header .tel{ margin-right: 30px; }
.header .tel b,.header .tel a{ font-weight: 700; font-size: 18px; color: #ba0000;}
.header .l{ padding-right: 5px; margin-right: 5px; border-right: 1px solid #333;}

.title{ font-size: 36px; font-weight: 700; color: #0170c2; text-align: center; padding: 40px 0 20px;}

.jieshao{ background: #e1e1e1; padding-bottom: 30px; }
.jieshao .txt{ padding-left: 270px; line-height: 38px; position: relative; top: -4px;}


.products{}
.products .title{ position: relative; border-bottom: 2px solid #c8c8c8; }
.title i{
    position: absolute; bottom: -2px; left: 50%;
    width: 58px; height: 5px;
    margin-left: -29px;
    background: #3d7dca;
}
.pro-list ul{ margin: 20px -10px 0;}
.pro-list li{ float: left; width: 25%; padding: 0 10px; }
.pro-list .intro{ padding: 10px 5px; font-size: 12px; line-height: 20px; background: #e6e6e6;}
.pro-list .li1 .intro,
.pro-list .li3 .intro{ padding-left: 20px;}
.pro-list p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro-list .more{ padding-left: 5px; margin-top: 3px; color: #ba0000;}

.gongyi{ padding-bottom: 40px;}
.gy-pic1{ padding: 50px 30px 40px; background: #e6e6e6;}
.gy-pic1 p{ font-size: 18px; padding-top: 25px; }
.gy-pic1 b{ font-weight: 400; color: #ba0000;}
.gy-pic2{ position: relative; margin-top: 20px;}
.gy-pic2 a{
    position: absolute;  bottom: 0; right: 27%;;
    width: 19.4%; height: 49.875%;
    font-size: 0;
}

.shili{ background: #e1e1e1; padding-bottom: 10px;}
.sl-item1{ position: relative;}
.sl-item1 .fl{ position: absolute; width: 66.1%; height: 100%; }
.sl-item .txt{
    height: 55.2197%;
    padding: 5.7488% 5.295% 0; margin-bottom: 0.9077%;
    line-height: 30px; color: #fff;
    background: #0170c2;
}
.sl-item .txt .bt{ font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.sl-item1 .fr{ width: 33.2%; }

.sl-item{ position: relative; margin-bottom: 30px;}
.sl-item2 .txt,.sl-item3 .txt{ width: 33.7%; position: absolute; height: 100%; right: 0; padding: 50px 20px 0;}
.sl-item2 .pic{ width: 65.7%;}
.sl-item3 .txt{ width: 31.6%; left: 0; padding: 30px 15px 0; }
.sl-item3 .pic{ width: 67.7%; }
.sl-item4 .txt{ width: 100%; padding: 15px 30px 15px;}
.sl-item4 .txt .bt{ margin-bottom: 5px;}

.anli .title{ padding-bottom: 30px;}
.anli-list ul{ margin: 0 -31px;}
.anli-list li{ position: relative; float: left; width: 50%; padding: 0 31px; margin-top: 30px;}
.anli-list .hd,.anli-list .intro{position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; background: rgba(0,0,0,.65);}
.anli-list .hd{  text-align: center; line-height: 42px; font-size: 16px; }
.anli-list .intro{ display: none; height: 100%; line-height: 28px; padding: 30px 35px 0; }
.anli-list .intro a,.anli-list .intro span{ display: block; }
.anli-list .intro .h3{ font-size: 18px; font-weight: 700; }
.anli-list li:hover .intro{ display: block; }
.anli-list li:hover .hd{ display: none; }



.lianxi{ padding: 40px 0 30px;}
.lianxi .title{ padding: 0; font-size: 30px; text-align: left;}
.biaodan{ width: 59%; }
.biaodan p{ margin: 30px 0 5px; line-height: 20px;}
.biaodan li{ position: relative; float: left; width: 100%; margin-top: 20px; }
.biaodan .name{ width: 47.9661%;}
.biaodan .diqu{ float:right; width: 47.9661%;}
.biaodan input,textarea{ width: 100%; height: 38px; padding: 0 8px; line-height: 38px; border: 1px solid #b4b4b4; resize: none;}
.biaodan span{ position: absolute; left: 68px; top: 14px; font-weight: 700; color: #c40000;}
.btns{ text-align: center; }
.btns .btn{ width: 160px; height: 32px; line-height: 32px; text-align: center; color: #fff; border: 0; border-radius: 3px;}
.btns .reset{ background: #808080; margin-right: 40px; }
.btns .submit{ background: #3b8ede; }

.biaodan .LV_validation_message{ position: absolute; bottom: -18px; left: 0; top: auto; right: 0; line-height: 1; font-size: 13px; height: 14px; font-weight: 400;  color: #c40000;}
.biaodan .LV_valid{ font-size: 0;}

.weixin{ width: 34%; }
.weixin .wx{ text-align: center; }
.weixin .wx li{ display: inline-block;}
.weixin .wx li + li{ margin-left: 20px; }
.weixin .wx span{ display: block; margin: 12px 0;}
.weixin > p{ line-height: 32px; }
.weixin b{ color: #e60012; font-weight: 700; }

.info{ margin-top: 30px; font-size: 18px; line-height: 36px; text-align: center; }
.info b{ font-size: 24px; font-weight: 700; }
.info b span{ color: #ba0100; }
.info .more{
    display: inline-block;
    width: 190px; height: 40px;
    margin-top: 20px;
    line-height: 40px;
    color: #fff; font-size: 20px;
    background: #ba0100;
}

.footer{ padding: 30px 0; color: #fff; background: #000; }
.footer .links{  line-height: 45px; }
.footer .share{ padding-top: 10px; }
.footer .share span{ line-height: 24px; }
.footer .share a{ margin-top: 0;}


@media screen and (max-width: 1300px){
    .wrap{ width: 960px; }

    .pro-list ul{ margin-left: -5px; margin-right: -5px;}
    .pro-list li{ padding: 0 5px;}

    .sl-item3 .txt{ padding: 15px 12px 0; line-height: 28px; }

    .anli-list ul{ margin: 0 -25px;}
    .anli-list li{ padding: 0 25px;}

}
@media screen and (max-width: 980px){
    .wrap{ width: auto; padding: 0 15px; }
    .md-visible{ display: none!important; }

    .header{ padding: 15px 0;}
    .header .tel{ margin-right: 0; font-size: 16px; line-height: 45px;}

    .jieshao .pic{ margin-right: 20px; }
    .jieshao .txt{ padding-left: 0; }

    .gongyi{ padding-bottom: 30px;}

    .shili{ padding-bottom: 5px;}
    .sl-item{ margin-bottom: 20px;}
    .sl-item .txt{ padding: 2% 2% 0; line-height: 24px;}
    .sl-item .txt .bt{ font-size: 22px; line-height: 28px; margin-bottom: 5px;}
    .sl-item3 .txt{ padding: 15px 12px 0; font-size: 13px; line-height: 21px;}

    .anli-list ul{ margin: 0 -20px;}
    .anli-list li{ padding: 0 20px;}

    #swt{display: none;}

}
@media screen and (max-width: 830px){
    .sl-item3 .txt{ padding: 12px 12px 0; line-height: 20px; font-size: 12px;}
}
@media screen and (max-width: 768px){
    .xs-hidden{ display: none!important;}

    .title{ font-size: 24px; padding: 25px 0 15px;}
    .jieshao .txt{ line-height: 30px; top: 0; }

    .pro-list li{ width: 50%; }
    .pro-list .li1,.pro-list .li2{ margin-bottom: 15px;}

    .gy-pic1{padding: 30px 15px 20px;}
    .gy-pic1 p{ font-size: 16px; line-height: 24px; padding-top: 10px; }
    .gy-pic2 a{ right: 0; width: 26.5753%; }

    .sl-item1 .fl,.sl-item2 .txt,.sl-item3 .txt{ position: static; width: 100%;}
    .sl-item .txt{ padding: 20px 15px 15px;}
    .sl-item .txt .bt{ font-size: 20px; margin-bottom: 10px;}
    .sl-item2 .pic,.sl-item3 .pic{ width: 100%;}

    .anli .title{ padding-bottom: 15px;}
    .anli-list ul{ margin: 0 -10px;}
    .anli-list li{ padding: 0 10px; margin-top: 20px;}
    .anli-list .hd{ font-size: 14px; line-height: 30px;}

    .lianxi{ padding: 30px 0 20px;}
    .lianxi .title{ font-size: 22px;}
    .biaodan,.weixin{ width: 100%; }
    .biaodan{ margin-bottom: 20px;}
    .biaodan p{ margin: 10px 0 0px;}
    /*.biaodan li{ margin-top: 15px;}*/
    .btns .btn{ width: 120px;}
    .btns .reset{ margin-right: 5px;}

    .footer{ padding: 5px 0;}

}
@media screen and (max-width: 580px){
    .anli-list ul{ margin: 10px -3px 0;}
    .anli-list li{ padding: 0 3px; margin-top: 10px;}
    .anli-list .hd{ font-size: 12px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}
@media screen and (max-width: 450px){

    .jieshao .pic{ width: 100%; margin-bottom: 10px;}

    .pro-list ul{ margin-left: -3px; margin-right: -3px;}
    .pro-list li{ padding: 0 3px; }
    .pro-list .li1 .intro,
    .pro-list .li3 .intro{ padding-left: 5px;}
}





@media screen and (min-width: 980px){
    .sm-visible{ display: none!important; }

}
@media screen and (min-width: 768px){
    .xs-visible{ display: none!important;}
}