@charset "utf-8";
/* CSS Document */
* {	margin: 0;padding: 0;border: 0;}
.divclear{height:20px; width:100%;}
.cleardiv{height:1px; width:100%;}
body { font-family:"Microsoft Yahei",Arial;}
a:active,a:link,a:visited { text-decoration:none; color:#000;}
ul,ol,li{list-style-type:none;}
a:hover{ text-decoration:none; color:#0d52b5;}
.topline{height:3px; width:100%; background-color:#0270bc}
.topcon{height:80px; width:1100px; margin:20px auto;}
.toplogo{height:80px; width:547px; float:left; margin-right:153px;}
.topright{height:80px; width:400px; float:left;}
.topver{height:30px; line-height:30px; width:400px; font-size:14px;}
.topverpic{height:30px; width:30px; margin-right:5px; float:left;}
.topvername{height:30px; margin-right:20px; width:100px; float:left; font-size:14px;}
.topsearch{height:40px; margin-top:10px; width:400px;}
form {
    margin: 0;
}
.swap_value{
	color:#c0c0c0;
}
#search_box {
	margin-left:10px;
	font-size:16px;
    width: 241px;
    height: 26px;
    background: url(/images/bgsearch.gif);
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 190px;
    background: none;
    font-size: .8em;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

.nav_c{width:100%; height:46px; background-color:#0382d9;}
.nav{width:1200px;height:46px;margin:0 auto;line-height:45px;}
.nav li{float:left; list-style:none;}
.nav li a{display:block; padding:0px 45px; text-align:center;font-size:16px;font-weight:bold;color:#fff; overflow:hidden;}
.nav li a:hover, .nav li a:hover.on{ background-color:#0666dd;text-decoration:none;}
.nav li a.on{background:#1048a0;}
.in_title {font-size:16px; color:#218dfc; float: left; }
.font{font-size:12px; }
.fontfont{font-size:14px; }
.nav li:hover.on{background:#308eec;text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999;} 
.nav .sub_nav li{float:none;position:relative;line-height:20px;_display:inline; border:0; border-bottom:1px solid #4a8ee1; width:180px; list-style:none; overflow:hidden;} 
.nav .sub_nav li a{display:block; padding:6px 10px 6px 10px;background:#0666dd;text-align:center;font-weight:normal;font-size:13px;color:#ffffff;  overflow:hidden;}
.nav .sub_nav li a:hover{ color:#ffffff; background-color:#1048a0;}



/* 大画切换 */
.flexslider{position:relative;height:450px;overflow:hidden;background:url(/images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:450px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:46%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(/images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(/images/next.png) center center no-repeat;}


.entitle{height:50px; width:500px; line-height:50px; color:#0265aa; margin:50px auto 0px; font-size:30px; font-weight:bold; font-family:verdana; text-align:center; }

.border-shape::before {
background: #058ae6 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
left: 80px;
margin: 0 auto;
position: absolute;
text-align: center;
top: 1px;
width: 240px;
}
.border-shape {
background: #058ae6 none repeat scroll 0 0;
color: #344157;
display: block;
height: 3px;
left: 0;
margin: 0 auto;
position: relative;
right: 0;
text-align: center;
top: 0;
width: 160px;
}
.border-shape::after {
background: #058ae6 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
right: 80px;
margin: 0 auto;
position: absolute;
text-align: center;
top: 1px;
width: 240px;
}
/*Product type*/
.case-content{overflow:hidden;margin:0 auto;width:1150px}
.case-item{float:left;margin:5px 20px;margin-bottom:10px}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:150px;height:150px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:266px;height:166px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:160px;height:160px;border:10px solid #ecab18;border-right-color:#1ad280;border-bottom-color:#1ad280;border-radius:50%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative; text-align:center;letter-spacing:0px;font-size:14px; font-family:Arial,Microsoft Yahei; margin:30px 10px;padding:25px 0 0;height:160px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#bbb;padding:10px 5px;font-style:Arial,Microsoft Yahei;margin:0 10px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}

.pro{width:100%; background-color:#f0f7fc; margin-top:30px; height:320px;}
.protui{height:200px; width:1180px; margin:0 auto; padding-top:50px; padding-bottom:80px;}
.about{height:387px; width:1180px; margin:30px auto; }
.aboutpic{height:387px; width:517px; float:left; }
.aboutcon{height:387px; width:540px; float:left; margin-left:63px; padding:20px; border-radius:15px; background-color:#f0f7fc;}

.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 1px; background: url(/images/arrow-left.png) #000 95% no-repeat;}
.ck-slide .ck-next { right: 1px; background: url(/images/arrow-right.png) #000 95% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.8);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #ec7815;}
.ck-slidebox ul li em:hover { background-color: #ec7815;}
.ck-slide { width: 517px; height: 387px; margin: 0 auto;}
.ck-slide ul.ck-slide-wrapper { height: 387px;}


.why{width:100%; background-color:#f0f7fc; margin-top:30px;}
.loading{height:auto; width:1080px; margin:0 auto; }

.footer{height:90px; width:100%; background-color:#0382d9; margin-top:30px;}
.myfooter{height:60px; padding:20px 0px 10px; width:1060px; margin:0 auto; line-height:30px; color:#fff; font-size:14px;}
.myfooter span{ margin-left:}
.myfooter a{color:#fff;10px; margin-right:10px;}
.bottom{height:40px; line-height:40px; text-align:center; color:#fff; background-color:#0382d9; border-top:1px solid #48aaed;}
.bottom span{ margin-left:200px; font-size:12px; color:#8ac3ea;}
.bottom span a{  color:#8ac3ea;}

.topmenu{height:50px; width:1150px; line-height:50px; text-indent:20px; color:#fff; font-size:16px; font-weight:bold; background-color:#1c93e4; border-radius:5px; margin:30px auto; }
.main{width:1150px; margin: 0 auto 20px; height:auto;}
.left{width:220px; float:left; margin-right:30px; height:auto; }
.right{width:880px; float:left; height:auto;}
.leftmenu{height:40px; line-height:40px; width:230px;background-color:#1c93e4; border-radius:5px;text-indent:20px; color:#fff; font-size:14px; font-weight:bold; margin-bottom:5px;}
.leftmenu a{color:#fff;}


.mypro{width:890px;}
.mypro li{height:250px; width:210px; margin:5px; float:left; border:solid 1px #c0c0c0; background-color:#f0f0f0; font-size:14px; text-align:center;}
.mypro li span{ line-height:40px; height:40px;}
.mypro li:hover{ background-color:#0e91eb; color:#fff; border: solid 1px #0e91eb;}
.mypro li img{height:210px; width:210px;}



.page{ margin-top:750px;text-align: center; height:80px; }
.page a{
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    -webkit-transition: all .2s linear;
            transition: all .2s linear;
    text-align: center;
    color: #999;
    border: 1px solid #c6c4be;
    border-radius: 50%;
    background-color: #fff;
}
.page a.active,
.page a:hover
{
    color: #fff;
    border-color: #0d52b5;
    background-color: #0d52b5;
}

.page1{ margin-top:20px;text-align: center; height:50px; }
.page1 a{
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    -webkit-transition: all .2s linear;
            transition: all .2s linear;
    text-align: center;
    color: #999;
    border: 1px solid #c6c4be;
    border-radius: 50%;
    background-color: #fff;
}
.page1 a.active,
.page1 a:hover
{
    color: #fff;
    border-color: #0d52b5;
    background-color: #0d52b5;
}

.page2{ margin-top:800px;text-align: center;   }
.page2 a{
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    -webkit-transition: all .2s linear;
            transition: all .2s linear;
    text-align: center;
    color: #999;
    border: 1px solid #c6c4be;
    border-radius: 50%;
    background-color: #fff;
}
.page2 a.active,
.page2 a:hover
{
    color: #fff;
    border-color: #0d52b5;
    background-color: #0d52b5;
}

.font5{height:30px; line-height:30px; background-color:#f9f9f9; border-bottom:1px dotted #e0e0e0; border-top:1px dotted #e0e0e0; text-align:center; color:#666; font-size:12px;}
.font6{text-align:center; line-height:50px; font-size:24px; font-weight:bold; height:50px; }