/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#093e96;text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}
#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}
.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
#header{height:115px;position:fixed;z-index: 100000;left:0;top:50px;width:100%;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.roll_product {float: left;}
.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}
/*头部样式*/
.top1{height: 27px;background: #e6e6e6;color: #595959;line-height: 27px;overflow: hidden;font-size: 13px;}
.top2{height: 143px;overflow: hidden;}
.logo{float:left;padding-top:18px;}
.top2 .k2{margin-top: 35px;font-size: 16px;color: #333333;line-height: 35px;text-align: right;}
#header .right {
float: right;
padding: 40px 0 0px;
}
.topLink{float:left;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1 a{color: #595959;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}
/*热门搜索*/
.sou{margin: 15px 0;}
#formsearch{float:right;}
.hotSearch{float:left;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#093e96;color:#fff;border:none;cursor:pointer;font-size: 12px;}
/*首页banner*/
.banner{position:relative;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}
.banner .num{position:absolute;right:0;bottom:40px;z-index:100;text-align: center;width: 100%;}
.banner .num li{display:inline-block;margin:0 5px;width:61px;height: 6px; text-indent:-100px;overflow:hidden;background: #093e96;}
.banner .num li.num_hover{background-color:#e15616;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:16px;height:16px;line-height:16px;}
dt{font-weight: normal;}
#header .right .top_tel{padding-left: 51px;background: url(../images/tel.png) no-repeat left top;margin-top: 18px;}
#header .right .top_tel a{font-size: 14px;color:#fff;}
#header .right .top_tel dt{ margin-bottom:3px;}
#header .right .top_tel dt i{ color:#fff;}
#content_tel{ display:none; }
#content_tel p{padding-left: 0;line-height:26px;font-size: 14px !important;display:block;color: #fff;}
/*导航栏样式*/
.nav li{text-align:center;float:left;position:relative;z-index:999;margin-right: 37px;}
.nav li a{display:block;line-height:62px;color:#fff;padding: 0;font-size: 14px;padding: 0;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:transparent;}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: transparent;
}
.nav .sec{height:0;background:#093e96;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:62px;left:-45px;width: 133px;}
.nav .sec a{background:#093e96;color:#fff;height:38px;line-height:38px;font-size: 14px;}
.nav .sec a:hover{background:#093e96;text-decoration:none;}
#header.header{background: #093e96;top:0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#header.header .logo{ padding-top:18px;}
.abouts{padding: 75px 0;background: #f7f7f7;overflow: hidden;}
.att{text-align: center;}
.att dd{font-size: 34px;color: #4f4f4f;text-transform: capitalize;}
.att dd span{display: block;font-size: 16px;margin: 0px 0 18px;}
.att dt{color: #4f4f4f;font-size: 14px;font-weight: bold;}
.acon{line-height: 30px;letter-spacing: 1px;color: #4f4f4f;font-size: 14px;width: 841px;margin: 0 auto;margin-top: 35px;}
.shu{font-size:0;overflow:hidden;margin-bottom: 80px;margin-top: 80px;}
.shu li{float: left; width:240px; text-align:center;}
.shu li h4{height: 56px;}
.shu li h4 span{font-size: 13px;color: #4f4f4f;margin: 0 2px;display: inline-block;margin-top: 18px;margin-left: 5px;letter-spacing: 1px;}
.shu li h4 span.counter{font-size: 35px;color: #093e96;margin-left:12px;margin-top: 0;}
.shu li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.shu li h6{font-size: 13px;color: #7e7e7e;letter-spacing: 1px;margin: 0;}
.more00.more{ text-align:center}
.more00.more a{display:inline-block;border: #cdcdcd 1px solid;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;width: 150px;height: 40px;line-height: 38px;font-size: 14px;color: #848484;text-transform:uppercase;position:relative;overflow:hidden;margin: 0 auto;}
.more00.more a span{ position:relative; z-index:10}
.more00.more a:hover{color:#fff;border:#093e96 1px solid;background: #093e96; transition-delay:0.36s}
.more a {
-moz-transition: all 0.36s ease-in-out;
-webkit-transition: all 0.36s ease-in-out;
-o-transition: all 0.36s ease-in-out;
-ms-transition: all 0.36s ease-in-out;
transition: all 0.36s ease-in-out;
}
@-webkit-keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@-webkit-keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
.btn-11 {
position: relative;
color: #9a7cba;
}
.btn-11:before, .btn-11:after {
position: absolute;
top: 50%;
content: '';
width: 20px;
height: 20px;
background: #093e96;
border-radius: 50%;
}
.btn-11:before {
left: -20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/* animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after {
right: -20px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
/* animation: criss-cross-right 0.8s reverse; */
}
.btn-11:hover:before, .btn-11:hover:after {
/* @include size($btn-width); */
}
.btn-11:hover:before {
-webkit-animation: criss-cross-left 0.8s both;
animation: criss-cross-left 0.8s both;
}
.btn-11:hover:after {
-webkit-animation: criss-cross-right 0.8s both;
animation: criss-cross-right 0.8s both;
}
.container02{ padding:40px 0 0 0; overflow:hidden}
.container02 ul{margin-bottom:58px;}
.container02 ul li{float:left;width:300px;position:relative; overflow:hidden;height: 507px;margin-bottom:23px;}
.container02 ul li:before{content:"";background:#093b92;position:absolute;left:0;top:0;width: 100%;height:100%;-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;}
.container02 ul li a{ display:block; width:100%; height:100%; padding:48px 15px;}
.container02 ul li .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; -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;}
.container02 ul li .con{position:relative;z-index:1;overflow: hidden;}
.container02 ul li .con h3{ height:78px; line-height:78px;}
.container02 ul li .con h4{ font-size:17px;font-weight: normal; color:#fff; text-transform:uppercase}
.container02 ul li .con h5{ font-size:24px;letter-spacing: 1px; color:#fff; margin-bottom:100px; margin-top:8px; position:relative}
.container02 ul li .con h5:before{ content:""; position:absolute; top:48px; left:0; width:0; height:2px; background:#fff; -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;}
.container02 ul li .con p{padding: 0 20px; font-size:14px;letter-spacing: 1px; color:#fff; line-height:30px; height:250px; overflow:hidden; transform:translateX(-280px); -webkit-transform:translateX(-280px); -moz-transform:translateX(-280px); -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;}
.container02 ul li .con .more b{display:inline-block; width:38px ;height: 38px;line-height: 34px; text-align:center;font-size: 13px;color: #333333;border: #fff 1px solid;font-weight: normal;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px; -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; color:#fff}
.container02 ul li:hover .con .more b{ width: 105px; background: #fff; color: #6e6e6e;}
.container02 ul li .con .more b span{display:inline-block;width:0; height:36px; line-height: 36px;font-family:arial;color: #333333;font-size: 13px;margin-left:5px;overflow:hidden;-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;}
.container02 ul li:hover .con .more b span{ margin-left:0; width:52px; margin-right:8px}
.container02 ul li:hover .bg{}
.container02 ul li:hover:before{ right:0; width:100%}
.container02 ul li:hover .con p{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.container02 ul li:hover .con h5:before{ width:58px; }
.container02 ul li .bg{ -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg);}
.container02 ul li:hover .bg{ opacity: 1; -webkit-transform: perspective(300px) rotateY(90deg); -moz-transform: perspective(300px) rotateY(90deg); -ms-transform: perspective(300px) rotateY(90deg); -o-transform: perspective(300px) rotateY(90deg); transform: perspective(300px) rotateY(90deg); }
.shu li h4 span.xg {
font-size: 35px;
color: #093e96;
margin-left: 0;
margin-top: 0;
}
.container02 dl{ text-align:center; position:relative;margin-top: 60px;}
.container02 dl dd{ float:left; width:25%;margin-bottom: 70px; }
.container02 dl dd:nth-child(5),.container02 dl dd:nth-child(6),.container02 dl dd:nth-child(7),.container02 dl dd:nth-child(8){margin-bottom: 40px;}
.container02 dl dd h3{ height:78px; line-height:78px;margin-bottom: 10px;}
.container02 dl dd h3 img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.container02 dl dd h4{ font-size:14px; color:#666666;font-weight: normal;letter-spacing: 1px;line-height: 24px; text-transform:uppercase; position:relative}
.container02 dl dd h5{font-size:20px;color:#1f1e1c;margin-bottom: 6px;position:relative;font-family: '黑体';font-weight: bold;}
.container02 dl dd h4:before{ content:""; position:absolute; top:66px; left:50%; margin-left:-6px; width:0; height:2px; background:#093e96; -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;}
.container02 dl dd:hover h4:before{ width:12px;}
.container02 dl dd:hover h3 img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.inter-inner { width: 94%; height: 94%; position: absolute; left: 3%; top: 3%; }
.inter-inner .line1, .inter-inner .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition-delay:0.6s}
.inter-inner .line1 { border-top: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
.inter-inner .line2 { border-right: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
.container02 ul li:hover .line1,
.container02 ul li:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.container03{ padding:75px 0; background:#f7f7f7; overflow:hidden; position:relative}
.container03 .w1200{ position:relative; z-index:2}
.container03:before{ content:""; position:absolute; left:0; top:295px; width:100%; height:1px; border-bottom:#d0d0d1 1px dashed;}
.container03:after{ content:""; position:absolute; right:0; top:295px; width:0; height:1px; border-bottom:#093e96 1px dashed; z-index:0; -moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}
.container03:hover:after{ left:0; width:100%;}
.container03 ul{ font-size:0; overflow:hidden; text-align:center; width:1304px; margin-left:-52px;}
.container03 ul li{ width:326px; display:inline-block; *display:inline; *zoom:1;text-align:center; position:relative;z-index:999;}
.container03 ul li .img{width: 145px;height: 145px;line-height: 143px;display: inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position: relative;z-index: 10;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;transform:rotate(90deg) translateZ(0);-webkit-transform:rotate(90deg) translateZ(0);-moz-transform:rotate(90deg) translateZ(0); background:#f7f7f7; margin-bottom:20px;}
.container03 ul li .img a{ display:block; transform:rotate(-90deg) translateZ(0); -webkit-transform:rotate(-90deg) translateZ(0); -moz-transform:rotate(-90deg) translateZ(0);}
.container03 ul li .img a img{margin-left: -105px;-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -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;filter:alpha(opacity=65); opacity:0.65; -moz-opacity:0.65; -khtml-opacity:0.65}
.container03 ul li:hover .img a img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.circleProgress_wrapper{ position:relative;}
.wrapper{width: 72.5px;height: 145px;position: absolute;top:0;overflow: hidden;}
.circleProgress_wrapper .left{width: 72.5px;height: 146px;position:absolute;left:0;top:0;}
.circleProgress_wrapper .right{width: 72.5px;height: 146px;position:absolute;right:0;top:0;}
.container03 ul li .img .circleProgress{width: 146px;height: 145px;border: 2px solid #093e96;border-radius: 50%;position: absolute;top:0;-webkit-transform: rotate(45deg);box-sizing:border-box;}
.container03 ul li .img .rightcircle{border-top: 2px solid #d0d0d1;border-right: 2px solid #d0d0d1;right:0;}
.container03 ul li .img:hover .rightcircle{ -webkit-animation: circleProgressLoad_right 2s linear; }
.container03 ul li .img .leftcircle{border-bottom: 2px solid #d0d0d1;border-left: 2px solid #d0d0d1;left:0;}
.container03 ul li .img:hover .leftcircle{ -webkit-animation: circleProgressLoad_left 2s linear;}
.container03 ul li .img:after{content:"";position:absolute;left: 0;top: 0;width: 145px;height: 145px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.container03 ul li .img:hover:after{transition-delay:2s; border:2px solid #093e96;}
@-webkit-keyframes circleProgressLoad_right{
0%{
-webkit-transform: rotate(45deg);
}
50%{
-webkit-transform: rotate(225deg);
}
100%{
-webkit-transform: rotate(225deg);
}
}
@-webkit-keyframes circleProgressLoad_left{
0%{
-webkit-transform: rotate(45deg);
}
50%{
-webkit-transform: rotate(45deg);
}
100%{
-webkit-transform: rotate(225deg);
}
}
.container03 ul li span{position:absolute;left: 206px;top: 55px;display:inline-block;width:70px;height: 35px;line-height: 35px;font-size:14px;color:#a1a1a2;background: #f7f7f7;z-index: 100;text-align: left;text-transform:uppercase; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 ul li:hover span{ color:#6385be}
.container03 ul li:before{content:"";position:absolute;width:5px;height:5px;left: 229px;top: 52px;background:#d0d0d1;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;border-radius:2.5px;z-index: 1000; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 ul li:after{content:"";position:absolute;width:5px;height:5px;left: 229px;top: 87px;background:#d0d0d1;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;border-radius:2.5px;z-index: 1000; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 ul li:hover:after{ background:#093e96}
.container03 ul li:hover:before{ background:#093e96; transition-delay:2s}
.container03 ul li h4{font-size:16px;color:#3b3b3b;margin-bottom: 12px;font-weight: normal;}
.container03 ul li h5{ font-size:14px; color:#6e6e6e}
.container03 .att{ margin-bottom: 44px;}
.container05 {margin-top: 85px;}
.container05 .title{text-align: center; margin-bottom: 75px;}
.container05 .title p {
font-size: 15px;
color: #565656;
line-height: 32px;
position: relative;
margin-top: 25px;
}
.aul li{margin-right: 25px;}
.aul li:last-child{margin-right: 0;}
.aul li img{display: block;width: 383px;height: 267px;}
.container06{margin-top: 108px; padding:65px 0;height: 610px; overflow:hidden; background:url(../images/container06_bg.jpg) center top no-repeat; background-size:cover}
.container06 .att{ margin-bottom:50px;}
.container06 .title h2{ color:#fff;}
.container06 .title h5{ color:#fff;}
.container06 .title h6{ color:#fff;}
.container06 ul{ width:1295px; overflow:hidden}
.container06 ul li{ float:left; width:230px; height:304px; margin-right:93px; text-align:center}
.container06 ul li a{ display:block; height:304px; border:#3760a7 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.container06 ul li a h3{ display:inline-block; width:95px; height:95px; line-height:95px; background:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; margin-bottom:24px;}
.container06 ul li a h3 img{ margin-top:25px}
.container06 ul li a h4{ font-size:15px; color:#fff;font-weight: normal; margin-bottom:10px;}
.container06 ul li a h5{ font-size:12px; color:#fff; text-transform:uppercase}
.container06 ul li a .box{ padding:72px 0 0; height:100%; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.container06 ul li:hover a .box{ transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%);}
.container06 ul li a .con{padding: 40px 21px;height:100%;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.container06 ul li:hover a .con{ transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%);}
.container06 ul li a .con .ar_article{ height:216px; overflow:hidden; overflow-y:scroll}
.container06 ul li a .con p{ font-size:13px; line-height:24px; color:#d5d9e7; margin-bottom:24px; text-align:left;}
.container06 ul li a .con p:last-child{ margin-bottom:0}
.container06 ul li a .con .ar_article::-webkit-scrollbar {width:3px;height:3px; background:none}
.container06 ul li a .con .ar_article::-webkit-scrollbar-track {border-radius:1.5px; background:none}
.container06 ul li a .con .ar_article::-webkit-scrollbar-thumb {border-radius:1.5px; background:rgba(255,255,255,0.2)}
.container07{ padding:35px 0 0; background:#f7f7f7; overflow:hidden; position:relative}
.container07 .att{ margin-bottom:36px}
.container07 ul{margin-bottom:75px}
.container07 ul li{margin-right:36px; display:block; float:left; }
.container07 ul li:last-child{margin-right: 0;}
.container07 ul li a{ display:block;}
.container07 ul li a .img,.container07 a img{display:block;width:375px;height:225px;overflow:hidden;position: relative;}
.container07 ul li a h5{padding: 19px 0px 12px 0px;padding-bottom:0px;display:block;position:relative;}
.container07 ul li a h5 {font-size: 16px;margin-bottom:10px;color: #3c3c3c;display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container07 ul li a:hover h5{ color:#093e96; }
.container07 p{margin:15px 0px;font-size:12px;color: #969696;line-height:18px;letter-spacing: 1px;}
.container07 .fot_box{position:relative;height: 14px;line-height:14px;}
.container07 .fot_box span{color: #828282;font-size:12px;}
.container07 .fot_box a{display:block;color: #828282;font-size:12px;position:absolute;right: 40px;top:0;text-decoration: underline;}
.container07 .fot_box a:hover{ color: #093e96;}
.container07 .more a{-moz-border-radius: 20px !important;-webkit-border-radius: 20px !important;border-radius: 20px !important;}
.container07 .miso-prev,.container07 .miso-next{z-index:100000;width:40px;height:40px;line-height: 36px;margin-top: -75px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.container07 .miso-prev:hover,.container07 .miso-next:hover{ opacity:1}
.container07 .miso-prev{left:50%;margin-left: -675px;border:#c0c0c0 2px solid;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container07 .miso-prev:hover{border: rgb(9, 62, 150) 2px dashed;}
.container07 .miso-prev:before{ content:"<"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:14px; font-family:simsun; color#:828282}
.container07 .miso-next{right:50%;margin-right: -675px;border:#c0c0c0 2px solid;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container07 .miso-next:hover{border: rgb(9, 62, 150) 2px dashed;}
.container07 .miso-next:before{ content:">"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:14px; font-family:simsun; color:#828282}
.container08{ padding:0 0 50px; background:#f7f7f7; overflow:hidden;}
/*友情链接*/
.link{border-top:7px solid #ed8e06;border-bottom: 1px solid #098732;padding: 17px 0;background: #093e96;margin-top: 43px;}
.f_link{width: 1200px;height: 40px;line-height: 40px;margin:0 auto;background: url(../images/link.png)no-repeat left;}
/*页面底部*/
.foot{background: #46474f;padding: 68px 0 30px 0;}
.tul{width: 700px;}
.tul li{width: 350px;margin-bottom: 52px;}
.tul li:nth-child(3),.tul li:last-child{margin-bottom: 15px;}
.tul li:nth-child(2) span,.tul li:last-child span{font-size: 16px;}
.tul li span{color: #b5b6b6;font-size: 12px;line-height: 24px;margin-left: 23px;display: block;width: 275px;margin-top: 3px;height: 53px;}
.tul li img{display: block;width: 50px;height: 50px;}
.tul li:last-child span{line-height: 50px;}
.tright{width: 417px;}
.dao{border-bottom: 1px solid #b5b6b6;}
.dao li{float: left;margin-right: 64px;}
.dao li:last-child{margin-right: 0;}
.dao li a{display: block;color: #b5b6b6;font-size: 16px;padding-bottom: 17px;}
.di{margin-top: 25px;}
.bei{
line-height: 25px;
letter-spacing: 2px;
color: #b5b6b6;
margin-top: 13px;
font-size: 16px;
}
.bei a{color: #b5b6b6;}
.tlogo{text-align: center;}
.ft2{text-align: center;color: #b5b6b6;font-size: 14px;line-height: 24px;margin-top: 15px;}
.ft2 a{color: #b5b6b6;}
.pagecon{ line-height:40px; font-size:18px;}
/* pages */
.pages{margin:15px 0; font-size:14px;float:left; width:98%;text-align:right; color:#6a6a6a;}
.pages a { color:#383838; padding:0 10px;border: 1px solid #d9d9d9; margin:0 2px; background: #fff;}
.pages *{ position:relative; border-radius:4px;display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:28px;height:28px;padding-bottom:1px; }
.pages .bg{ font-weight: normal; margin:0 5px;}
.disabled{padding:0 10px;border: 1px solid #d5d5d5;color:#fff; background:#b1b1b1;}
.pages .current { padding:0 10px;border: 1px solid #d5d5d5; color:#383838; margin:0 2px; }
/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
/*.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width:300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 205px;}
.relate-product-slick .owl-item .img img{ width: 213px;height: 159px;}
.xypg-case-list li .img img{width: 300px;height: 300px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}*/
.page-product-inquiry a{color: #fff;}