@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: 70px;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}