@charset "utf-8";
/* CSS Document */
@font-face{ font-family: BarlowCondensed-Bold; src: url(../fonts/BarlowCondensed-Bold.ttf);}

/*===================CSS Reset================*/
::selection {color:#fff;background-color: #4687f2;}
::-moz-selection {color:#fff;background-color: #4687f2;}
::-webkit-selection {color:#fff;background-color: #4687f2;}
::-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);background-color: #555;}
* {padding: 0;margin: 0;}
body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height: 1.5;}
:focus { outline: 1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
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; max-width: 100%; max-height: 100%;}
a{text-decoration: none; color:#393939;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
input,textarea {outline: 0;border: 0;}
textarea {resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}
ul, li {list-style: none;margin: 0;padding: 0;}
:focus {
    outline: 0;
}
/*自定义样式*/
.fl {float: left;}
.fr {float: right;}
.m{width: 1200px;margin: 0 auto;}
.img{ overflow:hidden;}
.img img{ width:100%; height:100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
li:hover .img img{ transform:scale(1.1) rotate(.1deg); -webkit-transform:scale(1.1) rotate(.1deg); -moz-transform:scale(1.1) rotate(.1deg); -ms-transform:scale(1.1) rotate(.1deg); -o-transform:scale(1.1) rotate(.1deg); }
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt p{ color:#777;}
.clear{ clear:both;}

/*顶部*/
div.topinfo{ height: 40px; line-height: 40px; font-size: 14px; color: #555; text-align: center; background: #e1e1e1; z-index: 9999; position: fixed; top: 0; left: 0; width: 100%;}
.top{ height:90px; line-height:90px; overflow:hidden; margin-top: 40px;}
.top .fl{ color:#9e9e9e;}
.top .fr{ padding-top: 15px; ;line-height: 40px;}
.hotsearch{ line-height: 30px; color: #bbb; font-size: 12px; text-align: right;}
.hotsearch a{ color: #999; font-size: 12px; margin: 0 3px; display: inline-block;}
.hotsearch a:hover{ color:#054896;}
.top_tel{ float:left; color:#054896; font-size:20px; font-family:arial; margin-right:10px;}
.top img{ margin:0 10px;}
.top_ico{ display:inline-block;}
.search{ float:right; height:36px; width: 292px; border-radius:18px; background:#f6f6f8; line-height:36px; }
.searchbar{ width:240px; float:left;height:36px;line-height:36px; background:none; padding-left:20px; color:#999; font-size: 12px; box-sizing:border-box;}
.searchbtn{ width:52px; background:#e84140 url(../images/seach_white.svg) center no-repeat; background-size: 16px; border-radius:0 18px 18px 0;height:36px;line-height:36px; float:left; color:#fff;}
/*head*/
.headbox{ position: relative; position: sticky;position: -webkit-sticky; top: 0; z-index: 998;}
.head{ width:100%; border-top:1px solid #eee; background: rgba(50,50,50,.4); position:absolute; top: 0; z-index:999999; transition:background .5s; -webkit-transition:background .5s; -moz-transition:background .5s; -ms-transition:background .5s; -o-transition:background .5s; }
.logo{ width:230px; float:left; margin-top:24px;}
.logo .img01{ display: none;}
.nav{float:right; position:relative; margin-right:-30px; }
.nav ul{}
.nav ul li{ width:132px; height:99px; float:left; text-align:center;  line-height:99px; position:relative; transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -webkit-transition: all 0.45s ease-in-out;}
.nav ul li>a{ font-size:16px;display:block; color:#fff;transition: all 0.2s ease-in-out;}
.nav ul li>a:before{ content: ""; display: block; width: 0; height: 2px; background: #1c71d4; position: absolute; left: 50%; margin-left: -34px; bottom: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.nav ul li:hover>a{ color:#1c71d4 !important;}
.nav ul li.another>a{ color:#1c71d4 !important;}
.nav ul li.on>a{ color:#054896 !important;}
.nav ul li.on>a:before,.nav ul li:hover>a:before,.nav ul li.another>a:before{ width: 68px;}
.index #prevArrow,.index #nextArrow{ display:none;}
.head.solid .logo img,.head.solid .nav ul li>a{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.head.solid{ background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, .2); position: fixed; top: 40px;}
.head.solid .logo .img01{ display: block;}
.head.solid .logo .img02{ display: none;}
.head.solid .nav ul li>a{ color: #333;}

.head.act .logo img,.head.act .nav ul li>a{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.head.act{ background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, .2);}
.head.act .logo .img01{ display: block;}
.head.act .logo .img02{ display: none;}
.head.act .nav ul li>a{ color: #333;}

.head.ny .logo img,.head.ny .nav ul li>a{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.head.ny{ background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, .2);}
.head.ny .logo .img01{ display: block;}
.head.ny .logo .img02{ display: none;}
.head.ny .nav ul li>a{ color: #333;}

/*=================导航=================*/
.drop{ display:none; background:#f7f7f7; padding: 10px 0; margin-top: -1px;}
.drop a {
  opacity: 1;
  transform-origin: top center; line-height:50px; width: 100%; display:block; border-bottom:0px solid #e3e3e3;
}
/* .nav ul li:hover .drop{ display: block;} */
/*------------- menu6 animation -------------------*/

.main li>a:hover .drop a{animation: menu6 0.3s ease-in-out forwards;
  animation-delay: 0.2s; }
.main li:hover .menu6>a:hover{ color:#234a95 !important; }
@keyframes menu6 {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


/*导航固定样式*/
 

/*下拉-产品中心*/
.nav ul li .s-s-menu{background:f7f7f7;text-align: center; width:1200px !important; margin-left: -570px;}
.nav ul li .s-s-menu>div{background:#f7f7f7; padding:0px; display:inline-block;}
.nav ul li .s-s-menu .menu1 { 
    padding:0 20px;
    float:left; text-align:left;
	width:auto;
}
.nav ul li .s-s-menu .menu1 a{ border:0; font-size:13px; color:#222;}
.nav ul li .s-s-menu .menu1 a:hover{ color:#234a95;}
.nav ul li .s-s-menu .menu1 h3 a{
    color:#234a95; height:50px; line-height:50px; border:0; padding-top:20px; font-weight:600;
}
.nav ul li .s-s-menu .menu1 h3 a:after{ content:">"; margin-left:20px; font-family:"simsun"}
.nav ul li .s-s-menu .sanji{background: rgb(247, 247, 247);  display: none;}
.nav ul li .s-s-menu .sanji a{
	line-height:24px; height:24px; border:0;
	font-size:12px;
}
.nav ul li .cpzx {
    width:100%; 
    left:0; 
    padding:0;
    margin:0;
}

/*foot*/
.foot{ background:#2e2f32; box-sizing:border-box; padding-top:55px;}
.foot .fl{ height:311px; border-right:1px solid #5b5c5d;}
.foot .foot_logo{ width:188px;}
.foot .foot_mid{ padding-left:68px;}
.foot p{ color:#d2d2d3; font-size:13px; line-height:28px;}
.foot .ewm_box{ border-top:1px solid #515254;margin-top:20px;    margin-left: -61px;}
.foot .ewm{ width:100px; float:left; margin-left:80px; margin-top:20px;}
.foot .ewm img{ width:100px; height:100px;}
.foot .ewm p{ text-align:center; font-size:12px;}
.foot .foot_nav{ width:837px; float:left; margin-bottom:30px; height:30px;}
.foot .foot_nav ul li{ float:left; width:118px;}
.foot .foot_nav ul li>a{ margin-bottom:10px;}
.foot .foot_nav a{ color:#fff; display:block;}
.foot .foot_nav a:hover{ color:#f24746;}
.foot .foot_nav .list a{ color:#7f8080; line-height:30px; font-size:12px;}
.foot .txt{ width:300px; float:right;    overflow: hidden;  }
.foot .txt h5{ font-size:36px; color:#f24746;}
.foot .txt h5 img{ margin-right:5px;}
.foot .txt span{ font-size:14px; color:#fefefe;}
.foot .txt p{ font-size:12px; color:#b5b5b6; margin-bottom:20px; line-height:24px; margin:0;}
.foot .txt a{ width:126px; height:44px; background:url(../images/foot_btn.jpg) center no-repeat; display:inline-block; text-align:center; color: #fff; line-height:44px; padding-left:20px; box-sizing:border-box;}
.foot_bot{ height:48px; line-height:48px; color:#8d8d8f; margin-top:20px; padding-bottom:20px;}.foot_bot p{ float:left;line-height:48px; color:#8d8d8f; font-size:12px;}
.foot_bot *{ color:#8d8d8f; font-size:12px;}
.links{ background:#26272a; height:45px; color:#b5b5b6; line-height:45px; margin-top:20px; font-size:12px;}
.links a{color:#b5b5b6; line-height:45px; display:inline-block; margin:0 10px;}
.foot .foot_nav .list a:hover{color:#f24746;}
.links a:hover{ color:#f24746;}
.foot_bot a:hover{ color:#f24746;}
 
/*加载动画样式*/
.load-wrapp{position: fixed; width: 100%;  height: 100%;  z-index: 9999999999; background: rgba(255,255,255,1); opacity: 1;  visibility: visible;transition: 1s;
    -moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;}
.load-wrapp.active { opacity: 0; visibility: hidden;}
.load-wrapp .load-9 { position: absolute;  top: 50%; left: 50%; margin: -150px 0 0 -40px; width: 80px; height: 260px;  padding: 10px;}
.spinner {
  width: 60px;
  height: 60px;
 
  position: relative;
  margin: 100px auto;
}
 
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #274e97;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
   
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
 
.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
 
@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/**/

.btn_down {
  position: relative; }
.btn_down:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width:147px;
  height:0;
  background: #113f99;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index:-1;
}
.btn_down:hover:before {
  height: 60px;
}


.dw{ background: url(../images/dw_bg.jpg) left center no-repeat; line-height: normal; padding-top: 24px;}
.dw img{ margin: 0;}
.dw h2{ font-size: 13px; color: #4a4a4a; margin-top: 5px;}

.slideGroup{ padding-bottom: 65px;}
.slideGroup .parHd{ position:relative; margin-bottom: 35px;  }
.slideGroup .parHd ul{ text-align: center; }
.slideGroup .parHd ul li{ display: inline-block; padding:0 25px; cursor:pointer; height:35px; line-height: 35px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;  }
.slideGroup .parHd ul li.on{ background: #234a95;}
.slideGroup .parHd ul li.on a{ color: #fff; }
.slideGroup .slideBox{  zoom:1; position:relative;   }

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:-65px; top:40%; margin-top: -13px; display:block; width:26px; height:26px; background:url(../images/pro_left.png) center center no-repeat; }
.slideGroup .sNext{ left:auto; right:-45px; background:url(../images/pro_right.png) center center no-repeat;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .parBd{ margin: 0 -10px;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ padding:0 10px; width: 280px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center;width:100%; height:215px; line-height: 215px; border:1px solid #ccc; text-align: center; font-size: 0; }
.slideGroup .parBd ul li .pic img{ display:inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px; padding-top: 20px; font-size: 14px; color: #2c2c2c;}

.btnbox{ text-align: center; margin-top: 40px;}
.btnbox a{ display: inline-block; width: 130px; height: 36px; line-height: 34px; margin: 0 10px; text-align: center; font-size: 12px; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px;   border: 1px solid #cccccc; color: #272727; }
.btnbox a:hover{ background: #234a95; border: 1px solid #234a95; color: #fff;}


.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999999999999999999999999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute; background:#fff; overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;}
.tc-box{
   margin:0 auto; box-sizing:border-box; background:#fff; display: block; position:relative; z-index:1;
    -webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;  -webkit-animation-name: anim-close-2; animation-name: anim-close-2;}
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.tc1 .tc.act{display: block; }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#333; text-align:center}

#site_map_box{ display: none; width: 100%; height: 100%; z-index: 999;  }

#site_map_box .bg_box{ display: none;  width:100%;height:100%;background:#000;-webkit-opacity:0.6;opacity:0.6;filter:Alpha(opacity=80);z-index:9998;position:fixed;top:0;left:0;display:none;}
#site_map_box .box{  width: 360px; position: relative; height: 100%;  position: fixed; right: -360px; top: 0; background:url(../images/bg_site_map.png) center bottom no-repeat #fff; z-index: 9999;}
#site_map_box .title{ display: block; position: relative; vertical-align: middle;  line-height: 60px; padding-left: 30px;  font-size: 16px; color: #fff; background: #234a95 ;}
#site_map_box .title a{ position: absolute; color: #fff; right: 30px; top: 0px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
#site_map_box .title a:hover{  transform:rotate(90deg);-webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);}
#site_map_box dl{ height: 90%  }
#site_map_box dd{  padding:26px 30px; border-bottom: 1px solid #eaebec;}
#site_map_box dd:last-child{border-bottom: none; }
#site_map_box dd h1{ font-size:16px; color:#252627; line-height:22px; margin-bottom:10px;}
#site_map_box dd a{ display:inline-block; font-size:12px; padding-right: 20px; color:#636364; line-height:30px;}
#site_map_box dd a:hover{ color:#d83648;}
#ascrail2000{ display:none !important;}

@media screen and (max-width:1450px){
#site_map_box .box{ background: #fff;}
}

