@charset "gb2312";
/* CSS Document */


*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img{border:0;}
a {text-decoration:none;color:#2a2a2a;transition:all 0.2s linear 0s;}
a:hover {text-decoration: underline;color:#e01313;}
.spot{color: #0E6EB8; display: inline-block;margin-top: 10px;}
li{list-style:none}
body { font-size:13px;font-family: "\5fae\8f6f\96c5\9ed1",Arial;color:#333;  }
i, em { font-style: normal;}
.main{width:1100px;margin:0 auto;}

.fl{ float:left}
.fr{ float:right}
.pr{ position: relative}
.pa{ position: absolute}
/* ======  clearfix  ====== */
.clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; }
.clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.clearfix { *zoom:1; }

/*头部 logo+导航*/


.top{ width: auto;height: auto;background:#F7F7F7; font-size:12px;color: #333;}

.top p{ float:left;line-height:35px; display:inline-block}
.top p span{color: #0E6EB8;}


.mRInfo {paddi ng-right: 10px;float:right;}
.mrline { padding:0 5px; display:inline-block;line-height:35px; float:left}
.mRInfo a {padding: 0 8px; color:#333;line-height:35px; float:left}
.mRInfo a:hover { color:#b8350d;text-decoration:underline; }



.head{ width:100%;}

.h_con{ padding:25px 0;overflow:hidden;}

.h_logo h2{ font-size:32px; color:#01327F;}
.h_logo p{ font-size:14px; color:#8e8d8d; text-transform:uppercase;}

.h_text{float:left;display:block;font-size:18px;color:#333;background:url(../images/t_ge.png) no-repeat left  center; padding: 4px 0 4px 20px; margin-left:20px}
.h_text b{  display:block;font-size:20px;  font-weight:normal;  line-height:32px}
.h_pho{line-height:20px;padding:6px 0 6px 70px;background:url(../images/h_tel.gif) no-repeat 0 center;white-space:nowrap;color:#333; font-size:14px;}
.h_pho b{ display:block;color:#D0711F;font: 26px/26px "Impact"; margin-top:6px }



.nav{width:auto;margin:0 auto;height:auto; background:url(../images/nav_bg.gif) repeat-x;}
.nav li{float:left;height:58px;background:url(../images/nav_line.gif) no-repeat right center; }

.nav li .sybj{background:url(../images/nav_active.gif) repeat-x; color:#ffa200}
.nav li a { width:100%;display:block;line-height:58px;font-size:15px;color:#d9e8ff;padding: 0 30px;}
.nav li a:hover{ color:#ffa200; background:url(../images/nav_active.gif) repeat-x; text-decoration:none}



/*banner START*/
.fullSlide{width:100%;position:relative;height:450px; overflow:hidden; background:#fff url(../images/loading.gif) no-repeat center center;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;width:1920px; /*图片宽度*/position:absolute;left:50%;margin-left:-960px; }
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:450px;overflow:hidden;text-align:center;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0;height:auto; margin-left:500px}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:25px;height:25px;margin:0px 3px;overflow:hidden;background:#000;filter:alpha(opacity=70);opacity:0.7; color:#fff; line-height:25px}
.fullSlide .hd ul .on{background:#01327F;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:8%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:8%;background-position:-6px -137px;}


/*关键词 START*/
.mss{ margin-top:20px }
.mRSearch{padding: 12px 20px;height: auto; background:url(../images/ss_k.png) center center  no-repeat;}

.sswz{ line-height:28px;  font-weight:bold; }
.sswz a{  padding:0 10px;font-weight: normal; }

.btnSearch{ border:0px; height: 28px; overflow:hidden}
.textInput{width:auto; height:28px;}
.textInput input{ width:180px; height:28px;color:#000; background:#F6F6F6; padding-left:20px; font-family: Microsoft YaHei; overflow:hidden;  border: 0;}
.btnSearch input{width:50px; height:28px; background:#01327F url(../images/ssico.png) center center no-repeat;; cursor:pointer;outline-style: none; overflow:hidden;border: 0;}

/*客服 START*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#910506;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#910506;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#910506;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/*主内容*/
.sycp{width:100%;height:auto;padding:40px 0 0 0; background:url(../images/pro_bj.jpg) no-repeat center top;  }

.prolist{ width:220px; height:auto;  float:left}
.profl{ text-align:center;color:#fff;background:url(../images/Pro_sort_title.jpg) center no-repeat; }
.profl h2{ font-size:24px; line-height:60px }

.iprolist{background:url(../images/pro_lbj.jpg) top repeat-y; height:auto; padding-bottom:20px }








.roll{ width:850px;}
.gallery{ }
.gallery li{ width:32%; height:auto;float: left; margin-right:2%; margin-bottom:20px;  background: #012052;  }
.gallery li:hover{ background:#fcaa1a; color:#333}
.gallery li:hover .pro-tit a{ color:#333}
.gallery li:nth-child(3n){margin-right:0;}
.gallery li .pro-pic {position: relative; width:100%; height:auto;overflow:hidden; padding: 5px; }
.gallery li .pro-pic img, .pro-pic a{width: 100%;  height:236px; overflow:hidden;display: block;transition: .4s transform;transform: translateZ(0); /* hack */}
.gallery li .pro-pic:hover {z-index: 1;}
.gallery li .pro-pic:hover img {transform: scale(1.1, 1.1);transition: .6s transform; }

.gallery li .pro-tit{ text-align:center; width: 100%; height:auto;line-height:30px;}
.gallery li .pro-tit  a{  font-size:14px; width:100%; display: block;color:#fff;  }
.gallery li .pro-tit  a:hover{ }

.gallery li .pro-tit span{ display:block; line-height: 28px; overflow:hidden;border-top: 1px solid #fff; margin-top:5px }
.gallery li .pro-tit span i.xq a{ width:50%; float:left; display:inline-block; font-weight:bold; color:#679be7; border-right:1px solid #fff; height:32px; line-height:32px; text-align:center;}



.dhbt{ width:100%;  margin-bottom:15px; padding-bottom:20px; background: url(../images/btbj.png) no-repeat left bottom; }
.dhbt span{ font-size: 16px; color:#01327F; font-weight:bold; padding-right:10px; }
.dhbt i{ font-style:normal; color:#666; text-transform:uppercase }
.dhbt .more{ }
.dhbt .more a{  }




.ys-t{background: url("../images/ys01.png") no-repeat center ;height: 91px;margin-top: 40px;}
.ys-t h3{font-size: 26px;color: #fff;text-align: center;padding-right: 40px}
.ys .ys-r{margin-top: 110px; width: 320px;}
.ys .ys-r-t{background: url("../images/ys-r01.png") no-repeat 0 0px;height: 130px;margin-bottom: 20px;width: 310px;}
.ys .ys-l{width: 750px;}
.ys .ys-l ul{margin-top: 43px; margin-left:63px}
.ys .ys-l ul li{float: left;padding-top: 20px;padding-right: 18px;
    width: 322px;height: 168px;padding-left: 15px;}
.ys .ys-l ul li h2{background: url("../images/ys02.png") no-repeat;height: 58px;line-height: 58px;font-size: 28px;color: #252525;padding-left: 15px;}
.ys .ys-l ul li h2 span{font-size: 24px;color: #002e74;font-weight: bold}
.ys .ys-l ul li p{padding-left: 20px;font-size: 16px;color: #030100;line-height: 24px;}
.ys .ys-l ul li p span{color: #ff6d00;}
.cb {
    clear: both;
}
.cn{margin-top: 100px;float: right;text-align: right}
.cn h2{color: #1c4f9c;font-size: 24px;line-height: 50px;}
.cn h2 span{color: #ff6d00}
.cn li{background: url("../images/ys04.png") no-repeat right;padding-right: 30px;line-height: 24px;font-size: 16px;}
.cn  .dh{background: #1c4f9c;
    width: 150px;
    height: 52px;
    font-size: 14px;
    color: #fff;
    text-align: center;display: block;line-height: 26px;margin-left: 70%;margin-top: 20px;}
.cn  .zx{background: #ff6d00;
    width: 150px;
    height: 52px;
    font-size: 18px;
    color: #fff;
    text-align: center;display:block;line-height: 52px;;margin-left: 70%}
.cn  .zx:hover{color: #1c4f9c;}
.fw h2{text-align: center;font-size: 34px;color: #003483;}
.fw h2 span{color: #ff6d00}
.fw ul{}
.fw ul li{margin-right:2%; width:32%;}
.fw ul li:nth-child(3n){ margin-right:0 }
.fw ul li img{ width:100%;  display: block;}
.fw ul li p{background: url("../images/fw01.png") no-repeat center;height: 70px;line-height: 50px;text-align: center;font-size: 21px;color: #003483;font-weight: bold}

.h40{height: 40px;}

.about-sl{padding: 15px;border: 3px solid #000000;    margin-top: 20px; }
#demos{overflow: hidden;width:282px; margin:0 auto}
#indemos{float: left;width: 5000%;}
#demos1{float: left;}
#demos2{float: left;}
#demos li{float: left;margin-right:30px;width:auto;text-align:center;}
#demos .cn11{overflow: hidden;width: 230px;  }
#demos .cn11 img{ width:100%;display: block;}




.ab{;width: 100%;height: 630px; background:url(../images/abbj.jpg) no-repeat top center; margin-top:60px}
.ab
.ab-c{padding: 0px 40px 40px 0;line-height: 30px;font-size: 18px;color: #fff;text-align: center}

/*about*/
.syabout{ width:100%; height:auto; padding:40px 0;background:#fafafa;}

.syabout .dbt{margin-bottom:28px; font:bold 24px/52px "Microsoft YaHei",微软雅黑,arial,宋体; text-align:center;color:#666; background:url(../images/jz_line.jpg) repeat-x 0px 65px;}

.syabout .dbt i{ color:#01327f;font-style: normal;}
.syabout .dbt span{ background:#fafafa ; display:block; margin:0 auto;width:240px; height:28px; padding:0 60px}
.syabout .dbt span a{ color:#666666;display:block; background:#f0f0f0;  border-radius:20px;overflow:hidden; font:12px/28px "Microsoft YaHei",微软雅黑,arial,宋体;}
.syabout .dbt span a:hover{ color:#fff; background:#0E6EB8}
.syabout .dbt h3{ height: 59px;display: block;overflow: hidden; font: bold 20px/59px "Microsoft YaHei",微软雅黑,arial,宋体; text-align: center;color: #0E6EB8;}


.syabout .aboutbj{background: #01327f;height: 320px; width: 40%;left: 0;z-index:1;}
.about_img{width:40%; overflow:hidden;  background:#01327f url(../images/go_enclise.jpg) no-repeat left center; padding:30px 30px 30px 60px; z-index:10}
.about_img img{ width:100%; height:260px; line-height:0px;  float: left; }
.about_con{ width:56%;}
.about_con h2{  font-size: 20px; margin-bottom:10px; margin-top:30px}
.about_con .about_js{}
.about_con .about_js .about_p p{line-height:2em;text-align: justify; text-indent:2em; margin-bottom:5px }
.about_con .about_js .about_p{ height:200px; overflow:hidden; font-size:14px;  color: #666666;}

.go_f{  width:100%;overflow:hidden; margin-top:30px}
.go_f span{ float:left; background:url(../images/go_tel.gif) no-repeat left center;  display:block; color:#666666; font:12px/22px "Microsoft YaHei",微软雅黑,arial,宋体; overflow:hidden;  padding-left:60px;}
.go_f span b{ color:#01327f; font: bold 18px/30px "Microsoft YaHei",微软雅黑,arial,宋体, Times, serif; display:block;}
.go_f p{ float:right;display:inline-block; background:url(../images/go_btn3.jpg) no-repeat left top;  width:115px; overflow:hidden; font: 14px/43px "Microsoft YaHei",微软雅黑,arial,宋体; text-align:center;}
.go_f p a{ color:#ffffff;}






/* 本例子css */

.scroll_horizontal{width:100%;height:auto; margin-top:10px}
.scroll_horizontal .box{overflow:hidden;position:relative;width:100%;height:auto;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:275px;text-align:center; padding: 0 10px;}
.scroll_horizontal .list li .cpimg{overflow:hidden;width:100%}


.scroll_horizontal .list li .cpimg img{ width:100%; height:220px; float:left;border: 1px solid #e6e6e6; padding:4px;}
.scroll_horizontal .list li .cpimg h3{font-size:14px;font-weight:100;height:35px;line-height:35px;text-align:center;overflow:hidden;color:#666666; width:100%}



.scroll_horizontal .plus ,.scroll_horizontal .minus{position:absolute;top:50px;width:20px;height:100px; cursor:pointer; }
.scroll_horizontal .plus{left:-40px;background:url(../images/zz_le.png) no-repeat left center;}
.scroll_horizontal .minus{right:-40px;background:url(../images/zz_ri.png) no-repeat right center;}
.scroll_horizontal .plus:hover,
.scroll_horizontal .minus:hover{}


/*bann2*/
.bann2_bj{ background:url(../images/bann2_bj.jpg) no-repeat center top; height:201px; overflow:hidden;}
.bann2{ position:relative; height:201px; overflow:hidden;}
.bann2 span{ background:url(../images/bann2_tel.png) no-repeat left center; position:absolute; top:140px; left:473px; display:block; color:#b6d5f6;height:45px; width:245px; padding-left:37px;}
.bann2 span b{ color:#fff; font: bold 26px/26px "Times New Roman", Times, serif; display:block;}
.bann2 p{ position:absolute; top:145px; right:30px; display:block; background:url(../images/bann2_btn.png) no-repeat left top; height:31px; width:178px; overflow:hidden; font: 14px/31px "microsoft Yahei"; text-align:center; margin-right:15px;}
.bann2 p a{ color:#fff;}







/*新闻中心*/
.xwzx{width:100%; height: auto; padding:40px 0}


.newl{ width:66%; }
.xwzx .new_con{ }

.newshang{ width:36%; height:auto; border: 1px solid #d9d9d9;padding: 5px; }
.newshang .pic{width: 100%; height:308px; overflow:hidden;}
.newshang .pic img, .newshang .pic a{width:100%; height:308px; overflow:hidden;display: block;transition: .4s transform;transform: translateZ(0); /* hack */}
.newshang .pic:hover img {transform: scale(1.3, 1.3);transition: .8s transform; }
.newshang .newstitle{ width:420px; }
.newshang .newstitle h3{font-size: 14px;margin-bottom: 10px;}

.newshang .newstitle p{  line-height:2em;  color:#888}
.newshang .newstitle span{line-height:2.5em;  }


.newxia{ width:60%}

.newxia li{ padding-left:15px; height:40px;border-bottom: dotted 1px #e1dddd; line-height:40px; width:100; background:url(../images/ysd.gif) no-repeat left center;}

.newxia li h3{font-size: 13px; font-weight:normal; display:inline-block}

.newxia li span{ float:right;}




.newr{ width:30%; }
.list_lh{ height:320px; overflow:hidden;}
.list_lh li{ padding: 15px 0;border-bottom: 1px dashed #dbcec1; height:117px; overflow:hidden}
.list_lh h3{ font-size:13px;line-height: 28px; color:#010101; background:url(../images/wen.png) no-repeat left center; padding-left:30px; margin-bottom:10px }
.list_lh p{ color:#888;  line-height: 24px; overflow: hidden; background: url(../images/da.png) no-repeat left 2px; padding-left:30px;}


/*link*/
.link_bj{ height:auto; overflow:hidden; margin-bottom:40px}
.link{ height:auto; overflow:hidden;}
.link h2{ height:33px; overflow:hidden; border-bottom:#DADADA solid 1px; width:100%; font:14px/32px "Microsoft YaHei",微软雅黑,arial,宋体;}
.link h2 a{ color:#01327f;}
.link h2 span{ height:33px; font:12px/32px "Microsoft YaHei",微软雅黑,arial,宋体; display:inline-block; overflow:hidden;}
.link h2 span a{  color:#999999;}
.link p{ margin-top:10px; font:12px/30px "Microsoft YaHei",微软雅黑,arial,宋体; display:block;}
.link p a{ color:#666666; display:inline-block; padding:0 18px; }
.link p .nones{ background:none;}



/*底部开始*/
.footWrap{ background:#01327F url(../images/f_bj.jpg) no-repeat center top; height:auto; overflow:hidden; margin-top:12px;}


.f_nav{ height:51px; overflow:hidden; text-align:center; font:14px/51px "Microsoft Yahei"; color:#ffffff;}
.f_nav a{ color:#ffffff; padding:0 26px; display:inline-block; background:url(../images/nav_line.jpg) no-repeat right center;}
.f_nav a:last-child{ background:none;}
.footer{ padding:30px 10px }
.f_logo{ display:inline;width:auto; height:auto; overflow:hidden; padding-top:35px;}
.f_logo img{width:100%; }

.f_wz{padding-left:25px; width:550px; overflow:hidden; font:13px/28px "Microsoft Yahei"; color:#ffffff; }
.f_wz a{ color:#ffffff; }
.f_wz em{display:inline-block; padding:0 7px;}
.f_wz img{ vertical-align:middle;}

.footer p{  width:auto; height:auto; overflow:hidden; background-color:#fff;}
.footer p img{ width:120px; height:120px;  border:1px solid #eaeef4; display:block;}

/*底部结束*/