@font-face {
    font-family:FontAwesome;font-style:normal;font-weight:400;
    src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);
    src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format("embedded-opentype"),
    url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),
    url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg")
}
html{ font-family:"arial","微软雅黑","FontAwesome";background-color: #fff; font-size: 14px;}
body{font-size: 14px; line-height: 2; color: #5a5a5a; }
body,li,ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,figure, form,a,button {
    margin: 0; border: 0; padding: 0; list-style: none;
}
img{ vertical-align: bottom;}
div{margin: 0px auto;}
em{ font-style:normal; }
.container{width: 1200px;  margin: 0px auto; }
.clearfix:after{content:""; height:0; visibility:hidden;display:block; clear:both; }
.rmainBox { float: right; width:930px;}
.lsideBox{ float:left; width:240px;}
.rmainBox,.lsideBox,.lmainBox,.rsideBox,.mainBox{margin: 10px auto 20px auto;}
.lmainBox{  float: left; width:930px; }
.rsideBox{float:right; width:240px; }

a{ text-decoration: none;color: #5a5a5a }
a:hover{color:#2454ac}
@media screen and (max-width: 1250px){
    html{font-size: 12px;}
    body{font-size: 12px;}
}
.marginTop{ margin-top: 40px;}
.marginTopByTandC{ margin-bottom: 20px;}

.head-top { height: 45px; line-height: 45px; background-color: #f7f7f7;}
.head-top  .head_top_welcome{ float: left;}
.head-top .head_top_bar{ float: right;}
.head-top .head_top_bar .other{ position: relative; margin-left: 20px;}
.head-top .head_top_bar span:hover, .head-top .head_top_bar span a:hover{ color:#072fa8; cursor: pointer; }
.head-top .head_top_bar .other:before{ content: ""; position: absolute; top:0px; left:-10px; width:1px; height: 100%; background-color: #5a5a5a;}

.head-top-3{ line-height: 1; margin: 10px auto;}
.head-top-3 .logo ,.head-top-3 .c-name,.head-top-3 .c-desc,.head-top-3 .hotline{ float: left; height: 105px;}
.head-top-3 .logo img{ display: block; vertical-align: bottom; height: 100%; width: auto;}
.head-top-3 .c-name{ margin-left: 20px;}
.head-top-3 .c-name .c-name-1{font-size: 35px; color:#00248f; line-height: 42px; font-weight: bold; margin-top:20px;}
.head-top-3 .c-name .c-name-2{ font-size: 18px; color: #ddd; line-height: 24px;}
.head-top-3 .c-desc { margin-left: 40px; position: relative}
.head-top-3 .c-desc:before{ content: "" ; position: absolute; height: 90%; width:2px; background-color:#ccc; top:5%; left:-20px; }
.head-top-3 .c-desc .c-desc-1{font-size: 30px;  line-height: 40px; font-weight: bold;margin-top:20px;}
.head-top-3 .c-desc .c-desc-2{ font-size: 16px;}
.head-top-3 .hotline{ float: right;  padding-left: 50px; position: relative;}
.head-top-3 .hotline:before{ content: "\f2a0"; font-family: 'FontAwesome'; position: absolute; left:8px; top:25px; font-size: 45px; color:#00248f;transform:rotate(-45deg); }
.head-top-3 .hotline .hotline-1{  font-size: 14px; line-height: 28px; height: 28px;margin-top:20px;}
.head-top-3 .hotline .hotline-2{font-size: 26px; color:#00248f; font-weight: bold;}


.navbar{ background:  #072fa8 ; }
.navbar .navul1{   height: 55px;  }
.navbar .navli1{ flex: auto; position: relative;  }
.navbar .navli1 a{font-size: 14px; color:#fff; white-space: nowrap }
.navbar .navli1>a{  line-height: 55px; display: block;  padding:0px 35px;  font-size: 18px; text-align: center; position: relative;}
.navbar .navli1-n:before{ content: ""; width: 1px; height: 40%; position: absolute; top:30%; left:0px; background-color: #66c; }
.navbar .navli1>a:before{content: ""; width:100%; height: 5px; position: absolute; top:0px; left:0px; }
.navbar .navli1:hover>a,.navbar .navul1>li.active:hover>a{ background-color :#ffa200; }
.navbar .navli1:hover>a:before,.navbar .navul1>li.active:hover>a:before{background-color: #ffa200; background-image: none; }
.navbar .navul1>li.active>a{ background-color :#ffa200;  }
.navbar .navul1>li.active>a:before{background-color: #ffa200; }
.navbar .navul2 { position: absolute; z-index: 101; top:200%; right: 0px; width:100%; text-align: left; visibility: hidden; transition: 200ms; opacity: 0; }
.navbar .navul2 .navli2{ width:100%;  line-height: 3; padding-top:2px; }
.navbar .navul2 a{  background-color: #ffa200;  width:100%; height: 100%; display: block; text-indent: 14px;  border-right: 0px; border-left: 0px; position: relative; }
.navbar .navul2 a:before{content: ""; width:100%; height: 5px; position: absolute; top:0px; left:0px; background-color:#ffa200; }
.navbar .navul2>li:hover>a:before{background-color:#ffa200;}
.navbar .navli1:hover>.navul2{ top:100%; opacity: 1; visibility:visible; }
.navbar .navul2 li.dropleft{ position: relative;}
.navbar .navul2 .navul3{ position: absolute; left:105%; top:100%; visibility: hidden; transition: 200ms; opacity: 0;z-index: 100; width:100%; }
.navbar .navul2 .navul3 li{ padding-top:2px; }
.navbar .navul2 li.dropleft:hover>.navul3{ left: 105%; top:0px; visibility:visible; opacity:1;}
.navbar .navul3>li:hover>a:before{background-color:#ffa200;}


.search-div .searchform{ margin: 0px auto; margin-top: 10px; width:100%; position: relative; clear: both; }

.search-div .searchword{ width:100%; height: 34px; line-height: 34px;}
.search-div .searchword { background-color: #fff; text-indent:15px; outline:none;border:  1px solid #f7f7f7}
.search-div .searchword:focus{ border:  1px solid #072fa8;}
.search-div .searchgo{ color: #fff; cursor: pointer; border: 0px; background: #072fa8; outline:none; position: absolute; padding: 0px 15px; border: 1px solid #072fa8;  height: 32px; line-height: 32px; top:1px; right:-2px;  }
.search-div .searchform .keyslist{ white-space: nowrap; padding: 0px 10px; overflow: hidden;}
.search-div .searchform .keyslist li{ float: left; padding:10px ; line-height: 1;}
.search-div .searchform .keyslist li a{display: block;}
.search-div .searchform .keyslist li a:hover{ color:#072fa8;}

.search-div .searchformform{position: relative;}
.search-div .onlinekey{ position: absolute; width:100%; top:100%; left:0%; border: 1px solid #f7f7f7; background-color: #fff; opacity: 1; z-index: 100000; display: none;}
.search-div .onlinekey li{ line-height: 2; text-indent: 20px; position: relative; }
.search-div .onlinekey li .count{ position: absolute; top:0px; right: 20px; height: 100%; display: block;}
.search-div .onlinekey li.currli{ background-color: #f7f7f7;}
.search-div .onlinekey li:hover{background-color: #f7f7f7;}

.index-customer{background:#f7f7f7; padding: 20px 0px; margin-top: 20px;}
.index-customer .title-box { text-align: center;}
.index-customer .title-box .title{ font-size: 34px; font-weight: bold; position: relative; display: inline-block;   }
.index-customer .title-box .title:after,.index-customer .title-box .title:before{ content: "" ; background: url("../images/titlebg.png") center   ;width: 30px; height: 21px; position: absolute; top:50%; margin-top: -10px; }
.index-customer .title-box .title:before{left:-40px;}
.index-customer .title-box .title:after{ right: -40px;}
.index-customer .title-box .title a{ color:#333;  }
.index-customer .title-box .title  em{ color:#2454ac; }
.index-customer .rollDiv { overflow: hidden;}
.index-customer .rollDiv  ul{ width:10000%; white-space: nowrap;}
.index-customer .rollDiv  ul li{ float: left; margin-right: 8px; text-align: center;}

.index-pro{}
.index-pro .title-box { text-align: center;}
.index-pro .title-box .title{ font-size: 34px; font-weight: bold;   }
.index-pro .title-box .title a{ color:#333;  }
.index-pro .title-box .title  em{ color:#2454ac; }
.index-pro .title-box .desc { color:#333; font-size: 18px; display: inline-block; position: relative;  }
.index-pro .title-box .desc:after,.index-pro .title-box .desc:before{ content: "" ; background: url("../images/titlebg.png") center   ;width: 30px; height: 21px; position: absolute; top:50%; margin-top: -10px; }
.index-pro .title-box .desc:before{left:-40px;}
.index-pro .title-box .desc:after{ right: -40px;}

.index-pro  .content-box .left-box{ width:240px; float: left;}
.index-pro  .content-box .left-box .index-pro-col{ width:100%; background-color: #039; padding-bottom: 15px;}
.index-pro  .content-box .left-box .index-pro-col h3{ margin-bottom: 40px; position: relative;}
.index-pro  .content-box .left-box .index-pro-col h3:before{ content: ""; position: absolute; width:0px; height: 0px; left:0px; bottom:-20px; border-bottom: 0px; border-top: 20px solid #36c; border-left: 120px solid transparent; border-right: 120px solid transparent;  }
.index-pro  .content-box .left-box .index-pro-col h3 a{ width:100%; height: 80px; line-height: 80px; display: block; color:#fff; background-color:#3366cc; text-align: center; font-size: 22px; font-weight: normal; }
.index-pro  .content-box .left-box .index-pro-col dl{ border-top: 1px solid #039; border-bottom: 1px solid #039; margin-bottom: 10px; line-height: 45px;}
.index-pro  .content-box .left-box .index-pro-col dl a{ margin-left: 5%; width:90%; display: block; color:#fff;background-color: #36c;}
.index-pro  .content-box .left-box .index-pro-col dl:hover{ background-color:#039; color:#fff; }
.index-pro  .content-box .left-box .index-pro-col dl:hover a{color:#fff;}
.index-pro  .content-box .left-box .index-pro-col dt{ width:100%;  font-size: 14px; text-indent: 20px; font-weight: bold; position: relative;}
.index-pro  .content-box .left-box .index-pro-col dt:before{content: "\f054"; font-family: "FontAwesome"; position: absolute;   right: 25px; color: #fff;}
.index-pro  .content-box .left-box .index-pro-col dt.yes:before{content: "\f078";  }
.index-pro  .content-box .left-box .index-pro-col dl:hover dt:before{content: "\f078";}
.index-pro  .content-box .left-box .index-pro-col dd{ text-indent: 40px; position: relative; height: 30px; line-height: 30px; display: none;}
.index-pro  .content-box .left-box .index-pro-col dd:before{ content: "\f105"; font-family: "FontAwesome"; position: absolute; top:0%;   left:-10px;}
.index-pro  .content-box .left-box .index-pro-col dd a:hover{ text-decoration: double}

.index-pro  .content-box .right-box{ width:930px; float: right;}
.index-pro  .content-box .right-box .index-pro-list .title-box{width:100%; height: 80px; line-height: 80px; display: block; color:#fff; background-color: #f2f2f2; text-align: left;}
.index-pro  .content-box .right-box .index-pro-list .title-box a{font-size: 22px; font-weight: normal; padding: 0px 20px; height: 80px; line-height: 80px; display: inline-block; color:#fff; background-color:#2454ac; }

.index-pro  .content-box .right-box .index-pro-list .list { margin-top: 10px;}
.index-pro  .content-box .right-box .index-pro-list .list li{ float: left; width:33.33%; margin-top: 5px;}
.index-pro  .content-box .right-box .index-pro-list .list li div.item{ margin: 10px; border: 3px solid #f2f2f2; background-color: #fff; text-align: center;}
.index-pro  .content-box .right-box .index-pro-list .list li div.item img{ max-width: 100%;}
.index-pro  .content-box .right-box .index-pro-list .list li div.item a{ display: block;}
.index-pro  .content-box .right-box .index-pro-list .list li div.item span.title{ background-color: #f2f2f2; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display: block;}
.index-pro  .content-box .right-box .index-pro-list .list li div.item:hover{ border: 3px solid #2454ac;}
.index-pro  .content-box .right-box .index-pro-list .list li div.item:hover  span.title{ background-color: #2454ac; color: #fff;}

.index-ys-box { height: 85px; background-color:#36c; text-align: center; position: relative;  margin-top: 80px; }
.index-ys-box .title-box{ height:130px;  font-size: 34px; display: inline-block;  position: absolute; top:-40px; left:50%;transform: translate(-50%); }
.index-ys-box .title-box .title{ line-height: 2; height: 100%; display: block; position: relative; background-color:#E07F21; color: #333; font-weight: bold;padding: 0px 20px;}
.index-ys-box .title-box .title em{ color:#2454ac; font-size: 50px; padding: 0px 10px; text-shadow: 5px 5px 5px rgba(88, 21, 59, 0.28); }
.index-ys-box .title-box .title:after,.index-ys-box .title-box .title:before{ content: ""; position: absolute; top:0px; border-top:131px solid #E07F21; border-bottom: 0px;}
.index-ys-box .title-box .title:before{ border-right:0px;  border-left:30px solid transparent; left:-30px;}
.index-ys-box .title-box .title:after{ border-left:0px;  border-right:30px solid transparent; right:-30px;}
.index-ys .list{ margin-top: 10px;}
.index-ys .list .item{ background-repeat: no-repeat; background-position: right 10px; position: relative; padding-bottom: 20px; height: 316px; margin-bottom: 20px; }

.index-ys .list .item:before{content: ""; position: absolute; left:0px; bottom:0px; width:100%; height:27px; background:url(../images/002.png) repeat-x center bottom ;
}
.index-ys .list .item span{ display: block; width:50%;margin-left: 100px;  }
.index-ys .list .item .index {  position: absolute; top:50px; margin-left: 0px; width:50px; height: 50px; line-height: 50px; font-size: 30px; background:#2454ac; color: #fff; display: block;  text-align: center; transform:rotate(45deg);  }
.index-ys .list .item .index em{ transform:rotate(-45deg); display: block;}
.index-ys .list .item .title{ padding-top: 30px; font-size: 22px; color:#2454ac; font-weight: bold;  }
.index-ys .list .item  .desc{ padding: 5px 5px; background-color: #ddd;font-size: 16px; display: inline;  line-height: 1.5;}
.index-ys .list .item .info{ position: relative;}
.index-ys .list .item .info:before{ content: ""; width:5px; height: 5px; background-color:#2454ac; position: absolute; top:11px; left:-10px; transform:rotate(45deg);   }
.index-ys .list .odd1 .index{ left:15px;}
.index-ys .list .odd-1 {background-position: left 30px; }
.index-ys .list .odd-1 span{ margin-left: 50%;}
.index-ys .list .odd-1 .index{ right: 53%; }
.index-ys .list .item1{ height:420px;}
.index-ys .list .item1 .title{ padding-top:70px;}
.index-ys .list .item1 .index{ top:90px;}
.index-ys .list .item1 .info1{ width:40%;}
.index-ys .list .item1 .info2{ width:40%;}
.index-ys .list .item2{ height:400px;}
.index-ys .list .item2 .title{ padding-top:60px;}
.index-ys .list .item2 .index{ top:80px;}
.index-ys .list .item3{ height:340px;}
.index-ys .list .item4{ height:400px;}
.index-ys .list .item4 .title{ padding-top:70px;}
.index-ys .list .item4 .index{ top:90px;}
.index-ys .list .item5{ height:435px; margin-bottom:0px; padding-bottom:0px;}
.index-ys .list .item5 .title{ padding-top:80px;}
.index-ys .list .item5 .index{ top:100px;}
.index-ys .list .item5 .info1{ width:40%;}
.index-ys .list .item5 .info2{ width:40%;}
.index-ys .list .item5:before{ background-image:none;}


.index-process {    background-position: center top;  background-repeat: repeat; padding: 20px 0px; height: 340px;}
.index-process .title-box{ text-align: center;  color: #fff;}
.index-process .title-box .title{ font-size: 34px; color: #fff; text-shadow:  5px 5px 10px #2454ac;}
.index-process .list{ text-align: center;}
.index-process .list .item{ display: inline-block;  width:80px; margin-right: 55px; position: relative; cursor: pointer;}
.index-process .list .item span{ display: block; width:100%; color:#fff; }
.index-process .list .item span.index{ height: 78px; width:78px; border: 2px solid #fff; border-radius: 40px; border-bottom: transparent; border-right: transparent; transform:rotate(45deg);}
.index-process .list .item span.index em{ transform:rotate(-45deg); width:100%; height: 78px; line-height: 78px; display: block; font-size: 50px; }
.index-process .list .item  span.title{ font-size: 20px; margin-top: -10px;}
.index-process .list .item:hover span{ color:#ffa200; border-color:#ffa200 }
.index-process .list .item:before{ content: "\f178"; font-family: "FontAwesome"; position: absolute; top:25%; width:55px; right: -55px; font-size: 20px;  color: #fff;  }
.index-process .list .item:last-child{ margin: 0px;}
.index-process .list .item:last-child:before{ content: "";}

.index-process .tel-box{ position: relative; margin-top: 30px; color: #fff; font-size: 16px; line-height: 1; width:100%;}
.index-process .tel-box .txt{ margin-left:40%;display: inline-block;   }
.index-process .tel-box .txt p{ margin-left: -50%; position: relative;}
.index-process .tel-box .txt p:before{ content: "\f2a0"; font-family: "FontAwesome"; position: absolute; left:-50px; top:0px; font-size: 45px; color:#fff;transform:rotate(-45deg); }
.index-process .tel-box em{display: block; margin-top: 12px; font-size: 20px; font-weight: bold;}
.index-process .tel-box a{ padding: 10px 20px;  background-color:#ffa200  ; color: #fff; display: inline-block; position: absolute;  right:35%; top:20%; border-radius: 10px;}

.index-shebei{ margin-bottom: 20px; }
.index-shebei .title-box { text-align: center;}
.index-shebei .title-box .title{ font-size: 34px; font-weight: bold; position: relative; display: inline-block;   }
.index-shebei .title-box .title:after,.index-shebei .title-box .title:before{ content: "" ; background: url("../images/titlebg.png") center   ;width: 30px; height: 21px; position: absolute; top:50%; margin-top: -10px; }
.index-shebei .title-box .title:before{left:-40px;}
.index-shebei .title-box .title:after{ right: -40px;}
.index-shebei .title-box .title a{ color:#333;  }
.index-shebei .title-box .title  em{ color:#2454ac; }
.index-shebei .rollDiv { overflow: hidden;}
.index-shebei .rollDiv  ul{ width:10000%; white-space: nowrap;}
.index-shebei .rollDiv  ul li{ float: left; margin-right: 8px; text-align: center;}

.index-about{ padding: 20px 0px; background: url("../images/index-about-bg.png"); }
.index-about .title-box { text-align: center;}
.index-about .title-box .title{ font-size: 34px; font-weight: bold; position: relative; display: inline-block;   }
.index-about .title-box .title:after,.index-about .title-box .title:before{ content: "" ; background: url("../images/titlebg.png") center   ;width: 30px; height: 21px; position: absolute; top:50%; margin-top: -10px; }
.index-about .title-box .title:before{left:-40px;}
.index-about .title-box .title:after{ right: -40px;}
.index-about .title-box .title a{ color:#333;  }
.index-about .title-box .title  em{ color:#2454ac; }
.index-about  .content-box .content-box{ float: right; display: block; width:57%;}
.index-about  .content-box .content-box .title{ font-size: 22px;}
.index-about  .content-box .content-box  .more{ padding: 0px 20px; display: inline-block; background-color: #ffa200; color: #fff;}
.index-about  .content-box img.pic{ float: left;  display: block; width:40%; }

.index-workshop{  padding: 20px 0px; background: url("../images/index-about-bg.png"); }
.index-workshop .title-box { text-align: center;}
.index-workshop .title-box .title{ font-size: 34px; font-weight: bold; position: relative; display: inline-block;   }
.index-workshop .title-box .title:after,.index-workshop .title-box .title:before{ content: "" ; background: url("../images/titlebg.png") center #EEEEEE   ;width: 30px; height: 21px; position: absolute; top:50%; margin-top: -10px; }
.index-workshop .title-box .title:before{left:-40px;}
.index-workshop .title-box .title:after{ right: -40px;}
.index-workshop .title-box .title a{ color:#333;  }
.index-workshop .title-box .title  em{ color:#2454ac; }
.index-workshop .rollDiv { overflow: hidden;}
.index-workshop .rollDiv  ul{ width:100%; }
.index-workshop .rollDiv  ul li{ float: left; width:25%; text-align: center; margin-bottom: 20px;transition: 200ms; }
.index-workshop .rollDiv  ul li a{ width:98%;}
.index-workshop .rollDiv  ul li a img{ max-width: 100%; }
.index-workshop .rollDiv  ul li:hover{ transform: translateY(-10px); }



.index-pz{  padding: 20px 0px; }
.index-pz .title-box { text-align: center;}
.index-pz .title-box .title{ font-size: 34px; font-weight: bold; position: relative; display: inline-block;   }
.index-pz .title-box .title em{ color:#2454ac; }
.index-pz .content-box{width:1121px;}
.index-pz .content-box .img-box-left{ float: left; height: 481px; overflow: hidden;}
.index-pz .content-box .img-box-left dl{ display: none;}
.index-pz .content-box .img-box-left dl img{ max-width: 516px; max-height: 481px;}
.index-pz .content-box .img-box-left dl:first-child{ display: block;}
.index-pz .content-box .title-box-right{ float: right; width:600px; border-top: 1px solid #cfcfcf; }
.index-pz .content-box .title-box-right dl{ height: 95px; border-bottom: 1px solid #cfcfcf;border-left: 3px solid #cfcfcf; position: relative; }
.index-pz .content-box .title-box-right dl:before{ content: ""; position: absolute; width:0px; height: 0px; right: 0px; top:45px; border-left: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 14px solid #fff; }
.index-pz .content-box .title-box-right dl dt{  width: 94px; height: 94px; line-height: 94px; text-align: center;  float: left; font-size: 34px; font-weight: bold; font-family: Impact; color:#d0d0d0; }
.index-pz .content-box .title-box-right dl dd{ width:450px; float: left;}
.index-pz .content-box .title-box-right dl dd h3{ color:#333; font-size: 20px;}
.index-pz .content-box .title-box-right dl dd p{color:#5d5d5d; line-height: 24px;}
.index-pz .content-box .title-box-right dl:hover ,.index-pz .content-box .title-box-right dl.active { background-color: #2454ac; color:#fff;}
.index-pz .content-box .title-box-right dl:hover dt,.index-pz .content-box .title-box-right dl.active dt{  color:#fff;}
.index-pz .content-box .title-box-right dl:hover h3,.index-pz .content-box .title-box-right dl.active h3{  color:#fff;}
.index-pz .content-box .title-box-right dl:hover p,.index-pz .content-box .title-box-right dl.active p {  color:#fff;}

.index-yyly{  padding: 20px 0px; }
.index-yyly .title-box { text-align: center;}
.index-yyly .title-box .title{ font-size: 34px; font-weight: bold; position: relative; display: inline-block;   }
.index-yyly .title-box .title em{ color:#2454ac; }
.index-yyly .content-box li{ width:25%; float: left;}
.index-yyly .content-box li div{ width:248px; height:330px; overflow: hidden; position: relative;}
.index-yyly .content-box li div a{ width:100%;  display: block; position: absolute; left:0px; bottom:0px; text-align: center; height: 55px;  color: #fff; font-size: 18px; transition: 300ms;}
.index-yyly .content-box li div a img{ display: none; margin: 0px auto; transition: 300ms; opacity:0;   }
.index-yyly .content-box li div a em{ height: 55px; line-height: 55px; display: block; width:100%;}
.index-yyly .content-box li div a{ background-color: rgba(36,84,172,0.8);}
.index-yyly .content-box li:nth-child(2) div a{ /*background-color: rgba(0,255,0,0.8);*/}
.index-yyly .content-box li:nth-child(3) div a{ /*background-color: rgba(0,0,255,0.8);*/}
.index-yyly .content-box li:nth-child(4) div a{ /*background-color: rgba(207,207,207,0.8);*/}
.index-yyly .content-box li:hover a{height:330px;}
.index-yyly .content-box li:hover a img{ display: block; margin-top: 120px;  opacity: 1; }

.index-pingjia{  }
.index-pingjia .title-box { text-align: center;}
.index-pingjia .title-box .title{ font-size: 34px; font-weight: bold; position: relative; display: inline-block;   }
.index-pingjia .title-box .title:after,.index-pingjia .title-box .title:before{ content: "" ; background: url("../images/titlebg.png") center   ;width: 30px; height: 21px; position: absolute; top:50%; margin-top: -10px; }
.index-pingjia .title-box .title:before{left:-40px;}
.index-pingjia .title-box .title:after{ right: -40px;}
.index-pingjia .title-box .title a{ color:#333;  }
.index-pingjia .title-box .title  em{ color:#2454ac; }
.index-pingjia .content-box .list .item{ width:25%; float: left; margin-bottom: 20px;}
.index-pingjia .content-box .list .item .box{ width:290px; border: 10px solid #f2f2f2; background-color:#f2f2f2;   }
.index-pingjia .content-box .list .item .box .pic{ width:290px; height: 180px;}
.index-pingjia .content-box .list .item .box .title{ color: #333; line-height: 3; display: block; width:100%; border-bottom: 1px solid #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-pingjia .content-box .list .item .box .desc{ height: 75px; line-height: 25px; overflow: hidden;}
.index-pingjia .content-box .list .item .box:hover {border: 10px solid #fff; background-color:#fff; box-shadow: 5px 5px 10px 5px #f2f2f2; cursor: pointer; }
.index-pingjia .content-box .list .item .box:hover .title {color: #2454ac;}



.index_news { background:#f7f7f7; padding: 20px 0px; margin-top: 20px;}
.index_news .left-box,.index_news .mid-box,.index_news .right-box{  width:32%; float: left; border: 1px solid #ddd; }
.index_news .left-box:hover,.index_news .mid-box:hover,.index_news .right-box:hover{ background-color: #fff; }
.index_news .left-box,.index_news .mid-box { margin-right: 1%;}
.index_news .title-box,.index_news .content-box{ width:94%;}
.index_news .title-box{ border-bottom: 1px solid #f2f2f2; line-height: 40px;}
.index_news .title-box .title{ float: left; font-size: 20px; font-weight: bold; margin-left: 20px; position: relative; }
.index_news .title-box .title:before{content: "\f0da"; font-family: "FontAwesome"; position: absolute; left:-15px; color:#2454ac; }
.index_news .title-box .title a{ color:#2454ac; }
.index_news .title-box .more{ float: right;}
.index_news .content-box .img-box img{ width:100%; height: 90px;}
.index_news .content-box  .liset .item{ line-height: 30px; border-bottom: 1px dashed #f7f7f7; position: relative}
.index_news .content-box  .liset .item:before{content: "\f105"; font-family: "FontAwesome"; position: absolute; left:10px; color:#2454ac; }
.index_news .content-box  .liset .item .title{ text-indent: 30px; width: 280px; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_news .content-box  .liset .item .title a{ display: block;}
.index_news .content-box  .liset .item .time{ float: right; }


.index_news .mult_news .titleList{ white-space: nowrap; text-align: center; margin-bottom: 20px; }
.index_news .mult_news .titleList .titleItem{ display: inline-block; margin: 0px 20px; border: 1px solid #2454ac; }
.index_news .mult_news .titleList .titleItem a{display: block; padding: 20px 30px; line-height: 1;  }
.index_news .mult_news .titleList .titleItem.curr a{ background-color:#2454ac; color:#fff; }
.index_news .mult_news .content-box .list{ display: none;}
.index_news .mult_news .content-box .list:first-child{display: block;}
.index_news .mult_news .content-box .list .item{ float: right; width:46%;clear: right; padding: 10px 1%;}
.index_news .mult_news .content-box .list .item .itemcontent{ position: relative; }
.index_news .mult_news .content-box .list .item .time{ position: absolute; top:0px; right: 0px;}
.index_news .mult_news .content-box .list .item .img{ width:126px; height: 106px; float: left; background-color: #fff;}
.index_news .mult_news .content-box .list .item .img img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}
.index_news .mult_news .content-box .list .item .title{ display: inline-block; width:60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold;}
.index_news .mult_news .content-box .list .item .desc{ height: 48px; line-height: 24px; overflow: hidden;}
.index_news .mult_news .content-box .list .item:first-child{float:left; width:50%; clear: left; }
.index_news .mult_news .content-box .list .item:first-child .itemcontent{ margin-top: 10px;}
.index_news .mult_news .content-box .list .item:first-child .img{ width:100%; height: 360px; display:block; clear: both; float: none;}
.index_news .mult_news .content-box .list .item:first-child .img img{ vertical-align: bottom;}
.index_news .mult_news .content-box .list .item:first-child .title{ width:80%; }
.index_news .mult_news .content-box .list .item:first-child .desc{ height: 72px; }
.index_news .mult_news .content-box .list .item:hover{ background-color:#ddd; }
.index_news .mult_news .content-box .list .item:hover a{ color: #2454ac;}

.index-link { background:#f7f7f7; padding: 20px 0px;}
.index-link  .content-box{ border: 1px solid #ddd; padding: 10px 20px;}
.index-link  .content-box .titlelink{ color:#2454ac; float: left; }
.index-link  .content-box .txtlink{  float: left;}
.index-link  .content-box .txtlink li{ float: left;}
.index-link  .content-box .txtlink li a{padding: 0px 5px; margin: 0px 5px; display: block;}
.footer-nav{ height: 42px; line-height: 42px; background:  #082fa2; }
.footer-nav .container{ padding: 0px 0px; border-bottom: 1px solid #eee;}
.footer-nav  li{ float: left; text-align: center; position: relative;}
.footer-nav  li a{ color:#fff; display: block;}
.footer-nav  li.other:before{ content: ""; width:0px; height: 40%; position: absolute; left:-1px; top:30%; border-left: 2px dashed #eee; }
.footer-nav  li:hover{ background-color:#2454ac; }

.footer-box  { background-color: #082fa2; color: #fff; padding: 20px 0px;}
.footer-box .left-box{ float: left; width:60%; vertical-align: middle;   }
.footer-box .left-box .footimg{ float: left;  display: inline-block;  margin-right: 20px; margin-top: 20px; }
.footer-box .left-box .content{ float: left; display: inline-block;margin-left: 20px; }
.footer-box .right-box{ float: right; width:350px; text-align: center;}
.footer-box .right-box .title{ font-size: 16px;}
.footer-box .right-box .qrcodeItem {  float: left; margin-top: 20px; }
.footer-box .right-box .qrcodeItem2 {  margin-left: 50px; }
.footer-box .right-box .qrcodeItem img{ width:120px;   }
.footer-copyright{ line-height: 3; background-color:#082fa2; color: #fff; text-align: center; border-top: 1px solid #082fa2;   }
.footer-copyright .container{ }
.sidenav .title{width:100%; height: 60px; line-height: 60px; display: block; color:#fff; background-color:#2454ac; text-align: center; font-size: 22px; font-weight: normal;}

.sidenav .sideul2{border-top: 1px solid #fff;  border-bottom: 1px solid #dedede;  background-color: #f6f6f6;}
.sidenav .sideul2 a{width:100%; height: 100%; display: block;}
.sidenav .sideul2 dt{ width:100%; height: 49px; line-height: 49px; font-size: 14px; text-indent: 20px; font-weight: bold; position: relative;}
.sidenav .sideul2 dt:before{}

.sidenav .sideul2 dt:before{content: "\f054"; font-family: "FontAwesome"; position: absolute;   right: 25px;}
.sidenav .sideul2:hover dt:before{content: "\f078";}
.sidenav .sideul2  dt.cur2class{ color:#2454ac  }
.sidenav .sideul2  dt.cur2class a{ color:#2454ac}
.sidenav .sideul2  dt.cur2class:before{content: "\f078";}
.sidenav .sideul2:hover dt:hover a{  background-color:#ffa200; color: #fff;}
.sidenav .sideul2  dd{ text-indent: 40px; position: relative; height: 30px; line-height: 30px; display: none;}
.sidenav .sideul2  dd:before{ content: "\f105"; font-family: "FontAwesome"; position: absolute; top:0%;   left:-10px;}
.sidenav .sideul2  dd a:hover{ background-color: #fff;  }

.sidecontact-box{ margin-top: 20px;}
.sidecontact-box .title{width:100%; height: 60px; line-height: 60px; display: block; color:#fff; background-color:#2454ac; text-align: center; font-size: 22px; font-weight: normal; }
.sidecontact-box .sidecontact{ background-color:#f6f6f6; padding: 10px 20px; }

.currlocatinon {width:100%; height: 60px; line-height: 60px; display: block; color:#333; font-weight: normal; position: relative; }
.currlocatinon:before{ content: ""; width:100%; height: 1px; border-bottom: 1px solid #2454ac; position: absolute; left:0px; bottom: 0px; }
.currlocatinon .curr{ float: left; padding: 0px 20px;  font-size: 22px; color: #2454ac; position: relative; }
.currlocatinon .curr:before{ content: ""; width:10px; height: 60%; background-color:  #2454ac; position: absolute; left:0px; top:20%;}
.currlocatinon  .nav_x { float: right; margin-right: 20px; }
.currlocatinon  .nav_x  a{ color:#333; }
.pagerlist{ text-align: center; clear: both; padding: 3px; margin: 5px;}
.pagerlist a,.pagerlist span { margin: 2px; padding: 2px 5px; border: 1px solid #ccc;}
.pagerlist .current{background-color: #ccc; color:#fff;}
.pagerlist .disabledfy{ font-family: Tahoma, Verdana;}



.aboutpage{ padding: 20px 10px;}
.newspage{ padding: 20px 10px;}
.newspage .newsList .item{ margin-bottom: 10px; border-bottom: 1px dashed #f2f2f2;}
.newspage .newsList .title-box {line-height: 30px; }
.newspage .newsList .title-box .title{ font-size: 18px; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
.newspage .newsList .title-box .title a{ font-weight: bold;  }
.newspage .newsList .title-box  .time{ float: right; margin-right: 20px;}
.newspage .newsList .content{ margin-top: 5px;}
.newspage .newsList .content .pic{ float: left; margin-right: 20px; height: 125px;}
.newspage .newsList .content .pic img{ max-width: 100%; height: auto;}
.newspage .newsList .content .desc{ display: inline; line-height: 25px; max-height: 125px; overflow: hidden;}
.shownewpage{ padding: 20px 10px;}
.shownewpage .shownewstitle{ text-align: center; color:#2454ac;}
.shownewpage .time{ display: block; text-align: center;}
.shownewpage  .shownewscontent{ padding-top:10px;}

.imgpage{ padding: 20px 10px;}
.imgpage .item{ width:33.1%; float: left;}
.imgpage .item div{ margin: 20px 10px 0px 10px; border: 1px solid #eee; text-align: center;}
.imgpage .item div img{ max-width:100%; display: block; margin: 0px auto}
.imgpage .item div span{ max-width:100%; display: block; margin: 0px auto}
.imgpage .item div a{ width:100%; height: 100%; display:block ;text-align: center;}
.imgpage .item div:hover{ border: 1px solid #ffa200;}
.imgpage .item div:hover a{ color:  #2454ac; font-weight: bold;}
.imgshowpage { padding: 20px 10px;}
.imgshowpage .img-box{float: left; width:50%; overflow: hidden;}
.imgshowpage .prams{ float: right; width:48%;}
.imgshowpage .img-box .imglist{ overflow: hidden;}
.imgshowpage .img-box .imglist ul ,.showdiv ul { white-space: nowrap; }
.imgshowpage .img-box .imglist li,.showdiv li{ display: inline-table; margin: 10px ;border:1px solid #fff; }
.imgshowpage .img-box .imglist li.curr,.showdiv li.curr{ border:1px solid #eee; }
.imgshowpage .content-box{ margin-top: 10px;}
.imgshowpage .content-box img{max-width: 10px; }
.imgpage3{ padding: 20px 10px;}
.imgpage3{ padding: 20px 10px;}
.imgpage3 .item{ width:50%; height: 330px; float:left; text-align:center; margin-bottom:20px; font-weight: bold;}
.imgpage3 .item div{ width:95%; height: 300px;}
.feedbackpage  { padding: 20px 10px;}

.feedbackpage .feedback_table {max-width: 100%; width: 100%; line-height: 2;}
.feedbackpage .feedback_table .text{ width:100px;  text-align:right; padding-right: 10px;}
.feedbackpage .feedback_table .input{}
.feedbackpage .feedback_table .input .input-text{ width:90%;}
.feedbackpage .feedback_table .input .textarea-text{ width:90%; height: 4rem; }
.feedbackpage .feedback_table .input img{ height: 22px; vertical-align: middle; padding-left: 1rem;}
.feedbackpage .feedback_table .info{ padding-left:5px; color: #f00; }
.feedbackpage .feedback_table .input .input-text,.feedbackpage .feedback_table .input .textarea-text,.feedbackpage .feedback_table .code{ }
.feedbackpage .feedback_table .submit { width:90%; line-height: 3; background-color:#2454ac;  border: 1px solid #2454ac;  color: #fff; cursor: pointer;}

.searchpage{ padding: 20px 10px;}
.searchpage .searchform{ margin: 0px auto; margin-top: 10px; width:100%; position: relative; clear: both; }

.searchpage .searchword{ width:100%; height: 30px; line-height: 30px;}
.searchpage .searchword { background-color: #fff; text-indent:15px; outline:none;border:  1px solid #f7f7f7}
.searchpage .searchword:focus{ border:  1px solid #072fa8;}
.searchpage .searchgo{ color: #fff; cursor: pointer; border: 0px; background: #072fa8; outline:none; position: absolute; padding: 0px 15px; border: 1px solid #072fa8;  height: 32px; line-height: 32px; top:1px; right:-2px;  }
.searchpage .searchform .keyslist{ white-space: nowrap; padding: 0px 10px; overflow: hidden;}
.searchpage .searchform .keyslist li{ float: left; padding:10px ; line-height: 1;}
.searchpage .searchform .keyslist li a{display: block;}
.searchpage .searchform .keyslist li a:hover{ color:#072fa8;}

.searchpage .searchformform{position: relative;}
.searchpage .onlinekey{ position: absolute; width:100%; top:100%; left:0%; border: 1px solid #f7f7f7; background-color: #fff; opacity: 1; z-index: 100000; display: none;}
.searchpage .onlinekey li{ line-height: 2; text-indent: 20px; position: relative; }
.searchpage .onlinekey li .count{ position: absolute; top:0px; right: 20px; height: 100%; display: block;}
.searchpage .onlinekey li.currli{ background-color: #f7f7f7;}
.searchpage .onlinekey li:hover{background-color: #f7f7f7;}
.searchpage .seachresult li{ position: relative; border-bottom:  1px dashed #eee; margin-top: 10px;}
.searchpage .seachresult li span{ position: absolute; right: 0; top: 0px;}

.seachresult{ padding: 20px 10px;}
.seachresult { line-height: 2; }

.productpage{ padding: 20px 10px;}
.productpage .productlist .item{float: left;}
.productpage .productlist .item div{ margin: 20px 10px 0px 10px; border: 1px solid #eee; text-align: center; padding: 5px;}
.productpage .productlist .item div img{ max-width:100%; display: block; margin: 0px auto}
.productpage .productlist .item div span{ max-width:100%; display: block; margin: 0px auto}
.productpage .productlist .item div a{ width:100%; height: 100%; display:block ;text-align: center;}
.productpage .productlist .item div:hover{ border: 1px solid #072fa8; background-color: #072fa8}
.productpage .productlist .item div:hover a{ color:  #fff; font-weight: bold;}

.productpage .pro-news{ margin-top: 30px;}
.productpage .pro-news .title-box { height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2;}
.productpage .pro-news .title-box .title{ font-size: 16px; float: left; color:#072fa8;}
.productpage .pro-news .title-box .more{float: right}
.productpage .pro-news .content-box .news-list{ margin-top: 15px;}
.productpage .pro-news .content-box .item{ width:50%; float: left; line-height: 30px; position: relative;}
.productpage .pro-news .content-box .item:before{content: "\f105"; font-family: "FontAwesome"; position: absolute; left:10px; color:#2454ac; }
.productpage .pro-news .content-box .item .title{ float: left; width:350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.productpage .pro-news .content-box .item .title a{ display: block; text-indent: 20px;}
.productpage .pro-news .content-box .item .time{ float: right; margin-right: 20px;}
.productshowpage { padding: 20px 10px;}
.productshowpage .proshow-title-box{ clear: both; margin-top: 20px;}
.productshowpage .proshow-img-box{ width:50%; float: left;}
.productshowpage .pro-bigimg-img {max-width: 100%; }
.productshowpage .proshow-img-box .pro-imglist{ overflow: hidden;}
.productshowpage .imglist-box{width:300%; white-space: nowrap;}
.productshowpage .imglist-box li{ float: left; margin-right: 10px; border: 1px solid #fff; }
.productshowpage .imglist-box li.curr{border: 1px solid #eee;}
.productshowpage .proshow-title-intor{ width:48%; float: right;}
.productshowpage .proshow-title-intor .title{ font-size: 18px; font-weight: bold; color: #014785;}
.productshowpage .productshowbody{ margin: 20px auto;}
.productshowpage .productshowbody .title{ font-size: 16px;  font-weight: bold; }
.productshowpage .showpro-pro { margin-top: 30px; overflow: hidden; }
.productshowpage .showpro-pro .title-box { height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2; }
.productshowpage .showpro-pro .title-box a{ font-size: 16px; float: left; color:#072fa8;}

.productshowpage .showpro-pro .roll_box{ margin-top: 15px;}
.productshowpage .showpro-pro .list{  width:10000%; white-space: nowrap;}
.productshowpage .showpro-pro .list li{ float: left; margin-right: 8px; text-align: center;}
.productshowpage .showpro-pro .list li div{ padding: 5px;}
.productshowpage .showpro-pro .list li div:hover{ background-color: #072fa8;}
.productshowpage .showpro-pro .list li div:hover a{ color: #fff;}
.productshowpage .showpro-pro .list li img,.productshowpage .showpro-pro .list li span{ display: block;}

.productshowpage .procontact { background: #f7f7f7; text-align: center; padding: 20px 0px;}
.productshowpage .procontact  .tel{ font-size: 20px; display: inline-block; line-height: 36px;  position: relative;}
.productshowpage .procontact  .tel:before{content: "\f095"; font-family: "FontAwesome"; position: absolute; left:-24px; top:0px; color:#072fa8; font-size: 24px; }
.productshowpage .procontact  .online a{ line-height:2; padding: 0px 10px 0px 30px; display: inline-block; margin: 20px 5px 0px; background-color: #ffa200; position: relative; color: #fff;}
.productshowpage .procontact  .online a.mess:before{content: "\f0e0"; font-family: "FontAwesome"; position: absolute; left:10px; top:0px;  }
.productshowpage .procontact  .online a.qq:before{content: "\f1d6"; font-family: "FontAwesome"; position: absolute; left:10px; top:0px;  }

.productshowpage .productmessages  .content{ text-align: left; font-size: 16px;  font-weight: bold; margin-left: 50px;}
.productshowpage .productmessages  .feedback_table {max-width: 100%; width: 100%; line-height: 2;}
.productshowpage .productmessages  .feedback_table .text{ width:100px;  text-align:right; padding-right: 10px;}
.productshowpage .productmessages  .feedback_table .input{}
.productshowpage .productmessages .feedback_table .input .input-text{ width:90%;}
.productshowpage .productmessages .feedback_table .input .textarea-text{ width:90%; height: 4rem; }
.productshowpage .productmessages .feedback_table .input img{ height: 22px; vertical-align: middle; padding-left: 1rem;}
.productshowpage .productmessages .feedback_table .info{ padding-left:5px; color: #f00; }
.productshowpage .productmessages .feedback_table .input .input-text,.feedbackpage .feedback_table .input .textarea-text,.feedbackpage .feedback_table .code{ }
.productshowpage .productmessages .feedback_table .submit { width:90%; line-height: 3; background-color:#2454ac;  border: 1px solid #2454ac;  color: #fff; cursor: pointer;}
.parasearch { clear: both; }
.parasearch .myformsearch input{height: 30px; line-height: 30px;}
.parasearch .myformsearch .para{ float: left; width:850px; height: 30px; line-height: 30px;}

.parasearch .myformsearch .para .parasearch_title{ width:80px; display: inline-block; text-align: right;}
.parasearch .myformsearch .para .parasearch_input{ width:770px;display: inline-block; position: relative; }
.parasearch .myformsearch .para .parasearch_input input{ width:95%; border:  1px solid #f2f2f2;}
.parasearch .myformsearch .para .parasearch_input input:focus{border:  1px solid #072fa8;}
.parasearch .myformsearch .para .parasearch_input div{ position: absolute; width:96%; top:100%; left:0px; border: 1px solid #eee; display: none; z-index: 10000; background-color: #fff; }
.parasearch .myformsearch .para .parasearch_input div li{ text-indent: 10px; line-height: 2}
.parasearch .myformsearch .para .parasearch_input div li.currli{ background-color: #f3f7f9;}
.parasearch .myformsearch .search{ float: right; height: 30px; line-height: 30px; }
.parasearch .myformsearch .search span,.parasearch .myformsearch .search span .searchgo{ width:100%; display: block; height: 30px; line-height: 30px;}
/*searchpage page*/
.searchpage .searchform{ margin-bottom: 20px;}
.searchpage .form{ position: relative;}
.searchpage .keyword{ width:100%; height: 40px; line-height: 40px; outline: none; padding: 0 100px 0 30px; border-radius: 5px; border: 1px solid #072fa8;}
.searchpage .submit{ background-color: #072fa8; color:#fff; position: absolute; top:0%; right:0;  height: 40px; line-height: 40px; padding: 0 20px;  border-radius: 5px; border-bottom-left-radius: 0; border-top-left-radius: 0; border: 1px solid #072fa8; }
.searchpage  .pagelist .item{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee;}
/*searchpage page end */


.sitemappage  .sitemap{ padding: 2rem;}
.sitemappage  .sitename{ font-weight: bold; font-size: 2rem; line-height: 3rem; height: 3rem; text-align: center;}
.sitemappage  .navul{ padding-top: 1rem; overflow: hidden; flex-wrap: nowrap;}
.sitemappage  .navul .navli{ padding-right: 1rem; flex: none;}
.sitemappage  .navul .navli_first{ font-weight: bold; }
.sitemappage .dataul  { flex-wrap: wrap; padding: 1rem ; border: 1px dotted #eee; }
.sitemappage .dataul .datali{ width:19%; margin-right: 1%}