@charset "utf-8";::-webkit-scrollbar {width:8px;height:8px;background-color:#F5F5F5;}
::-webkit-scrollbar-track {border-radius:10px;background-color:#E2E2E2;}
::-webkit-scrollbar-thumb {border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555;}
::selection {background-color:#0074d4;color:#fff;}
::-moz-selection {background-color:#0074d4;color:#fff;}
::-webkit-selection {background-color:#0074d4;color:#fff;}
#wjdh-kefu .wjdh-kefu-qq p,#wjdh-kefu .wjdh-kefu-qq a,#wjdh-kefu .wjdh-kefu-tel p,#wjdh-kefu .wjdh-kefu-tel img,#wjdh-kefu .wjdh-kefu-erweima img {box-sizing:content-box;}
* {padding:0;margin:0;font-family:'Microsoft YaHei',arial,helvetica,clean,sans-serif;}
body {font:14px/1.231 'Microsoft YaHei',arial,helvetica,clean,sans-serif;color:#333;margin:0;line-height:1.5;}
*:before,*:after {box-sizing:content-box;}
:focus {outline:1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
a {color:#333;text-decoration:none;}
a:link,a:hover,a:active,a:visited {text-decoration:none;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select {vertical-align:middle;}
li,ul {list-style-type:none;}
img {border:none;}
input,textarea {outline:0;resize:none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight:normal;font-style:normal;}
.webqq_ewm {box-sizing:content-box;}
.fixedNav {position:fixed;top:0px;left:0px;width:100%;z-index:100000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));box-shadow:0px 10px 12px rgba(0,0,0,.1);}
html {cursor:url(img/cur.png),default;}

textarea {animation:animated 1s infinite;-moz-animation:animated 1s infinite;-webkit-animation:animated 1s infinite;-o-animation:animated 1s infinite;}
input[type="text"] {animation:animated 1s infinite;-moz-animation:animated 1s infinite;-webkit-animation:animated 1s infinite;-o-animation:animated 1s infinite;}
input[type="button"] {cursor:url(img/Acur.png),default !important;}
input,button {outline:none;}

.wjdh-ico1,.wjdh-ico2 {vertical-align:middle;}
.main {width:1200px;margin:0 auto;}
.myclearfix:after {content:"";display:block;clear:both;}
.left {float:left;}
.right {float:right;}
.head {width:100%;height:128px;}
.head .head_main>h1 {width:600px;height:68px;margin-top:30px;}
.head .head_main>h1>a {display:block;width:100%;height:100%;}
.head .head_main>h1>a>img {width:100%;height:100%;}
.head .head_main .head_txt {height:52px;border-left:2px solid #aaaaaa;padding-left:17px;margin-top:40px;margin-left:13px;}
.head .head_main .head_txt>h3 {font-size:18px;line-height:18px;color:#333333;margin-bottom:10px;margin-top: 5px;}
.head .head_main .head_txt>p {font-size:16px;line-height:16px;color:#666666;}
.head .head_main .head_tell {margin-top:16px;}
.head .head_main .head_tell>p {margin-bottom:7px;font-size:18px;color:#333333;}
.head .head_main .head_tell>p>i {display:inline-block;width:29px;height:29px;background:url(../images/head_tell.png) center no-repeat;vertical-align:middle;margin-right:10px;}
.head .head_main .head_tell>h3 {font-size:30px;font-family:Arial;font-weight:bold;color:#0074d4;line-height:30px;}
/*--------------*/a {color:#222;text-decoration:none;-webkit-transition:all .0s ease-out;transition:all .0s ease-out;}
.nav_xiala_xx {width:100%;height:60px;background-color:#0074d4;}
.nav_xiala {width:1200px;height:60px;margin:0 auto;}
.nav_xiala>ul {position:relative;height:60px;}
.nav_xiala ul li {float:left;width:150px;height:60px;line-height:60px;text-align:center;font-size:15px;-webkit-transition:all .0s linear;transition:all .0s linear;}
.nav_xiala ul li a {display:block;color:#fff;height:60px;line-height:60px;overflow:hidden;font-size:18px;}
.nav_xiala ul li:hover {background:#22a4fa;color:#fff;}
.nav_xiala ul li:hover a {color:#fff;}
.nav_xiala .erji_xiala {z-index:20;height:0px;visibility:hidden;opacity:0;-webkit-transition:all .0s linear;transition:all .0s linear;position:absolute;top:60px;left:0;width:100%;background:#0074d4;}
/*一个分类 *1 一个分类 *2  六个分类100%  left:修改到合适位置;*/.nav_xiala ul li:hover .erji_xiala {height:auto;visibility:visible;opacity:1;border-radius:0px 0px 15px 15px;}
.nav_xiala .erji_xiala .daohang_xiala {float:left;width:200px;padding:10px 20px 10px 20px;opacity:0;}
.nav_xiala .erji_xiala .daohang_xiala i {font-size:15px;border-bottom:1px solid rgba(255,255,255,0.35);display:block;font-weight:bold;}
.nav_xiala .erji_xiala .daohang_xiala span {border-bottom:1px dashed rgba(255,255,255,0.3);display:block;text-align:left;}
.nav_xiala .erji_xiala .daohang_xiala a {height:35px;line-height:35px;display:block;color:#FFF;font-size:14px;overflow:hidden;text-indent:10px;}
.nav_xiala .erji_xiala .daohang_xiala i a {font-size:15px;text-align:left;background:url(img/liqsub_ss.png) 0px no-repeat;padding-left:13px;overflow:hidden;}
.nav_xiala .erji_xiala .daohang_xiala i a:hover {background:url(img/liqsub_ss.png) 10px no-repeat;padding-left:23px;}
.nav_xiala .erji_xiala a:hover {color:#FFF;padding-left:15px;}
.nav_xiala .erji_xiala .daohang_xiala span a {color:rgba(255,255,255,0.85);background:-webkit-linear-gradient(left,#22a4fa,#22a4fa) no-repeat;background:linear-gradient(to right,#22a4fa,#22a4fa) no-repeat;background-size:0% 100%;}
.nav_xiala .erji_xiala .daohang_xiala span a:hover {color:rgba(255,255,255,0.85);background:-webkit-linear-gradient(left,#22a4fa,#22a4fa) no-repeat;background:linear-gradient(to right,#22a4fa,#22a4fa) no-repeat;background-size:100% 100%;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(1) {}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(2) {}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(3) {}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(4) {}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(5) {}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(6) {}
.nav_xiala .erji_xiala1 {position:absolute;top:60px;z-index:20;width:150px;/*和一级栏目一样宽度*/    height:0px;visibility:hidden;}
.nav_xiala ul li:hover .erji_xiala1 {height:auto;visibility:visible;}
.nav_xiala .erji_xiala1 .daohang_xiala {}
.nav_xiala .erji_xiala1 .daohang_xiala i {font-size:15px;border-bottom:1px solid rgba(255,255,255,0.35);display:block;background:#0074d4;}
.nav_xiala .erji_xiala1 .daohang_xiala a {height:40px;line-height:40px;font-size:14px;display:block;color:#FFF;overflow:hidden;}
.nav_xiala .erji_xiala1 a:hover {color:#FFF;padding-left:15px;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(1) {}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(2) {}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(3) {}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(4) {}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(5) {}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(6) {}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(7) {}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(8) {}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(9) {}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(10) {}
.nav_xiala .erji_xiala1 .daohang_xiala a {color:rgba(255,255,255,0.85);background:-webkit-linear-gradient(left,#22a4fa,#22a4fa) no-repeat;background:linear-gradient(to right,#22a4fa,#22a4fa) no-repeat;background-size:0% 100%;}
.nav_xiala .erji_xiala1 .daohang_xiala a:hover {color:rgba(255,255,255,0.85);background:-webkit-linear-gradient(left,#22a4fa,#22a4fa) no-repeat;background:linear-gradient(to right,#22a4fa,#22a4fa) no-repeat;background-size:100% 100%;}
.nav_xiala>ul>li.another {background:#22a4fa;}
.nav_xiala>ul>li.another>a {color:#fff;}
.fixedNav {position:fixed;top:0px;left:0px;z-index:99999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));box-shadow:0 8px 8px 0px rgba(0,0,0,0.08);}
@keyframes menu1 {0% {opacity:0;transform:translateX(8px);}
100% {opacity:1;transform:translateX(0);}
}
/* xunpan S */.container1 {height:40px;margin:0 auto;}
.topxunpan {text-align:center;}
.topxunpan .xp {position:relative;color:#999999;font-size:14px;cursor:pointer;}
.topxunpan .xp img {position:relative;top:2px;margin-right:2px;}
.topxunpan .xp i {color:#0074d4;font-size:16px;font-weight:bold;}
.topxunpan .xp #xunpantip {z-index:999;position:absolute;top:35px;left:50%;width:180px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;-webkit-transform:translateX(-50%) scale(0);-moz-transform:translateX(-50%) scale(0);-o-transform:translateX(-50%) scale(0);-ms-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);-webkit-transition:transform .4s,opacity .4s;-moz-transition:transform .4s,opacity .4s;-o-transition:transform .4s,opacity .4s;-ms-transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s;background-color:#2653aa;border-radius:4px;opacity:0;font-weight:bold;box-shadow:5px 5px 2px #dfdfdf;}
.topxunpan .xp #xunpantip::after {content:'';position:absolute;top:-16px;left:50%;width:0;height:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border:8px solid transparent;border-bottom-color:#2653aa;}
.topxunpan .xp #xunpantip.xunpantextactive {-webkit-transform:translateX(-50%) scale(1);-moz-transform:translateX(-50%) scale(1);-o-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1;}
button {outline:none;}
/* foo S */.foo {width:100%;background-color:#312f2f;padding-top:0px;box-sizing:border-box;border-bottom:1px solid #312f2f;}
.foo .foo_main .foo_add {height:94px;border-bottom:1px solid #4c4c4c;box-sizing:border-box;}
.foo .foo_main .foo_add .add_item {position:relative;}
.foo .foo_main .foo_add .add_item>p {height:30px;padding-left:42px;box-sizing:border-box;font-size:20px;color:#fefeff;line-height:30px;}
.foo .foo_main .foo_add .add_item>h4 {padding-left:42px;font-size:14px;color:#999999;margin-top:10px;}
.foo .foo_main .foo_add .add_item:nth-child(1)::after {content:"";position:absolute;width:1px;height:64px;background-color:#4c4c4c;top:0;right:-50px;}
.foo .foo_main .foo_add .add_item:nth-child(1)>p {background:url(img/add_ico1.png) left center no-repeat;}
.foo .foo_main .foo_add .add_item:nth-child(2) {margin-left:80px;}
.foo .foo_main .foo_add .add_item:nth-child(2)>p {background:url(img/add_ico2.png) left center no-repeat;}
.foo .foo_main .foo_con {margin-top:40px;}
.foo .foo_main .foo_con .foo_nav>dl {float:left;width:130px;margin-right:50px;}
.foo .foo_main .foo_con .foo_nav>dl>dt {width:100%;font-size:16px;height:18px;line-height:18px;color:#eeeeee;margin-bottom:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.foo .foo_main .foo_con .foo_nav>dl>dd {width:100%;font-size:14px;color:#999999;height:30px;line-height:30px;}
.foo .foo_main .foo_con .foo_nav>dl>dd>a {display:block;width:100%;height:100%;color:#999999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.foo .foo_main .foo_con .foo_nav>dl>dd>a:hover {color:#fff;transform:translate(5px);}
.foo .foo_main .foo_con .foo_nav>dl:nth-last-child(1) {margin-right:0;}
.foo .foo_main .foo_con .inform {width:460px;}
.foo .foo_main .foo_con .inform input {color:#fff;}
.foo .foo_main .foo_con .inform>h3 {font-size:18px;color:#ffffff;line-height:18px;margin-bottom:28px;}
.foo .foo_main .foo_con .inform .inputs {margin-bottom:20px;}
.foo .foo_main .foo_con .inform .inputs>input {float:left;width:220px;height:42px;padding:0 10px;box-sizing:border-box;background-color:#494545;margin-right:20px; border:0;}
.foo .foo_main .foo_con .inform .inputs #userPhone {margin-right:0;}
.foo .foo_main .foo_con .inform>input {width:100%;height:42px;padding:0 10px;box-sizing:border-box;background-color:#494545; border:0;}
.foo .foo_main .foo_con .inform .kcode {margin-top:22px;}
.foo .foo_main .foo_con .inform .kcode>img {float:left;width:90px;height:36px;margin-right:20px;}
.foo .foo_main .foo_con .inform .kcode>input {float:left;width:220px;height:34px;padding:0 10px;box-sizing:border-box;background-color:#494545;}
.foo .foo_main .foo_con .inform .kcode #btn {float:right;width:110px;height:34px;background-color:#0074d4;font-size:14px;color:#ffffff;cursor:pointer;}
.foo .foo_main .bq {width:100%;height:60px;line-height:60px;border-top:1px solid #3e3d45;margin-top:50px;}
.foo .foo_main .bq>p {font-size:14px;color:#999999;}
.foo .foo_main .bq a {color:#999999;margin-left:5px;}
.foo .foo_main .bq a:hover {color:#fff;}
.foo .foo_main .bq .jishu {font-size:14px;color:#999999;}
.foo .foo_main .bq img {vertical-align:middle;margin-left:5px;}

.cbox li{margin-top: 10px!important; text-align: center;}
.cbox li:hover{color: #fff;}
.cbox .indexewm{height: auto!important;}
.cbox li img{display: block;max-width: 100%;margin: 0 auto;}





















.top_main { padding: 25px 0; z-index: 9; width:1200px; margin:0 auto; }
.top_main ul { display: inline-block;  *display: inline;
 *zoom: 1;
}
.top_main li { float: left; margin-left:40px; text-align: left; position: relative; display: block; text-align: center; padding-top: 5px; z-index: 9; }
.top_main li a { display: inline-block; margin: 0 auto; position: relative; }
.top_main li a i { width: 100%; height: 2px; position: absolute; left: 0; bottom: 7px; display: block; transition: ease-in-out 0.2s; z-index: 9; }
.top_main li a p { width: 100%; height: 50px; text-align: center; left: 0; top: 0; z-index: 10; line-height: 50px;font-size:16px;font-weight:100; }
.top_main li a:hover, .top_main li a.hover, .top_main li #hover2 { cursor: pointer; }
.top_main li a:hover i, .top_main li a.hover i, .top_main li #hover2 i { width: 100%; bottom: 0; background: #263e8e; }
.top_main li a:hover p, .top_main li a.hover p, .top_main li #hover2 p { color: #263e8e; }
.top_main dl { width: 168px; border-radius: 0 0 3px 3px; padding-bottom: 3px; display: none; background: #263e8e; position: absolute; left: 50%; margin-left: -60px; top: 55px; z-index: 1555; border-top: none; border-radius:3px; }
.top_main .li3 dl{ width:150px; margin-left:-75px;}
.top_main dl dd { height: 40px; border-top: 1px solid #5869a1; text-align: center; position: relative; z-index: 12; display: block; width: 100%; line-height: 40px; }
.top_main dl dd a:hover { color: #fff; background-color:#3a52a2; }
.top_main dl dd a { color: #dddada; height: 40px; display: block; transition: ease-in-out 0.2s; line-height: 40px; }
/****banner****/








.ipro{  width: 100%;overflow: hidden;position: relative;   margin-top: 50px; } 
.w {width: 1200px;margin: 0 auto;}
.iheadx{position: relative;  line-height: 1.6;   text-align: center;
background:url(../images/itit.png) no-repeat center 70px;}
.iheadx h1{font-size: 40px;color: #222; font-weight: bold;} 
.iheadx p{display: block;width: 100%;font-size: 16px;color: #3d3939; text-transform: uppercase; 
line-height: 1.6; margin-top: 50px;}
.iheadx a.mo{ position: absolute;right: 0;top: 10px;font-size: 14px;color: #b2b4b5;display: block; }
.iheadx a.mo:hover{color: #0773ce;}
.listpro{width: 1200px;text-align: center;margin: 40px auto;  }
.listpro a{color: #fff; height: 54px;line-height: 54px;display: inline-block;background: #115aa2;
width: 220px;margin: 4px 6px;font-size: 16px;  }
.listpro a:hover,.ipro .tod2 .listpro .hover{  background: #2f81d2; color: #fff;
-webkit-transform: translateX(-4px);
    transform: translateX(-4px);}
	
.ipro .tod{ overflow: hidden;width: 100%; }
.ipro .list{width: 120%;}
.ipro .tod li{float: left;margin: 0 14px 20px 0;position: relative;width: 288px;height: 320px;overflow: hidden;
box-shadow: 5px 5px 5px #eee;}
.ipro .tod li img{width: 288px;height: 256px;display: block;}
.ipro .tod li .cover{position: absolute;top: -256px;left: 0;background: url(../images/coverx.png) repeat center;width: 288px;
  height: 258px;color: #fff;}
.ipro .tod li .cover a{ display: block;width: 72px;height: 72px;background: url(../images/glass.png) no-repeat center;
margin: 0 auto;margin-top: 90px;}
.ipro .tod .wd{ height: 70px; padding-left: 10px; background:#006acb ; }
.ipro .tod span{ }
.ipro .tod span a{ color: #f2f8ff;font-size: 16px;display: block;line-height: 3.5;}
.ipro .tod p{ font-size: 14px;color: #3e3e3e;line-height: 1.6;width: 224px;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ipro .tod a.detail{display: block;position: absolute;right: 10px;bottom: 20px;width: 32px;height: 32px;
background: url(../images/san.png) no-repeat center;}
.ipro .tod li:hover {background: #115aa2;}
.ipro .tod li:hover span a,.ipro .tod li:hover p{color: #fff; }
.ipro .tod li:hover .cover{top: 0; }

.ipro .list img:hover { transform:scale(1.02,1.02); }
.ipro .list li:hover{    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);} 
.ipro .list li:hover  h3 a{ font-weight: bold;  } 

.ipro .img li:hover{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}











.icase{   padding: 50px 0; }
.icase .bd .comt{margin-top: 50px;}
.icase .bd .comt ul{width: 110%;}
.icase .bd .comt ul li {float: left;  position: relative;overflow: hidden;}
.icase .bd .comt ul li a{display: block;}
.icase .bd .comt ul li b { overflow: hidden;display: block;  cursor: pointer;position: relative;z-index: -1;}
.icase .bd .comt ul li img {display: block;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;transition: all .5s ease-in;}
.icase .bd .comt ul li.one img,
.icase .bd .comt ul li.one b {width: 595px;height: 446px;}
.icase .bd .comt ul li.one{width: 595px;}
.icase .bd .comt ul li.one span{font-size: 18px;}
.icase .bd .comt ul li.two {margin-left: 15px;margin-bottom: 15px;width: 287px;}
.icase .bd .comt ul li.two img,
.icase .bd .comt ul li.two b {width: 287px; display: block; height: 215px;}
.icase .shadow{position: absolute;left: 0;top: -100%;background: url(../images/cover.png) repeat center bottom;
  width: 100%;height: 100%;}
.icase .shadow>a{font-size: 16px;color: #fff;text-align: center;padding-bottom: 36px;margin-top: 26%;
  background: url(../images/glass2.png) no-repeat center bottom;}
.icase .bd .comt ul li:hover b{ } 
 .icase .bd .comt ul li:hover img {transform: scale(1.08);opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;}
.icase .bd .comt ul li:hover .shadow {   top: 0;  } 















.iabout{height:448px;background:url(../images/iabout.jpg) center center no-repeat;}
.iabout .w{padding:80px 0 0;}
.iabout .img{float:left;position: relative;width:390px;height:290px; border:4px solid #ffffff;}
.iabout .img img{display:block;position: absolute;z-index:22;left: 8px;bottom:8px;width:400px;height:300px;}
.iabout .des{float:right;width:760px;}
.iabout .ahead{height:42px;line-height:42px;background:url(../images/iabout-head.png) right 15px no-repeat;}
.iabout .ahead h2{font-size:35px;color:#ffffff;font-weight:bold;}
.iabout .ahead h2 span{padding-left: 10px;color:#7896d5;font-size:22px;line-height:50px;text-transform:uppercase;font-weight: normal;}
.iabout .des h3{font-size:23px;color:#ffffff;line-height:50px;}
.iabout .des p{height:164px;line-height: 30px;padding:0 0 20px;font-size:16px;color:#fff;}
.iabout .imo{height:18px;border-bottom:1px solid #6f96d4;}
.iabout .imo a{display:block;float:right;color:#fff;font-size:15px;width:100px;height:32px;line-height:32px;text-align:center;border:1px solid #6f96d4;border-radius:4px;background:#2c67c3;}
.iabout .imo a:hover{transform:translate(-10px,0); background:#d12521;}