*, *:before, *:after { -ms-touch-action: pan-y;  /*  站点支持触屏*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉元素被点击时背景框的颜色*/ -moz-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box;  /*传统模型*/ -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

h1, h2 { font-weight: normal; font-size: 14px }

body { margin: 0; padding: 0; font-size: 14px; font-family: Verdana, Geneva, sans-serif; line-height: 16px; width: 100%;min-width: 1200px;}

html { overflow-x: hidden }

li { list-style-type: none; }

ul { list-style-type: none; margin: 0 auto; padding: 0; }

table{line-height: 16px;}

table img{margin: 10px 0;}

a { color: #333333; text-decoration: none; }

a:hover { color: #1c73b0; text-decoration: none; }

.center { text-align: left; width: 1200px; margin: 0 auto; }

.line { border-bottom: #CCCCCC 1px dashed; }

img { border: 0; }

.img:visited img { border: 1px solid #cccccc; }

.img img { border: 1px solid #cccccc; padding: 3px; }

.img:hover img { border: 1px solid #cccccc; }

/*顶部样式*/

.top_up_bg { width: 100%; height: 30px; background-color: #f7f5f6; border-bottom: 1px #d5d5d5 solid; margin: 0 auto; }

.top_up { width: 1200px; height: 30px; margin: 0 auto; line-height: 30px; color: #666; }

.top_up_left { float: left; width: 800px; height: 30px; }

.top_up_right { float: right; width: 300px; text-align: right; margin-right: 20px; }

.top_up_right a { color: #666 }

.top { width: 1200px; height: 126px; background: url(../images/top.png) no-repeat; margin: 0 auto }

#flashs{position:relative;height:400px; overflow: hidden;}

#flashs .btn{position:absolute;z-index:7;bottom:22px;right:50%;margin-right:-470px;padding:5px 6px;}

#flashs .btn span{color:#F98904;background:#efefef;border:1px solid #F98904;cursor:pointer;display:inline-block;margin-left:5px;padding:2px 6px;}

#flashs .btn span.cur{background:#F98904;color:#fff;}

#flashs .bgitem{height:400px; width: 100%;  margin:0 auto;}

.bfilter { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 300px; font-size: 0; line-height: 0; }

.bfilter a { position: absolute; top: 0; left: 0; width: 5%; height: 580px; overflow: hidden; }

.bfilter a img { position: absolute; left: 0; top: 0; }

.bctrl { position: absolute; bottom: 24px; left: 0; z-index: 9; width: 100%; height: 24px; }

.bctrli { text-align: center; font-size: 0; line-height: 0; }

.bctrli a { display: inline-block; width: 24px; height: 24px; margin: 0 3px; background: url(../images/banner_control.png) no-repeat left center; }

.bctrli a:hover, .bctrli a.curr { background-position: right center; }

.bctrli a { *display: inline; *zoom: 1; }

/*导航样式*/

.Top_menu { height: 55px; width: 100%; margin: 0 auto; overflow: hidden; background-color: #0187FA; font-family: "微软雅黑" }

.Top_menu ul { list-style: none; margin: 0 auto; width: 1200px; position: relative; z-index: 10; }

.Top_menu ul li { float: left; width: 130px; text-align: center; height: 55px; line-height: 55px; font-size: 16px; }

.Top_menu ul li:first-child { display: none }

.Top_menu ul .li_link { width: 2px; background: url(../images/menu.jpg) no-repeat center center; }

.Top_menu ul li a:link {color: #fff; text-decoration: none; display: block; }

.Top_menu ul li a:visited { background-color: #045acb; color: #fff; text-decoration: none; display: block; }

.Top_menu ul li a:hover { background-color: #045acb; color: #fff; text-decoration: none; display: block; }

.Top_menu ul li a:active{ background-color: #045acb; color: #fff; display: block; }

.nqType { position: relative; overflow: hidden; height: 42x; width: 1200px; margin: 0 auto; }

.nqtWrap { float: right; overflow: hidden; }

.nqtWrap li { float: left; }

.nqtWrap li a { display: block; height: 55px; padding: 0; line-height: 55px; text-decoration: none; }

.nqUnderline { position: absolute; bottom: 0; right: 0; height: 55px; width: 125px; background: url(../images/on_nav.jpg) repeat-x center top; z-index: 1; top: 0; }

/*index*/

.main { width: 1200px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 20px; }

/*产品*/

.cp { width: 954px; margin: 0 auto; }

.cp_top { width: 954px; height: 67px; background: url(../images/right_top.jpg) no-repeat; margin: 0 auto; }

.cp_tf { float: left; margin-left: 33px; height: 67px; line-height: 67px; font-size: 18px; color: #fff; font-family: "微软雅黑"; }

.cp_r {font-size:16px;text-align: right; line-height: 67px; margin-right: 10px !important; margin-right: 10px; }

.cp_bg { width: 954px; height: auto; margin: 0 auto; overflow: hidden;  }

.cp_bt { width: 954px; height: 10px; margin: 0 auto; background: url(../images/right_bt.jpg) no-repeat; }

.cp_con {margin:5px 0;float:left;width: 944px; height: auto; overflow: hidden;  margin: 20px auto 10px; padding-left: 10px;}

.cp_con li{ margin:3px 0;float:left;width:310px;height:auto; }

.cp_con li a{display: block;}

.cp_con li p{width: 300px;margin: 0 auto;float: left;display: block;text-align: center;height: 34px;line-height: 34px;}

.cp_con li span{width:280px; height:30px; margin:0 auto; text-align:center;display: block;}

.cp_con li span a{line-height:30px;}

.cp_con .cp_tu{width:280px; margin:0 auto;text-align:center;}

/*优势*/

.youshi { width: 100%; height: 1130px; background: url(../images/youshi.jpg) no-repeat center top; margin: 0 auto }

/*banner*/

.banner0_bg { width: 100%; height: 418px; background: url(../images/banner_bg.jpg) repeat-x center top; margin: 0 auto; margin-top:40px; }

.banner0 { width: 1200px; height: 418px; background: url(../images/banner.jpg) no-repeat; margin: 0 auto }

/*公司简介*/

.gsjj { width: 100%; height: 530px; background: url(../images/gsjj_bg.jpg) repeat-x center bottom; margin: 0 auto; }

.gsjj_bg { width: 1200px; height: 542px; margin: 0 auto; }

.gsjj_top { width: 1200px; margin: 0 auto; background: url(../images/titlebg_01.png) no-repeat center bottom; padding-top: 50px; margin-bottom: 40px; text-align: center; }

.gsjj_top h2 {text-transform: uppercase;font-size: 34px; color: #008cef; font-weight: normal; margin-bottom: 10px; }

.gsjj_top span { font-size: 24px; color: #008cef; height: 44px; line-height: 44px; overflow: hidden; }

.gsjj_con { width: 1200px; margin: 0 auto }

.gsjj_con dt{ width: 560px;padding:8px 0 0 10px; float: left; }

.gsjj_con dt img{ width: 521px; height: 330px;display: block;}

.gsjj_con dd{float:right;width: 630px;padding-right: 10px}

.gsjj_con h3{height:50px;border-bottom: 1px dashed #ccc;margin-bottom: 8px; }

.gsjj_con h3 a{ font-size: 24px; color: #008cef;line-height: 38px; font-weight: bold; text-decoration:none;}

.gsjj_con h3 a:hover{color: #f38100;}

.gsjj_con h3 em{display: block;font-size: 20px;color: #adadad;text-transform: uppercase;font-weight: normal;}

.gsjj_con p{ font-size: 14px; color: #666666; line-height: 30px; overflow: hidden;}

.gsjj_con span {display: block;margin-top: 26px;overflow: hidden;}

.gsjj_con span a{ text-decoration:none;display: block;float: left;width:140px; margin-right: 14px;height: 40px;line-height: 40px;font-size: 17px;color: #fff;}

.gsjj_con span .abtn1{background: #008cef;text-align: center;}

.gsjj_con span .abtn1:hover{background: #f38100;}

/*新闻资讯*/

.news { width: 1200px; height: auto; margin: 0 auto;overflow: hidden;}

.news_left { width: 589px; float: left; height: 380px; overflow: hidden; }

.news_right { width: 589px; margin-left: 16px; float: left; height: 380px; overflow: hidden; }

.fl { float: left; }

.fr { float: right; }

.n_nav { background: url(../images/news_nav.jpg) no-repeat left top; height: 74px; overflow: hidden; }

.n_nav span { display: inline-block; margin: 23px 19px 0 0;  width:100px; height: 26px; text-align: center; font: 16px Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 26px;}

.n_nav span a {  display: inline-block; padding-left: 8px; }

.n_nav ul li { float: left; font-size: 20px; font-weight: bold; }

.n_nav ul li a { color: #797979; display: inline-block; height: 74px; line-height: 74px; padding: 0 20px; }

.n_nav ul li a, .n_nav ul .cur a { background: url(../images/pro_cur.gif) no-repeat center bottom; color: #2877c4; text-decoration: none; }

.news_c { height: 300px; overflow: hidden; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC;padding-top: 10px; }

.news_c ul { padding: 5px 15px; }

.news_c li { float: left; width: 100%; border-bottom: 1px dashed #ccc; overflow: hidden; padding-left: 20px; padding-right: 10px; height: 38px; line-height: 38px; padding-left: 14px; background-image: url(../images/news_ico1.gif); background-repeat: no-repeat; background-position: 5px 15px; }

.news_c li a { color: #545454; display: block; font-size: 14px; line-height: 35px; }

.news_c li:hover a{color: #2877c4;}

.pro_list{border-bottom: 2px solid #515151;padding: 15px 0;overflow: hidden;}

.pro_list ul li{float:left;width:313px; height:230px;text-align: center;}

.pro_list ul li a{display:block;}

.pro_list ul li p{font-size: 14px;line-height: 40px;}

.pro_list ul li:hover p{color: #0187fa;}

.dede_pages { height: 45px; line-height: 45px; padding: 0 10px;margin-top: 10px;overflow: hidden;}

.dede_pages ul { float: right;padding-top: 5px; }

.dede_pages ul span { float: left; font-family: Tahoma; line-height: 25px; margin-right: 6px; border: 1px solid #E9E9E9; }

.dede_pages ul span a { float: left; padding: 3px 10px; color: #555; display: block; }

.dede_pages ul span a:hover { color: #fff; text-decoration: none; padding: 3px 10px; background: #3D99E6 }

#current { padding: 3px 10px; background: #3D99E6; color: #fff; }

.dede_pages dd { font-size: 14px }

/**soso**/

.g_ser{height:50px;line-height:50px;background:#fff;border-bottom:1px solid #e6e6e6;box-shadow: 0 3px 2px #ccc;}

.h_sea{height:56px;overflow:hidden;color:#555555;width:1200px;margin:0 auto}

.h_sea b{font-weight:normal;}

#searchtext{height:34px;line-height:35px;padding-left:10px;width:230px;color:#cecece;font-family:"Microsoft YaHei";float:right;position:inherit !important;border:1px solid #ccc}

.wbyselect{height:32px;line-height:32px;float:left}

.wbybut{width:48px;height:34px;right: 0;position: absolute;}

.h_sea .s_inp{width:300px;margin-top: 15px;}

.h_sea .key a{padding-right:10px;}

.ckxq a{color:#c8161d;padding-left:10px;}

#sitesearch ol{margin-left:0 !important}

#sitesearch{bottom: 6px;}

#searchajax a{display: none !important;}

#searchajax{border: none !important;}

/*滚动*/

.proscroll { width: 100%; min-width: 1200px; background: #F8F8F8; }

.iwrap-c-con { width: 1200px; height: 300px; padding: 30px 0 20px; margin: 0 auto; }

#ScrollBox { overflow: hidden; float: left; width: 1070px; height: 210px; margin: 0 10px; display: inline; }

#ScrollBox li { width: 280px; height: 210px; margin-right: 10px; overflow: hidden; float: left; display: inline; }

#ScrollBox li .pic { width: 280px; height: auto; overflow: hidden; }

#ScrollBox li .text { width: 280px; height: 35px; line-height: 32px; overflow: hidden; text-align: center; background-color:#0073d6; }

#ScrollBox li .text a { color: #fff; }

.ctrl { width: 50px; height: 50px; float: left; display: inline; margin-top: 90px; position: relative; }

.news_list0 a { float: left; width: 740px; height: 110px; margin-top: 20px; background: #FFF; border: 3px #0187fa solid; display: block }

.news_list0 a:hover { width: 740px; height: 110px; border: 3px #ff8603 solid; display: block; }

.news_list { background: url(../images/icon1.jpg) no-repeat left center; text-indent: 15px; line-height: 30px; border-bottom: #CCCCCC 1px dashed }

.data { text-align: right; margin-right: 0px !important; margin-right: 10px; color: #CCCCCC }

/*left*/

.left { float: left; width: 228px; height: auto; overflow: hidden; }

.left_top { width: 228px; height: 100px; background: #0187FA; margin: 0 auto ;  text-align: center;}

.left_top h2{  font-size: 24px;padding: 25px 0 5px; font-weight: bold;color: #fff;}

.left_top span{text-transform: capitalize;font-size: 24px;color: #fff;line-height: 34px;}

.left_bg { width: 228px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 10px; padding-bottom: 10px;border: 1px solid #d7d7d7;}

.left_bg .sli{height: 40px;line-height: 40px;text-align: center;background:#0187fa;}

.left_bg .sli a{color: #fff;font-size: 17px;}

.left_bt { width: 228px; height: 10px; margin: 0 auto }

.left_list { width: 228px; margin: 0 auto; }

.bigprolist{cursor:pointer;}

.bigprolist h2{ text-align: center;  font-weight: bold; font-size: 18px !important;height: 42px; line-height:42px; background: #e5e5e5;border-left: 2px solid #0187FA}

.left_list .j2 li { width: 228px; height: 47px;float:left; line-height: 47px; border-bottom: 1px dashed #DEDEDE; font-size: 14px; margin-top: 0px; text-align: center; }

.left_list .j2 li h2{}

.left_list li a:link { text-decoration: none; display: block; }

.left_list li a:visited { text-decoration: none; display: block; }

.left_list .j2 li a:hover { height: 39px; line-height: 39px; display: block; color: #fff; background-color: #ff8603; font-weight: bold; }

.left_list li a:active { text-decoration: none; color: #fff; display: block; }

.left .left_con{margin-top: 13px;border: 1px solid #dcdbdb;border-radius: 8px;}

.left_mail { width: 100%; height: 60px; margin: 0 auto; line-height: 60px; font-family: "微软雅黑"; font-size: 20px; color: #FFF; background: #515151 ; text-align: center; }

.left_mail{font-weight:normal; font-size:16px;}

.lm-top { padding-left: 38px;  border-bottom: 1px solid #dcdbdb; height: auto; font-size: 14px; color: #333; padding: 24px 0 9px; line-height: 14px; text-align: center; }

.lm-top .lm-tel { color: #0165ff; font-size: 22px; font-weight: bold; line-height: 45px; }

.lm-bottom {   height: 76px; font-size: 14px; color: #333; padding: 10px 0 0 0; line-height: 14px; text-align: center; }

.lm-bottom .btn { display: inline-block; width: 91px; height: 30px; margin-top: 10px; text-align: center; line-height: 30px; color: #fff; font-size: 14px; background: url(../images/contact_33.jpg) no-repeat center; }

/*right*/

.right { float: right; width: 960px;border: 1px solid #f3f3f3; overflow: hidden }

.right_top { width: 952px; height: 67px; background: url(../images/right_top.jpg) no-repeat; margin: 0 auto; }

.right_tf { float: left; margin-left: 30px; height: 67px; line-height: 67px; font-size: 18px; color: #fff; font-family: "微软雅黑"; }

.right_r { text-align: right; line-height: 67px; margin-right: 20px; }

.right_bg { width: 954px; height: auto; margin: 0 auto; overflow: hidden; }

.right_con { width: 940px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 10px; }

.right_con p{text-indent: 2em;font-size: 15px;line-height: 30px;color: #333;}

.right .plc{width: 934px; height: 55px;line-height:55px; border-bottom:1px solid #ccc;padding-left:20px;}

.right_con .wz_tit{width:928px; margin:0 auto; height:auto; overflow:hidden; border-bottom:#ccc 1px dashed; margin-bottom:15px; text-align:center}

.right_con .wz_tit h1{font-weight:bold;font-size: 18px;line-height: 50px;}

.right_con .wz_tit p.wz_xx{height: 40px;line-height: 40px;}

.rightcon_text{margin:0 auto; width:920px; overflow:hidden;font-size:14px}

.rightcon_text p, .rightcon_text p span { line-height: 27px !important; text-indent: 30px !important; }

.rightcon_text td p { text-indent: 0 !important; }

.rightcon_text td img{padding:5px;border:1px solid #cccccc;}

.right_con .cpjs_tit{width:928px; margin:0 auto; height:auto; overflow:hidden; border-bottom:#ccc 1px dashed; margin-bottom:15px; padding:15px 0;}

.turn{ background: #f7f7f7;overflow: hidden;margin: 20px 0px;padding: 5px 15px;font-size: 15px;}

.turn ul{ line-height:35px;font-size: 14px;color: #333;}

.turn ul li a{color: #0074db;}

.xw_con{width: 98%;margin:0 auto;margin-bottom:10px;}

.xw_con ul li{height: 45px;line-height: 45px;border-bottom: 1px dashed #ccc}

.xw_con ul li a{width: 780px;display: inline-block;}

.xw_con ul li span{float: right;}

/*推荐新闻*/

.xglist{ margin-top:12px; overflow:hidden;}

.xglist dl{border:1px solid #d5d5d5; border-radius:4px; overflow:hidden;_float:left }

.xglist dl dt{ background:url(../images/tit1.gif) repeat-x; height:32px; padding-left:12px; line-height:32px; font-weight:bold;font-size:14px;}

.xglist dl dd{ float:left; margin:12px 8px; width:216px; display:inline; }

.xglist dl dd .img{ width:216px; height:auto;}

.xglist dl dd .img img{ width:216px; height:auto; border:1px solid #d5d5d5;}

.xglist dl dd .img a:hover img{ border:#000 1px solid}

.xglist dl dd .txt{ height:30px; line-height:30px; text-align:center;}

.zklist{ overflow:hidden; margin-top:15px;border: 1px solid #D5D5D5;border-radius:4px; }

.zklist-T{background: url("../images/tit1.gif") repeat-x scroll 0% 0% transparent;height: 32px;line-height: 32px;font-weight: bold; text-indent:12px;font-size:14px;}

.zklist-C{ overflow:hidden; margin-top:10px; margin-bottom:10px;}

.zklist-C ul li{ width:900px !important; height:36px; line-height:36px; overflow:hidden; float:left; margin-right:2%; margin-left:2%;border-bottom: 1px dashed #CCCCCC; }

.zklist-C ul li a{ float:left; width:75%;}

.zklist-C ul li span{ float:right; text-align:right;}

/*foot*/

.footer {  background-color: #0073d6;color: #fff; margin-top: 20px;}

.footer a { color: #fff; line-height: 30px; }

.link {background: #444;width: 100%;margin:0 auto;}

.link  .link_1{margin: 0 auto; width: 1200px;line-height: 25px;padding: 8px 0;color: #fff;}

.link b { font-size: 16px; }

.link a { font-size: 16px; margin: 0 15px; }

.footer-con{width: 1200px;margin: 0 auto;padding-bottom:20px;overflow: hidden;}

.footer-con .col-xs-3{width: 20%;float: left;}

.footer-con .col-xs-7{width: 100%;float: left;}

.footer-con .col-xs-2 {width: 20%; padding-top: 25px; float: left;text-align: center;}

.footer-con .col-xs-2 p { margin-top: 15px; }

.footer-bottom { padding-top: 25px;overflow: hidden;}

.footer-text{border-left: 1px #adadad dashed;width: 50%;float: left;padding-left: 2%;margin-top: 20px;}

.footer-text p { line-height: 30px; margin-bottom: 0; font-size: 15px;}

.footer-text .bt{font-size: 24px;padding-bottom: 12px;}

.footer-menu { line-height: 40px; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom: 20px; }

.footer-menu a {text-align: center;display: inline-block; width: 122px; font-size: 16px;}

.text-center em:last-child{display:none;}

.footer-bottom .dh{color: #ececec; width: 250px;position: relative;right: 29px;top: 80px;float: right;font-size: 16px;line-height: 30px;background: url(../images/dh.png) no-repeat left center;}

.footer-bottom .dh .dh_z{padding-left: 54px;}

.footer-bottom .dh .dh_z em{font-size: 27px;color: #fff;font-style: normal;}

/*留言*/

#pngFixs{width:300px;height:33px;background:#EEE;border:none}

#word tr,#word td{height:40px;line-height:40px}

#word input{width:200px;height:30px;line-height:30px;font-size:12px;color:#666;text-indent:5px;border-radius:3px;border:1px solid #CCCCCC;}

#content1{margin-top:7px;height:100px;width:400px;float:left;}

.message_yzmico,#valid{float:left;margin-top:12px; margin-left: 10px}

/*gywm*/

.gywm{margin: 0 auto; background:url(../images/jj_bj.jpg) repeat-x top; margin-top:50px; padding-top:30px;}

.gywm_t{width: 1200px;margin: 0 auto;height:107px; background:url(../images/abo.png) no-repeat center; text-align:center;}

.gywm_t p{ color:#1077d6; font-size:32px; font-weight:bold; padding-top:30px; line-height:50px;}

.gywm_t span{ font-size:14px; color:#363636;}

.gywm_wz{width:1200px; line-height:32px; color:#383838; font-size:16px; text-align:center; margin:0 auto; padding-top:30px;}

.gywm_sk{ padding-top:50px; overflow:hidden;}

.gywm_sk li{ float:left;width:210px; text-align:center; height:210px; background:#f0f0f0; border:1px solid #e5e5e5;-moz-border-radius:105px; -webkit-border-radius:105px;border-radius:105px; margin:0 42px;}

.gywm_sk li dl{ background:#fff;width:170px; height:170px; margin:20px;-moz-border-radius:85px; -webkit-border-radius:85px;border-radius:85px;}

.gywm_sk li dt{ font-size:44px; font-weight:bold; padding-top:35px; line-height:60px; color:#ff4f19;}

.gywm_sk li dd{ font-size:15px; color:#272727;}

.gywm_sk li:hover {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}

.gywm_sk li:hover dl{ background:#1077d6;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}

.gywm_sk li:hover dt,.gywm_sk li:hover dd{ color:#fff;}

.gywm_zp{ margin-top:40px; background:#fff; overflow:hidden;}

.gywm_zp li{ float:left; margin:10px;}

.gywm_zp li a{width:280px; height:185px; display:block; overflow:hidden;}

.gywm_zp li img{width:280px; height:185px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}

.gywm_zp li img:hover {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}