@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.content{width: 1200px;margin:0 auto;}
em , i{font-style: normal}
/*欢迎*/
.head{background-color: #e8e7e7;height: 30px;width: 100%;}
.head p{color: #666;line-height: 30px;}
.head p a{color: #666;display: block;margin-right:20px;float: left}

/*头部*/
.top_bg{ height:177px; background:url(../images/top_bg.jpg) no-repeat center 0; position:relative; z-index:20;}
.top_bg .h_con{ height:120px; overflow:hidden;}
.top_bg .logo{width:546px;height: 100px;margin-top: 10px;}
.top_bg .logo img{width:546px;height: 100px;}
.top_bg .num{ background: url(../images/tel_bg.png) no-repeat left 25px center; width: 230px; margin-left: 13px; border-left: 1px solid #ccc;margin-top: 25px; padding-left: 104px; height: 70px;}
.top_bg .num p{line-height: 35px;color: #0366ad;font-size:34px;font-weight:600;font-family: "impact";letter-spacing: 1px;}
.top_bg .key{width: 252px; margin-top: 25px; border-left: 1px solid #ccc; padding-left: 30px;  height: 70px;}
.top_bg .key p{font-size:18px;line-height: 30px;color: #333;}
.top_bg .key em{color: #0366ad;font-weight: 600}
.h_nav em{width: 162px;height: 40px;display: block;float: left;padding: 15px 0 0;}
.h_nav em img{width: 136px;height: 40px;}
.h_nav ul{display: block;float: right;width: 1200px;}
.h_nav li{ line-height:56px; float:left;position:relative;width:120px;}
.h_nav li a{ font-size:16px; color:#fff;padding-left:18px;}
.h_nav li.on{ background:url(../images/nav_ico03.jpg) no-repeat left center;}
.h_nav li.on a{font-weight: 600;color:#fff}
.h_nav li:hover{ background:url(../images/nav_ico03.jpg) no-repeat left center;}
.h_nav li:hover a{font-weight: 600;color:#fff}
.h_nav li:nth-child(1):hover{ background:url(../images/nav_ico03.jpg) no-repeat left center;}
.h_nav li:nth-child(1) a ,  .h_nav li:nth-child(1):hover a{color: #fff;}

/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:650px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#ffa23b}
.flexslider .slides a img{width:100%;height:650px;display:block}

/*统一使用的标题*/
.pubtit{background:url(../images/titbg.png) no-repeat left center;height: 143px;text-align: center;margin: 0 auto;width: 629px}
.news .pubtit{background:url(../images/titbg1.png) no-repeat  center;height: 143px;text-align: center;margin: 0 auto;width:513px}
.pubtit em{ display: block;padding-top: 38px;text-align: center; font-size: 34px; color: #555;font-weight: 600; text-indent: 5rem;}
.pubtit span{ display: block; text-align: center;font-size:16px;color: #666;text-indent: 5rem;}

/*图标*/
.char .tit{background:url(../images/icbg.jpg) no-repeat  center;height: 86px;margin-top: 30px;}
.char .tit p{color: #fff;font-size: 20px;letter-spacing: 2px;line-height: 40px;text-align: center;}
.char ul{height:255px;margin-bottom:20px;padding: 30px 0 20px}
.char ul li{float:left;width:150px;text-align:center;margin:0 45px}
.char ul li .img{height:150px;width:150px;border-bottom:2px solid #ccc;padding-bottom:10px;margin-bottom:10px}
.char ul li b{font-size:20px;color:#454545;line-height:30px}
.char ul li p{font-size: 15px;color: #666;line-height: 20px; text-align: center;}
/*.char ul li .zl{background:url(../images/zl.png) no-repeat center}
.char ul li .gl{background:url(../images/gl.png) no-repeat center}
.char ul li .fw{background:url(../images/fw.png) no-repeat center}
.char ul li .aq{background:url(../images/aq.png) no-repeat center}
.char ul li .cx{background:url(../images/cx.png) no-repeat center}
.char ul li .kj{background:url(../images/kj.png) no-repeat center}*/
.char ul li .zl{background:url(../images/zl1.png) no-repeat center}
.char ul li .gl{background:url(../images/gl1.png) no-repeat center}
.char ul li .fw{background:url(../images/fw1.png) no-repeat center}
.char ul li .aq{background:url(../images/aq1.png) no-repeat center}
.char ul li .cx{background:url(../images/cx1.png) no-repeat center}
.char ul li .kj{background:url(../images/kj1.png) no-repeat center}

/*product start*/
.product{padding:60px  0; background: url(../images/pbg.jpg) no-repeat top  center;}
.leftNav{ width:280px; background: #fff;padding-bottom:20px;}
.leftNav ul{padding:15px 0; }
.leftNav ul li{height: 35px;padding-top: 15px;background: url(../images/line_01.png) no-repeat bottom center;}
.leftNav ul li a{margin-left:35px; font-size:15px;color:#ccc; padding-left:20px; background: url(../images/arrow_01.jpg) no-repeat left; }
/*左侧产品列表*/
.titlist{background-color:rgb(255 255 255 /85%);position:relative;width:269px;}
.titlist li{overflow:hidden;padding-left: 10px;margin:0 auto;border-bottom: 1px dashed #ccc;}
.titlist li a{ font-size: 15px; background: url(../images/pdot.png) no-repeat 25px center;  color: #666;padding-left: 45px;line-height:47px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: bold}
.titlist li a:hover{color: #0366ad;}
.titlist li.none{border-bottom:none;} 
.ptit{background: url(../images/ptbg.png) no-repeat center; height: 96px; }
.ptit b{display: block;color: #fff;text-transform: uppercase;font-size:80px;padding:0 10px 0 25px;font-weight: normal;line-height: 80px;}
.ptit p{font-size: 35px;font-weight: 600;color: #0366ad;font-family: "times new roman";font-weight: 600; padding-top: 7px;}
.ptit span{text-transform: uppercase;display: block;color: #fff;font-size:25px;font-family: "Arial";letter-spacing: 5px;}

.left_lx{width: 269px;height: 191px;background:url(../images/leftlx.jpg) no-repeat center;text-align: center;color: #fff;text-align: center;}
.left_lx .lx_con{padding-top: 15px}
.left_lx p{text-align: center;font-size: 16px}

/*右侧*/
.right{width:920px;}
.pro_con li{width:278px;margin:0 0 26px 26px; border:1px #dfdfdf solid;float: left;border-bottom-color:#ccc;}
.pro_con li img{ width:278px; height:210px;padding:0px;}
.down img{width:100%;height:305px;}
.pro_con li{ position: relative; display: inline-block; margin:0 0 13px 26px; background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con i.one{color:#333;font-size: 16px; text-align: center;padding:10px 15px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%; background-color: rgb(3 102 173 / 88%)}
.pro_con li .box i.two{ color:#fff;font-size: 16px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con li:hover .box{ opacity: 1;top:0}
.pro_con li:hover i.one{ opacity: 0;}
.pro_con li:hover .rightDown span{border-bottom:35px solid #edb200}
.pro_con .rightDown span{position:absolute;bottom:0;right:0;width:0;height:0;border-left:35px solid transparent;border-bottom:35px solid #ccc;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.pro_con .rightDown b{position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}

/*优势*/
.ys{background-color: #fff;padding:60px 0 0; }
.ys1 , .ys2{width: 1200px;margin:20px auto 60px;}
.ys1 .wz{width:398px;background-color: #0366ad;;padding: 0 20px;height: 220px;}
.ys2 .wz{width:398px;background-color: #0366ad;;padding: 0 20px;height: 220px;}
.ys2 .wz a.tit {display: block;padding-top: 30px;font-size: 28px; font-weight: 600; line-height: 64px; color: #fff;}
.ys2 .wz p {text-align: left;line-height: 26px;color: #fff;}
.ys1 .wz p{text-align: left;line-height: 26px;color: #fff;}
.ys1 .wz a.tit{ display: block;padding-top: 30px;font-size: 28px; font-weight: 600; line-height: 64px; color: #fff;}
.ys1 .ysimg , .ys2 .ysimg{width:742px;height: 210px;overflow: hidden;}
.ys2 .ysimg ul li{margin:8px 10px 8px 10px;}
.ys2 .ysimg img{width: 160px}

.multipleColumn{ overflow:hidden; position:relative; }
.multipleColumn	.tempWrap	{width: 740px!important;;}

		.multipleColumn .bd{ overflow:hidden;  }
		.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:180px;  float:left; _display:inline;  }
		.multipleColumn .bd ul li{ width:160px;margin:8px 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.multipleColumn .bd ul li .pic{ text-align:center; }
		.multipleColumn .bd ul li .pic img{ width:160px; display:block; }
		.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
		.multipleColumn .bd ul li .title{ line-height:24px;   }

.honor{height: 270px;background: url(../images/honorbg.jpg) no-repeat center top #f1f1f1;padding:30px 0 50px;}
.honor .honor_l{width: 190px;padding-left: 160px;padding-top: 115px}
.honor .honor_l b{font-size: 40px;color: #0366ad}
.honor .honor_l p{font-size: 18px;line-height: 35px}
.honor .honor_r{width: 830px;padding-top: 69px}
.honor .honor_r .picMarquee-left{ width:830px;overflow:hidden; position:relative;}

.honor .honor_r .picMarquee-left .bd{ padding:10px;}
.honor .honor_r .picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.honor .honor_r .picMarquee-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.honor .honor_r .picMarquee-left .bd ul li .pic{ text-align:center;}
.honor .honor_r .picMarquee-left .bd ul li .pic img{ width:124px; height:165px; display:block;}
.honor .honor_r .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;}
.honor .honor_r .picMarquee-left .bd ul li .title{ line-height:24px;}


/*资质荣誉*/
.zzry{ overflow:hidden; position:relative;  border:1px solid #ccc;   }
.zzry .hd{ overflow:hidden;  height:30px;padding:0 10px;  }
.zzry .hd .prev,.zzry .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.zzry .hd .next{ background-position:0 -50px;  }
.zzry .hd .prevStop{ background-position:-60px 0; }
.zzry .hd .nextStop{ background-position:-60px -50px; }
.zzry .bd{ padding:30px;   }
.zzry .bd ul{ overflow:hidden; zoom:1; }
.zzry .bd ul li{ margin:0 8px; float:left;display:inline; overflow:hidden; text-align:center;  }
.zzry .bd ul li .pic{ text-align:center; }
.zzry .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
.zzry .bd ul li .pic a:hover img{ border-color:#999;  }
.zzry .bd ul li .title{ line-height:24px;   }
/*合作伙伴*/
.hzhb{ overflow:hidden; position:relative;  border:1px solid #ccc;   }
.hzhb .hd{ overflow:hidden;  height:30px;padding:0 10px;  }
.hzhb .hd .prev,.hzhb .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.hzhb .hd .next{ background-position:0 -50px;  }
.hzhb .hd .prevStop{ background-position:-60px 0; }
.hzhb .hd .nextStop{ background-position:-60px -50px; }
.hzhb .bd{ padding:30px;   }
.hzhb .bd ul{ overflow:hidden; zoom:1; }
.hzhb .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hzhb .bd ul li .pic{ text-align:center; }
.hzhb .bd ul li .pic img{ width:200px; height:70px; display:block; padding:2px; border:1px solid #ccc; }
.hzhb .bd ul li .pic a:hover img{ border-color:#999;  }
.hzhb .bd ul li .title{ line-height:24px;   }

/*关于*/
.scroll_bg{width: 100%;height: 980px; background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%; background-repeat: no-repeat; position: absolute; z-index: -1;}
.about{padding:60px 0;background-color:rgb(0 102 173 / 88%);   }
.about .about_sm{width:700px; height:600px; position: relative;}
.about .about_sm img{width:700px; height:600px;}
.about .about_desc{width:1200px; height:508px;padding:40px 40px 0;background: rgb(255 255 255 / 80%);}
.about .about_desc  p{font-size: 15px;  color: #444;text-indent: 2rem; line-height: 30px;}
.about .shuzi{height:75px;margin-top:80px;}
.about .shuzi ul li{float:left;width:300px;border-right:1px solid #dadada;box-sizing: border-box;}
.about .shuzi ul li span{display: block;height:40px;text-align: center}
.about .shuzi ul li:nth-child(4){float: right;margin-right: 0;border-right:none;}
.about .shuzi ul li span em{display: block; font-size:28px; line-height:42px;color:#fff;text-align: center}
.about .shuzi ul li span i{font-size: 18px;    color: #444;    margin-top: 17px;    display: block;    float: left;}
.about .shuzi ul li p{ font-size: 16px;text-align: center; margin-top: 12px; color:#ddd;text-indent: 0}
/*.about .shuzi ul li:hover span em{color:#0366ad;}
.about .shuzi ul li:hover span i{color:#0366ad;}
.about .shuzi ul li:hover p{color:#0366ad;}*/
/*图标列表*/
.iconlist {padding-top: 20px;}
.iconlist span{display: block;   margin-right: 50px; float: left; width:273px;color: #0366ad;font-weight: 600;     height:106px; padding-top:5px; padding-left:125px; background:url(../images/btbj.png) no-repeat left center; font-size: 32px;  line-height:45px;  }
.iconlist span i{display: block; font-size:28px; color:#edb200; line-height:45px;font-weight: normal;  }*/
.about .iconlist{padding-top:40px;}
.about .iconlist li{float:left;width: 104px;margin-right: 68px;height: 60px;}
.about .iconlist li p{text-align: center;line-height: 40px;color: #666;width: 100%;font-size: 16px;text-indent:0;padding-top: 70px;}
.about .iconlist li img{display: block;width: 60px;height: 60px;margin:0 auto;}
.about .iconlist li a{color: #666;}
.about .iconlist li:nth-child(1){ background:url(../images/a4.png) no-repeat center;}
.about .iconlist li:nth-child(2){ background:url(../images/a1.png) no-repeat center;}
.about .iconlist li:nth-child(3){ background:url(../images/a2.png) no-repeat center;}
.about .iconlist li:nth-child(4){ background:url(../images/a3.png) no-repeat center;}
.about .iconlist li:nth-child(1):hover{ background:url(../images/a4-1.png) no-repeat center;}
.about .iconlist li:nth-child(2):hover{ background:url(../images/a1-1.png) no-repeat center;}
.about .iconlist li:nth-child(3):hover{ background:url(../images/a2-1.png) no-repeat center;}
.about .iconlist li:nth-child(4):hover{ background:url(../images/a3-1.png) no-repeat center;}
.about .iconlist li:hover p{color: #0366ad;}

/*新闻*/
.news{overflow: hidden;padding:60px 0;background-color: #fff}
.new-left{float: left;width: 650px;}
.news .con .f_cb{height: 194px; background: #fff; margin-bottom: 35px;}
.news .con .nimg{float: left;width: 260px;height:195px;overflow: hidden;background:#aaa;}
.news .con .nimg img{width: 260px;height:195px;display: block;transition: all 0.3s linear 0s;opacity: 0.80}
.news .con .nimg:hover img{transform: scale(1.1);}
.news .con .wz{float: right;width: 360px;}
.news .con a.ntit1{display: block;color: #333333;font-weight: normal;overflow: hidden;line-height: 35px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.news .con p{line-height: 28px;height: 84px; overflow: hidden; color: #999;margin-top: 10px;}
.news .con a.more{display: block;margin-top: 26px;width: 120px;line-height:26px;background-color: #0366ad;color: #fff;text-align: center;border-radius: 20px;}
.news .con a.more:hover{background: #0366ad;}
/*news-right*/
.n1{background:#1c66ad url(../images/dtbg1.jpg) no-repeat right center; width:100%;height: 64px;margin-bottom: 22px;padding-top: 10px;}
.n1 .ntime{float: left;width: 115px;border-right: 1px solid #ebebeb;font-family: "Arial";text-align: center;}
.n1 .ntime span{display: block;font-size: 24px;color: #fff;line-height: 30px;font-weight: normal;}
.n1 .ntime em{display: block;font-size: 16px;color: #d0d0d0;line-height: 24px;font-weight: normal;}
.n1:hover span , .n1:hover em ,   .n1:hover a{color: #fff;}
.n1 a{float: right;width:calc(100% - 200px);margin-right: 20px;padding-right: 40px;line-height: 54px; color: #fff; font-size: 16px; overflow: hidden; height:40px;}
.n1:hover{background:#f08c33 url(../images/dtbg2.jpg) no-repeat right center;}
.new-right{float: right;width: 475px;}
.new-right-title{position: relative; height: 58px;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece; margin-bottom: 30px;}
.new-right-title {line-height: 58px;font-size: 16px;color: #666;font-weight: normal;}
.new-right-text{padding: 0px 0 20px 45px; border-bottom: 1px dashed #cecece; background: url(../images/wen.jpg) no-repeat left 0;margin-bottom:28px;}
.new-right-text a.ntit{display: block;line-height: 26px;color: #333;font-size: 16px;overflow: hidden;   white-space: nowrap; text-overflow: ellipsis;}
.new-right-text p{line-height: 26px;color: #999;margin-top: 15px;}
.new-right .none{border-bottom: 0;}
.new-right-text a.ntit:hover{color:#0366ad}

/*底部*/
.footWrap{background-color: #333;overflow:hidden;padding: 100px 0;}
.fnav{overflow:hidden;width:240px;color:#fff;float:left;}
.fnav span{ display: block; text-transform: uppercase;  height:45px;line-height:20px;background:url(../images/ftline.png) no-repeat left bottom;padding-left:32px;color:#fff;width:350px;box-sizing:border-box;font-size:20px;font-weight:400;margin-bottom:30px;position:relative}
.fnav span:before{content:"";position:absolute;left:0;top:0;width:23px;height:23px;background:url(../images/dhico.png) no-repeat}
.fnavv li{float:left;width:92px;}
.fnavv a{display: block; color: #c1c1c1; font-size: 16px; line-height: 28px;}
.fnavv li:nth-child(2n){float:right}
.fcontact{overflow:hidden;    margin-left:32px;width:850px;color:#fff;box-sizing:border-box}
.fcontact span{ display: block;text-transform: uppercase;  height:45px;line-height:20px;background:url(../images/ftline.png) no-repeat left bottom;padding-left:32px;color:#fff;box-sizing:border-box;font-size:20px;font-weight:400;margin-bottom:30px;position:relative}
.fcontact span:before{content:"";position:absolute;left:0;top:0;width:23px;height:23px;background:url(../images/lxico.png) no-repeat}
.fcontact ul{border-right: 1px solid #3e3d3d; height:82px; margin-right: 20px;  float: left; width: 269px; margin-bottom:35px;}
.fcontact ul.none{border-right:none; margin-right:0;}
.fcontact li{color:#999;float:left;font-weight:400;line-height:30px;font-size: 15px;}
.fcontact li a{color:#999;}
.fcontact li em{padding:0 10px}
.fcontact  p{float: left;color:#999;padding-right:45px;font-size: 15px;}

/*版权*/
.cop{line-height:60px;color:#999;background-color: #000;}
.cop span{display: block;text-align: center;}
.cop a{color:#999}