﻿
body{color:#333;font:14px/1.231 "Microsoft YaHei",arial,helvetica,clean,sans-serif;min-width:1200px;width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;border:0;outline:none;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% "Microsoft YaHei",arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.fullad{ display:block; width:100%; height:200px; }
/*title*/
h1{font-size:32px;}
h2{font-size:26px;}
h3{font-size:20px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

.mt10{margin-top:10px;}

a{color:#333;text-decoration:none;}
a:focus{outline:0;}
.vam{vertical-align:middle;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
p{word-spacing:-1.5px;}
.tr{text-align:right;}
.tl{text-align:left;}
.center{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute;}
.pr{position:relative}

/* -- 购物车外部框架 -- */
.cart_header,.cart_content,.cart_footer{width:760px;margin:0 auto;}
.cart_content{ margin-top:15px; margin-bottom:15px;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto; }
.left,.leftr{ width:260px; float:left; overflow:hidden;}
.leftr{ float:left;}
.left2 { width:910px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right,.rightl{ width:910px; float:right; display:inline;overflow:hidden;}
.rightl{ float:right;}
.right2 { width:275px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:260px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:910px; overflow:hidden;border-top:0;border-bottom:0;padding-bottom:15px; }
.right2_main { width:273px;overflow:hidden;border-top:0;border-bottom:0;padding-bottom:15px;}
.left2_main { width:910px;overflow:hidden;border-top:0;border-bottom:0;padding-bottom:15px;}

.h_nav li a:-webkit-any-link{ display:block;}

/*头部开始*/
/*字体*/
@font-face {
	font-family: 'DINOT-CONDBOLD';
	src: url('../fonts/dinot-condbold.eot');
	src: local('☺'), url('../fonts/dinot-condbold.woff') format('woff'), url('../fonts/dinot-condbold.ttf') format('truetype'), url('../fonts/dinot-condbold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*header*/
.header{z-index: 20;}
.h_tel{font-size: 18px;color: #fff; font-family:Arial, Helvetica, sans-serif; background:url(../images/tel_bg.png) no-repeat;width: 152px;height: 35px;line-height: 35px;overflow: hidden; padding:0 0 0 48px;position: absolute;top: 30px;left: 0;}
.logo{position: absolute;top: 0;left: 475px;}
.logo img{width: 250px;height: 145px;}

.h_top {position: absolute;top: 30px;right: 0;width: 180px;height: 35px; font-family:"Microsoft YaHei"; background:url(../images/top_btn.png) no-repeat;display: block;width: 180px;height: 35px;line-height: 35px; border:none;font-size: 14px;color: #ccc; padding:0;appearance: none; -moz-appearance: none;}
.h_top a{display:block;width: 160px;height: 35px;line-height: 35px; border:none;font-size: 14px;color: #fff; padding:0 0 0 20px;appearance: none; -moz-appearance: none;}
#siteDiv{ display:none}
.h_top ul{ background:#fff; border:2px solid #ccc;  width:180px; }
.h_top ul a{ color:#333}
.h_top ul a:hover{ background:#1152AF; color:#fff}
.nav{background:url(../images/nav_bg.png) no-repeat center 0;height: 70px;padding:42px 0 0;margin:-42px 0 0;position: relative;z-index: 10;padding-bottom: 30px;}
.nav ul li{padding:15px 25px 0;float: left;width: 100px;}
.nav ul li a{display: block;float: left;width: 130px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;}
.nav ul li.cur a,.nav ul li a:hover{ background:url(../images/nav_bg02.png) no-repeat; text-decoration:none;}
.nav ul li em{display: block;float: left;width: 18px;height: 15px;padding: 14px 10px 0 10px;line-height: 0;}

/*头部结束*/

/*footer*/
.footer-wrap{background:#00458e;}
.footer{position:relative;height:320px;color:#fff;}
.footer a{color:#fff;}
.footer:after{content:'';display:block;height:0;font-size:0;visibility:hidden;clear:both;}
.footer-one{position:absolute;width:300px;height:282px;padding-top:70px;top:-32px;background:#0051a6;color:#fff;text-align:center;left:0;}
.footer-one:after,.footer-one:before{content:'';position:absolute;width:0;height:0;top:0;border-style:solid;}
.footer-one:after{border-width:32px 0 0 32px;border-color:transparent #00458e;right:-32px;}
.footer-one:before{border-width:32px 32px 0 0;border-color:transparent #00458e;left:-32px;}
.footer-one .lo{display:block;width:236px;height:38px;margin:0 auto;}
.footer-one .lo img{width:236px;height:38px;}
.footer-one .dline{display:block;width:26px;height:1px;background:#fff;margin:30px auto 0;}
.footer-one .ewm{margin-top:30px;}
.footer-one .ewm .pic{display:block;margin:0 auto 15px;width:100px;height:100px;padding:7px;border:1px solid #fff;border-radius:5px;}
.footer-one .ewm img{width:96px;height:96px;border:2px solid #fff;vertical-align:middle;}
.footer-two{width:385px;margin:45px 0 0 340px;padding-right:25px;border-right:1px solid #5b85b0;}
.footer-nav{height:80px;border-bottom:1px solid #5b85b0;font-size:0;}
.footer-nav .ti{font-size:16px;margin-bottom:20px;}
.footer-nav .box{height:14px;overflow:hidden;}
.footer-nav a{display:inline-block;height:14px;line-height:14px;border-left:1px solid #fff;padding-left:20px;margin-right:20px;font-size:14px;}
.footer-nav a:first-child{border-left:0;padding-left:0;}
.footer-nav a:hover{text-decoration:underline;}
.footer-link{margin-top:30px;height:120px;border-bottom:1px solid #5b85b0;}
.footer-link .ti{font-size:16px;margin-bottom:15px;}
.footer-link .box{height:64px;overflow:hidden;}
.footer-link a{display:inline-block;height:32px;line-height:32px;margin-right:37px;}
.footer-link a:hover{text-decoration:underline;}
.footer-three{width:425px;}
.footer-touch{height:110px;margin-top:15px;line-height:24px;position:relative;border-bottom:1px solid #5b85b0;}
.footer-touch li{padding:7px 0 7px 82px;position:relative;}
.footer-touch li span{font-size:12px;}
.footer-touch li i{position:absolute;width:50px;height:24px;padding-left:32px;left:5px;top:7px;background:url(../images/f_icon.png) no-repeat;font-style:normal;}
.footer-touch li.i1 i{background-position:0 0;}
.footer-touch li.i2 i{background-position:0 -24px;}
.footer-info{height:115px;border-bottom:1px solid #5b85b0;line-height:32px;margin-top:35px;}
.footer-info p{height:32px;}

/*left-float*/
.left-float{position:fixed;left:0;top:50%;margin-top:-123px;height:240px;padding-top:7px;width:182px;background:url(../images/lf_bg.png);z-index:9;}
.left-float .link{position:relative;display:block;width:75px;height:32px;margin:20px 0 0 55px;padding-left:25px;line-height:32px;color:#00458e;background-color:#fff;border-radius:32px;box-shadow:0 0 10px 0 #000;}
.left-float .link i{position:absolute;width:40px;height:40px;background:url(../images/lf_icon1.png);left:-20px;top:-4px;}
.left-float .pic{width:139px;height:91px;border-radius:10px;overflow:hidden;margin:25px auto 0;}
.left-float .pic img{width:139px;height:91px;}

/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


 /*temp.css*/
#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(../images/nodata.gif) no-repeat 20px 20px;}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:72px;width:69px}
#roll_top a{background:url(../images/top.png) no-repeat; display:block;width:69px;height:72px;}
#roll_top a:hover{background:url(../images/top02.gif) no-repeat;}
#fall{background:url(../images/top.png) no-repeat 0 -80px}
#ct{background:url(../images/top.png) no-repeat 0 -40px}
#roll{display:block;width:69px;margin-right:-674px;position:fixed;right:50%;top:85%;_margin-right:-674px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}

.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(../images/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;background:url(../images/im_01.jpg)}
.ImRow0{background:url(../images/ico_item1.png) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px; }
.ImRow1{background:url(../images/ico_item1.png) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#333; font-size:14px;}
.ImFooter{height:90px;background:url(../images/im_04.jpg) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#fff;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#fff;text-align:center;margin:10px 0;}

/**/
/* -- 当前位置 -- */
.topadcs{width:100%; overflow:hidden; text-align:center;margin:0 auto; margin-bottom:0;}
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:300px;}

.plc,.plc2{ background:url(../images/logo_03.png) no-repeat 0 0;height:20px;line-height:24px;padding:7px 8px 8px 35px; position:relative; color:#666; overflow:hidden; font-size:14px; border-bottom:1px solid #ececec; padding-bottom:8px; font-family:"Microsoft Yahei","微软雅黑";}
.plc span {}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#666;}


/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.fullSlide {width:100%;position:relative;height:560px;-webkit-transition: left .5s,right .5s;transition: left .5s,right .5s;margin-bottom: 30px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:560px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat}
.fullSlide .bd li a {display:block;height:560px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px; display:none}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:48px;height:8px;margin:1px 5px;overflow:hidden;background:#222222;line-height:999px;   background-repeat:no-repeat;}
.fullSlide .hd ul .on {background:#F09127;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;z-index:1;width:80px;height:80px;cursor:pointer;filter:alpha(opacity=100);opacity:1;display:none; }
.fullSlide .prev{left:50%;margin-left:-646px;background:url(../images/ban_lico.png); }
.fullSlide .next {left:auto;right:50%;margin-right:-646px; background:url(../images/ban_rico.png);}

/*ibanner*/
.ibanner{width:100%;height:560px;position:relative;overflow:hidden;}
.ibanner .bd{position:relative;width:100%;height:560px;overflow:hidden;}
.ibanner .bd li{width:100%;height:560px;}
.ibanner .bd a{display:block;height:560px;background-position:center;background-repeat:no-repeat;}
.ibanner .btn{position:absolute;width:79px;height:79px;top:50%;margin-top:-40px;background:url(../images/banner_btn.png);z-index:3;cursor:pointer;}
.ibanner .btn.prev{left:-130px;background-position:0 0;-webkit-transition: left .3s;transition: left .3s;}
.ibanner .btn.next{right:-130px;background-position:-80px 0;-webkit-transition: right .3s;transition: right .3s;}
.ibanner:hover .prev{left:30px;}
.ibanner:hover .next{right:30px;}
.ibanner .btn.prev:hover{background-position:0 -80px;}
.ibanner .btn.next:hover{background-position:-80px -80px;}

/*iaffect*/
.iaffect{position:relative;width:1107px;margin-top: 50px;padding:0 46.5px;z-index:3;height:158px;text-align:center;}
.iaffect li{width:353px;height:158px;position:relative;margin:0 8px;float:left;z-index:1;}
.iaffect li > i{position:absolute;z-index:-1;}
.iaffect .bg{width:397px;height:208px;background:url(../images/iaffect_bg.png);left:-22px;top:-25px;}
.iaffect .number{padding-top:15px;font-weight:bold;font-size:18px;line-height:1;}
.iaffect .number span{font-size:70px;color:#005fc3;font-family:'DINOT-CONDBOLD',arial;}
.iaffect .ti{margin:10px 0 3px;font-size:24px;font-weight:bold;}
.iaffect .en{font-size:12px;color:#adadad;text-transform:uppercase;}
.iaffect li:hover .bg{background-position:0 -208px;}
.iaffect li:hover,.iaffect li:hover .number span,.iaffect li:hover .en{color:#fff;}

/*iadver*/
.iadver{margin-top:50px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.iadver .content{position:relative;width:1200px; overflow:hidden;}
.iadver b{position:absolute;width:85px;height:16px;left:0;top:50%;margin-top:-8px;border-right:1px solid #00458e;color:#00458e;}
.iadver-silder{margin-left:95px;height:58px;line-height:58px;overflow:hidden;}
.iadver-silder a{margin-right:45px; display:inline-block;}
.iadver-silder a:hover{color:#0c59bb;}

/*imti*/
.imti{height:34px;line-height:34px;text-align:center;font-size:28px;}
.imti a{position:relative;display:inline-block;height:34px;line-height:34px;}
.imti a:after{content:attr(data-text);position:absolute;width:0%;height:34px;line-height:34px;top:0;left:0;font-size:28px;color:#00458e;overflow:hidden;white-space: nowrap;-webkit-transition:width 1s cubic-bezier(0.7,0,0.3,1);transition:width 1s cubic-bezier(0.7,0,0.3,1);}
.imti a:hover:after{width:100%;}
.imti-en{text-align:center;font-size:12px;margin-top:5px;}
.imti-sub{font-size:16px;text-align:center;margin-top:5px;}

/*stock*/
.stock{padding:75px 0 40px;}
.stock-pic{margin-top:35px;width:1200px;height:450px;position:relative;}
.stock-pic .pic{display:block;width:1200px;height:450px;}
.stock-pic .pic img{vertical-align:middle;width:1200px;height:450px;}
.stock-link{position:absolute;width:200px;top:0;right:0;z-index:1;}
.stock-link .bg{position:absolute;width:100%;height:100%;background:#fff;top:0;left:0;opacity:0.95;filter:alpha(opacity=95);z-index:-1;}
.stock-link a{display:block;width:100%;height: 49px;border-top:1px solid #d4d4d4;font-size:16px;line-height: 49px;text-align:center;position:relative;z-index:1;font-weight:bold;}
.stock-link a:first-child{border-top:0;}
.stock-link a i{position:absolute;width:0;height: 49px;background:url(../images/stock_bg.jpeg);left:0;top:0;z-index:-1;}
.stock-link a:hover i{width:100%;}
.stock-link a:hover{color:#fff;}
.stock-list{position:relative;padding-right:200px;}
.stock-list dt{position:absolute;width:198px;border-style:solid;border-color:#d0d0d0;border-width:0 1px 0 1px;right:0;top:0;}
.stock-list dt a{display:block;text-align:center;height:91px;padding-top:30px;border-bottom:1px solid #d0d0d0;}
.stock-list dt a.s2{height:92px;}
.stock-list dt a .icon{display:block;width:30px;height:30px;margin:0 auto 10px;background:url(../images/stock_icon.png)}
.stock-list dt a.s1 .icon{background-position:0 0;}
.stock-list dt a.s2 .icon{background-position:0 -30px;}
.stock-list dt a.s1:hover .icon{background-position:-30px 0;}
.stock-list dt a.s2:hover .icon{background-position:-30px -30px;}
.stock-list dt a:hover{color:#00458e;}
.stock-list dd{height:48px;border-bottom:1px solid #ddd;position:relative;padding-left:142px;line-height:48px;}
.stock-list dd span{margin-right:30px;}
.stock-list dd label{position:absolute;width:128px;height:48px;background-color:#434343;left:0;top:0;border-bottom:1px solid #767676;color:#fff;line-height:48px;text-align:center;}
.stock-list dd span:hover{color:#00458e;}
.stock-list dt a:hover .icon{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

/*advant*/
.advant-wrap{width:100%;padding:40px 0;overflow:hidden;background:url(../images/advan_bg.jpeg) no-repeat 50% 0;}
.advant{height:425px;}
.advant li{width:290px;height:425px;float:left;margin-left:13.33333333px;background-color:#fff;text-align:center;overflow:hidden;}
.advant li:first-child{margin-left:0;}
.advant .pic{width:290px;height:213px;overflow:hidden;box-shadow:0 0 10px #eee}
.advant .pic img{width:290px;height:213px;vertical-align:middle;-webkit-transition:all .5s;transition:all .5s;}
.advant .ti{padding:45px 30px 0;}
.advant .ti span{font-size:20px;font-weight:bold;position:relative;}
.advant .ti span:before,.advant .ti span:after{content:'';position:absolute;width:14px;height:1px;background-color:#333;top:50%;}
.advant .ti span:before{left:-20px;}
.advant .ti span:after{right:-20px;}
.advant .desc{line-height:26px;padding:20px 30px 0;}
.advant li:hover{color:#00458e;}
.advant li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.advant li:hover .ti span:before,.advant li:hover .ti span:after{background-color:#00458e;}

/*made*/
.made{padding:80px 0 30px;}
.made-hd{position:relative;}
.made-hd h2{height:50px;float:left;padding-left:45px;line-height:50px;font-size:24px;background:url(../images/made_icon.png) no-repeat 0 50%;}
.made-hd h2 a:hover{color:#00458e;}
.made-hd:before,.made-hd:after{content:'';position:absolute;width:1px;background-color:#dadada;}
.made-hd:before{height:90px;bottom:50px;left:0;}
.made-hd:after{height:70px;top:50px;right:0;}
.made-link{margin-left:350px;height:50px;padding-left:125px;line-height:49px;position:relative;overflow:hidden;}
.made-link:after{content:'';position:absolute;width:100%;height:1px;background-color:#dadada;left:0;bottom:0;}
.made-link .know{display:block;width:103px;height:50px;text-align:center;color:#fff;position:absolute;left:0;top:0;background:url(../images/made_btn.jpeg) no-repeat;}
.made-link .sorts{display:inline-block;margin-right:38px;}
.made-link .sorts:hover{color:#00458e;}
.made-nav{margin-top:60px;height:60px;position:relative;text-align:center;}
.made-nav:before{content:'';position:absolute;width:100%;height:1px;background-color:#dadada;right:0;top:10px;}
.made-nav li{display:inline-block;height:70px;position:relative;margin:0 50px;}
.made-nav .one{display:block;height:22px;line-height:22px;padding:0 10px 0 40px;background-color:#fff;font-size:16px;position:relative;}
.made-nav .one i{position:absolute;width:8px;height:8px;border:6px solid #ccdae8;background-color:#00458e;left:10px;top:1px;}
.made-nav .two{position:absolute;padding:0 35px;z-index:1;width:170px;left:-45px;top:80px;opacity:0;visibility:hidden;-webkit-transition:all 0.4s;transition:all 0.4s;}
.made-nav .two .bg{position:absolute;width:100%;height:100%;background-color:#00458e;left:0;top:0;opacity:0.8;filter:alpha(opacity=80);z-index:-1;}
.made-nav .two a{display:block;float:left;width:85px;height:50px;line-height:50px;color:#fff;}
.made-nav .two:after{content:'';position:absolute;width:0;height:0;border:7px solid transparent;border-bottom:10px solid #00458e;top:-17px;left:60px;}
.made-nav li.cur .two{opacity:1;visibility:visible;top:60px;}
.made-nav li.cur .one{color:#00458e;}
.made-pic{width:1200px;height:440px;position:relative;}
.made-pic img{vertical-align:middle;width:1200px;height:440px;}
.made-pic .cont{position:absolute;width:1200px;height:160px;background:url(../images/made_op.png);left:0;top:220px;}
.made-pic .cont p{float:left;margin:30px 0 0 44px;padding-left:30px;background:url(../images/made_line.png) no-repeat 0 50%;font-weight:bold;font-size:18px;font-weight:bold;}
.made-pic .cont p span{display:block;padding:10px 0 0 200px;}
.made-pic .cont p span b{display:block;padding-top:10px;font-size:26px;font-family:'MStiffHei HKS','Microsoft YaHei';color:#00458e;}
.made-pic .cont a{display:block;float:left;margin:60px 0 0 70px;width:125px;height:50px;background:url(../images/made_btn.png);text-align:center;line-height:42px;}

/*ipro*/
.ipro{width:100%;overflow:hidden;padding:20px 0px;z-index:1;position:relative;}
.ipro .bg{position:absolute;width:100%;height:175px;background:#00458e;left:0;bottom:0;z-index:-1;}
.ipro .more{display:block;float:right;height:50px;line-height:50px;}
.ipro h2{height:50px;padding-left:45px;line-height:50px;font-size:24px;background:url(../images/ipro_icon.png) no-repeat 0 50%;}
.ipro .more:hover,.ipro h2 a:hover{color:#00458e;}
.ipro-silder{position:relative;margin-top:25px;}
.ipro-silder .btn{position:absolute;width:36px;height:54px;top:50%;margin-top:-44px;background:url(../images/ipro_btn.png);cursor:pointer;z-index:3; border: none; }
.ipro-silder .btn.prev{left:-80px;background-position:0 0;}
.ipro-silder .btn.next{right:-80px;background-position:-66px 0;}
.ipro-silder .box{overflow:hidden;}
.ipro-silder ul{overflow:hidden;width:100000px;}
.ipro-silder li{width:290px;float:left;margin-right:13px;text-align:center;}
.ipro-silder a{display:block;}
.ipro-silder .pic{width:288px;height:216px;border:1px solid #c2c2c2;}
.ipro-silder .pic img{width:288px;height:216px;vertical-align:middle;}
.ipro-silder .ti{height:50px;line-height:50px;color:#fff;}
.ipro-silder li:hover .pic{border-color:#00458e;}

/*iabout*/
.iabout{padding:75px 0 60px;background:url(../images/iabout_bg.jpeg) no-repeat 50% 0;}
.iabout .content:after{content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.iabout-video{float:left;display:block;margin-top:30px;width:580px;height:360px;border:10px solid #fff;position:relative;box-shadow:0 0 20px 0 #ddd;}
.iabout-video:before,.iabout-video:after{content:'';position:absolute;width:0;height:0;bottom:-10px;border-style:solid;}
.iabout-video:after{border-width:0 0 95px 60px;border-color:transparent #d1d1d1;right:-70px;}
.iabout-video:before{border-width:0 60px 95px 0;border-color:transparent #d1d1d1;left:-70px;}
.iabout-video img{width:580px;height:360px;}
.iabout-video .bg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:0.7;filter:alpha(opacity=70);}
.iabout-video .btn{position:absolute;width:75px;height:75px;background:url(../images/video_btn.png);left:50%;top:50%;margin:-37px 0 0 -37px;-webkit-transition: transform .5s linear;transition: transform .5s linear;}
.iabout-video .speed{position:absolute;width:420px;height:2px;background-color:#fff;left:80px;bottom:50px;}
.iabout-video .speed em{position:absolute;width:2px;height:12px;background-color:#fff;left:80px;top:-5px;}
.iabout-video .btn:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
.iabout-cont{width:545px;float:right;margin-top:60px;}
.iabout-cont .ti{font-size:20px;font-weight:bold;}
.iabout-cont .line{display:block;width:72px;height:1px;background-color:#000;margin:10px 0 20px;}
.iabout-cont .desc{line-height:24px;}
.iabout-cont .more{color:#00458e;}
.iabout-cont .link{margin-top:30px;}
.iabout-cont .link a{display:inline-block;width:155px;height:58px;background:url(../images/iabout_btn.png) no-repeat 0 -58px;line-height:58px;font-size:16px;color:#fff;text-align:center;}
.iabout-cont .link a:hover{background-position:0 0;}

.iabout-cont2{width:450px;float:left;margin-top:60px;}
.iabout-cont2 .ti{font-size:20px;font-weight:bold;}
.iabout-cont2 .line{display:block;width:72px;height:1px;background-color:#000;margin:10px 0 20px;}
.iabout-cont2 .desc{line-height:26px;}


/*honor*/
.honor{padding:35px 0 50px;}
.honor .more{float:right;height:40px;line-height:40px;}
.honor .more:hover{color:#00458e;}
.honor h2{height:40px;line-height:40px;font-size:20px;}
.honor-silder{margin-top:10px;border:2px solid #e0e0e0;overflow:hidden;}
.honor-silder ul{overflow:hidden;width:10000px;}
.honor-silder li{width:298px;border-right:1px solid #e0e0e0;text-align:center;float:left;}
.honor-silder li a{display:block;}
.honor-silder li .pic{padding:22px 0;}
.honor-silder li img{vertical-align:middle;width:199px;height:150px;}
.honor-silder li .ti{height:43px;line-height:43px;background-color:#f2f2f2;}
.honor-silder li:hover .ti{background:url(../images/honor_bg.jpeg);color:#fff;}

/*partner*/
.partner-wrap{width:100%;padding:40px 0 70px;background-color:#f6f6f6;}
.partner{width:1197px;overflow:hidden;margin:40px auto 0;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;box-shadow:0 10px 10px 0 #c8c8c8; }
.partner img{vertical-align:middle;}
.partner dt,.partner dd{float:left;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.partner dt{width:512px;height:253px;position:relative;}
.partner dt img{width:512px;height:253px;}
.partner dd,.partner dd img{width:170px;height:126px;}
.partner a{display:block;}
.partner dt .cont{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;z-index:1;color:#fff;}
.partner dt .cont .bg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:0.7;filter:alpha(opacity=70);z-index:-1;}
.partner dt .cont em{display:block;width:51px;height:51px;margin:100px auto 20px;background:url(../images/video_btn2.png);}

/*news*/
.news-wrap{padding:50px 0 90px;overflow:hidden;}
.news-wrap .fl{width:800px;}
.news-wrap .fr{width:370px;}
.news-hd{height:38px;padding:0 20px 0 50px;margin-bottom:40px;border:1px solid #dbdbdb;background:url(../images/news_icon.png) no-repeat 10px 50%;line-height:38px;border-radius:2px;}
.news-hd .more{float:right;color:#4b4b4b;text-transform:uppercase;}
.news-hd .link{font-size:16px;margin-right:25px;}
.news-hd .link:hover,.news-hd .link.cur,.news-hd .more:hover{color:#00458e;}
.news-cont{overflow:hidden;height:327px;}
.news-item{overflow:hidden;}
.news-item.active{display:block;}
.news-pic{width:404px;float:left;}
.news-pic .pic,.news-pic .pic img{display:block;width:404px;height:227px;}
.news-pic .ti{font-size:18px;margin-top:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-pic .desc{line-height:24px;color:#828282;margin-top:5px;}
.news-pic .ti a:hover{color:#00458e;}
.news-list{width:375px;float:right;}
.news-list a{display:block;margin-top:24px;height:46px;line-height:46px;background:#f1f1f1;color:#4b4b4b;padding:0 20px 0 23px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-list a:first-child{margin-top:0;}
.news-list a span{display:inline-block;vertical-align:middle;font-size:26px;margin-right:5px;}
.news-list a:hover{background:url(../images/news_bg.jpeg);color:#fff;}
.news-list a:hover span{color:#fff;}
.news-silder{height:324px;overflow:hidden;}
.news-silder .box{margin-top:-15px;position:relative;}
.news-silder a{display:block;position:relative;height:54px;line-height:54px;margin-bottom:16px;padding:0 100px 0 10px;border-bottom:1px dashed #d5d5d5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-silder a span{position:absolute;width:80px;height:72px;line-height:72px;text-align:right;right:0;top:0;}
.news-silder a:hover{color:#00458e;}

/*animation*/
.made-link:after{width:0;-webkit-transition:width 1s linear;transition:width 1s linear;}
.made-hd:after{height:0;-webkit-transition:height .3s linear 1s;transition:height .3s linear 1s;}
.made-nav:before{width:0;-webkit-transition:width 1s linear 1.3s;transition:width 1s linear 1.3s;}
.made-hd:before{height:0;-webkit-transition:height .5s linear 2.3s;transition:height .5s linear 2.3s;}
.made-hd.ani:after{height:70px;}
.made-hd.ani:before{height:90px;}
.made-hd.ani .made-nav:before{width:100%;}
.made-hd.ani .made-link:after{width:100%;}
.scale{overflow:hidden;}
.scale img{-webkit-transition:all .5s;transition:all .5s;}
.scale:hover img{opacity:0.8;-webkit-transform:scale(1.1);transform:scale(1.1);}

@-webkit-keyframes scale {
  0%{-webkit-transform:scale(0.5);transform:scale(0.5);}
  50%{-webkit-transform:scale(1.5);transform:scale(1.5);}
  100%{-webkit-transform:none;transform:none;}
}

@keyframes scale {
  0%{-webkit-transform:scale(0.5);transform:scale(0.5);}
  50%{-webkit-transform:scale(1.5);transform:scale(1.5);}
  100%{-webkit-transform:none;transform:none;}
}


/*header*/
.header.wid100{width:100%;}
.top-bar{height:50px;border-bottom:1px solid #e5e5e5;line-height:50px;}
.top-bar .box{width:1200px;margin:0 auto;overflow:hidden;}
.top-bar .box p{ font-size:12px;}
.top-bar .search{position:relative;width:228px;height:28px;border-radius:28px;margin-top:10px;overflow:hidden;}
.top-bar .search input{display:block;float:left;border:0;}
.top-bar .search .text{height:18px;padding:5px 15px;width:155px;text-align:center;font-size:12px;}
.top-bar .search .btn{width:28px;height:28px;margin-left:10px;background:url(../images/h_sear.png) no-repeat 50% 50%;cursor:pointer;}
.top-bar .search:after{content:'';position:absolute;width:0;height:10px;background:#7f7f7f;top:9px;right:38px;}
.top-bar .link{padding-left:35px;margin:10px 30px 0 0;height:30px;line-height:30px;font-size:12px;background:url(../images/h_e.png) no-repeat 0 50%;}
.header-con{width:1200px;height:130px;margin:0 auto;}
.header-con h1{width:109px;height:60px;padding:35px 0;}
.header-con h1 a{display:block;}
.header-con h1 img{width:109px;height:78px;vertical-align:middle;}
.header-con .txt{float:left;color:#000;text-align:center;margin:40px 0 0 0px;}
.header-con .txt p{margin-bottom:5px;font-weight:bold;font-size:34px;color:#333}
.header-con .txt p b{color:#005fc3;}
.header-con .txt span{padding:0 5px;font-size:18px;}
.header-con .tel{float:right;width:194px;padding-left:35px;margin:53px 100px 0 0;background:url(../images/h_tel.png) no-repeat 0 50%;}
.header-con .tel li{font-size:36px;line-height:40px;font-family:'DINOT-CONDBOLD',arial;display:inline; white-space:nowrap;font-weight:bold;}
.header-con .tel li p{position:absolute;padding:3px 0 3px 16px;right:-90px;top:50%;margin-top:-27px;background:url(../images/h_line.png) no-repeat 0 50%;font-size:14px;font-family:"Microsoft YaHei";line-height:24px;}
.hnav{width:100%;position:relative;background:url(../images/hnav_bg.jpeg) no-repeat 50% 0;}
.hnav .op{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;}
.hnav .op i{display:block;height:36px;background:url(../images/op.png) no-repeat 50% 0;}
.hnav .menu{height:60px;position:relative;width:1200px;margin:0 auto;}
.hnav li{width:170px;float:left;height:60px;position:relative;text-align:center;z-index:2; background: rgba(0, 0, 0, 0) url("../images/hnav_bg.jpeg") no-repeat scroll 50% 0;}
.hnav li:after{content:'';position:absolute;width:1px;height:24px;left:0;top:50%;margin-top:-12px;background:#fff;opacity:0.16;filter:alpha(opacity=16)}
.hnav li a{display:block;height:60px;line-height:60px;color:#fff;position:relative;z-index:2; font-size:16px; z-index:3;}
.hnav li:first-child:after{display:none;}
.hnav li:hover a,.hnav li.cur a{color:#333;font-weight:bold;}
.hnav .dno{position:absolute;width:150px;height:60px;background:url(../images/hnav_cur.jpg);top:0;left:0;z-index:1;}
.hnav li.cur a{background:url(../images/hnav_cur.jpeg);color:#333;}
.hnav li.cur a:hover{background:url(../images/hnav_cur.jpeg);color:#333;}
.hnav li:hover{background:url(../images/hnav_cur.jpeg);color:#333; background-size:100% 100%;}