@charset "utf-8";
/* CSS Document */
/**
Time : 2017-2
Author : jj
**/
/* Generated by wjdhcms 3.0 */
.gaoliang{ color:#ca1c08;}
@charset "utf-8";

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

::-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; overflow-x:hidden;
}

: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: 497px;
    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;
}
.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:36px 0 20px; background:url(../images/tt_bg.png) center no-repeat; height: 110px;}
.tt a{ font-size:32px; color:#333; text-align:center; font-weight:600;  line-height:50px;}
.tt p{
    font-size: 21px;
    color: #333; font-weight:100; margin-top:20px;
}
.blue{ color:#006dc4;}
.cheng{ color:#c61601;}
.coop{ background:url(../images/coop_bg.jpg) center bottom no-repeat; height:360px; box-sizing:border-box; padding-bottom:30px; padding-top: 1px;overflow: hidden;}
.coop .bd{ text-align:center;height: 127px;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; height: 144px;}
.coop .m{ position:relative;}
.coop .prev,.coop .next{ position:absolute; top:180px; width:44px; height:44px; display:block;}
.coop .prev{ background:url(../images/coop_ll.png) center no-repeat; left:0;}
.coop .next{ background:url(../images/coop_rr.png) center no-repeat; right:0;}
/*coop end*/
/*banner1*/
.banner1 {
	width: 100%;
	height: 157px;
	background: url(../images/bn1.jpg) no-repeat 50%;
	margin: 0 auto; overflow:hidden; 
}
.banner1 .fl { font-size: 20px; font-family:"微软雅黑 light"; color:#fff; margin-top:85px; margin-left:340px;}
.banner1 .fr { font-size:30px; color:#fff; margin-top:40px;position:relative; left:-30px; }
.banner1 .fr span{ font-weight:600; color:#fff; font-size:14px; display:block; margin-right:10px;}
.banner1 .fr a.btn1{ font-size:16px; display:inline-block; color:#fff; width:100px; height:33px; margin-left:20px; text-align:center; line-height:33px; border:1px solid #fff; border-radius:20px;}
.banner1 .fr a.btn1:hover{}
/*banner1 end*/
/*pro*/
.pro{ padding-top:45px; height:815px; box-sizing:border-box; background:url(../images/pro_bg.jpg) center no-repeat; }
.pro h2 { height: 119px; text-align:center; background:url(../images/pro_tt.jpg) center no-repeat;}
.pro h2 a{ font-size:24px; color:#fff; font-weight:600; width:100%; height:100%; display:block; text-align: left; padding-top: 20px; padding-left: 40px;}
.pro h2 p{ font-size:18px; color:#7ebfe8; font-weight:100; text-align:center;}
.pro .fl{ width:267px; background:url(../images/pro_l_bg.jpg);}
.fenlei{ height:589px;margin:0 auto; box-sizing:border-box; position:relative;}
.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; margin-bottom:1px;}
.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:46px; line-height:46px; border-bottom:1px solid #d5d5d5; position:relative;}
.pro .fl ul li a{ font-size:15px; color:#333; line-height:46px; padding-left:30px; height:46px; display:block;}
.pro .fl ul li:hover{ background:url(../images/pro_li_h.jpg) center no-repeat;}
.pro .fl ul li:hover a{ color:#c61500;}
.pro .fr{ width:890px;height: 718px;overflow: hidden;}
.pro .fr h3{ height:44px; margin-bottom:20px; border-bottom:2px solid #e8e8e8;}
.pro .fr h3.hd ul li{ height:51px; width:221px; color:#fff; background:#2c2c2c; font-weight:600; float:left; margin-right:1.5px; text-align:center; line-height:51px; cursor:pointer; position:relative;}
.pro .fr h3.hd ul li.on{ background:#006dc4;}
.pro .fr .more_r{  height:51px; width:221px; color:#fff; background:#2c2c2c; display:block; float:right; text-align:center; }
.pro .fr .more_r a{ font-size:16px; color:#fff; font-weight:600; 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:275px; 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 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 a span{ display:block; float:right; width:81px; height:27px; background:#006dc4; color:#fff; line-height:27px; text-align:center; border-radius:15px; margin-top:15px;}
.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*/

/*case*/
.case{ text-align:center; height:620px; 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:194px; height:44px; display:block; text-align:center; border:1px solid #555; line-height:44px; border-radius:25px; margin:15px; font-size:21px;}
.case .parHd ul li.on a{ border:1px solid #0280dc;}
.case .parHd ul li.on a{ color:#0280dc;}
.container {
	margin: 0 auto;
	max-width: 1018px;
}
.poster-main {
	position: relative;
	width: 475px;
	height: 275px;
	margin: 0 auto; 
}
.poster-main a, .poster-main img {
	display: block;
}
.poster-main .poster-list {
	width: 475px;
	height: 275px;
}
.poster-main .poster-list .poster-item {
	position: absolute;
	left: 0;
	top: 0; 
}
.poster-main a{}
.poster-main .poster-list .poster-item span {
    position: absolute;
    left: 0;
    bottom: 23px;
    height: 32px;
    z-index: 111;
    width: 100%;
    background: #000;
    opacity: 0.0;
    filter: alpha(opacity=0);
    -moz-opacity: .0;
    -khtml-opacity: .0;
}

.poster-main a {
    display: block;
    width: 100%;
    height: 100%;
}
.poster-main .poster-list .poster-item font {
    position: absolute;
    left: 0;
    bottom: -8px;
    z-index: 999;
    font-size: 16px;
    color: #fff; background:rgba(0,0,0,0.5);
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
}
.poster-main .poster-list .poster-item img {
	width: 100%;
	height: 100%; 
}
.poster-main .poster-btn {
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	z-index: 10;
	cursor: pointer;
}
.poster-main .poster-prev-btn {
	left: -192px;
	background: url(../images/case_ll.png) no-repeat center center;
}
.poster-main .poster-next-btn {
	right: -192px;
	background: url(../images/case_rr.png) no-repeat center center;
}
/*case end*/
/*---------------------------------------------------------------------------------------*/
.i_js_img{background:#fff;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.i_js_img .i_js_img_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.i_js_img:hover .i_js_img_img{opacity:.7;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.i_js_img .i_js_img_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.i_js_img .i_js_img_caption,.i_js_img .i_js_img_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.i_js_img .i_js_img_caption_p{font-size:1.3em;text-align:center;width:80%;position:absolute;bottom:0%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.i_js_img:hover .i_js_img_caption_p{color:#fff;opacity:1}
/*---------------------------------------------------------------------------------------*/   

/*bn2*/
.bn2{ width:100%; height:340px; background:url(../images/bn2.jpg) center no-repeat; box-sizing:border-box; padding-top: 119px;}
.bn2 p{ font-size:18px; color:#fff; padding-left:630px; line-height:52px;}

/*bn2*/
/*ys*/
.ys{ width:100%; width:100%; height:1270px; background:url(../images/ys_bg.jpg) center no-repeat;}
.ys .m{ position:relative;}
.ys_tt {
    text-align: center;
    top: 65px;
    position: relative;
    left: 82px;
}
.ys_tt a{ font-size:35px; font-weight:600;}
.ys_tt a span {
    font-size: 57px;
    color: #fda211;
    position: absolute;
    left: 279px;
    top: -7px;
}
.ys ul li { position:absolute}
.ys ul li h5{ font-size:24px; text-align:left; color:#0062b4; font-weight:600; padding-left:80px;}
.ys ul li span{ font-size:18px; color:#333; text-transform:uppercase; padding-left:80px; margin-bottom:22px; display:block;}
.ys ul li p b{ font-size:19px; color:#fff; width:109px; display:inline-block; padding-left:6px;}
.ys ul li p{ font-size:16px; color:#333; line-height:56px;}
.ys1{ top:214px;}
.ys2 {
    left: 619px;
    top: 572px;
}
.ys3 {
    top: 951px;
    left: 6px;
}
/*ys end*/

.biaozhi{ width:100%; height:4px; background:url(../images/biaozhi.jpg) repeat-x;}
/*client*/
.client{ width:100%; padding-top:1px;border-bottom:1px solid #fff; }
.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: 600px;
	background: url(../images/about_bg.jpg) center no-repeat;
	margin-top: 1px;
}
.about {
	width: 1180px;
	height: 600px;
	padding: 0;
	margin: 0 auto;
}
.about_left {
	width: 490px;
	height: 600px;
	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: 105px;
}
.about_title {
	text-align: left;
	border-bottom: 1px dashed #999;
	margin: 0;
	padding-bottom: 26px;
	margin-bottom: 25px;
}
.about_title a h3 {
	color: #fff;
	line-height: 40px;
	font-size: 26px; font-weight:600;
}
.about_title a h3 small {
	color: #ffa019; font-size:16px;
	background: none; display:inline-block; margin-left:10px;
}
.about_title h5 {
	color: #fff; font-size:18px; text-align:left;
}
.about_right p {
    margin: 15px 0; color:#d2e0f5;
    width: 640px; line-height:25px; height:125px; margin-bottom:20px;
}
.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;
}
/*about end*/


/*txt*/
.txt{margin-top:48px; margin-bottom:35px; height:330px;}
.partner{width:342px;}
.prob{width:348px;padding-right:20px}
.partnerT{height:34px;background:#efefef; border-radius:4px; line-height:34px;  margin-bottom: 20px;}
.txt_more{font-size:14px;text-transform:uppercase;font-weight:normal;margin-right:14px; }
.txt_more:link,.txt_more:visited{color:#868585; }
.partner_t{font-size:16px;font-weight:bold;margin-left:20px;}
.partner_t:link,.partner_t:visited{color:#1058c6;}
.partner ul{margin-top:24px;margin-right:-20px;}
.partner ul li{float:left;margin-right:20px;margin-bottom:10px;}
.partner ul li a img{width:159px;height:79px;overflow:hidden;border:1px solid #d5d5d5;}
.prob ul {width: 320px;overflow: hidden;position: relative;height: 296px;}
.prob ul li {position: relative;width: 320px;line-height: 20px;overflow:hidden;margin-left:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;}
.prob ul li .wen{ width:320px; height:20px; overflow:hidden;margin-bottom:8px;}
.prob ul li .wen span{ width:19px; height:19px; display:inline-block; float:left; background:url(../images/q.jpg) no-repeat;}
.prob ul li .wen a{ width:295px; height:20px; line-height:20px; display:inline-block; float:right;font-size:14px;font-weight:bold; color:#333;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;margin-left:5px;}
.prob ul li .da{ width:320px;height:45px; overflow:hidden;}
.prob ul li .da span{ width:19px; height:19px;  display:block; background:url(../images/a.jpg) no-repeat ;float:left;  }
.prob ul li .da p{ width:295px;line-height:22px; float:right;color:#666;font-size:13px;margin-left:5px;}

.news{width:396px; height:334px; padding-left:30px;background:url(../images/block_bg.png) left top no-repeat;}
.newsIn_in{ width:100%;}
.newsIn_in .hd{width:410px; line-height:34px; height:34px;background:#efefef; border-radius:4px; overflow:hidden; position:relative; padding-right:10px;  }
.newsIn_in .hd ul{ z-index:5; position:absolute; height:34px;  zoom:1; margin-left:20px;}
.newsIn_in .hd li{ float:left;  width:80px;height:34px; cursor:pointer; text-align:left; margin-right:5px; }
.newsIn_in .hd li h3{font-weight:normal;}
.newsIn_in .hd li h3 a{font-size:16px;color:#333;font-weight:bold;}
.newsIn_in .hd li.on{ }
.newsIn_in .hd li.on a{color:#1058c6;}
.newsIn_in .bd{padding-top:20px;}
.newsIn_in .bd p a{ color:#c00;  }
.newsIn_in .bd ul {padding-top:10px;width:753px;}
.newsIn_in .bd ul li{width:397px;float:left;margin-right:25px;margin-bottom:10px;background:url(../images/list_bg.png) left 10px no-repeat;text-indent:10px;font-size:13px;border-bottom:1px dashed #dadada; padding-bottom:8px;}
.newsIn_in .bd ul li a font{width:280px;height:25px;display:inline-block;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;float:left; }
.newsIn_in .bd ul a:link{ color:#666;  }
.newsIn_in .bd ul a:hover{ color:#1058c6;  }
.newsIn_in .bd ul a{ width:290px;display:block; float:left;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.newsF{}
.newsF_pic{width:160px; height:104px;padding:4px;border:1px solid #dedede;}
.newsF_pic img{width:160px; height:104px;overflow:hidden;}
.newsTxtIn{width:200px; float:right;}
.newsTxtIn a.newst{font-size:14px;font-weight:bold;color:#333;display:inline-block;height:20px;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.newsTxtIn p{font-size:13px;color:#666;line-height:24px; height:72px;    overflow: hidden;}
.newsIn_in .bd p.date{background:url(../images/time_bg.jpg) left center no-repeat;color:#999;width:100px;height:15px;line-height:15px;text-indent:20px;margin-top:10px;}


/*link*/
.link_box{background:#efefef; border-top:4px solid #1058c6;}
.link {
    height: 35px;    box-sizing: content-box;
    padding-top: 32px;
}
.link h3{font-weight:normal;font-size:18px;width:180px;height:35px;line-height:35px;color:#333;font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}
.link h3 span{font-weight:bold;color:#1058c6;font-family:"Microsoft YaHei",Arial;}
.link  ul{width:900px;height:35px;line-height:35px;padding-left:5px;overflow:hidden;color:#fff;font-size:14px;}
.link  ul li{float:left;width:117px;margin-right:1px;}
.link  ul li a{color:#444;}