@charset "utf-8";



/* CSS Document */



/**



Time : 2017-2



Author : jj



**/



/* Generated by wjdhcms 3.0 */



.gaoliang{ color:#ca1c08;}



@charset "utf-8";







/*-----------CSS Reset-----------*/



/*



::selection {



	color:#fff;



    background-color: #f00;



}







::-moz-selection {



	color:#fff;



    background-color: #f00;



}







::-webkit-selection {



	color:#fff;



    background-color: #f00;



}



*/



::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}







::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







* {



    padding: 0; box-sizing:border-box;



    margin: 0;



}







body {



    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;



}







:focus {



    outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



    display: block;



}







a {



    margin: 0;



    padding: 0;



    border: 0;



    font-size: 100%;



    vertical-align: baseline;



    background: transparent;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}











li,



ul {



    list-style-type: none;



}







img {



    border: none;



}







a {



    color: #333;



    text-decoration: none;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







input,



textarea {



    outline: 0;



    border: 0;



}







textarea {



    resize: none;



}







h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}







ul, li {



    list-style: none;



    margin: 0;



    padding: 0;



}



.fl {



    float: left;



}



.fr {



    float: right;



}



.m{



    width: 1180px;



    margin: 0 auto;



}



h5{ display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



h5 a{ display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.clear{ clear:both;}



.line_top{ width:100%; height:1px; background:#f2f2f2; margin-bottom:1px;}



.line_bottom{ width:100%; height:1px; background:#f2f2f2; margin-top:1px;}







/************************公用样式结束**********************************/











.bn-box {



    width: 100%;



    overflow-x: hidden;



    position: relative;



    z-index: 0;



}



.banner {



    width: 1920px;



    height: 532px;



    position: relative;



    overflow: hidden;



    margin-left: 50%;



    left: -960px;



    top: 0;



}



.banner img{



    width: 100%;



}



/*数字按钮样式*/



.banner .num {



    overflow: hidden;



    height: 25px;



    position: absolute;



    bottom: 12px;



    zoom: 1;



    z-index: 3;



    left: 50%;



    -webkit-transform: translateX(-50%);



    -ms-transform: translateX(-50%);



    transform: translateX(-50%);



}



.banner .num li {



    width: 15px;



    height: 15px;



    line-height: 25px;



    text-align: center;



    font-weight: 400;



    font-family: "微软雅黑", Arial;



    color: #FFFFFF;



    background: #fff;



    margin-right: 10px;



    border-radius: 50%;



    cursor: pointer;



    float: left;



    font-size: 0;



}



.banner .num li.on {



    background: rgba(255,255,255,0.7);



} /*当前项*/



/*上一个  下一个*/



.banner .prev, .banner .next {



    display: none;



    width: 40px;



    height: 100px;



    background: url(../images/btn.png) no-repeat;



    position: absolute;



    top: 200px;



}



.banner .prev {



    left: 50%;



    margin-left: -635px;



}



.banner .next {



    right: 50%;



    margin-right: -635px;



    background-position: right



}



/*banner end*/



.search { padding-top:5px; margin-bottom:5px;



}



.search_left {



    line-height: 50px;



    float: left;



    color: #333; position:relative;



}



.search_left a {



    color: #666;



    margin: 0 6px;



}



.search_right {



    float: right;width:330px; height:30px;



    margin-top: 8px;



    position: relative;



}



.searchbar {



    width: 322px; box-sizing:border-box;



    line-height:33px; height:33px; background:#f0f0f0; border-radius:20px;



    outline: none;



    padding-left: 20px;



    float: left;



    border:0;}



.searchbtn { width:28px; height:22px; top:5px; right:20px;



    position:absolute;



    outline: none; 



    cursor: pointer;



    border: 0; 



    background:url(../images/search.jpg) center no-repeat;



}



/*coop*/



.tt{ text-align:center; margin:40px 0 23px;}



.tt b{ display:block; font-size:32px; display:block; width:508px; background:url(../images/tt_b_bg.jpg) center no-repeat; margin:0 auto;}



.tt p{ font-size:28px;}



.tt span{ font-size:12px; color:#626262; text-transform:uppercase; display:block; margin-top:-1px;}



.coop{ background:url(../images/coop_bg.jpg) center top repeat-x; padding-bottom:30px; padding-top: 1px;



}



.coop .bd{ text-align:center;height: 141px;overflow: hidden;}



.coop ul li{ width:198px; height:127px; overflow:hidden; float:left; margin:5px;}



.coop ul li img{ width:100%; height:100%;}



.coop .tempWrap{ display:inline-block; margin:0 auto; background:#cdcdcd; border:5px solid #cdcdcd;}



.coop .m{ position:relative;}



.coop .prev,.coop .next{ position:absolute; top:180px; width:44px; height:44px; display:block;}



.coop .prev{ background:url(../images/llll.jpg) center no-repeat; left:0;}



.coop .next{ background:url(../images/rrrr.jpg) center no-repeat; right:0;}



/*coop end*/







/*bn1*/



.bn1{ width:100%; height:188px; background:url(../images/banner1.jpg) center bottom no-repeat; padding-top:1px;}



.bn1 span{ font-size:18px; color:#fff; display:block;}



.bn1 .txt {



    margin-left: 831px;



    margin-top: 31px;



}



.bn1 p{ font-size:30px; color:#fff; font-family:"Arial Narrow"; float:left; display:inline-block;}



.btn_hong{ width:119px; height:37px; line-height:37px; color:#fff; margin-right:14px; font-size:16px; border-radius:5px; background:#ea3a32; text-align:center; display:block; float:left; }



.btn_lan{ width:119px; height:37px; line-height:37px; color:#fff; margin-right:14px; font-size:16px; border-radius:5px; background:#004aa6; text-align:center; display:block; float:left; }



.btn_bai{ width:119px; height:37px; line-height:37px; color:#003a83; font-size:16px; margin-right:14px; border-radius:5px; background:#fff; text-align:center; display:block; float:left;}



/*bn1 end*/







/*product*/



.product {



width: 100%;    padding-top: 36px;



	height: 516px;



	overflow: hidden; background:url(../images/pro_bg.jpg) center no-repeat;



}



.juedui_more {



	position: absolute;



	right: 0;



	top: 68px;



}



.product_left {



	float: left; width:237px; height:438px; background:#0363bb; 



}



.cpzxtt {



    height: 72px;



    background: url(../images/pro_tt.jpg) left center no-repeat;



    text-align: center;



}



.cpzxtt a {



    color: #FFF;



    display: block;



    font-weight: 600;



    font-size: 19px;;;



    padding-top: 16px;



}



.cpzxtt a p {



    font-size: 20px;



    color: #32ade6;



	font-weight:normal;



    font-family: "Times New Roman";



}



.fenlei {



    line-height: 35px; width:225px; height:359px; background:#fff; margin:0 auto;



 text-align:left; overflow:hidden;



}



.fenlei>ul>li {



    height: 40px; width:193px; margin:0 auto;



    font-weight: bold; border-bottom:1px dashed #ddd;



    position: relative;



    display: block;



    margin: 0 auto; margin-bottom:1px;



    padding-left: 45px;



    transition: all ease 300ms;



    -webkit-transition: all ease 300ms;



}



.fenlei>ul>li a{ color:#333; display:block; line-height:40px; font-size:16px; font-weight:100;}



.fenlei>ul>li:hover{background:url(../images/pro_li.jpg) center no-repeat;}



.fenlei>ul>li::before {



    content:url(../images/icon.png); border:0;



    font-size: 20px;



    position: absolute;



    left: 23px; transition:all ease 300ms;font-weight:100; line-height:40px;



}



.fenlei>ul>li:hover::before{ transform:rotate(90deg); color:#fff; font-weight:100;}



.fenlei>ul { margin-bottom: 10px;}



.fenlei>ul>li:hover a{ color:#fff; margin-right:10px;}



.product_right { width: 925px;float: right;height: 437px;overflow: hidden;}



.fenlei p { color: #fff; padding-left: 30px;}



.product_right h2{height: 58px; line-height: 58px; margin-bottom: 20px; position:relative; padding: 5px 45px 0 83px;}



.product_right h2 a{font-size:20px; font-weight:600; line-height:58px; }



.product_right h2 a span{ font-weight:100; color:#999; display:inline-block; margin-left:3px; font-size:16px; text-transform:uppercase;}



.r_more {float: right;}



.r_more a{ width:62px; display:inline-block; height:45px; background:url(../images/more.jpg) center no-repeat;}



.product_show .fr{ width:390px; height:346px; margin-right:32px; margin-top:30px;}



.product_show .fr h5{ background:url(../images/xiexian.jpg) bottom repeat-x; margin-bottom:20px;}



.product_show .fr h5 a{ text-align:left; font-size:16px; font-weight:600; line-height:50px;}



.product_show .fr p{ font-size:14px; line-height:26px; color:#666; height:130px; overflow:hidden;}



.product_show li h5:hover a{ color:#0152a5; font-weight:600;}



.product_show { width: 925px; margin-top: 13px;height: 346px;overflow: hidden;}



.product_show li {height:346px;}



.product_show li .img{ position:relative; width:424px; height:300px; overflow:hidden; padding:5px; border:1px solid #ddd; margin-left:40px;}



.product_show li .img a{ display:block; width: 100%; height:100%; overflow:hidden;}



.product_show li .img img{ width: 100%;transition: all ease 500ms; height: 100%;}



.product_show li .img:hover img { transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



.product_show .ckxq{ display:block; color:#fff; background:url(../images/btn1.jpg) center no-repeat; width:132px; height:34px; line-height:34px; box-sizing:border-box; padding-left:50px; margin-top:20px; float:left; margin-right:10px;}



.product_show .ljzx{display:block; color:#fff; background:url(../images/btn2.jpg) center no-repeat; width:132px; height:34px; line-height:34px; box-sizing:border-box; padding-left:50px; margin-top:20px; float:left;}



/*product end*/







/*product end*/



/*case*/



.case_tt{ text-align:center; margin:36px 0 30px; }



.case_tt a{ font-size:32px; color:#333; text-align:center; font-weight:600;  line-height:50px;}



.case_tt p{ font-size: 21px; color: #666; font-weight:100; margin-top:25px;}



.case{ text-align:center; height:599px; overflow:hidden; background:url(../images/case_bg.jpg) center top no-repeat;}



.case .parHd ul{ display:inline-block; margin-bottom:15px;}



.case .parHd ul li{ float:left;}



.case .parHd ul li a{ color:#333; width:133px; height:42px; display:block; text-align:center; border:2px solid #0062bb; line-height:42px; margin-left:-2px; font-size:16px;}



.case .parHd ul li.on a{ background:#0062bb; color:#fff;}



.case .parBd{ position:relative;height: 359px;overflow: hidden;}



.case .parBd ul{}



.case .parBd ul li{width:348px !important; height:334px; background:#eeeeee; float:left; margin:9px; overflow:hidden;}



.case .parBd ul li .img{ width:347px; height:236px; overflow:hidden; }



.case .parBd ul li img{ width:100%; height:100%; transition:all ease 300ms;}



.case .parBd ul li:hover .img img{ transform:scale(1.1,1.1);}



.case .parBd ul li p{ padding-left:20px; font-size:15px; color:#333; font-weight:600; line-height:30px; margin-top:10px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }



.case .parBd ul li span{ font-size:13px; padding-left:20px; color:#999; display:list-item; text-align:left;}



.case .parBd .tempWrap{ margin:0 auto;}



.case .sPrev{ width:35px; height:70px; background:url(../images/lll.jpg) center no-repeat; position:absolute; top:100px; left:0;}



.case .sNext{ width:35px; height:70px; background:url(../images/rrr.jpg) center no-repeat; position:absolute;top:100px; right:0;}



/*case end*/



/*---------------------------------------------------------------------------------------*/







.ys_tt{ width:100%; background:url(../images/ys_tt.jpg) center no-repeat; height:308px; text-align:center;}



.ys_tt ul{ display:inline-block;}



.ys_tt ul li{ font-size:28px; color:#fff; float:left; width:156px; margin: 0 29px; margin-top: 156px;}



/*ys*/



.ys{ width:100%; width:100%; height:1270px; background:url(../images/ys_bg.jpg) center no-repeat;}



.ys .m{ position:relative;}



.ys ul li { position:absolute}



.ys ul li h5{ font-size:24px; text-align:left; color:#0062b4; font-weight:600; padding-left:33px;}



.ys ul li span{ font-size:18px; color:#333; text-transform:uppercase; padding-left:33px; margin-bottom:35px; display:block;}



.ys ul li p{ font-size:14px; color:#333; line-height:30px;}



.ys1{ top: 36px; left: 694px;}



.ys2 {



    left: 81px;



    top: 326px;



}



.ys3 {



    top: 660px;



    left: 694px;



}



.ys4 {



    left: 81px;



    top: 1026px;



}



/*ys end*/



/*bn2*/



.bn2{ width:100%; height:188px; background:url(../images/banner2.jpg) center bottom no-repeat; padding-top:1px;}



.bn2 .m{ position:relative;}



.bn2 .fl{ position:absolute; font-size:20px; line-height:36px; width:486px; color:#fff; left:122px; top:38px;}



.bn2 span{ font-size:18px; color:#fff; display:block;}



.bn2 .txt { margin-left: 761px; margin-top: 31px;}



.bn2 p{ font-size:30px; color:#fff; font-family:"Arial Narrow"; float:left; display:inline-block;}



.btn_hong{ width:119px; height:37px; line-height:37px; color:#fff; margin-right:14px; font-size:16px; border-radius:5px; background:#ea3a32; text-align:center; display:block; float:left; }



.btn_lan{ width:119px; height:37px; line-height:37px; color:#fff; margin-right:14px; font-size:16px; border-radius:5px; background:#004aa6; text-align:center; display:block; float:left; }



.btn_bai{ width:119px; height:37px; line-height:37px; color:#003a83; font-size:16px; margin-right:14px; border-radius:5px; background:#fff; text-align:center; display:block; float:left;}



/*bn1 end*/







/*client*/



.client{ padding-top:1px;}



.client .m{ text-align:center;}



.client ul{ width:1300px;}



.client ul li{ width:234px; float:left; margin-right:2px;}



.client ul li .img{ width:172px; height:172px; border-radius:50%; overflow:hidden; border:3px solid #fff; margin:0 auto; position:relative;}



.client ul li .img img{ width:100%; height:100%;}



.client ul li .txt{ width:234px; height:356px; margin-top:-90px; background:#f1f1f1; box-sizing:border-box; padding:30px; padding-top:90px;}



.client ul li h5 a{ font-size:16px; font-weight:600; line-height:55px; color:#333; }



.client ul li h5:after{ content:""; width:60px; height:2px; background:#cbcbcb; margin:0 auto; display:block;}



.client ul li p{ font-size:13px; line-height:28px; color:#666; height:140px; overflow:hidden; margin-top:10px;}



.client ul li>a{ width:155px; height:37px; background:#45ad00; text-align:center; line-height:37px; display:block; color:#fff; font-size:15px; margin-top:20px;}



.client ul li .txt:hover{ background:#d6d6d6;}



.btn_center{ display:inline-block; margin-top:30px;}



/*client end*/



/*client end*/



/*about*/



.about{ height:394px; margin-top:30px;}



.tt2{ height:58px; line-height:58px; background:url(../images/tt2_bg.jpg) left top no-repeat #f7f7f7; margin-bottom:16px; box-sizing:border-box; padding:0 20px;}



.tt2 a{ font-size:18px; color:#db221a; font-weight:600;}



.tt2 a span{ font-size:14px; color:#999; font-weight:100; margin-left:10px;}



.tt2 .more2{ width:64px; height:16px; display:block; background:url(../images/more.png) center no-repeat; float:right; margin-top:20px;}



.about .fl{ width:798px;}



.about .fl .img{ width:416px; height:309px; overflow:hidden; float:left;}



.about .fl .img img{ width:100%; height:100%; transition:all ease 300ms; }



.about .fl .img:hover img{ transform:scale(1.1,1.1);}



.about .fl .txt{ width:346px; float:right; margin-top:50px;}



.about .fl .txt h5{}



.about .fl .txt h5 a{ font-size:18px; color:#333; text-align:left; font-weight:600; margin-bottom:10px;}



.about .fl .txt p{ font-size:14px; color:#666; line-height:28px; height:140px; overflow:hidden;}



.about .fl .ckxq{ font-size:14px; color:#ea3a32; display:block; margin-top:20px;}



.about .fr{ width:358px; float:right; background:#eaeaea; height: 380px;}



.about .fr .bd{ position:relative; margin-top:40px;}



.about .fr .bd ul li{ width:220px; float:left;}



.about .fr .bd ul li img{ width:220px; height:156px;}



.about .fr .bd ul li h5{ line-height:50px; font-size:16px;}



.about .fr .bd .tempWrap{ margin:0 auto;}



.about .fr .bd .prev{ display:block; width:18px; height:25px; background:url(../images/ryzz_ll.jpg) center no-repeat; position:absolute; left:30px; top:100px;}



.about .fr .bd .next{ display:block; width:18px; height:25px; background:url(../images/ryzz_rr.jpg) center no-repeat; position:absolute; right:30px; top:100px;}



/*about end*/



/*shebei*/



.shebei{ height:370px; background:url(../images/yinyin_bot.jpg) center bottom no-repeat; margin-top:20px;}



.shebei ul{ width:1200px;}



.shebei ul li{ float:left; margin-right:10px;}



.shebei ul li .img{ width:287px; height:204px; box-sizing:border-box; border:1px solid #ddd; padding:4px;}



.shebei ul li .img a{ width:100%; height:100%; overflow:hidden; display:block;}



.shebei ul li .img a img{width:100%; height:100%;transition:all ease 300ms; }



.shebei ul li .img:hover img{ transform:scale(1.1,1.1);}



.shebei ul li h5 a{ line-height:40px; font-size:15px;}







/*shebei end*/



/*news*/



#news {



    width: 100%;



    margin-top: 20px;



    height: 439px;



    overflow: hidden;



}



.news {



    width: 1180px;



    height: 490px;



    overflow: hidden;



}







.news .hd { margin-bottom:10px;}



.news .hd ul li{ float:left; margin-right:20px; }



.news .hd ul li a{ color:#333;}



.news .more_r{ float:right; display:inline-block; width:50px; height:50px;}



.news .hd ul li.on a{ color:#db221a;}



.news h5 {



    font-size: 14px;



    font-weight: 600;



    color: #333;



    width: 308px; text-align:left;



    line-height: 31px;



    margin-top: 10px;



}



.news p{ font-size:13px; line-height:24px; height:48px; overflow:hidden; font-weight:100; color:#666;  width:308px;}



.news_l{ width:696px; position:relative;}



.news_l:after{ content:url(../images/news_bg.jpg); position:absolute; right:-60px; top:0;}



.new1 {



    width:308px; margin-right:40px;



    height: 342px;



}



.new_img {



    margin-top: 10px;



    display: block;



}



.new_img img{ width:308px; height:218px;}



.news_l .bd ul li {



  line-height:41px; margin-left:40px;



}



.news_l .bd ul li:hover a{ color:#039;}



.news_l .bd ul li:before{ content:url(../images/list_bg.png); margin-right:10px;}



.hy_btn{ margin-left:-30px;}



.ljgd{ padding:3px 14px; border:1px solid #bbb; margin-top:15px; display:inline-block;}



/*cjwt*/



.cjwt {



	width: 376px;



	position: relative;



}



.more_r{ height:19px; margin-top:10px; float:right;}



.more_r a{ color:#888; font-size:12px; line-height:19px; display:block; text-align:center; font-weight:100;}



.cjwt_box{ margin-top:15px; }







.cjwt ul {



    width: 357px;



    height: 235px;



    margin-top: 20px;



    /* overflow: hidden; */



}



.cjwt ul li {



    width: 100%;



    border-bottom: 1px solid #C2C1C0; margin-bottom:20px;



    height: 100px;



}



.da {



    line-height: 24PX;



    height: 48px;



    margin-bottom: 16.5px;



    margin-top: 10px;



    color: #555;



    padding-left: 23px;



    overflow: hidden;



    position: relative;



    font-size: 12px;



}



.wen {



	margin-top: 15px;



}



.wen a {



	font-weight: 600;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	font-size: 12px;



}



.wen::before {



	content: url(../images/q.jpg);



	color: #C99968;



	font-size: 18PX;



	margin-right: 5px;



	margin-top: 15px;



}



.da::before {



    content: url(../images/a.jpg);



    color: #C99968;



    position: absolute;



    font-size: 18PX;



    margin-left: -23px;



}



/*news end*/







/*links*/



.links{ background:url(../images/link_bg.jpg) center top no-repeat #f7f7f7; margin-top:40px;}



.link_tt{ font-size:20px;  color:#fff; line-height:51px; margin-left:40px; font-weight:600;}



.link_tt span{font-family:"Times New Roman"; font-size:26px; font-weight:100; margin-left:20px;}



.links a {



    display: inline-block;



    padding: 0px 17px;



    color: #333;



    line-height: 55px;



}



.links a:hover {



	color: #666;



}



/*links end*/