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

}

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

    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 { width:1000px; margin:0 auto; margin-bottom:10px;

}

.search_left {

    line-height: 28px;

    float: left;

    color: #333; position:relative;

}

.search_left a {

    color: #666;

    margin: 0 6px;

}

.search_right {

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

    position: relative;

}

.searchbar {

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

    line-height:28px; height:28px; background:#f0f0f0; 

    outline: none;

    padding-left: 20px;

    float: left;

    border:0;}

.searchbtn { width:42px; height:28px; top:0; right:0; background:#818181; color:#fff;

    position:absolute;

    outline: none; 

    cursor: pointer;

    border: 0; 

}  

                            

.tt{ height:82px;margin-bottom:30px; text-align:center; margin-top:30px;}

.tt p{ color:#666; font-size:18px; letter-spacing:2px; font-weight:100; line-height: 35px; margin-bottom:5px;}

.tt a{ color:#fc5f00; font-size:30px; font-weight:600; }

.tt span{ height:3px; width:88px; background:#fc5f00; display:block; margin:0 auto;}

.coop{ background:#f3f4f9; padding-bottom:21px; padding-top: 1px; height:308px;

}

.coop .bd{ text-align:center; }

.coop ul li{ width:198px; height:127px; border:1px solid #ddd; overflow:hidden; float:left; margin:5px;}

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

.coop .tempWrap{ display:inline-block; margin:0 auto;}

.coop .m{ position:relative;}

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

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

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

/*pro*/

.pro{ padding-top:20px; height:897px; background:url(../images/pro_bg.jpg) center no-repeat; margin-top:20px; }

.pro h2 { height: 119px; text-align:center; background:url(../images/pro_tt.jpg) center top no-repeat;}

.pro h2 a{ font-size:24px; color:#1b66c5; font-weight:100; width:100%; height:100%; display:block; text-align: left; padding-top: 80px; padding-left: 40px;}

.pro h2 p{ font-size:18px; color:#7ebfe8; font-weight:100; text-align:center;}

.pro .fl{ width:270px; background:url(../images/pro_l.jpg) right repeat-y;}

.fenlei{ height:750px;margin:0 auto; box-sizing:border-box; position:relative; margin-top: 20px;}

.pro .fl b{ height:48px; background:url(../images/pro_l_b_bg.jpg) repeat-y; line-height:48px; padding-left:30px; display:block; position:relative;}

.pro .fl b:after{ content:url(../images/jiantou3.png); position:absolute; right:30px;}

.pro .fl ul{ display:block; margin:0 auto;}

.pro .fl ul li{  height:62px; line-height:46px; background:url(../images/pro_li.jpg) left top no-repeat; position:relative;}

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

.pro .fl ul li:hover{ background:url(../images/pro_li_h.jpg) left top no-repeat;}

.pro .fr{ width:890px;}

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

.pro .fr h3.hd ul li{ height:51px; width:221px; color:#333; background:#e4e5ed; font-weight:100; float:left; margin-right:1.5px; text-align:center; line-height:51px; cursor:pointer; position:relative;}

.pro .fr h3.hd ul li.on{ background:#0865cd; color:#fff;}

.pro .fr .more_r{  height:51px; display:block; float:right; }

.pro .fr .more_r a{ font-size:16px; color:#999; font-weight:100; line-height:51px;}

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

.pro .fr .bd ul li{ width:285px; float:left; margin-right:17px; margin-bottom:6px;}

.pro .fr .bd ul li{}

.pro .fr .bd ul li .img{ width:285px; height:212px; background:#fff; box-sizing:border-box; }

.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 .fr .bd ul li h5 a{ display:inline-block;}

.pro .fr .bd ul li h5 a p{ width:184px; float:left; font-size:15px; color:#333; line-height:50px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px;}

.pro .fr .bd ul li span a{ display:block; float:right; width:81px; height:27px; background:#acacac; color:#fff; line-height:27px; text-align:center; border-radius:5px; margin-top:15px;}

.pro .fr .bd ul li span a:hover{ background:#0865cd;}

.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*/

/*bn1*/

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

.bn1 .m{ position:relative;}

.bn1 .m>div{ font-size:28px; color:#fff; font-weight:600; position:absolute; left:251px; }

.bn1 .m>div>div{color:#fff; font-size:24px; letter-spacing:2px; font-weight:100; font-family:"微软雅黑 light"; margin-top:20px;}

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

.bn1 p{ font-size:30px; color:#fff; padding-left:888px; margin-top:13px;}

.bn1 a{  width:119px; height:46px; line-height:46px; font-size:16px; text-align:center; display:block; margin-top:87px; background:url(../images/btn1.png) center no-repeat; margin-left:888px;}

/*bn1*/

/*yingyong*/

.yingyong{ background:url(../images/yingyong_bg.jpg) center no-repeat; height:364px;}

.yingyong ul{ width:1300px; padding-top: 85px;}

.yingyong ul li{ width:210px; height:210px; background:url(../images/fangkuang2.png) center no-repeat; float:left; margin-right:30px; margin-top:-80px; text-align:center; font-size:20px;}

.yingyong ul li span{ display:block; margin-top:50px; font-size:30px;}

.yingyong ul li:hover{ background:url(../images/fangkuang1.png) center no-repeat; color:#fff;}

.yy6{ margin-left:118px;}

/*yingyong end*/

/*ld*/

.ld{ height:756px; width:100%; background:url(../images/ld_bg.jpg) center no-repeat; margin-top:60px;}

.ld_tt{ font-size:40px; color:#ff6114; font-weight:600; text-align:center; padding-top:70px;}

.ld_tt p{ font-size:22px; color:#fff; font-weight:100;}

.ld ul li{ width:314px; margin-top:288px;}

.ld ul li h5{ font-weight:600; font-size:20px; margin-bottom:5px;}

.ld ul li p{ font-size:13px; text-align:center; color:#666; line-height:24px;}

.ld_tel{ text-align:center; margin-top:456px;}

.ld_tel span{ font-size:18px; color:#333; font-family:"微软雅黑";}

.ld_tel p{ font-size:30px; color:#ff6114; font-family:"Times New Roman";}

.ld_tel a{ width:106px; height:32px; line-height:32px; text-align:center; background:#ff6114; color:#fff; display:block; margin:0 auto; }

/*ld end*/

 

/*ys*/

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

.ys_tt { text-align:left; padding-top: 84px;}

.ys_tt a{ text-align:left; font-size:36px; color:#fff; padding-top:50px; font-weight:600; padding-left:30px; }

.ys_tt p { font-size: 24px; color: #333; margin-top: 30px; padding-left:60px;}

.ys .m{ text-align:center; position:relative;} 

.ys { position:relative;}

.ys ul { margin-top:120px;}

.ys ul li{ width:466px;  text-align:left; padding-left:76px; height:118px;}

.ys ul li h5{ font-size:18px; text-align:left; color:#333; font-weight:600; margin-bottom:10px; text-align:left;}

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

/*ys end*/

/*client*/

.client{ width:100%;  height:450px;  background:#1b66c5; margin-bottom:20px;padding-top:10px;}

.client .m{ position:relative;}

.client .tt a{ color:#fff;}

.client .tt p{ color:#fff;}

.client .tt span{ background:#fff;}

.client ul{ margin-top:30px;}

.client ul li {

    width: 442px;

    float: left;

    margin: 0 18px;

    text-align: center;

    padding: 8px 25px; border-right:1px dashed #3584D2;

}

.client .bd{ margin-top:54px;}

.client ul li .more{ margin:0 auto; margin-top:20px;}

.client_img{ width:172px; height:172px; border-radius:86px; overflow:hidden; border:4px solid #d5d5d5; float:left;}

.client_img a{ display:block; width:172px; height:172px;}

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

.client_text{ padding:0 10px; width:233px; float:right;}

.client .tempWrap{ margin:0 auto;}

.client ul li h5 {margin-top: 10px;

}

.client ul li h5 a{font-size: 18px; text-align: left; line-height: 44px; text-align:left; font-weight:100; color:#fff; }

.client ul li p{ font-size:13px; line-height:26px; height:78px; overflow:hidden; color:#fff; text-align:left;}

.client ul li:hover{}

.client .prev{ position:absolute; top:200px; left:0;}

.client .next{ position:absolute; top:200px; right:0;}

/*client end*/

/*case*/

#case{ width:100%; padding-top: 1px; margin-bottom:30px;}

.case {

    width: 1180px;

    margin: 0 auto;

}

.case .hd{ width:240px; float:left;}

.case .hd ul li{ width:240px; height:62px; border:1px solid #ddd; margin-bottom:12px; position:relative;}

.case .hd ul li::before{ content:url(../images/case_icon.jpg); position:absolute; top:10px;    top: 18px;

    left: 30px;}

.case .hd ul li a{ font-size:16px; color:#333; padding-left:70px; margin-top:10px; display:block;}

.case .hd ul li a p{ color:#9a9a9a; font-size:12px; line-height:30px; text-transform:uppercase;}

.case .hd ul li.on{ background:#1061cd;}

.case .hd ul li.on a{ color:#fff;}

.case .hd ul li.on a p{ color:#fff;}

.case .hd ul li.on::before{ content:url(../images/case_hov.jpg); position:absolute; top:10px;top: 18px;

    left: 30px;}

.case .bd{ width:920px; float:right;}

.case .bd ul li {

    position: relative;

    width: 422px;

    height: 368px; margin-left:32px;

    overflow: hidden;

    margin-bottom: 15px; float:left;



}



.case .bd .img{ display:block;width: 422px; height: 368px;  overflow:hidden; transition:all ease 500ms; }

.case .bd .img img{ width: 422px; height: 368px;  transition:all ease 500ms; }

.case .bd h5 {

    background-color: rgba(0,0,0,.6);

    position: absolute;

    bottom: 0px;

    left: 0;

    width: 100%;height:37px;

}

.case .bd h5 a{ display:block; line-height:37px;}

.case .bd ul li:hover>h5{bottom:0;}

.case .bd img:hover{transform:scale(1.1,1.1);}

/*case end*/



/*about*/

#about {

	width: 100%;

	height: 466px;

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

	margin-top: 1px;

}

.about {

	width: 1180px;

	padding: 0;

	margin: 0 auto;

}

.about_left {

	width: 490px;

	color: #fff;

	float: left;

}

.vedio {

	width: 461px;

	height: 317px;

	border: solid 10px #fff;

	margin-top: 75px;

}

.vedio img {

	width: 100%;

	height: 100%;

}

.about_left h3 b {

	font-size: 36px;

	line-height: 75px;

	color: #ffa019;

	margin-right: 20px;

	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;

}

.about_left h3 {

	width: 411px;

	height: 75px;

	border-bottom: 1px dashed #999;

	margin: 0 53px;

}

.about_left span {

	margin-left: 300px;

	line-height: 50px;

}

.about_right {

	width: 630px;

	height: 446px;

	float: right;

	color: #fff;

	margin-top: 64px;

}

.about_title a{

	text-align: left;

	margin: 0;

	color: #fff;

	line-height: 40px;

	font-size: 20px; font-weight:600;

}

.about_right p {

    margin: 15px 0; color:#d2e0f5;

    width: 640px; line-height:25px; height:100px;

}

.about_right p::before {

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

	position: relative;

	left:-10px;

	top: 20px;

}

.about_right ul li {

	width: 163px;

	float: left;

	margin: 15px 10px;

}

.about_right ul li h5{ color:#fff;}

.about_right ul li img{ width: 163px;border: #fff solid 3px;

	height: 113px;}

.about_right ul li:first-child {

	margin-left: 0;

}

.qyfc{position:relative; }

.qyfc .bd{ text-align:center;}

.qyfc ul{ width:2000px !important;}

.qyfc .tempWrap{ display:inline-block; margin:0 auto;}

.qyfc .prev,.about_right .next{ position:absolute; top:60px; width:44px; height:44px; display:block;}

.qyfc .prev{ background:url(../images/lll.jpg) center no-repeat; left:0px;}

.qyfc .next{ background:url(../images/rrr.jpg) center no-repeat; right:0px;}

.about_right .ckxq{ width:82px; height:28px; border:1px solid #fff; line-height:28px; text-align:center; color:#fff; float:right; margin-left:20px;}

.about_right .ljzx{ width:82px; height:28px; border:1px solid #fff; line-height:28px; text-align:center; color:#fff; float:right; margin-left:20px;}



/*about end*/



/*news*/

.tt2{ width:100%; height:48px; line-height:48px;  margin-bottom:15px;border-bottom:1px solid #ccc;}

.tt2:before{ content:url(../images/news_icon.jpg); margin-left:20px;}

.tt2 a { font-weight:600; margin-left:10px;}

.news{  width:100%; height:450px; margin:0 auto; }

.new1{ width:347px; height:416px; border:1px solid #ccc; float:left;margin-right:24px;}

.gsxw{}

.new_img{ width:315px; height:153px; position:relative; overflow:hidden; margin:0 auto;}

.new_img h5 {  position: absolute;  bottom: -37px;  background: rgba(0,0,0,.8);  color: #eee; width: 100%;transition: all ease 300ms;line-height: 25px; text-align: center;  font-weight: 100;  font-size: 14px;}

.new_img:hover h5{ bottom:0;}

.new_img img{ width:347px; height:182px;}

.new1 ul {  padding:15px;}

.new1 ul li{ line-height:30px; height:30px;}

.new1 ul li a{ color:#333; font-size:13px; overflow:hidden; width:210px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}

.new1 ul li span{ float:right; font-size:12px; color:#999;}

.new1 ul li::before{ content:"◇"; margin-right:10px; float:left; line-height:30px;}

.new1 .more{ width:163px; height:31px; margin:0 auto; line-height:31px; margin-top:30px;}

.new1 .more:hover a{ color:#fff;}

.new1 .more:hover{ background:#006b4c;}

.new2{width:354px; height:554px;margin-top:50px; float:left;}

.new2 ul { margin-top:10px;}

.new2 .more{ width:163px; height:31px; margin:0 auto; line-height:31px; margin-top:30px;}

.new2 .more:hover a{ color:#fff;}

.new2 .more:hover{ background:#006b4c;}

.cjwt { width: 431px; height: 416px; float:left; border:1px solid #ccc;}

.cjwt_box { height: 360px; overflow: hidden; padding:15px; padding-top:0;}

.cjwt_box>.r_more { position: relative; left: 20px; top: 16px;}

.cjwt_text.right { width: 316px;}

.cjwt_text{ position:relative;}

.cjwt_text h5 a{ text-align:left; font-weight:600; line-height:35px;}

.cjwt_text h5 a::before{ content:url(../images/a.jpg); margin-right:10px;}

.cjwt_text p{ color:#666; line-height:24px; height:48px; overflow-y:hidden; position:relative; margin-left:30px;}

.cjwt_text::before{ content:url(../images/q.jpg); margin-right:10px; position:absolute; left:0px; top:35px;}

.cjwt ul li{height:90px !important; border-bottom:1px solid #eee; padding:10px;}

.cjwt .m_title>a { margin-left: 20px; color: #fff; position:relative; }

.more_tu{ background:url(../images/more2.jpg) center no-repeat; width:19px; height:19px; float:right;position: relative;

    top: 14px;

    right: 15px;}

.more_tu a{ display:block; width:100%; height:100%;}

/*news end*/

/*links*/



.links{ margin-top:40px; background:#f7f7f7;  padding-top:19px; border-top:6px solid #d8d8d8;}

.link_tt{ font-size:20px;  color:#003a83; 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:#1a3d99;}

.links a {

    display: inline-block;

    padding: 0px 17px;

    color: #333;

    line-height: 69px;

}

.links a:hover {

	color: #666;

}

/*links end*/