/* Generated by wjdhcms 3.0 */

@charset "utf-8";

/*-----------公用-----------*/

::selection { background-color: #0176e0; }

::-moz-selection { background-color: #0176e0; }

::-webkit-selection { background-color: #0176e0; }

::-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; font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }

body { font: 14px/20px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0; min-width:1200px;}

:focus { outline: 1; }

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary { display: block; }

a { margin: 0; padding: 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; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

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


/*banner*/

.banner { width: 100%; margin: auto; clear: both; position: relative; height: 498px; }

.fullSlide { width: 100%; position: relative; height: 100%; background: transparent; }

.fullSlide .jd { margin: 0 auto; height: 100%; position: relative; z-index: 0; overflow: hidden; }

.fullSlide .jd ul { height: 100%; margin: 0 auto; }

.fullSlide .jd li { height: 100%; overflow: hidden; text-align: center; background-position: center; background-repeat: no-repeat; }

.fullSlide .jd li a { display: block; height: 100%; }

.fullSlide .kd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; }

.fullSlide .kd ul { text-align: center; margin-bottom: 20px; }

.fullSlide .kd ul li { background: #fff; cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 42px; height: 11px; margin: 1px 5px; overflow: hidden; *filter: alpha(opacity=50); *opacity: .5; line-height: 999px; }

.fullSlide .kd ul .on { background: #f08200; }

.fullSlide .prev,
.fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 2%; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; *filter: alpha(opacity=50); *opacity: .5; display: none; }

.fullSlide .next { left: auto; right: 2%; background-position: -6px -137px; }


/********search********/

.searchBox { width: 100%; height: 58px; z-index: 99; border-bottom: 1px solid #e0e1e1; }

.search { width: 1180px; margin: 0 auto; }

.search .search_fl { width: 570px; height: 58px; float: left; margin-left: 10px; }

.search_fl p { height: 58px; line-height: 58px; font-size: 14px; color: #666666; float: left; }

.search_fl p a { color: #666666; margin-left: 10px; font-size: 12px; }

.search_fl p a:first-child { margin-left: 0px; }

.search .search_fr { width: 442px; height: 32px; float: right; margin-top: 6px; position: relative; }

.search .search_fr input { width: 275px; float: left; height: 44px; line-height: 44px; background: none; color: #999999; text-indent: 10px; border: 1px #318ee1 solid; padding-left: 40px; background: url(../images/search_icon_03.png) no-repeat 13px 13px; }

.search .search_fr button { width: 125px; height: 46px; line-height: 46px; background: #0176e0; text-align: center; font-size: 14px; color: #fff; float: right; border: none; cursor: pointer; }


/* partner */

.partner { width: 100%; padding: 40px 0 0 0; }

.part_tit { width: 1180px; margin: 0 auto; }

.part_tit h3 { text-align: center; height: 40px; line-height: 40px; background: url(../images/h3_bg_03.png) no-repeat 50% 19px; }

.part_tit h3 a { font-size: 24px; font-weight: bold; color: #0176e0; }

.part_tit span { width: 1180px; height: 40px; line-height: 40px; font-size: 30px; color: #666666; font-weight: bold; display: block; text-align: center; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }

.partner .show { width: 1180px; margin: 0 auto; position: relative; }

.gd_02 { position: relative; height: 160px; width: 1180px; padding: 17px 0px 0; margin-top: 15px; }

.gd_02 #simgs02 { margin: 0 auto; }

.gd_02 em { position: absolute; top: 90px; }

.gd_02 .t_l { left: -48px; }

.gd_02 .t_r { right: -48px; }

.gd_02 li { float: left; width: 180px; margin-right: 13px; }

.gd_02 li.last { margin-right: 0; }

.gd_02 li img { display: block; width: 178px; height: 105px; border: 1px solid #c8c8c8; }

.gd_02 li .mingcheng { width: 173px; height: 38px; text-align: center; line-height: 38px; color: #504f4f; font-size: 14px; display: block; }

.gd_02 .fl { float: left; }

.gd_02 .fr { float: right; }

.gd_02 .pa { position: absolute; }


/* worried end */


/*product*/
.index-row{padding: 25px 0 35px;}
.m-case{}
/*标题*/
.g-tit1{text-align: center;font-size: 15px;color: #999;margin: 35px 0;}
.g-tit1 strong{font-size: 30px;font-weight: normal;color: #3568CE;}
.g-tit1-w{color: #3568CE;}
.g-tit1-w strong{color: #3568CE;}
.ul-tab1{text-align: center;margin-bottom: 50px;}
.ul-tab1 li{display: inline-block;line-height: 30px;  border: 1px solid #d6d6d6;border-radius: 15px;margin: 0 10px;font-size: 15px;}
.ul-tab1 a{color: #666;display: block;padding: 0 35px;    border-radius: 50px;}
.ul-tab1 li.on,.ul-tab1 a:hover{    background-color: #3568CE;  color: #fff; border:none; border:1px solid #3568CE;}
.ul-tab1 li.on a{color: #fff;}

.ul-list2{overflow: hidden;padding: 0 3%;}
.ul-list2 li{float: left;width: 33.333%;margin-bottom: 20px;}
.ul-list2 .con{display: block;margin: 0 13px;background: #fff;border-radius: 3px;padding: 6px;overflow: hidden;}
.ul-list2 .pic{height: 0;padding-top: 71%;position: relative;border-radius: 3px;overflow: hidden;}
.ul-list2 .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 5px;}
.ul-list2 a:hover img{opacity: 1;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} 
.ul-list2 .pic em{display: block;width: 60px;height: 60px; position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px; background: url(../images/ico-so.png) no-repeat center center; opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0); }
.ul-list2 .hide-txt{position: absolute;left: 0;right: 0;bottom: -100px;padding: 15px 20px; background-color: rgba(53,104,206,0.6);color: #fff;line-height: 2;font-size: 13px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }
.ul-list2 .hide-txt p{max-height: 4em;overflow: hidden;}
.ul-list2 h4{font-size: 17px;color: #333;text-align: center;line-height: 55px; overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis; }
.ul-list2 a:hover em{opacity: 1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100); }
.ul-list2 a:hover .hide-txt{bottom: 0;}





.w1200{ margin:0 auto; width:1200px;}
.fl{ float:left;}
.index .title{text-align: center;width: 100%;padding-bottom:30px;}
.index .title h3{font-size:30px; font-weight:normal;display:block;line-height:30px;background: url(../images/title.png) no-repeat center;}
.index .title p{color:#999;font-size:20px;text-transform:uppercase;font-family:"AvantGardeITVbyBT Book",arial;padding-top:14px;}
.index .title h3 b{display:inline-block;}
.index .floor_2_main{background:url(../images/iyoushi.jpg) no-repeat center top;height:800px;overflow: hidden;}
.index .floor_2,.index .floor_3{padding:80px 0;position: relative;}
.index .floor_2 .title{color:#fff;}
.iyoushi{background: url(../images/bieshu.png) no-repeat 460px center;height:536px;overflow:hidden;}
.iyoushi .item{width:375px;height:128px;background: url(../images/yousitem.png) no-repeat left top;float:left;margin-top: 40px;}
.iyoushi .item a{display: block;padding:40px;}
.iyoushi .item .img{width:50px;height:50px;overflow: hidden;position:relative;margin-left:10px;}
.iyoushi .item .img img{position: absolute;left: 0;top: 0;width:50px;display:block;}
.iyoushi .item .txt{width:140px;padding-left:60px;color: #fff;}
.iyoushi .item .txt h3{font-size:20px;font-weight:bold; line-height:28px; -webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.iyoushi .item .txt p{font-family:arial;color:#cccccc;padding-top:0; font:14px/28px "微软雅黑";}
.iyoushi .it1,.iyoushi .it5{margin-left:62px;margin-right:60px;}
.iyoushi .it2,.iyoushi .it6{margin-right:65px;float:right;}
.iyoushi .it4{float:right;}
.iyoushi .item:hover{background:url(../images/yousitema.png) no-repeat left top;}
.iyoushi .item:hover .txt h3{color:#1eb5b8;}
.iyoushi .item:hover .img img{top:-50px;}



.service_wrap{ padding:50px 0; overflow:hidden;}
.service_wrap .title { text-align: center;  margin-bottom: 10px;}
.service_wrap .title .title_top { position: relative; border-bottom: 1px solid #f2f2f2; padding:5px 0 0 0;}
.service_wrap .title .title_top h2 { font-size: 36px; color: #dddddd; font-weight: bold; line-height:60px; display: inline-block; padding: 0 5px; border-bottom: 1px solid #1a81d2; margin-bottom: 5px;}
.service_wrap .title .title_top:before { content: ''; border-bottom: 1px solid #1a81d2; width:140px; position: absolute; left: 50%; bottom: 0; margin-left:-70px;}
.service_wrap .title .title_name { font-size: 24px; color: #333; padding:14px 0;}
.service_wrap .title small { font-size: 16px; color: #333; padding: 14px 5%;}
.service_list { padding:50px 0; margin: auto;}
.service_list .service_item { width: 18%; height: 400px; cursor: pointer; float: left; background: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 20px rgba(3, 69, 121, 0.1); -moz-box-shadow: 0 0 20px rgba(3, 69, 121, 0.1); box-shadow: 0 0 20px rgba(3, 69, 121, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 1%;}
.service_list .service_item .service_title { font-size: 16px; color: #333333; padding: 30px 0; text-align: center;}
.service_list .service_item .service_title .hover_title { display: none; position: relative;}
.service_list .service_item .service_title .hover_title .num { font-size: 70px; display: block; color: #fff; opacity: 0.05; font-weight: bold;}
.service_list .service_item .service_title .hover_title .name { position: absolute; top: 50%; width: 100%; left: 0; margin-top: -7px; color: #fff;}
.service_list .service_item .service_pic { width: 90px; height: 90px; background: #1a81d2; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto; position: relative; -webkit-box-shadow: 0 6px 0 #e5ecf1; -moz-box-shadow: 0 6px 0 #e5ecf1; box-shadow: 0 6px 0 #e5ecf1;}
.service_list .service_item .service_pic .service_icon { width: 50px; height: 50px; background: url(../images/service_icon.png) 0 0 no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -19px;}
.service_list .service_item .service_pic .icon_game { background-position: 0 -50px;}
.service_list .service_item .service_pic .icon_guide { background-position: 0 -100px;}
.service_list .service_item .service_pic .icon_skill { background-position: 0 -150px;}
.service_list .service_item .service_pic .icon_cust { background-position: 0 -200px;}
.service_list .service_item .service_pic:before { content: ''; width: 32px; height: 23px; background: url("../images/bg1.png") no-repeat; position: absolute; left: -42px; top: 50%; margin-top: -12px;}
.service_list .service_item .service_pic:after { content: ''; width: 32px; height: 23px; background: url("../images/bg2.png") no-repeat; position: absolute; right: -42px; top: 50%; margin-top: -12px;}
.service_list .service_item .service_dec { line-height: 30px; font-size: 14px; color: #666666; padding: 0 32px; text-align: center; height: 120px; overflow: hidden; margin-top: 20px;}
.service_list .service_item .more_btn { display: block; margin: 18px auto 0; width: 88px; height: 24px; line-height: 24px; border: 1px solid #eee; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #666666;}
.service_list .service_item.active { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); background: #1a81d2;}
.service_list .service_item.active .service_title .default_title { display: none;}
.service_list .service_item.active .service_title .hover_title { display: block;}
.service_list .service_item.active .service_pic { background: #fbc111; -webkit-box-shadow: 0 6px 0 rgba(3, 69, 121, 0.2); -moz-box-shadow: 0 6px 0 rgba(3, 69, 121, 0.2); box-shadow: 0 6px 0 rgba(3, 69, 121, 0.2);}
.service_list .service_item.active .service_dec { color: #fff;}
.service_list .service_item.active .more_btn { color: #fff; background: #fbc111; border: none; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}	





.productBox { width: 100%; background: url(../images/bg01_02.jpg) no-repeat 50% 0px; padding: 40px 0 2px 0; }

.product { width: 1180px; margin: 0 auto; padding-bottom: 10px; }

.product .fl { width: 257px; float: left; }

.product .fl h2 { width: 232px; padding-left: 25px; height: 85px; padding-top: 20px; background: #0176e0; }

.product .fl h2 a { font-size: 24px; line-height: 40px; color: #fff; font-weight: normal; }

.product .fl h2 span { font-size: 30px; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; }

.product .fl dl { width: 257px; background: #fff; padding: 20px 0; }

.product .fl dt { width: 207px; padding-left: 23px; background: url(../images/dt_03.jpg) no-repeat left; border-bottom: 1px dashed #e9e9e9; height: 40px; line-height: 40px; margin: 0 auto; }

.product .fl dt a { font-size: 16px; color: #666666; font-weight: bold; }

.product .fl dd { width: 167px; height: 31px; padding-left: 35px; line-height: 31px; margin: 5px auto; border-radius: 15px; background: url(../images/dd01_03.jpg) no-repeat 10px 12px; }

.product .fl dd a { font-size: 14px; color: #666666; }

.product .fl dd:hover { background: #f08200 url(../images/dd02_03.jpg) no-repeat 10px 12px; }

.product .fl dd:hover a { color: #fff; }

.product .fr { width: 893px; float: right; }

#tab01 .tab_menu01 { width: 100%; }

#tab01 .tab_menu01 ul { overflow: hidden; }

#tab01 .tab_menu01 li { width: 117px; text-align: center; height: 34px; line-height: 34px; cursor: pointer; float: left; }

#tab01 .tab_menu01 li a { text-align: center; display: block; font-weight: bold; font-size: 18px; color: #f08200; }

#tab01 .tab_menu01 a.more { width: 88px; height: 27px; text-align: center; line-height: 27px; background: #009cff; display: block; float: right; margin-right: 15px; font-size: 14px; color: #fff; border-radius: 13px; margin-top: 10px; }

#tab01 .tab_box01 { width: 100%; position: relative; margin-top: 20px; }

#tab01 .tab_menu01 .selected { background: url(../images/prod_tab_menu_03.png) no-repeat center; }

#tab01 .tab_menu01 .selected a { cursor: pointer; color: #fff; }

#tab01 .hide { display: none; }

#tab01 .tab_box01 div { width: 895px; overflow: hidden; }

#tab01 .tab_box01 div a.item { width: 277px; margin-bottom: 10px; margin-right: 18px; display: block; float: left; position: relative; }

#tab01 .tab_box01 div a.item span { width: 47px; height: 33px; display: block; text-align: center; line-height: 33px; position: absolute; top: 0; right: 0; background: rgba(199, 0, 00, .88); color: #fff; font-size: 14px; }

#tab01 .tab_box01 div a.item img { width: 269px; height: 186px; padding: 3px; border: 1px solid #b1b3b5; }

#tab01 .tab_box01 div a.item p { width: 277px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #666666; }


/*product end*/


/*mid_banner01*/

.mid_banner01 { width: 100%; height: 201px; background: url(../images/mid_ban_02.jpg) no-repeat 50% 0; }

.mid_banner01 .mid_ban { width: 1180px; height: 201px; margin: 0 auto; position: relative; }

.mid_banner01 .mid_ban p { font-size: 24px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fff; line-height: 30px; position: absolute; left: 90px; top: 150px; padding-left: 40px; background: url(../images/mid_icon_03.jpg) no-repeat left; }

.mid_banner01 .mid_ban a.zx { width: 109px; height: 35px; padding-left: 14px; line-height: 35px; display: block; position: absolute; font-size: 16px; color: #fff; background: url(../images/mid_btn_03.jpg) no-repeat center; left: 300px; top: 145px; }


/*mid_banner01 end*/


/* tedian */

.tedian { width: 100%; }

.td_tit { width: 1180px; margin:20px auto 25px; }

.td_tit h3 { text-align: center; height: 40px; line-height: 40px; }

.td_tit h3 a { font-size: 30px; color: #0176e0; font-weight: bold; }

.td_tit p { text-align: center; line-height: 40px; height: 40px; font-size:25px; color: #f08200; font-weight: bold; }

.tedian .show { width: 1180px; margin: 0 auto; }

.tedian .show .fl { width: 560px; float: left; }

.tedian .show .fl img { width: 560px; height: 573px; }

.tedian .show .fr { width: 620px; float: right; }

.tedian .show .fr li { height: 52px; padding: 8px 0 10px 0; border-bottom: 1px solid #efefef; }

.tedian .show .fr ul li:first-child { border-top: 1px solid #efefef; }

.tedian .show .fr li span { width: 71px; height: 52px; line-height: 52px; padding-left: 19px; background: url(../images/td_span_03.png) no-repeat center; font-size: 45px; color: #fff; font-family: Arial, Helvetica, sans-serif; display: block; float: left; margin-left: 24px; }

.tedian .show .fr li dl { width: 470px; float: left; margin-left: 10px; }

.tedian .show .fr li dt { height: 26px; line-height: 26px; font-size: 20px; font-weight: bold; color: #0176e0; margin-bottom: 2px; }

.tedian .show .fr li dd { height: 22px; line-height: 22px; font-size: 16px; color: #333333; }


/* tedian end*/


/* liucheng */

.liucheng { width: 100%; margin-bottom:50px;}

.lc_tit { width: 1180px; margin: 60px auto 50px; }

.lc_tit h3 { text-align: center; height: 40px; line-height: 40px;
	font-size: 40px; color: #0176e0; font-weight: bold; }


.lc_tit p { text-align: center; line-height: 40px; height: 40px; font-size: 28px; color: #333333; }

.liucheng .show { width: 100%; background: url(../images/bg02_02.jpg) no-repeat 50% 0; height: 176px; padding-top: 124px; }

.liucheng .show ul { width: 1180px; margin: 0 auto; height: 176px; overflow: hidden; }

.liucheng .show ul li { width: 154px; height: 154px; border-radius: 88px; padding: 10px; border: 1px solid #adafb0; float: left; background: #fff; margin-left: 24px; }

.liucheng .show ul li:first-child { margin-left: 0; }

.liucheng .show ul li dl { width: 154px; height: 154px; border-radius: 77px; background: #0176e0; }

.liucheng .show ul li dt { height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #ffba00; padding-top: 20px; }

.liucheng .show ul li dd { width: 130px; height: 35px; line-height: 35px; text-align: center; font-size: 18px; color: #ffba00; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin: 0 auto; }

.liucheng .show ul li:hover dl { background: #f08200; }

.liucheng .show ul li:hover dt { color: #fff; }

.liucheng .show ul li:hover dd { color: #fff; }


/* liucheng end*/


/*ysBox*/

.ysBox { width: 100%; padding-top: 65px; }

.ys_h3 { width: 100%; margin: 0 auto; background: url(../images/ys_tit_02.png) no-repeat 50% 8px; height: 120px; }

.ys_h3 .h3 { width: 1180px; height: 70px; margin: 0 auto; position: relative; }

.ys_h3 h3 { width: 325px; height: 70px; position: absolute; top: 0px; left: 190px; }

.ys_h3 h3 a { font-size: 46px; color: #f08200; font-weight: bold; }

.ys_h3 h3 a span img { width: 527px; height: 7px; position: absolute; top: 0; left: 520px; }

.ys_h3 p { font-size: 24px; color: #0176e0; font-weight: bold; position: absolute; left: 520px; top: 20px; }

.ys_h3 span { font-size: 14px; color: #858484; position: absolute; top: 0px; left: 520px; text-transform: uppercase; }

.ysBox .show { width: 1180px; margin: 0px auto 0; }

.ysBox .show .item01 { overflow: hidden; margin-bottom: 40px; }

.ysBox .show .item01 .fl { width: 471px; float: left; }

.ysBox .show .item01 .fl img { width: 471px; height: 407px; }

.ysBox .show .item01 .fr { width: 605px; float: right; }

.ysBox .show .item01 .fr dl { padding-left: 64px; margin-bottom: 20px; }

.ysBox .show .item02 .fl dl { padding-left: 64px; margin-bottom: 20px; }

.ysBox .show .item01 .fr dl dt { font-size: 24px; line-height: 30px; padding-top: 10px; color: #0176e0; font-weight: bold; }

.ysBox .show .item01 .fr dl dt span { font-size: 14px; color: #c3c3c3; font-weight: normal; text-transform: uppercase; display: block; }

.ysBox .show .item01 .fr dl dd { font-size: 16px; height: 30px; line-height: 30px; color: #595858; padding-left: 20px; background: url(../images/ys_dd_03.jpg) no-repeat left; }

.ysBox .show .item02 { overflow: hidden; }

.ysBox .show .item02 .fl { width: 525px; float: left; }

.ysBox .show .item02 .fr { width: 647px; float: right; }

.ysBox .show .item02 .fl dl dt { font-size: 24px; line-height: 30px; padding-top: 10px; color: #0176e0; font-weight: bold; }

.ysBox .show .item02 .fl dl dt span { font-size: 12px; color: #c3c3c3; font-weight: normal; text-transform: uppercase; display: block; }

.ysBox .show .item02 .fl dl dd { font-size: 16px; height: 30px; line-height: 30px; color: #595858; padding-left: 20px; background: url(../images/ys_dd_03.jpg) no-repeat left; }

.ysBox .show .item01 .fr dl.cell01 { background: url(../images/ys_icon_06.jpg) no-repeat 0 0; }

.ysBox .show .item01 .fr dl.cell02 { background: url(../images/ys_icon_09.jpg) no-repeat 0 0; }

.ysBox .show .item02 .fl dl.cell01 { background: url(../images/ys_icon_12.jpg) no-repeat 0 0; }

.ysBox .show .item02 .fl dl.cell02 { background: url(../images/ys_icon_18.jpg) no-repeat 0 0; }


/*ysBox end*/


/*mid_banner02*/

.mid_banner02 { width: 100%; height: 201px; background: url(../images/mid_ban_04.jpg) no-repeat 50% 0; }

.mid_banner02 .mid_ban { width: 1180px; height: 201px; margin: 0 auto; position: relative; }

.mid_banner02 .mid_ban p { font-size: 14px; color: #fff; padding-left: 70px; background: url(../images/mid_icon_03.png) no-repeat left; line-height: 30px; position: absolute; left: 750px; top: 65px; }

.mid_banner02 .mid_ban p span { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.mid_banner02 .mid_ban a.zx { width: 117px; height: 30px; text-align: center; line-height: 30px; display: block; position: absolute; font-size: 14px; color: #272525; background: #fff; left: 1024px; bottom: 85px; }


/*mid_banner02 end*/


/*case*/

.case { width: 100%; padding-top: 60px; height: 561px; }

.case_h3 { width: 1180px; height: 100px; margin: 0 auto; }

.case_h3 h3 { width: 1180px; text-align: center; height: 60px; line-height: 60px; background: url(../images/h3_bg_03.png) no-repeat 50% 50%; }

.case_h3 h3 a { font-size: 24px; font-weight: bold; color: #0176e0; }

.case_h3 span { font-size: 30px; color: #666666; font-weight: bold; height: 50px; line-height: 50px; text-align: center; display: block; text-transform: uppercase; }

.case .show { width: 1180px; margin: 20px auto 0; }

#focus_Box { position: relative; width: 1180px; height: 390px; margin: 30px auto; }

#focus_Box ul { position: relative; width: 1180px; height: 390px; margin: auto; }

#focus_Box li { z-index: 0; position: absolute; width: 0px; height: 0px; top: 146px; cursor: pointer; left: 377px; border-radius: 4px; box-shadow: 1px 1px 12px rgba(200, 200, 200, 1); }

#focus_Box li img { width: 100%; height: 100%; }

#focus_Box li a.txt { width: 100%; height: 60px; line-height: 60px; text-indent: 45px; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .8); font-size: 16px; color: #fff; }

#focus_Box .prev,
#focus_Box .next { display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 54px; height: 53px; top: 165px; }


/* #focus_Box .prev { background: url(../images/case_arrow_03.png) left bottom no-repeat; left: -48px }

#focus_Box .next { background: url(../images/case_arrow_05.png) right bottom no-repeat; right: -48px } */

.case .show a.more { width: 145px; height: 46px; display: block; text-align: center; line-height: 46px; margin: 20px auto; border-radius: 20px; background: #f7d901; font-size: 18px; color: #131212; }


/*case end*/


/*mid_banner03*/

.mid_banner03 { width: 100%; height: 231px; background: url(../images/mid_ban_06.jpg) no-repeat 50% 0; }

.mid_banner03 .mid_ban { width: 1180px; height: 231px; margin: 0 auto; position: relative; }

.mid_banner03 .mid_ban p { font-size: 24px; color: #ffffff; line-height: 30px; position: absolute; left: 790px; top: 90px; font-weight: bold; }

.mid_banner03 .mid_ban a.zx { width: 161px; height: 43px; text-align: center; line-height: 43px; display: block; position: absolute; font-size: 16px; font-weight: bold; color: #fff; background: url(../images/mid_btn_03.png) no-repeat center; left: 880px; bottom: 40px; }


/*mid_banner03 end*/


/*customer*/

.customer { width: 100%; height: 574px; padding-top: 55px; }

.customer_h3 { width: 1180px; margin: 0 auto; }

.customer_h3 h3 { height: 50px; line-height: 50px; text-align: center; }

.customer_h3 h3 a { font-size: 36px; font-weight: bold; color: #000; }

.customer_h3 h3 a span { color: #a71513; }

.customer_h3 p { font-size: 16px; color: #a5a7a8; text-align: center; height: 40px; line-height: 40px; margin-top: 20px; text-transform: uppercase; }

.customer .show { width: 1180px; margin: 30px auto 0; }

.customer .show .item { width: 540px; padding-top: 12px; float: left; margin-right: 14px; }

.customer .show .item a.pic { width: 216px; float: left; }

.customer .show .item img { width: 204px; height: 177px; display: block; padding: 5px; border: 1px solid #d9d9d9; }

.customer .show .item dl { width: 295px; height: 189px; position: relative; margin: 0px 0 0 25px; float: left; }

.customer .show .item dt { height: 30px; line-height: 30px; }

.customer .show .item dt a { font-size: 16px; color: #474444; font-weight: bold; height:25px;overflow:hidden;display:block; }

.customer .show .item dd { height: 90px; line-height: 30px; font-size: 14px; color: #666464; overflow: hidden; }

.customer .show .item dl a.more { width: 91px; height: 27px; line-height: 27px; background: #0176e0; display: block; text-align: center; font-size: 14px; color: #fff; position: absolute; left: 0; bottom: 10px; }


/*customer end*/


/*about*/

.about { width: 100%; padding: 50px 0 0; }

.abstract { width: 1180px; height: 615px; background: #fff; margin: 0 auto; position: relative; }

.abstract .fl { width: 358px; height: 430px; position: absolute; left: 0; top: 0; background: url(../images/about_fl_03.jpg) no-repeat center; }

.abstract .fl h3 { position: absolute; left: 85px; top: 185px; }

.abstract .fl h3 a { font-size: 32px; color: #0176e0; font-weight: bold; }

.abstract .fl p { font-size: 18px; font-weight: bold; color: #585757; margin-top: 10px; }

.abstract .fr { width: 755px; height: 462px; float: right; margin-right: 20px; position: relative; }

.abstract .fr h3 a { height: 40px; line-height: 40px; font-size: 18px; color: #545454; font-weight: bold; }

.abstract .fr p { height: 150px; line-height: 30px; font-size: 14px; color: #a7a1a1; margin-bottom: 20px; }

.abstract .fr a.zx { width: 200px; height: 37px; line-height: 37px; border: 1px solid #bfbfbf; display: block; text-align: center; font-size: 14px; color: #333333; }

.abstract div.pic { width: 904px; height: 338px; position: absolute; left: 258px; bottom: 0; }

.abstract div.pic img { width: 904px; height: 338px; }

.team { width: 1180px; margin: 0 auto; }

.gd_03 { position: relative; height: 230px; width: 610px; float: right; padding: 17px 0px 0; margin-top: 15px; }

.gd_03 #simgs03 { margin: 0 auto; }

.gd_03 em { position: absolute; top: 90px; }

.gd_03 .t_l { left: -48px; }

.gd_03 .t_r { right: -48px; }

.gd_03 li { float: left; width: 180px; margin-right: 36px; }

.gd_03 li.last { margin-right: 0; }

.gd_03 li img { display: block; width: 172px; height: 120px; border: 4px solid #e3e1e1; }

.gd_03 li .mingcheng { width: 173px; height: 38px; text-align: center; line-height: 38px; color: #504f4f; font-size: 14px; display: block; }

.gd_03 .fl { float: left; }

.gd_03 .fr { float: right; }

.gd_03 .pa { position: absolute; }

.cfcm { width: 1180px; margin: 40px auto; }

#tab03 { width: 100%; overflow: hidden; }

#tab03 .tab_menu03 { width: 195px; float: left; }

#tab03 .tab_menu03 li { width: 163px; height: 50px; line-height: 50px; cursor: pointer; text-align: center; margin: 25px auto; background: #0176e0; }

#tab03 .tab_menu03 li a { width: 163px; height: 50px; line-height: 50px; display: block; font-size: 16px; color: #fff; }

#tab03 .tab_box03 { width: 980px; float: left; margin-left: 5px; }

#tab03 .tab_menu03 .selected { cursor: pointer; background: #f08200; }

#tab03 .hide { display: none; }

#tab03 .tab_box03 div { overflow: hidden; }

#tab03 .tab_box03 div a.item { width: 221px; float: left; margin-right: 24px; }

#tab03 .tab_box03 div a.item img { width: 213px; height: 147px; padding: 3px; border: 1px solid #dbdbdb; }

#tab03 .tab_box03 div a.item p { width: 221px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #333333; }


/*about end*/


/********newBox********/

.newBox { width: 100%; padding: 13px 0; }

.new { width: 1180px; background: #f8f8f8; padding-top: 20px; margin: 0 auto; }

#tab04 { width: 706px; float: left; margin-left: 32px; }

#tab04 .tab_menu04 { width: 100%; height: 70px; padding-bottom: 10px; background: url(../images/new_h3_bg_03.jpg) no-repeat bottom; }

#tab04 .tab_menu04 li { float: left; width: 80px; height: 46px; line-height: 46px; cursor: pointer; margin-right: 18px; border-radius: 23px; background: url(../images/new_dot_03.jpg) no-repeat left; padding-left: 25px; }

#tab04 .tab_menu04 ul li:first-child { background: none; padding-left: 0; }

#tab04 .tab_menu04 ul a.more { float: right; height: 46px; line-height: 46px; font-size: 14px; color: #333333; margin-right: 10px; }

#tab04 .tab_menu04 li a { width: 135px; height: 46px; display: block; font-size: 20px; font-weight: bold; color: #565454; }

#tab04 .tab_menu04 span { width: 100%; display: block; float: left; font-size: 18px; color: #c5c5c5; font-weight: bold; text-transform: uppercase; }

#tab04 .tab_box04 { width: 100%; clear: both; top: 11px; position: relative; }

#tab04 .tab_menu04 .selected { cursor: pointer; }

#tab04 .tab_menu04 .selected a { color: #0176e0; font-weight: bold; }

#tab04 .hide { display: none; }

#tab04 .tab_box04 div { overflow: hidden; }

#tab04 .tab_box04 div .box01 { width: 100%; }

#tab04 .tab_box04 div .box01 img { width: 221px; height: 145px; float: left; }

#tab04 .tab_box04 div .box01 dl { width: 450px; height: 145px; position: relative; float: right; }

#tab04 .tab_box04 div .box01 dl span { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #0176e0; }

#tab04 .tab_box04 div .box01 dt { height: 30px; line-height: 30px; margin-bottom: 5px; }

#tab04 .tab_box04 div .box01 dt a { font-size: 14px; color: #5c5c5c; }

#tab04 .tab_box04 div .box01 dd { height: 48px; line-height: 24px; font-size: 14px; color: #333333;
	overflow:hidden; }

#tab04 .tab_box04 div .box01 dl a.more { font-size: 14px; color: #0176e0; position: absolute; left: 0; bottom: 10px; }

#tab04 .tab_box04 div .box02 { width: 100%; margin: 30px auto; }

#tab04 .tab_box04 div .box02 ul { width: 100%; float: left; }

#tab04 .tab_box04 div .box02 li { width: 300px; float: left; padding-left: 20px; margin-right: 20px; background: url(../images/new_icon_03.jpg) no-repeat 8px 11px; overflow: hidden; margin-bottom: 14px; }

#tab04 .tab_box04 div .box02 li a { width: 300px; height: 30px; line-height: 30px; display: block; font-size: 14px; color: #6c6b6b; }

.problem { width: 410px; float: right; margin-right: 17px; }

.problem .prob_tit { width: 100%; height: 70px; padding-bottom: 10px; background: url(../images/new_h3_bg_03.jpg) no-repeat bottom; }

.problem .prob_tit h3 a { height: 46px; line-height: 46px; font-size: 20px; color: #0176e0; font-weight: bold; }

.problem .prob_tit span { width: 100%; display: block; float: left; font-size: 18px; color: #c5c5c5; font-weight: bold; text-transform: uppercase; }

.problem .show { width: 100%; margin-top: 15px; }

.problem .show img { width: 405px; height: 95px; display: block; margin: 0 auto; }

#ticker2 { height: 200px; margin-top: 20px; overflow: hidden; }

.problem .show dl { width: 405px; margin: 0 auto 10px; padding-bottom: 20px; border-bottom: 1px dashed #e1e1e1; }

.problem .show dt { width: 390px; padding-left: 15px; background: url(../images/prob_dot_03.jpg) no-repeat 2px 13px; height: 30px; line-height: 30px; font-size: 14px; color: #505151; margin-bottom: 10px; }

.problem .show dt a { width: 365px; line-height: 30px; font-size: 14px; color: #0176e0; }

.problem .show dd { width: 390px; padding-left: 15px; background: url(../images/prob_dot_05.jpg) no-repeat 2px 13px; line-height: 24px; height: 60px; color: #5c5c5c; }


/*new end*/


/*link*/

.linkBox { width: 100%; margin-bottom: 10px; }

.link { width: 1180px; margin: auto; height: 50px; background: #e9e9e9; line-height: 50px; }

.link span { font-size: 20px; font-weight: bold; color: #FFF; width: 219px; height: 50px; display: block; float: left; line-height: 50px; text-align: center; background: url(../images/link_h3_03.png) no-repeat 0 0; }

.link a { padding-left: 12px; padding-right: 12px; color: #585656; font-size: 14px; }