@charset "utf-8";
/* CSS Document */
body{color:#333;background:#fff; font-size:14px; max-width:1600px; margin:0 auto; min-width:1000px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
fieldset,img{border:0; padding:0px; margin:0px;line-height:0;font-size:0;}
img{ display:block;}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input[type=submit],input[type=reset],input[type=button],button{-webkit-appearance:none}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;margin:0;padding:0}
ul,ol,li{list-style:none;}
a{ text-decoration:none; color:#231f20;}
a:hover{ color:#00b9fd;}
/* 圆角效果 */
	.radius5{
	-moz-border-radius: 5px;      /* Gecko browsers */
	-webkit-border-radius: 5px;   /* Webkit browsers */
	border-radius:5px;
	}
	.radius10{
	-moz-border-radius: 10px;      /* Gecko browsers */
	-webkit-border-radius: 10px;   /* Webkit browsers */
	border-radius:10px;
	}
	.radius15{
	-moz-border-radius: 15px;      /* Gecko browsers */
	-webkit-border-radius: 15px;   /* Webkit browsers */
	border-radius:15px;
	}
.flex-f-row{ -webkit-flex-flow: row;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*+html .clearfix{height:1%;}
*,*:before,*:after{box-sizing:border-box;}
.fix:before,.fix:after{ content:""; display:table;}
.fix:after{ clear:both;}
/***** top ********/
#top{ width:100%; border-top:3px solid #0071cc; background:url(../images/ry_04.jpg) repeat-x; height:130px; overflow:hidden;}
#top .top{ width:1000px; margin:0 auto; position:relative;}
#top .top .logo{ float:left;}
#top .top .tel{ float:right; background:url(../images/ry_05.png) no-repeat left top; margin-top:45px; padding-left:40px; font-size:16px; position:relative; height:95px; width:340px;}
#top .top .tel span{ font-size:25px; position:absolute; top:-8px;}
#top .top .top_menu{ position:absolute; top:-3px; right:5px; background:url(../images/ry_01.png) no-repeat; text-align:center; font-size:12px; line-height:27px; width:268px;}
/* menu */
#menu{ background:url(../images/ry_07.jpg) repeat-x; height:49px; width:100%;}
#menu .menu_ul{ width:1000px; margin:0 auto;}
#menu li{ float:left; width:10%; text-align:center; position:relative;}
#menu li a{ line-height:49px; font-size:16px; color:#fff; display:block;}
#menu li:hover,#menu .on{ background:url(../images/ry_09.jpg);}
#menu .menu_sub{ display:none; position:absolute; top:50px; left:0; z-index:999;}
#menu li:hover > div{ display:block;}

#menu .menu_sub ul{ width:100px;}
#menu .menu_sub li{background:#338dd6; width:100%; border-bottom:1px solid #fff;  height:40px;}
#menu .menu_sub li:hover{ background:#015ea9;}
#menu .menu_sub li a{font-size:14px; line-height:40px;}
/* banner */
.focusBox { position: relative; width:100%; height:auto; overflow: hidden; max-width:1600px;min-width:1000px;min-height:445px;max-height:500;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img {display: block;width:100%; height:auto;max-width:1600px; min-width:1000px;}
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;}
/* hot_search */
.hot_search{ background:url(../images/ry_12.jpg); height:40px; overflow:hidden;}
.hot_search ul{ width:1000px; margin:0 auto;}
.hot_search .hot{ float:left; line-height:40px; width:680px; overflow:hidden;}
.hot_search .sele{ width:300px; float:left;margin-top:4px;}
.hot_search .sele .sele_box{ border:1px solid #cbcccc; border-right:0;  height:31px; line-height:31px; padding-left:5px; width:200px; }
.hot_search .sele .sele_btn{ background:url(../images/ry_15.jpg); width:85px; height:32px; text-indent:100px; overflow:hidden; border:0; cursor:pointer; vertical-align:middle;}
/* i_pro */
#i_pro{ width:1000px; margin:20px auto; height:650px; overflow:hidden;}
#i_pro .hd{ width:235px; float:left; margin-right:35px;}
#i_pro .hd li{ width:235px; border:1px solid #dbdbdb; margin-bottom:1px; height:64px; line-height:64px; text-indent:35px; background:url(../images/ry_30.jpg) no-repeat right top #eee;}
#i_pro .hd a{ display:block; font-size:16px; color:#222;}
#i_pro .hd a:hover,#i_pro .hd .on a{ color:#fff;}
#i_pro .hd .on{ background:url(../images/ry_27.jpg) no-repeat right top #0071cc; color:#fff;}
#i_pro .bd{ float:left; width:730px; overflow:hidden;}
#i_pro .bd ul{ width:750px;}
#i_pro .bd li{ width:232px; margin-right:17px; float:left; margin-bottom:7px;}
#i_pro .bd li img{ width:100%; border:1px solid #dedede; border-bottom:0; display:block;}
#i_pro .bd li p{ width:100%; height:35px; line-height:35px; text-align:center; background:#66aae0;}
#i_pro .bd li a{ color:#222;}
#i_pro .bd li a:hover{ color:#fff;}
/* i_case */
#i_case .hd{ height:78px; width:100%; background:#0071cc; margin-bottom:40px;}
#i_case .hd ul{ width:1000px; margin:0 auto; padding-top:7px; height:71px; position:relative;}
#i_case .hd li{ float:left; width:200px; text-align:center; height:61px; line-height:61px; border-right:1px solid #2f8bd5; font-size:16px; cursor:pointer; color:#fff;}
#i_case .hd .on{ border:0; background:url(../images/ry_33.jpg) no-repeat center; color:#0071cc; font-weight:bold;}
#i_case .hd p{ position:absolute; background:url(../images/ry_36.jpg); width:89px; height:24px; text-align:center; top:27px; right:20px; font-size:14px;}
#i_case .hd p a{ color:#000;}
#i_case .hd p a:hover{ color:#0071cc;}
#i_case .bd{ width:100%;}
#i_case .bd .case_font{ width:1000px; margin:0 auto; margin-bottom:25px;}
#i_case .bd .case_font h3{ line-height:24px; color:#0164cc; font-size:16px; margin-bottom:10px;}
#i_case .bd .case_font p a{ font-size:12px; line-height:24px; color:#4d4d4d;}
#i_case .bd .case_font p a:hover{ color:#0071cc;}
#i_case .bd .case_font p span{ color:#f00;}
#i_case .bd .case_pic{ background:url(../images/ry_40.jpg) no-repeat center top;}
#i_case .bd .case_pic img{ display:block; margin:0 auto; width:1000px; height:400px;}
/* five_adv */
#five_adv{ width:1000px; margin:0 auto; margin-bottom:30px;}
#five_adv img{ display:block;}
#five_adv .adv_left,#five_adv .adv_right{ float:left; width:500px;}
#five_adv .adv_font{ margin-top:38px; padding-left:65px;}
#five_adv .adv_font h4{ font-size:24px; line-height:36px; color:#0071cc; background:url(../images/ry_50.jpg) repeat-x bottom left; padding-bottom:5px; margin-bottom:10px;}
#five_adv .adv_font h4 span{ color:#f60;}
#five_adv .adv_font p{ background:url(../images/ry_51.jpg) no-repeat left top; text-indent:12px; line-height:24px; color:#545454;}
#five_adv .adv_01{ background:url(../images/ry_46.png) no-repeat top left; height:208px;}
#five_adv .adv_02{ background:url(../images/ry_56.png) no-repeat top left; height:224px;}
#five_adv .adv_03{ background:url(../images/ry_64.png) no-repeat top left; height:162px;}
#five_adv .adv_04{ background:url(../images/ry_70.png) no-repeat top left; height:208px;}
#five_adv .adv_05{ background:url(../images/ry_74.png) no-repeat top left;}
/* effect */
#effect{ background:#f8f8f8; width:100%; margin-bottom:30px;}
#effect h3{ width:850px; margin:0px auto; height:25px; border-bottom:1px solid #dedede; position:relative; padding:40px 0; margin-bottom:50px;}
#effect h3 span{ position:absolute; width:235px; background:#f8f8f8; font-size:30px; color:#0071cc; height:40px; top:60px; left:308px; text-align:center;}
#effect ul{ width:1000px; margin:0 auto; overflow:hidden; padding-bottom:30px;}
#effect li{ border-right:1px solid #fff; float:left;}
#effect img{ display:block;}
#effect .effect_03{ border:0;}
#effect .eff_01{ width:253px; height:216px;}
#effect .eff_02{ width:423px; height:159px;}
#effect .eff_03{ width:423px; height:260px;}
#effect .eff_04{ width:322px; height:244px;}
#effect .eff_05{ width:322px; height:175px;}
/* ad1 */
#ad1{ background:#0071cc; width:100%;}
#ad1 img{ display:block; width:1000px; margin:0 auto;}
/* part1 */
.part1{ margin:30px auto; width:1000px; overflow:hidden; height:320px;}
.i_news,.i_info,.interlocution{ float:left;}
.i_news{ width:375px; border-right:1px solid #bebebe;}
.i_info{ width:385px; padding:0 10px;}
.interlocution{ width:240px;}
.i_news h3,.i_info h3,.interlocution h3{ font-size:18px; font-weight:bold; color:#0071cc; line-height:30px;}
.i_news ul,.i_news img,.i_info img{ width:365px;}
.i_news li,.i_info li{ width:365px; line-height:30px; background:url(../images/ry_87.jpg) no-repeat left center; text-indent:10px;}
.i_news li span,.i_info li span{ float:right; display:inline-block; width:70px;vertical-align:central; font-size:12px;}
.i_news li a,.i_info li a{ display:block;width:275px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.interlocution dt{ background:url(../images/ry_90.jpg) no-repeat left center; height:25px; line-height:25px; width:240px; text-indent:30px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.interlocution dd{ background:url(../images/ry_93.jpg) no-repeat left top; line-height:150%; text-indent:30px; margin-bottom:8px;}
/* vision */
#vision{ background:url(../images/ry_98.jpg) no-repeat center top; height:438px; width:100%;}
#vision img{ display:block; margin:0 auto; padding-top:78px;}
/* foot */
#quick,#link{ width:1000px; margin:0 auto; padding-top:50px;}
#quick h3,#link h3{ border-bottom:1px solid #cfcfcf; height:20px; margin-bottom:40px; position:relative;}
#quick h3 span,#link h3 span{ position:absolute; left:20px; color:#f00; width:120px; text-align:center; font-size:26px; background:#fff;}
#quick li{ height:47px; line-height:47px; margin-bottom:10px; text-indent:110px;}
#quick .quick_01{ background:url(../images/ry_101.jpg) no-repeat left center;}
#quick .quick_02{ background:url(../images/ry_104.jpg) no-repeat left center;}
#quick .quick_03{ background:url(../images/ry_107.jpg) no-repeat left center;}
#quick .more{ color:#f00;}
#quick .more:hover{ color:#000;}
#link{ padding-top:20px; margin-bottom:25px;}
#link a{ display:inline-block; margin-bottom:5px;}
#foot_menu{ height:40px; line-height:40px; background:#333333; text-align:center; width:100%;color:#fff; margin-bottom:20px;}
#foot_menu a{ color:#fff; padding:0 15px;}
#foot_menu a:hover{ color:#f00;}
#foot{ width:1000px; margin:0 auto;}
#foot li{ float:left; width:500px; color:#333; font-size:16px; line-height:26px;}
.foot_left img{ margin-bottom:20px;}
.foot_right img{ display:block; margin:0 auto;}

/******** list ********/
.banner{ height:450px; width:100%;}
.part2{ width:1000px; margin:0 auto;}
.m30{ margin-top:30px;}
#left_menu{ width:235px; float:left;}
/* left_menu */
#left_menu .title{ background:url(../images/ry_list04.jpg) no-repeat center left #1d7cf7; height:40px; line-height:40px; width:100%; text-indent:29px; color:#fff; font-weight:bold;}
.menu_left{ margin-bottom:20px;}
.menu_left .contact{ color:#343434; line-height:180%; margin-top:10px;}
.menu_left .contact dl{width:220px; margin:0 auto;}
.menu_left .contact dt{ color:#ee3311; font-weight:bold; padding-top:10px;}
.first_menu li{ background:url(../images/ry_list06.jpg) no-repeat bottom left; padding-bottom:1px;}
.first_menu li a{ display:block; height:39px; background:url(../images/ry_list07.jpg) no-repeat left center; text-indent:33px; color:#000; line-height:39px;}
.first_menu li a:hover,.first_menu li .on{ background:url(../images/ry_list05.jpg) no-repeat left center #2e90fe; color:#fff;}
.two_menu .subNav{background:url(../images/ry_list05.jpg) no-repeat left center #2e90fe; color:#fff; text-indent:33px;line-height:39px; cursor:pointer; border-bottom:1px solid #fff;}
.two_menu .subNav a{ color:#fff;}
.two_menu .subNav a:hover,.two_menu .subNav .on{ font-weight:bold;}
.two_menu .navContent{ display:none;}
.two_menu .navContent li{ background:#f2f2f2; line-height:39px; padding-left:35px; border-bottom:1px solid #fff;}
.two_menu .navContent li a{ display:block; background:url(../images/ry_list08.jpg) no-repeat left center; height:39px; width:100%; text-indent:10px; color:#000;}
.two_menu .navContent li a:hover{ color:#f60;}
.list_btn li{ margin-top:5px;}
/* centre_right */
.centre_right{ float:right;width:745px;}
.nav{ position:relative; border-bottom:1px dashed #c1c1c1; height:27px; line-height:27px; margin-bottom:25px; font-size:16px; margin-top:15px;}
.nav span{ float:right; margin-right:10px; color:#a7a7a7; font-size:12px;}
.nav .font_red{ color:#ed2400;}
.nav p{ position:absolute; margin-left:32px; top:12px; background:#fff; font-size:18px; color:#0071cc; font-weight:bold;}
.nav .img_left{ margin-right:10px; display:inline-block;}
.nav .img_right{ margin-left:10px; display:inline-block;}
.pro_list{ background:#f9f9f9; border:1px solid #d7d7d7; border-bottom:3px solid #d7d7d7; margin-bottom:15px; padding:15px; overflow:hidden;}
.pro_list li{ float:left;}
.pro_list .left{ width:377px; border:1px solid #333;}
.pro_list .left img{ width:375px; display:block;}
.pro_list .right{ margin-left:15px; width:320px; color:#666; line-height:28px;}
.pro_list .right h3{ border-bottom:1px dashed #959595; font-size:20px; color:#000; margin-bottom:10px; padding-bottom:5px;}

.pro_list .right .more{ background:url(../images/ry_list_16.jpg); width:121px; height:34px; line-height:34px; display:block; margin:30px; text-align:center; color:#fa7a25;}
.pro_list .right .more:hover{ color:#000;}
.list_fy{ text-align:center; width:100%; margin-bottom:20px; color:#666; margin-top:20px;}
.list_fy a{ display:inline-block; margin-right:5px; width:55px; height:24px; line-height:24px; border:1px solid #c3c3c3; background:#fff; color:#444; font-size:12px;}
.list_fy a:hover,.list_fy .on,.list_fy .fy_btn:hover{ background:#0071cc; border:1px solid #0071cc; color:#fff;}
.list_fy .fy_box{ margin:0 5px; width:45px; height:22px; border:1px solid #b5b5b5; text-align:center;}
.list_fy .fy_btn{ border:1px solid #b5b5b5; cursor:pointer;width:34px; height:24px; text-align:center; background:#f7f7f7;}
.case{ margin:30px auto; width:100%;}
.case img{ margin-bottom:13px; display:block;}
.case li{float:left;}
.case .pic_b{ width:493px; height:263px; }
.case .pic_s{ width:234px; height:125px;}
.case a{ position:relative; display:block;}
.case a p{ position:absolute; bottom:0; left:0; height:25px; background:rgba(0,104,183,0.5); color:#fff; width:100%; text-indent:1rem;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.case a:hover p{ color:#f00;}
/****** gcdz *******/
.explain{ text-align:center; width:850px; margin:0 auto; line-height:24px;}
.explain font{ font-weight:bold; color:#0071cc;}
.hot_title{ width:850px; margin:0px auto; height:25px; border-bottom:1px solid #dedede; position:relative; padding:40px 0; margin-bottom:50px;}
.hot_title span{ position:absolute; padding:0 10px;background:#fff; font-size:30px; color:#0071cc; height:40px; top:60px; left:308px; text-align:center;}
#procedure{ width:100%; background:url(../images/gcdz_04.jpg) no-repeat top center; height:660px;}
#procedure img{ width:1000px; display:block; margin:0 auto; padding-top:120px;}
.device .bd{ position:relative; width:930px; margin:0 auto; padding-top:40px;overflow:hidden; }
.device .prev,.device .next{ position: absolute; top:80px; left:-1px; display:block; width:38px; height:75px; z-index: 9; overflow: hidden;}
.device .prev{ background:url(../images/gcdz_06.jpg);}
.device .next{ background:url(../images/gcdz_13.jpg);left:auto; right:-1px;}
.device .scrollWrap{ padding-left:45px;}
.device ul{ overflow:hidden; zoom:1; }
.device li{position:relative; float:left; width:260px; margin:0 10px;}
.device li img{ width:260px;}
#case{ background:#f3f3f3; width:100%; padding-bottom:30px;}
.hot_title1{ width:850px; margin:0px auto; height:25px; border-bottom:1px solid #dedede; position:relative; padding:40px 0; margin-bottom:50px;}
.hot_title1 span{ position:absolute; padding:0 10px;background:#f3f3f3; font-size:30px; color:#0071cc; height:40px; top:60px; left:308px; text-align:center;}
#case .case_list{ width:1000px; margin:0 auto;}
#case .case_list ul{ width:1005px;}
#case .case_list li{ float:left; margin-right:1px; margin-bottom:1px;}
.problem{ float:left; width:660px;}
.problem li{ background:url(../images/gcdz_23.jpg) no-repeat top left; padding-left:65px; height:90px; border-bottom:1px dashed #838383; margin-top:15px;}
.problem li p{ font-weight:bold; font-size:18px; margin-bottom:8px; width:595px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.union{ float:right; width:325px;}
.union ul{ border:1px solid #dcdcdc; padding:20px; width:325px; margin-top:15px;}
.union h4{ border-bottom:1px solid #e0e0e0; width:260px; margin:0 auto; color:#444; line-height:150%; text-align:center; font-size:18px; padding-top:10px; margin-bottom:10px;}
.union p{ text-indent:2em;}
.union span{ color:#f60;}
.union a{ display:block; width:150px; line-height:35px; height:35px; text-align:center; color:#fff; margin:20px auto; background:#f60; font-size:18px;}
.union a:hover{ color:#000;}
/**** contact ****/
.contact_01{ background:url(../images/about_02.jpg) no-repeat right top; height:250px; padding-right:400px; font-size:16px; line-height:200%;}
.contact_01 span{ color:#f60; font-weight:bold;}
.contact_02 li{ border-bottom:1px dashed #9f9f9f; padding-bottom:15px; margin-bottom:15px; font-size:16px; line-height:200%; color:#666; padding-left:110px;}
.contact_02 li h3{ font-size:24px; color:#000; margin-bottom:10px;}
.contact_02 li p{ color:#0071cc; font-size:18px; font-weight:bold;}
.contact_02 .tel{ background:url(../images/about_03.jpg) no-repeat left top;}
.contact_02 .address{ background:url(../images/about_04.jpg) no-repeat left top;}
.contact_02 .route{ background:url(../images/about_05.jpg) no-repeat left top;}
/******* video_list  **********/
.video_list{ width:745px; overflow:hidden;}
.video_list ul{ width:760px;}
.video_list li{ float:left; margin-right:15px; margin-bottom:15px; width:238px;}
.video_list li a{ display:block; background:#fffaff; border:1px solid #d7e4e9; padding:5px; color:#333; text-align:center;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.video_list li a:hover{ color:#f60;}
.video_list li img{ display:block; margin:0 auto;}
/****** news_list ******/
.news_list{width:745px; overflow:hidden;}
.news_list li{ border-bottom:1px dashed #333; margin-bottom:15px;height:200px; color:#666; line-height:24px;position:relative; overflow:hidden;}
.news_list li img{ width:320px; height:180px; float:left;}
.news_list li >div{ float:right;width:405px;}
.news_list li h3{ font-size:18px; color:#0071cc; margin-bottom:8px;}
.news_list .time{ display:block;}
.news_list li .more{ position:absolute; width:90px; height:30px; line-height:30px; color:#fff; background:#f60; font-size:16px; text-align:center; right:10px; bottom:20px;}
.news_list li .more:hover{ color:#000;}
/***** about *********/
.about_01{ background:url(../images/about_02.jpg) no-repeat right center;  min-height:250px; padding:20px 0;padding-right:360px; margin-bottom:15px; font-size:16px; line-height:28px; color:#080103;}
.about_01 font{ font-weight:bold; color:#0071cc;}
.about_01 span,.about_02 span{ color:#f00;}
.about_02{ background:url(../images/about_07.jpg) no-repeat left bottom; min-height:410px; padding-left:460px;font-size:16px; line-height:28px; color:#080103;}
.group_style{ width:1000px; overflow:hidden; margin-bottom:30px;}
.group_style ul{ padding-top:50px;}
.group_style li{ float:left; width:25%;}
.group_style li a{ display:block;background:url(../images/about_10.jpg) no-repeat top center; width:221px; height:165px; margin:0 auto;}
.group_style li img{ height:150px; width:215px; padding-top:13px; padding-left:10px;}

.honor .bd{ position:relative; width:930px; margin:0 auto; padding-top:40px;overflow:hidden; }
.honor .prev,.honor .next{ position: absolute; top:100px; left:-1px; display:block; width:38px; height:75px; z-index: 9; overflow: hidden;}
.honor .prev{ background:url(../images/gcdz_06.jpg);}
.honor .next{ background:url(../images/gcdz_13.jpg);left:auto; right:-1px;}
.honor .scrollWrap{ padding-left:45px;}
.honor ul{ overflow:hidden; zoom:1; }
.honor li{position:relative; float:left; width:260px; margin:0 10px;}
.honor li img{ width:260px; height:185px;}
/* sele */
.centre_right .sele{ width:100%; padding:20px 0;}
.centre_right .sele li{ border-bottom:1px dashed #999; padding-bottom:10px; margin-bottom:15px;}
.centre_right .sele li h3{ font-size:16px; font-weight:bold; margin-bottom:8px; color:#f00;}
/* page */
.page{ padding:30px 0;}
.page h3{ text-align:center; font-size:18px; color:#0071cc; line-height:28px; font-weight:bold; margin-bottom:15px;}
.page .time{ border-bottom:1px solid #999; width:100%; text-align:center; color:#666; padding-bottom:10px; margin-bottom:20px;}
.page .page_nr{ line-height:180%;}
.page .page_nr img{ max-width:100%;}
.page .back{ width:100%; border-top:1px solid #999; text-align:center; font-size:18px; padding-top:10px; margin-top:25px;}
/***** pro_page *****/
.pro_synopsis{background:#f9f9f9; border:1px solid #d7d7d7; border-bottom:3px solid #d7d7d7; margin-bottom:15px; padding:15px; overflow:hidden;}
.pro_synopsis .info-left{ float:left; width:379px;}
.pro_synopsis .info-left .big-img{ border:1px solid #666; margin-bottom:8px;}
.pro_synopsis .info-left .big-img img{ width:376px; height:275px;}
.pro_synopsis .info-left .list-img{position: relative;border: 1px solid #dededf;height: 85px;overflow: hidden;}
.list-img .bd {padding: 0 28px;}
 .list-img li {width: 105px;float: left;margin: 0 3px;padding-top: 5px;cursor: pointer;}
.list-img li img {padding: 2px; border: 1px solid #fff;width: 100px;height: 73px;}
 .list-img li.on img {border-color: #c42a4e;}
.list-img a.prev, .list-img a.next {width: 20px;height: 98px;position: absolute;top: 0;background-color: #f4f4f4;
background-position: center center;background-repeat: no-repeat;z-index: 10;cursor: pointer;}
.list-img a.prev {left: 0;background-image: url(../images/btn_L.jpg);}
.list-img a.next {right: 0;background-image: url(../images/btn_R.jpg);}
.list-img a.prevStop, .list-img a.nextStop { cursor: default !important; opacity: .5;}
.info-right{ float:right; width:315px;}
.info-right h3{border-bottom:1px dashed #959595; font-size:20px; color:#000; margin-bottom:10px; padding-bottom:5px;}
.info-right p{ line-height:200%; color:#666;}
.info-right .tel{ font-weight:bold; color:#f60; margin:20px auto; font-size:15px;}
.info-right a{ display:block; margin-left:50px;}

.pro_details{ margin:20px auto;}
.pro_details h3{ border-left:9px solid #0071cc; background:#f2f2f2; height:30px; line-height:30px; text-indent:1em; margin-bottom:15px; color:#f60; font-weight:bold;}
.pro_details img{ max-width:100%;}
.centre_right .ad{ width:100%; margin-bottom:20px;}
.related_pro{ position:relative;}
.related_pro h3{ background:url(../images/page_05.jpg); height:27px; margin-bottom:15px;}
.related_pro .hd{ position:absolute; right:5px; top:-5px;}
.related_pro .hd .prev,.related_pro .hd .next{ display:block;  width:19px; height:19px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/page_06.jpg") no-repeat;}
.related_pro .hd .next{ background:url("../images/page_07.jpg") no-repeat;}
.related_pro .bd { width:100%;}
.related_pro .bd ul{ overflow:hidden; zoom:1;}
.related_pro .bd  li{ width:33.3%; text-align:center;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; line-height:180%;float:left;}
.related_pro .bd  li img{ width:215px; padding:3px; border:1px solid #e3e3e3; display:block; margin:0 auto;}
.pro_list .right h3 a{ font-size:20px; color:#000; margin:0; background:none; width:auto; height:auto; line-height:180%; text-align:left;}
.pro_list .right h3 a{ font-size:20px; color:#fa7a25; margin:0; background:none; width:auto; height:auto; line-height:180%; text-align:left;}
.pro_list .right h3 a:hover{ color:#000;}
.news_list li h3 a {
    position:relative;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #0071cc;
    background:none;
    font-size: 18px;
    text-align: left;
    right: 0px;
    bottom: 0px;
}
.news_list li h3 a:hover{ color:#f60;}