@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: #4687f2;



}







::-moz-selection {



	color:#fff;



    background-color: #4687f2;



}







::-webkit-selection {



	color:#fff;



    background-color: #4687f2;



}



::-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;



    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;



    /*! height: 560px; */

}



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; margin-top: -7px;



}



.banner {



    width: 1920px;



    height: 481px;



    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;background:#ededed;



}



.search_left {



    line-height: 50px;



    float: right;



    color: #333; position:relative; 



}



.search_left a {



    color: #666;



    margin: 0 6px;



}



.search_right {



    float: left;width:229px; height:30px;



    margin-top: 12px; 



    position: relative;



}



.searchbar {



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



    line-height:25px; height:25px; background:#fff; border:1px solid #ccc; border-radius:3px;



    outline: none;



    padding-left: 20px;



    float: left;



    }



.searchbtn { width:25px; height:22px;right:7px;



    position:absolute; top: 2px;



    outline: none; 



    cursor: pointer;



    border: 0; 



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



}  







.coop_tt{ width:100%; height:180px; background:url(../images/coop_bg.jpg) center top no-repeat; text-align:center; margin-bottom:15px; padding-top:5px;}



.coop_tt a{ font-size:28px; font-weight:100; line-height:50px; margin-top: 97px; display: inline-block;}



.coop_tt p{line-height:30px; font-size:18px; color:#666;}



.coop{ text-align:center;}



.coop ul{ margin-top:50px; display:inline-block;}



.coop ul li{ float:left; width:146px; height:168px; background:url(../images/coop_li_bg.png) center no-repeat; margin:9px; margin-top:-40px;}



.coop ul li:hover{ background:url(../images/coop_li_bg2.png) center no-repeat;}



.coop ul li img{ margin:0 auto; margin-top:44px; width:136px; height:81px;}



                          



/*pro*/



.pro{ height:760px; padding-top:30px; }



.pro h2 {



    height: 172px;



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



}



.pro h2 a {



    font-size: 30px;



    color: #fff;



    font-weight: 600;



    display: inline-block;



    padding-top: 85px;



}



.pro h2 p{ font-size:20px; color:#fff; font-weight:100; font-family:"times new roman"; text-align:left;}



.pro .fl{ width:274px; height:757px; background:#fff; position:relative; }



.fenlei{ height:580px;margin:0 auto; box-sizing:border-box; position:relative; padding-top: 20px; border:3px solid #0166e7; border-top:0;}



.pro .fl b{ height:40px; background:url(../images/pro_li.jpg) center no-repeat;line-height:40px; padding-left:53px; margin-bottom:20px; display:block; position:relative;}



.pro .fl b:hover{background:url(../images/pro_li_h.jpg) center no-repeat;}



.pro .fl b:hover a{ color:#fff;}



.pro .fl b a{ font-size:15px; display:block;}



.pro .fl ul li:before{ content:url(../images/pro_ico2.png); position:absolute; left:30px; margin-right:10px;}



.pro .fl ul{ display:block; margin:0 auto; margin-bottom:20px;}



.pro .fl ul li{  height:37px; line-height:37px;position:relative;  }



.pro .fl ul li a{ font-size:15px; color:#333; line-height:39px; padding-left:50px; height:46px; display:block;}



.pro .fl ul li:hover:before{  content:url(../images/pro_ico.png);}



.pro .fl ul li:hover a{ color:#068bea;}



.pro_kefu{ width:240px; height:291px; background:url(../images/pro_kefu.jpg) center no-repeat;}



.pro_kefu p { color: #fff; font-size: 18px; padding-top: 251px; padding-left: 83px;}



.pro_ewm{ width:150px; height:150px; border:1px solid #ddd; margin:0 auto; margin-top:20px; text-align:center;}



.pro_ewm img{ width:100%; height:100%;}



.pro .fl:after{ content:url(../images/pro.png); position:absolute; bottom:-156px; left:-69px;}



.pro .fr{ width:906px; height:744px; background:url(../images/pro_l.jpg) left top no-repeat #f5f7f9; padding-top:60px; margin-top:1px; box-sizing:border-box; padding-left:30px; padding-right:30px;overflow: hidden;}



.pro .fr h3{ height:44px; margin-bottom:20px;}



.pro .fr h3.hd ul li{ height:50px; width:110px; color:#333;  font-weight:600; float:left; margin-bottom:15px; text-align:center; line-height:51px; cursor:pointer; position:relative; }



.pro .fr h3.hd ul li.on{ background:url(../images/pro_on.jpg) center bottom no-repeat; color:#068bea; position:relative; font-weight:600;}



.pro .fr .more_r a{  height:18px; width:69px; display:block; float:right; background:url(../images/more.png) center no-repeat;}



.pro .fr .bd ul li .txt{ width:203px; float:left; box-sizing:border-box; margin-left:20px;}



.pro .fr .bd ul li .txt h5 a{ font-size:15px; text-align:left; font-weight:600; margin-bottom:3px;}



.pro .fr .bd ul li .txt p{ line-height:24px; height:72px; overflow:hidden; font-size:14px; color:#666;}



.pro .fr .bd ul li .txt .ckxq{ width:62px; height:22px; line-height:22px; text-align:center; background:#bbb; display:block; color:#fff;  font-size:14px; margin-top:20px;}



.pro .fr .bd ul{ width:940px; }



.pro .fr .bd ul li{ width:437px; height:175px; float:left; margin-right:8px;margin-bottom:30px; }



.pro .fr .bd ul li{}



.pro .fr .bd ul li .img{ width:198px; height:175px; float:left;}



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



.pro .fr .bd ul li .img img{ width:100%; height:100%; transition:all ease 300ms;}



.pro .fr .bd ul li:hover .img img{ transform:scale(1.1,1.1);}



.pro_tel{ width:239px; height:264px; margin:0 auto; background:url(../images/pro_l.jpg) center bottom no-repeat;  position: absolute; bottom: 0;}



.pro_tel:before{ content:url(../images/pro_tel.jpg);}



.pro_tel p{ color:#666; font-size:14px; position:absolute; top:0; left:63px;}



.pro_tel span{ display:block; color:#fb9504; font-size:24px;}



.pro_tel a{ display:block; width:83px; height:29px; background:#fb9504; color:#fff; line-height:29px; text-align:center; border-radius:15px; margin-left:140px; margin-top:20px;}



/*pro end*/







/*ld*/



.ld{ width:100%; height:800px; padding-top:10px; background:url(../images/ld.jpg) center top no-repeat; text-align:center; margin-top:40px;}



.ld .m{ position:relative; height:800px;}



.ld_tt{ margin-top:50px;}



.ld_tt a{ font-size:24px; color:#0166e7; text-align:center; font-weight:600;}



.ld_tt p{ font-size:20px; color:#333; font-weight:100;}



.ld ul{ margin-left:670px; margin-top:93px;}



.ld ul li{ width:471px; text-align:left; margin-bottom:53px;}



.ld ul li h5{ font-size:20px; font-weight:600; line-height:60px; text-align:left; margin-left:50px;}



.ld ul li h5 span{ font-size:14px; color:#666; font-weight:100; text-transform:uppercase; display:inline-block; margin-left:10px;}



.ld ul li p{ font-size:16px; color:#333; margin-top:10px;}



.ld3{ margin-top:62px;}



.ld_tel{ font-size:15px; color:#777; margin-left: 536px;}



.ld_tel a{ width:98px; height:28px; background:#2e9e30; color:#fff; display:inline-block; line-height:28px; text-align:center; border-radius:3px; margin-right:20px;}



.ld_tel span{ font-size:28px; color:#333; font-family:Georgia;}



/*ld end*/



/*bn1*/



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



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



.bn1 .txt {



    margin-top: 50px;



}



.bn1 p{ font-size:30px; color:#fff; font-family:Impact; display:block;}



.btn_hong{ width:119px; height:37px; line-height:37px; color:#fff; margin-right:14px; font-size:16px; border-radius:5px; border:1px solid #fff; text-align:center; display:block;  margin-top: 50px; }



.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:28px; line-height:28px; color:#0071ca; font-size:18px; margin-right:14px; border-radius:2px; background:#fff; text-align:center; display:block; float:left;}



/*bn1 end*/



/*jishu*/



.jishu_tt{text-align:center;}



.jishu_tt a{ font-size:24px; color:#0166e7; text-align:center; font-weight:600;}



.jishu_tt p{ font-size:20px; color:#333; font-weight:100;}



.jishu{ height:503px; background:url(../images/jishu.jpg) center top no-repeat; padding-top:20px;}



.jishu ul{ float:right; margin-top:122px; margin-right:10px;}



.jishu ul li {



    width: 266px; height:200px; position:relative;



    float: left;



    margin: 12px;



    padding: 0 13px;



    box-sizing: border-box;



}



.jishu ul li h5{ font-family:"榛戜綋" ; color:#0166e7; font-size:29px; margin-bottom: 15px;}



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



.jishu .ljzx{width:62px; height:22px; line-height:22px; text-align:center; background:#bbb; display:block; color:#fff;  font-size:14px; margin:0 auto; position:absolute; bottom:30px; left:100px; border-radius:3px;}



/*jishu end*/



/*case*/







.tt{ width:100%; text-align:center; margin-bottom:15px; padding-top:5px;}



.tt a{ font-size:28px; font-weight:100; line-height:50px; display: inline-block;}



.tt p{line-height:30px; font-size:18px; color:#666;}



.case{ height:530px; width:100%; box-sizing:border-box; background:#e1f5fe;overflow: hidden;}



.case .m{ position:relative;}



.case ul{}



.case ul li{ float:left; width:334px; height:399px; background:url(../images/case_li.jpg) center no-repeat; margin:11px;}



.case ul li:hover{ background:url(../images/case_li_h.jpg) center no-repeat;}



.case ul li img{ width:325px; height:255px; margin:5px;}



.case ul li h5{ color:#fff; text-align:left; line-height:50px; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.case ul li h5 span{ float:right; display:inline-block; font-family:"瀹嬩綋";}



.case ul li .txt{ padding:0 26px;}



.case ul li p{ color:#fff; line-height:24px; height:48px; overflow:hidden;}



.case .tempWrap{ margin:0 auto;}



.case .prev,.case .next{ width:50px; height:69px; position:absolute; top:238px;}



.case .prev{ background:url(../images/case_ll.png) center no-repeat; left:0;}



.case .next{ background:url(../images/case_rr.png) center no-repeat; right:0;}



/*case end*/



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



/*ys*/



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



.ys .m{ position:relative; height:800px;}



.ys_tt{ padding-top:50px; background:url(../images/tt_bg.png) center no-repeat; height:180px;}



.ys_tt span{ font-size:18px; color:#808080; display:block; text-transform:uppercase; padding-bottom:40px; padding-top: 15px;}



.ys_tt a{ font-size:24px; color:#0166e7; text-align:center; font-weight:600;}



.ys_tt p{ font-size:20px; color:#333; font-weight:100;}



.ys ul{ }



.ys ul li{ width:471px; text-align:left; margin-bottom:33px; margin-left:20px;}



.ys ul li h5{ font-size:20px; font-weight:600; line-height:60px; text-align:left; margin-left:50px; margin-bottom:10px;}



.ys ul li h5 span{ font-size:14px; color:#666; font-weight:100; text-transform:uppercase; display:inline-block; margin-left:10px;}



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



.ys3{ margin-top:119px; margin-left:643px !important;}



.ys_tel{ font-size:15px; color:#777; margin-left: 536px;}



.ys_tel a{ width:98px; height:28px; background:#2e9e30; color:#fff; display:inline-block; line-height:28px; text-align:center; border-radius:3px; margin-right:20px;}



.ys_tel span{ font-size:28px; color:#333; font-family:Georgia;}



/*ys end*/



/*bn2*/



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



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



.bn2 .txt {



    margin-top: 50px;



}



.bn2 p{ font-size:30px; color:#fff; font-family:Impact; display:block;}







/*bn1 end*/



/*client*/



.client{ width:100%; padding-top:1px;border-bottom:1px solid #fff; }



.client .tt{ height:100px; background:url(../images/client_tt.jpg) center top no-repeat; padding-top:70px; margin-top:20px;}



.client ul{ width:1300px;}



.client ul li { width:571px; height:141px; float:left; margin-right:37px; margin-bottom:35px;



}



.client ul li .fl{ width:175px; height:142px;}



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



.client ul li .fr{ width:394px; border-top:1px solid #296cd3; background:#f6f6f6; height:140px;}



.client ul li .fr h5{ text-align:left; margin:20px; margin-bottom:5px; margin-top:30px;}



.client ul li .fr h5 a{ font-size:15px; font-weight:600; text-align:left;}



.client ul li .fr p{ font-size:14px; color:#888; line-height:24px; height:72px; overflow:hidden; margin:0 20px;}







/*client end*/



/*about*/



.about{ width:100%; height:410px; background:url(../images/about_bg.jpg) center bottom no-repeat; margin-top:-30px; }



.about .img{ width:435px; height:250px; float:right;  margin-top: 24px; margin-right: 63px;}



.about .img img{ width:100%; height:100%;}



.about .txt{ width:604px; float:left; margin-right:60px;}



.about .txt h3{ text-align:left;}



.about .txt h3 a{ font-size:36px; text-align:left; font-weight:100; color:#0166e7; line-height:50px; margin-top:51px; margin-bottom:20px;}



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



.qyfc{ background:url(../images/qyfc_bg.jpg) center bottom no-repeat; height:288px; margin-top:-40px;overflow: hidden;}



.qyfc .m{ position:relative; }



.qyfc .parHd{ width:428px; height:50px;  margin-bottom:30px; margin-left:100px;}



.qyfc .parHd ul li{ width:98px; height:27px; border-radius:3px; text-align:center; background:#0166e7; line-height:27px; float:left; margin-right:20px;}



.qyfc .parHd ul li a{ display:block; font-size:14px; font-weight:100; color:#fff;}



.qyfc .parHd ul li.on{ background:#2e9e30;}



.qyfc .parHd ul li.on a{ color:#fff;}



.qyfc .parBd ul li{ width:236px; height:181px; float:left; margin-right:16px; overflow:hidden; position:relative; background:#fff;}



.qyfc .parBd ul li img{ width:216px; height:161px; transition:all ease 300ms; margin-top:10px; margin-left:10px;}



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



.qyfc .parBd ul li h5{ width:100%; height:100%; background:rgba(0,0,0,0.4); color:#fff; font-size:16px; line-height:181px; text-align:center; position:absolute; transition:all ease 300ms; left:-236px; bottom:0;}



.qyfc .parBd ul li:hover h5{ left:0;}



.qyfc .sPrev,.qyfc .sNext{ width:50px; height:69px; position:absolute; top:143px;}



.qyfc .sPrev{  left:0; }



.qyfc .sNext{  right:5px;}



.qyfc .tempWrap{ margin:0 auto;}



/*about end*/











/*news*/



.news{ margin-top:40px;}



.news .hd{border-top:1px solid #ccc; height:56px; border-bottom:1px solid #ccc;}



.news .hd ul li{ width:156px; height:56px; line-height:56px; text-align:center; float:left;  margin-right:6px; position:relative; }



.news .hd ul li:after{ content:"|"; position:absolute; font-weight:100; right:0; color:#ccc;}



.news .hd ul li a{  color:#333; font-size:18px; font-weight:600;}



.news .hd ul li.on {}



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



.news .bd{ margin-top:35px;height: 381px;overflow: hidden;}



.news .bd .fl{ width:550px;}



.news .bd .news1{ position:relative;}



.news .bd .news1 img{ width:550px; height:283px;}



.news .bd .news1:before{ content:url(../images/01_bg.jpg); position:absolute; top:0; left:0;}



.news .bd .news1 h5 a{ font-size:14px; line-height:45px; text-align:left; font-weight:600;}



.news .bd .news1 p{ font-size:13px; line-height:24px; height:48px; overflow:hidden; color:#666;}



.news .bd .news1 .ljgd{ font-size:13px; color:#999;}



.news .bd ul {



	float: right; width:566px; 



}



.news .bd ul li{ height:115px; overflow:hidden; margin-bottom:14px; border-bottom:1px solid #ccc;}



.news .bd ul li span{ width:50px; height:69px; line-height:69px; position:relative; font-size:48px; font-family:"Times New Roman"; color:#c0c0c0; float:left; text-align:center; display:block;  margin-right: 20px;}



.news .bd ul li span:after{ content:"/"; font-size:24px; position:absolute; left: 23px; top: 40px;}



.news .bd ul li h5{ width:380px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:10px;}



.news .bd ul li h5 a{ color:#333; font-size:14px; font-weight:600; line-height:35px; text-align:left;}



.news .bd ul li span:hover:after{ content:"/";color:#0166e7; font-size:24px; position:absolute; left: 23px; top: 40px;}



.news .bd ul li span:hover{color:#0166e7;}



.news .bd ul li p{ width:380px; font-size:13px; color:#999; line-height:22px; height:48px; overflow:hidden;}







/*news end*/







/*links*/







.links{ padding-top:19px; }



.link_tt{ font-size:20px;  color:#0865cd; line-height:64px; margin-right:40px; font-weight:600; float:left;}



.link_tt span{font-family:"Times New Roman";font-weight:100; margin-left:10px;line-height:69px;  color:#0865cd;}



.links a {



    display: inline-block;



    padding: 0px 17px;



    color: #666;



    line-height: 69px;



}



.links a:hover {



	color: #666;



}



/*links end*/