body{ font-family:'Microsoft YaHei', '微软雅黑'; font-size:14px; line-height:2; font-weight:normal; margin:0; padding:0; overflow-x:hidden; color:#333;}
html, body, div, span, ul, li, ol, dl, dt, dd, table, td, th, p, fieldset, form, pre, blockquote, h1, h2, h3, h4, h5, h6, input, img, a { margin: 0; padding: 0; }
ul,li,ol{ list-style: none; }
img { border: none; }
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none;color:#333;-webkit-transition: all .5s;transition: all .5s; }
.hv a:hover{ text-decoration:none;color:#103396;-webkit-transition: all .5s;transition: all .5s; }
.clear{ clear:both; height:0px;}
.inn{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position: relative;}
.pa{ position: absolute;}
.oh{ overflow: hidden;}
.tac{ text-align: center;}
.tal{ text-align: left;}
.tar{ text-align: right;}
.clf{ color: #fff;}
.clfa a{ color: #fff;}
.cl3{color: #333;}
.cl3a a{ color: #333;}
.fwn{ font-weight: normal;}
.fwb{ font-weight: bold;}

@font-face{
	font-family:"chuangyi";
	src: url('chuangi.TTF');}


/*head*/

/*logo*/
.logo{ padding:20px 0;}
.logoimg{ float:left; width:510px;}
.logoimg img{ float:left; width:73px; height:73px; margin-right:10px;}
.logoimg h2{ float:left; font-size:27px;/*font-family:"chuangyi"; */font-weight:normal; line-height:1.5; font-weight:bold;color:#183884;}
.logoimg h3{ float:left; font-size:14px; font-weight:bold; text-transform: uppercase;color:#0c338f;}
.biaoti{ float:left; width:350px; padding-left:20px; line-height:1.5;border-left:1px solid #333; margin-top:10px; margin-left:20px;}
.tel{ float:right; width:270px;}
.tel img{ float:left;transform:rotateY(180deg);}
.tel h2{ font-size:14px; font-weight:normal; color:#4f4f4f;}
.tel h3{ font-size:25px; color:#da251d; line-height:1; font-style:italic;}

/*nav*/
.nav{ background:#103396; height:55px; }
.nav ul,nav li{ list-style:none;}
.nav>ul span{ float:left; color:#fff;line-height:55px;}
.nav>ul span.frg{ float:right;}
.nav>ul{ width:1200px; margin:0 auto;}
.nav>ul>li.first{}
.nav>ul>li{ float:left;  width:12.5%;height:55px; text-align:center; line-height:55px;position:relative;}
.nav>ul>li>a{color:#fff; font-size:16px;letter-spacing:1px;}
/*.nav>ul>li:hover{ background:#fff;height:55px;-webkit-transition: all .3s;transition: all .3s; }*/
.nav>ul>li:hover>a{border-bottom:2px solid #fff; padding-bottom:5px;-webkit-transition: all .3s;transition: all .3s; }
.nav li ul{ display:none; position:absolute; top:55px; z-index:5; left:0;min-width:100%;}
.nav li:hover ul{ display:block;}
.nav li li{ background:#fff; min-width:100%;white-space:nowrap; display:block;border-bottom:1px solid #ccc;}
.nav li li a{ color:#666; font-size:14px; padding:0 5px;}
.nav li li:hover{ background:#eee;}
.nav li li:hover a{ color:#103396;}

/* banner*/
.fullSlide{width:100%;position:relative;height:575px;background:#fff;}
.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:575px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:575px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px; border-radius:50%;margin-right:10px;overflow:hidden;background:#444;/*filter:alpha(opacity=50);opacity:0.5;*/line-height:999px;}
.fullSlide .hd ul .on{background:#fff; opacity:1;/*filter:alpha(opacity=50);*/}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;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:10%;background-position:-6px -137px;}


.common{ text-align:center; background:url(../images/bt_bg.png) no-repeat bottom; margin-bottom:20px;}
.common h2{ font-size:27px;}
.common h3{ font-size:14px;line-height:1.5; text-transform:uppercase; padding-bottom:20px; font-weight:normal;}
.show{ display:block;}
.pane{display:none;}
.hit a{ background:#cfcfcf;-webkit-transition: all .5s;transition: all .5s;}
.hit{ background:#cfcfcf;}
/*products*/
.product{ margin-top:20px;; margin-bottom:30px;}
.prot{ background:#103396; padding: 20px 0;}
.prot h2{text-align:center; line-height:1; font-size:22px;}
.prot h3{ text-align:center; text-transform:uppercase; font-weight:normal; font-size:14px;}
.prot a{ color:#fff;}

.prob{ width:1200px;height:auto;}

.proc { margin-top:30px; padding-left:15px;}
.proc li{float:left;width:281px;height:260px;margin:0 15px 15px 0; text-align:center; background:url(../images/pro_bg.png) no-repeat top; font-size:14px;}
.proc li img{ width:279px; height:223px; border:1px solid #ddd;}
.proc li a{display:block;}
.proc li span{height: 28px;display: block;line-height: 38px;}
.proc li:hover a{ color:#103396;-webkit-transition: all .5s;transition: all .5s;}
.proc a.more{ float:right; margin-right:30px; padding:1px 20px; border:1px solid #103396;}
.proc a.more:hover{ color:#fff; background:#103396;-webkit-transition: all .5s;transition: all .5s; }

/*about*/
.abl{ width:50%; float: left; margin-top:20px;}
.abl p{ font-size:14px;}
.amore{ color:#fff; background:#103396; text-transform:uppercase; padding:5px 10px; border:1px solid #103396;}
.amore:hover{ background:#fff; color:#103396;-webkit-transition: all .5s;transition: all .5s;}
.abr{ background:url(../images/about_bg.png) no-repeat top right; padding:70px 100px 0 0; margin-bottom:20px; margin-top:20px;}
.abr img{ width:430px; height:305px;}

/*anli*/
.anli{ background:#f3f3f3;margin-top:20px;}
.ala li{width:300px; padding-bottom:40px; float:left;}
.ala li img{width:280px; height:215px;}
.ala li h3{ font-weight:normal; padding-bottom:10px; font-size:14px;}
.ala li h4{ width:280px;padding-bottom:10px; font-size:14px; font-weight:normal; line-height:1;}
.ala li i{ border-bottom:2px solid #000; width:60px; display:block;}
.ala li:hover h4,.ala li:hover h3,.ala li:hover i{ color:#103396; border-color:#103396;}
.friend{height:327px;margin:0 auto;overflow:hidden;width:1350px;}
.mr_frbox{height:327px;padding:24px 0px 0px;}
.mr_frUl{float:left;height:202px;width:1047px;margin-left:10px;}
.mr_frUl ul li{display:inline;float:left;overflow:hidden;position:relative; padding-left:5px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:60px;margin:100px 10px 0 0;width:60px;}
.mr_frBtnR{float:right;margin-top:100px;cursor:pointer;width:60px;height:60px;}

.anli2{ background:#fff;margin-top:10px;margin-bottom:20px;}
.ala2 li{width:570px; padding-bottom:40px; float:left;}
.ala2 li img{width:570px; height:360px;}
.ala2 li h3{ font-weight:normal; padding-bottom:10px; font-size:16px;text-align:center;}
.ala2 li:hover h3{ color:#103396; border-color:#103396;}
.friend2{margin:0 auto;overflow:hidden;width:1200px;}
.mr_frbox2{padding:24px 0px 0px;}
.mr_frbox2 ul li{display:inline;float:left;overflow:hidden;padding:0 15px;}
/*news*/
.news{ padding-bottom:30px;}

.newb{ width:47.5%;}
.newb li{ border:1px solid #ccc;padding:10px 15px; margin-bottom:20px;}
.newb li span{ float:left; width:90px; margin-right:40px;}
.newb li span b{ width:100%; display:block; font-size:25px; line-height:1.5;}
.newb li span em{ font-style:normal; font-size:14px;}
.newb li span i{ width:80%; border-bottom:2px solid #000; display:block;}
.newb li a{ color:#103396; font-weight:bold;}
.newb li p{ height:55px;}

/*foot*/
/*.hide{display:none;}*/
#tab  ul a{ color:#797979;}
#tab  ul{ color:#797979;}
#tab{ margin-bottom:20px;}
#tabs{ margin-top:20px;}
#tabs ul li{ float:left; border-left:5px solid #000; margin-right:10px;padding-left:5px; line-height:1.5; font-weight:bold; font-size:15px;}
/*#tabs ul li.on{ border-color:#103396;}
#tabs ul li.on a{ color:#103396;}*/
.fta{ background:#111;  color:#fff; padding-top:20px; padding-bottom:10px;}
.fta a{color:#fff; background:none;}
.fta a:hover{ color:#f00;-webkit-transition: all .5s;transition: all .5s; }
.ftb li{ float:left;}
.ftb li a{ color:#fff; text-decoration:none;}
.ftb span{ float:left; padding:0 5px;}
.fta p{ width:80%; float:left}
.fewm{ float:right;width:130px;}
.fewm img{ width:123px; height:145px;}


.proan li{width:85%; background:#ededed; margin:10px 0 10px 10px; line-height:3; padding-left:10px;}
.proan li a{ color:#333; display:block;padding-left:20px;}
.proan li i{ width:13px; height:13px; background:url(../images/jt.png) no-repeat; float:right; margin:12px 10px 0 0;}
.proan li:hover{ background:#cfcfcf;-webkit-transition: all .5s;transition: all .5s; }
.proan li:hover a{ color:#103396;}
.con{ width:940px;border:1px solid #103396; min-height:300px;}
.ntitle{background:#103396;}
.ntitle>h2{color:#fff; font-size:14px; font-weight:normal; line-height:3; float:left;}
.ntitle>h2 a{ border-left:5px solid #fff; margin-left:10px; padding-left:10px; color:#fff;}
.ntitle>h3{float:right;color:#fff;font-size:14px; font-weight:normal; line-height:3; padding-right:10px;}
.ntitle>h3 a{color:#fff;}
.cont{ padding:20px;}
.cont img{ max-width:900px;}
.pron{ width:230px; border:1px solid #103396; padding-bottom:20px;}
/*产品中心*/
.location{ width:100%; border-bottom:1px solid #ddd;}
#sub_tit{max-width:1200px;margin:0 auto;overflow:hidden;}
#sub_titl{float: left;width: 35%;line-height:42px;font-size:22px;}
#sub_titr{ width:65%; float:right; text-align:right; line-height:42px;}
.hei14{font-size:14px;font-weight:bold;color:#333;}
#pro-content{max-width: 1200px;margin: 0 auto;min-height:500px;}
#pro-content .pro-list{width: 100%;margin-top: 35px;}
#pro-content .pro-list .pro-tit{height: 50px;line-height: 50px;margin: 0 auto 20px;background:#f5f6f8;padding: 0 20px;position: relative;}
#pro-content .pro-list:first-child .pro-tit:before{content: "";display: block;width: 85px;height: 50px;background: url(../images/flame.jpg) no-repeat left 2px center;
    position: absolute;left: -80px;}
#pro-content .pro-list:first-child .pro-tit:after{content: "";display: block;width: 85px;height: 50px;background: url(../images/flame.jpg) no-repeat right 4px center;
    position: absolute;right: -80px;}
#pro-content .pro-list .pro-tit .protit-r{float: left;}
#pro-content .pro-list .pro-tit .protit-r a{font-size: 30px;color: #333;line-height: 50px;display: block;padding-left: 20px;background: url(../images/sb-bt.jpg) left center no-repeat;}
#pro-content .pro-list:first-child .pro-tit .protit-r a{background: url('../images/flames.gif') left center no-repeat;background-size: 38px;padding-left: 50px;}
#pro-content .pro-list .pro-tit .protit-l{float: right;}
#pro-content .pro-list .pro-tit .protit-l a{font-size: 18px;color: #333;background: url('../images/gengduokw.png')no-repeat right center;background-size: 25px;padding: 5px 35px 5px 0;}
#pro-content .pro-list .prolist-ul{margin-left: -2%;overflow:  hidden;}
#pro-content .pro-list .prolist-ul li{width: 23%;float:  left;text-align:  center;margin: 10px 0 10px 2%;transition: all .3s ease;}
#pro-content .pro-list .prolist-ul li a img{width: 100%;height: auto;}
#pro-content .pro-list .prolist-ul li p{color: #666;padding: 12px 0;font-size: 16px;}
#pro-content .pro-list .prolist-ul li:hover,.kw_pros li:hover{-webkit-box-shadow: #c2c2c2 0 5px 15px;-moz-box-shadow: #c2c2c2 0 5px 15px;box-shadow: #c2c2c2 0 5px 15px;
    transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);}
.prod-title{width: 50%; font-size: 26px;font-weight: 700;border: 1px dashed #333;color: #333;text-align: center;background: #f5f6f8;padding: 5px 0;margin: 30px auto 30px;}

/*分页开始*/
.i5upage{height:30px;margin-top:20px;margin-bottom:20px;font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.i5upage a,.i5upage span{display:block;color:#1e95f5;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;float:left;margin:2px 3px;text-align:center;padding:0 5px;height:22px;line-height:20px;} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#1e95f5;height:16px;width:25px;border:0px solid #fff;text-align:center;margin:0 -5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

/*ReturnTop*/
.floating_ck{position:fixed;right:2px;top:30%;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#da251d;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{font-size: 14px;color:#fff;display:block;padding-top:54px;}

@media screen and (min-width:480px){
.aboutlx li{width:88%;float:left;}
.aboutlx li p img{text-align:center;}
}
@media screen and (min-width:768px){
.aboutlx li{width:50%;float:left;}
}
@media screen and (min-width:992px){
.aboutlx li{width:50%;float:left;}
}
@media screen and (min-width:1200px){
.aboutlx li{width:50%;float:left;}
}