﻿@charset "utf-8";/* CSS Document */
html {font-size:62.5%;}
body {margin:0 auto;font-family:Verdana, Geneva, sans-serif;font-size:1.2rem;font-size:12px; min-width:1200px;}
img {border:none;}
ul li {list-style-type:none;}
ul, form, p, a, img, table, tr, td, li,dd,dt,dl {margin:0;padding:0;list-style:none;color:#333;}
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px;}
a {text-decoration:none;color:#333;outline:none;}
/*a:hover{color:#0B5AA5;}*/
h1 {margin:0;padding:0;font-weight:normal;}
.cl,.clear {clear:both;}
.fl{float:left}
.fr{float:right}
.co33{color:#333 !important}
.co80{}
input,textarea{background:#fff;font-family:Verdana, Geneva, sans-serif;font-size:14px;color:#c1c1c1;}
::-webkit-input-placeholder {/* WebKit browsers */
    color:#c1c1c1;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
    color:#c1c1c1;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
    color:#c1c1c1;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
    color:#c1c1c1;}
.wrap{width:1200px;margin:auto;}
@font-face { src:url('../other/LIGHT.TTF'); font-family:homizio nova; }

/*  header  */

.head{width:100%;background:#fff;padding-top:27px;height:63px;position:fixed;top:0px;z-index:999999;border-bottom:10px solid #0B5AA5; -webkit-box-shadow: 0px 0px 6px rgba(0, 0,0, 0.4);  -moz-box-shadow: 0px 0px 6px rgba(0, 0,0, 0.4);  box-shadow: 0px 0px 6px rgba(0, 0,0, 0.4);}
.head_op{opacity: 0.8;}
.logo{float:left; width:400px;}
.logo a.toplogo{position:relative; top:-10px;}
.logo a.toplogo img{height:50px;}
.logo .lang { display:block; float:right; position:relative; top:12px;color:#000000;}
.logo .lang a{color:#000000;}
.logo .lang a:hover { color:#FF3300}

/*  nav  */
.daohang{width:580px;float:left;margin-left:130px;margin-top:5px;}
.daohang ul{}
.daohang ul li{position:relative;float:left;font-size:14px;margin-left:37px;}
.daohang>ul>li>a{display:block;line-height:24px;color:#333;padding-bottom:10px;}
.daohang ul li a img{width:19px;height:16px;margin-top:5px;}
.daohang ul li:hover>a{color:#0B5AA5;}
.daohang .erji{position:absolute;background:url(../images/daohangzhizhen.jpg) no-repeat top center;padding-top:8px;margin-left:-180px;display:none}
.erjin{border:1px solid #0B5AA5;padding:10px ;width:400px;background:#fff;}
.erjin ul{float:left;min-height:130px;}

.erjin ul li{margin-left:auto; display:block; float:none;}
.erjin ul.erji12 li{ float:left; width:50%;}

.erjin ul li a{line-height:25px;display:block;font-size:12px;}


.erjin a:hover{color:#000000;}

.daohang ul li:hover .erji{display:block}

.dangqiandaohang{color:#000000 !important;}

.aerji{ position:absolute; background:url(../images/daohangzhizhen.jpg) no-repeat top center; padding-top:8px; display:none; margin-left:-43px;}

.aerjin{ background:#fff; border:1px solid #0B5AA5; width:154px; padding-top:10px; padding-bottom:7px;}

.aerjin li{ float:none !important;margin-left:auto !important; font-size:14px; line-height:200%; padding-left:15px;}

.aerjin li a{ float:none !important}

.daohang ul li:hover .aerji{ display:block}

/*  search  */

.search{width:31px;float:right;margin-left:15px;margin-top:3px;}

.sb-icon-search {color: #fff;z-index: 999;background:url(../images/sousuo.jpg) no-repeat center;border:none;width:31px;height:28px;display:block}

.sb-search {position:relative;z-index: 9999;width: 0%;min-width: 31px;height: 28px;float: left;display:inline;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;border-radius:5px;border:1px solid #0B5AA5;}

.sb-search-input {position: absolute;top: 0;left: 0;outline: none;width:219px;height: 28px;line-height:28px;padding-left:13px;z-index: 10;border:none;background:#fff url(../images/lvshu.jpg) no-repeat 227px center;font-family:Verdana, Geneva, sans-serif;font-size:12px;}

.sb-icon-search,.sb-search-submit{width: 31px;height: 28px;display: block;position: absolute;right: 0px;top:0;padding: 0;margin: 0;cursor: pointer;background:#fff url(../images/sousuo.jpg) no-repeat center;overflow:hidden;border:none;}

.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter: alpha(opacity=1);opacity: 1;color: transparent;border: none;outline: none;z-index: -1;}

.sb-search.sb-search-open,.no-js .sb-search {width: 263px;position:absolute;float:right;margin-left:-263px;top:100px;}

.sb-search.sb-search-open .sb-icon-search,

.no-js .sb-search .sb-icon-search {border:none;z-index: 11;}

.sb-search.sb-search-open .sb-search-submit,

.no-js .sb-search .sb-search-submit {z-index: 9999;}	

/*banner index*/

.index_focus {position: relative;width: 100%;height:500px;margin: 0 auto;overflow:hidden;margin-top:90px;border-top:10px solid #db6900;}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1980px; }
.index_focus .slide_nav {position: absolute;margin-left:1429px;bottom:28px;}
.index_focus .slide_nav a{width:15px;height:15px;cursor:pointer;float:left;margin-right:16px;background:#ffffff;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background:#000000;}
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%;margin-top: -36px;width: 51px;height: 119px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}
.index_focus_pre {left:0px; background: url(../images/zuo.png) no-repeat left; }
.index_focus_pre:hover {}
.index_focus_next {right: 0px;background:url(../images/you.png) no-repeat right;}
.index_focus_next:hover {}


/*  foot  */

.foot{background:#000000;padding-top:55px;padding-bottom:50px;}
.foul1{width:150px;float:left}
.foul2{width:360px;float:left;margin-left:232px;}
.foul3{width:305px;float:right}
.foul1biao{display:block;border-bottom:1px solid #fff;padding-bottom:7px;color: #fff}
.foul1biao img,.foul2biao img,.foul3biao img{width:96px;height:23px;}
.foul1 ul{margin-top:6px;}
.foul1 ul li a{display:block;font-size:14px;line-height:24px;color:#fff}
.foul1 ul li a:hover{color:#FFE14F;}
.foul2biao{display:block;border-bottom:1px solid #fff;padding-bottom:13px;color: #fff}


.foul2n{margin-top:10px;}

.foul2-l{display:block;width:68px;float:left}

.foul2-l img{width:100%; margin-top:8px;}

.foul2 p a{display:block;font-size:14px;line-height:150%;color:#fff;width:278px;float:right; height:85px; overflow:hidden}

.foul2 p a:hover{color:#FFE14F;}



.foul3biao{display:block;border-bottom:1px solid #fff;padding-bottom:13px;color: #fff}


.shejiao{margin-top:12px;}

.shejiao a{display:block;float:left;margin-left:14px;}

.ff{margin-left:auto !important;}

.foul3 p{font-size:14px;font-size:1.4rem;line-height:24px;color:#fff;margin-top:10px;}

.foul3 p a{color:#fff}

.jishuzhichi{margin-top:auto !important;}

.foul3 p a:hover{color:#FFE14F;}

/*  kefu  */
.rides-cs {  font-size: 12px; background:url(../images/send1.jpg) no-repeat top left; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1; height: 226px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left;  overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span {color:#464646; width:100%}
.rides-cs .cn ul li a{color:#464646; font:12px Arial, Helvetica, sans-serif;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; left: 0;  background-image:none; display:block;  height: 155px; }
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
/* other */
.banner{width:100%;height:1px;margin-top:100px; overflow:hidden} 
.banner a{display:block;}
.cumain-l{ width:324px; float:left; border:1px #999 solid}
.cumain-r{ width:825px; float:right; border:1px #333 solid}
.nav { margin:20px auto;}
.nav a.navhome { background:url(../images/home2.jpg) no-repeat; width:17px; height:14px; display:block; float:left; margin:0px 5px;}

.recom {overflow:hidden}
.recom h2 { color:#0B5AA5; font-size:40px; line-height:140%;}
.recom p.t2{color:#0B5AA5; font-size:22px; margin-bottom:20px;}
.recom ul{ width:1300px; margin:10px auto; }
.recom ul li { display:block; width:274px; height:300px; float:left; padding-right:30px;}
.recom ul li img{ width:272px; border:#e7e7e7 solid 1px;}
.recom ul li img:hover{border:#00ba3d solid 1px;}
.recom ul li p{ line-height:150%; text-align:center ; height:54px;text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;}

.syabout{ width:100%; height:582px;position:relative; background:url(../images/aboutbg.jpg) center no-repeat}
.syabout .syaboutcen{ width:716px; padding-left:434px; padding-top:56px;}
.syabout .syaboutcen .syabtit_1{ font-size:50px; color:#fff; }
.syabout .syaboutcen .syabtit_2{font-size:36px; font-weight:400; color:#fff;}
.syabout .syaboutcen .syabtit_3{ line-height:30px; color:#FFF; padding-top:30px;}
.syabout .syaboutcen .syabtit_4{ padding-top:30px;}
.syabout .syaboutcen .syabtit_4 a{ display:block; width:138px; border-radius:5px; background:#fb7b1a; text-align:center; line-height:40px; color:#FFF; font-size:18px}
.syabout .syaboutcen .syabtit_5 .bd{ padding-top:30px;  }
.syabout .syaboutcen .syabtit_5 .bd ul{ overflow:hidden; zoom:1; }
.syabout .syaboutcen .syabtit_5 .bd ul li{ float:left; _display:inline; padding-right:20px; overflow:hidden; text-align:center;  }
.syabout .syaboutcen .syabtit_5 .bd ul li .pic{ text-align:center; }
.syabout .syaboutcen .syabtit_5 .bd ul li .pic img{ width:156px; height:116px; display:block;  border:3px solid #efefef; }

.about_1{ width:1200px; height:750px; padding-top:10px; }
.about_1 .about_1_img{ float:left}
.about_1 .about_1_right{ float:right; width:590px; padding-left:30px; background:url(../images/abouticon.jpg) no-repeat; line-height:200%; font-size:16px; min-height:340px;}
.about_1 .about_1_right p{ font-size:14px; line-height:30px; color:#666}


/*===============内页样式===============*/
.bodybg { background-color:#efefef; padding:20px 0px;}
.body { margin-top:100px; }
.zong_ny{overflow:hidden; background:#ecf1f2; padding:30px 0px 50px 0px;}
.zong_bj{width:380px; height:97px; background:url(../images/zong_bj.png) no-repeat; overflow:hidden; }
.zon_con { padding:10px 0px; background-color:#fff;margin-bottom:20px;}
.zong_left{overflow:hidden; float:left; width:280px;position:relative; z-index:111; }
.zong_left strong{display:block; font-size:24px; color:#ffffff; font-weight:bold; padding-top:27px; padding-left:35px; height:70px;font-family:"Arial";}
.zong_left strong span{font-size:14px; color:#ffffff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:500; display:block;}
.zong_left ul{ background:#fff; overflow:hidden; padding-top:10px; }
.zong_left li{overflow:hidden;line-height:44px; vertical-align:middle; margin-bottom:5px;-webkit-transition: all 0.5s ease-in-out;background:url(../images/left_d.jpg) no-repeat left top;}
.zong_left li a{display:block; font-size:14px; color:#666; padding-left:40px;}
.zong_left li:hover{background:url(../images/left_h.jpg) no-repeat left top;}
.zong_left li.hover{background:url(../images/left_h.jpg) no-repeat left top;}
.zong_left li:hover a{color:#0B5AA5;}
.zong_left li.hover a{color:#0B5AA5;}

.zong_right{overflow:hidden; float:right; width:900px; background:#fff; z-index:999;}
.right_top{overflow:hidden; border-bottom:1px solid #ecf1f2; padding:0px 30px; line-height:60px; vertical-align:middle;}
.right_top strong{float:left;font-size:22px; color:#023b8d; font-weight:500;font-family:"Arial"; color:#0B5AA5;}
.zong_nr{overflow:hidden; padding:20px; text-align:center; min-height:450px;}


/*===============产品中心===============*/
.nr-product{overflow:hidden; padding:35px 24px; background:#fff; min-height:700px;}
.pro_top{overflow:hidden; float:left; margin-top:13px;}
.pro_top a{display:block; float:left; height:30px;line-height:30px; vertical-align:middle; border:1px solid #ecf1f2;-webkit-transition: all 0.5s ease-in-out; font-size:14px; color:#777676; padding:0px 15px; margin-right:15px;  margin-top: 10px;}
.pro_top a:hover{background:#023b8d; border:1px solid #0B5AA5; color:#fff;}
.pro_top a.hover{background:#023b8d; border:1px solid #0B5AA5; color:#fff;}


.nr-product li{ background:#fff;float:left; margin-right:10px; margin-bottom:25px; padding-bottom:8px; overflow:hidden; width:272px; text-align:center; border:1px solid #d7ddde; border-bottom:4px solid #d7ddde;-webkit-transition: all 0.5s ease-in-out;}
.nr-product li.r{margin-right:0px;}
.nr-product li img{border-bottom:2px solid #ecf1f2;max-height: 161px;}
.nr-product li h2{font-size:14px; color:#727272; text-align:left; padding:10px 8px 5px 8px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;}
.nr-product li p{text-align:left;padding:0px 8px; font-size:14px; color:#bebebe; font-family:Arial, Helvetica, sans-serif; }
.nr-product li:hover{border-bottom:4px solid #0B5AA5;}
.nr-product li:hover h2{color:#0B5AA5;}
.nr-product li:hover p{background:url(../images/pro_bj.jpg) no-repeat 235px 0px;}
/*===============所在位置===============*/
.position{margin:auto;text-align:right; float:right;}
.position a{font-size:12px;color:#616161; padding-right:15px; background:url(../images/po_bj.jpg) no-repeat center right;}
.position .visited{color:#023b8d;}
.position a.r{background:none; padding-right:0px;}


/*badoo style*/
    div#badoopager {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 13px;
        padding-bottom: 10px;
        color: #48b9ef;
        padding-top: 10px;
        font-family: arial, helvetica, sans-serif;
        text-align: center;
        clear: both;
    }
div#badoopager a {border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none}
div#badoopager a:hover {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager a:active {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager span.current {border-right: #FF6D06 2px solid; padding-right: 5px; border-top: #FF6D06 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #FF6D06 2px solid; color: #fff; padding-top: 2px; border-bottom: #FF6D06 2px solid; background-color: #ff6c16}
div#badoopager a.disabled {display: none}
div#badoopager input[type=text]{width:30px}

/*news*/
.news { padding:30px;}
.news li { line-height:200%; border-bottom:1px dotted #eee; padding:10px 10px; }
.news li:hover { background-color:#f1f1f1;}
.news li a{ font-size:14px;}
.news li span.cate {  color:#999999; padding-left:20px;}
.news h1 { font-size:28px; line-height:150%; text-align:center}
.news .readabout { line-height:40px; font-size:12px; color:#999999; border-bottom:1px solid #eee; text-align:center;}
.news .content { line-height:180%; margin:20px auto; min-height:300px;text-align: left;}
.news .content p { margin:10px 0px;}
.news .content .detail { height:30px; line-height:30px; background-color:#efefef;}
.news .content .detail span{ display:block; background-color:#0B5AA5; padding:0px 20px; color:#FFFFFF; font-size:16px; width:120px;}
/*pages css*/
.pages {
	float:right;
	margin-right:30px;
    margin-top: 10px;
	margin-bottom:20px;
}
.pages li {display: inline;}
.pages  a ,.pages  span{
    margin-left: 5px;
    color: #333;
    border-radius: 3px;
    padding: 6px 12px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pages  a:hover{ color: #ff6600; background-color:#efefef;}
.pages .me {
    background-color:#fe8a0e;
	border-color:#fe8a0e;
	color:#FFFFFF;
}
.MsoNormal{
    text-indent:0!important;
    text-align: left;
}

.MsoNormal img{
    display: block;
    margin: 0 auto;
  
}