@charset "gb2312";

/* CSS Document
Theme Name: 285
Theme URI: 
Description: A website for guide themes.
Version: 2016.12.26
Author: liuxiaoxue
 */
*{ margin:0; padding:0;}
a,p,div,span,li{ list-style:none; text-decoration:none; color:#333; font-size:16px; font-family:"Microsoft YaHei";}
.m{ margin:0 auto;}
.clear{ clear:both;}
a:hover{ color:#cc1414;}
img{ border:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%;}

.top{ width:100%; height:12px;}
.header{ width:100%; height:48px; background:#3e3e3e;}
.nav_bg{ width:1212px; height:69px; background:url(../images/nav.png) no-repeat; margin:-48px auto 0;}
.logo{ width:230px; height:69px; margin-left:40px; float:left;}
.nav{ width:890px; float:left; margin-left:15px;}
.nav li{ float:left; position:relative;}
.nav li a{ display:inline-block; padding:0 20px; line-height:48px; font-size:16px; border-bottom:1px solid #FFF;}
.nav li:hover a{ border-bottom:1px solid #ff0000;}
.nav li:hover ul li a{ border:none;}
.nav li:hover ul{ display:block;}
.nav li ul{ width:64px; position:absolute; top:49px; left:0px; display:none; z-index:999;}
.nav li ul li a{ line-height:37px; text-align:center; background:#FFF; color:#666; font-size:14px; border-bottom:1px solid #dadada; margin:0 auto; width:64px }
.nav li ul li:hover a{ background:#ff0000; color:#FFF; border:none;}

.pro_tit{ width:100%; height:46px; line-height:46px; background:url(../images/pro_tit.png) no-repeat center;}
.pro{ width:1200px; margin:0 auto;}
.pro .tit{ width:195px; float:left; color:#FFF; font-size:25px;}
.pro .tit p{ font-family:"Impact"; font-size:20px; float:right; color:#FFF; letter-spacing:1px;}
.pro .tel{ width:165px; margin-left:87px; float:left; color:#FFF; background:url(../images/tel.png) no-repeat 0px 6px; font-size:20px; font-family:"Impact"; letter-spacing:1px; padding-left:40px;}
.position{ float:right; width:690px; color:#FFF; text-align:right; font-size:14px; }
.position a{ color:#FFF; font-size:14px;}
.i_pro_bg{ width:100%; height:525px; background:#eeeeee;}
.i_pro{ width:1200px; margin:0 auto;}
.i_pro_menu{ width:280px; background:#FFF; padding-bottom:10px; float:left;}
.i_pro_menu .tit{ width:240px; height:55px; line-height:55px; margin:36px auto 0px; border:1px solid #c9c9c9;}
.i_pro_menu .tit p{ float:left; font-size:22px;}
.i_pro_menu .tit .p1{ color:#cc1414; margin-left:75px; }
.i_pro_menu .tit .p2{ color:#666; }
.i_pro_menu ul li{ width:240px; height:37px; line-height:37px; margin:21px auto 0; line-height:37px; border:1px solid #c9c9c9; text-align:center;}
.i_pro_menu ul li a{ font-size:16px; color:#666;}
.i_pro_menu ul li:hover a{ color:#FFF;}
.i_pro_menu ul li:hover{ background:#cc1414; border:1px solid #cc1414;}
.i_pro_right{ width:920px; margin-top:40px; float:right;}
.i_pro_right li{ width:195px; height:205px; float:left; margin:0 0 35px 30px;}
.i_pro_right li h2{ height:39px; overflow:hidden; line-height:39px; text-align:center; background:#FFF; margin-top:-5px;}
.i_pro_right li h2:hover{ background:#cc1414;}
.i_pro_right li h2:hover a{ color:#FFF;}

.i_case{ width:1200px; margin:0 auto;}
.i_case .tit{ width:390px; height:60px; margin:50px auto 42px; text-align:center; background:url(../images/case_tit.png) no-repeat 0px 42px;}
.i_case .tit .p1{ color:#cc1414; font-size:25px; margin-bottom:10px;}
.i_case .tit .p2{ color:#666; font-size:18px; text-transform:uppercase; font-family:"Impact";}
.i_case ul .l1{ float:left;}
.i_case ul .l1{ position:relative;}
.i_case ul .l1 h2{ width:525px; height:53px; overflow:hidden; line-height:53px; background:url(../images/case_tit_22.png) repeat; position:absolute; bottom:0; left:0; padding-left:50px;}
.i_case ul .l1 h2 a{ color:#FFF;}
.i_case ul .l2{ width:290px; margin:0px 0px 19px 20px; float:left; position:relative;}
.i_case ul .l2 h2{ width:281px; overflow:hidden; height:35px; line-height:35px; background:url(../images/case_tit_22.png) repeat; left:0; bottom:0; padding-left:10px; position:absolute; }
.i_case ul .l2 h2 a{ color:#FFF; font-size:14px;}
.i_case ul .l2 h2 a:hover{ color:#cc1414;}

.i_about{margin-top:50px; width:100%; height:477px; /*background:#2b2b2b;*/ /*background:url(../images/i_about_bg.png) no-repeat center;*/}
.about_left{ width:46%; float:left; }
.about_left img{ width:100%; height:100%;}
.about_right{ width:38%; float:right; }
.about_right .tit{ width:125px; height:58px; margin-top:77px; padding-left:10px;  border-left:2px solid #cc1414;}
.about_right .tit .p1{ color:#cc1414; font-size:25px;}
.about_right .tit .p2{ color:#FFF; font-size:20px; font-family:"Impact"; text-transform:uppercase;}
.about_desc{ width:70%; height:150px; overflow:hidden; margin-top:30px; line-height:25px; color:#FFF; font-size:14px;}
.about_right .more{ width:115px; height:33px; line-height:33px; color:#FFF; display:inline-block; margin-top:90px; border:1px solid #FFF; text-align:center; font-size:14px;}

.i_new{ width:1200px; margin:45px auto; overflow:hidden;}
.new_left{ width:730px; float:left;}
.new_left .tit .tit_left,.new_right .tit .tit_left{ width:235px; float:left; }
.new_left .tit .tit_right,.new_right .tit .tit_right{ width:105px; float:left; margin:90px 0px 0px 25px;}
.new_left .tit .tit_right .p1,.new_right .tit .tit_right .p1{ font-size:25px; color:#cc1414;}
.new_left .tit .tit_right .p2,.new_right .tit .tit_right .p2{ font-size:20px; color:#666; font-family:"Impact"; text-transform:uppercase;}
.new_left ul{ margin-top:25px;}
.new_left ul li{ height:50px; line-height:50px; border-bottom:1px dashed #d2d2d2;}
.new_left ul li span{ display:inline-block; float:right;}
.new_left ul li a{ display:inline-block; width:560px; height:50px; overflow:hidden; float:left;}
.new_left ul li i{ width:6px; height:6px; background:#b6b6b6; margin:22px 15px 0px 0px; float:left; display:block; margin-right:15px;}
.new_right{ width:435px; float:right;}
.contact{ margin-top:10px;}
.contact p{ line-height:40px; color:#a2a2a2; font-size:14px; margin-left:35px; }
.link_bg{ padding:10px 0; background:#cc1414;}
.link{ width:1200px; margin:0 auto; line-height:30px; font-size:14px; color:#FFF;}
.link a{ margin-right:10px; font-size:14px; color:#FFF;}

.footer_bg{ width:100%; padding:15px 0; background:#333333; overflow:hidden;}
.footer{ width:1200px; margin:0px auto; }
.f_l{ width:780px; float:left;}
.f_nav{ color:#FFF; margin-top:22px;}
.f_nav a{ color:#FFF; font-size:14px; padding:0 15px;}
.copyright{ color:#FFF; font-size:14px; margin:10px 0px 0px 10px; line-height:28px;}
.erweima{ width:90px; height:90px; float:right;}
.erweima img{ width:90px;}

.main_bg{ width:100%; background:#f7f7f7; overflow:hidden;}
.main{ width:1200px; margin:0 auto; }
.pro_left{ width:280px; float:left; background:#FFF; padding:23px 0px 35px 0px;}
.pro_menu li{ width:240px; margin:0 auto 20px; }
.pro_menu li a{ width:240px; height:37px; border:1px solid #c9c9c9; text-align:center; margin:0 auto; display:inline-block; line-height:37px; }
.pro_menu li a:hover{ background:#cc1414; border:1px solid #cc1414; color:#FFF;}
.pro_menu li ul{ display:none; margin-top:20px;}
.pro_menu li:hover ul{ display:block;}
.pro_menu li ul li a{ background:#f8f8f8; border:1px solid #f8f8f8;}
.pro_menu li ul li a img{ margin-right:15px;}
.pro_menu li ul li:hover{ color:#FFF;}

.pro_right{ width:890px; margin-top:30px; float:right;}
.pro_list li{ width:195px; height:205px; float:left; margin:0 36px 35px 0;}
.pro_list li h2{ height:39px; overflow:hidden; line-height:39px; text-align:center; background:#FFF; margin-top:-5px; padding:0 5px;}
.pro_list li h2:hover{ background:#cc1414;}
.pro_list li h2:hover a{ color:#FFF; }

/*·ÖÒ³*/
.pages{ text-align:center; padding:45px 0;}
.pages li{ width:28px; height:26px; line-height:26px; border:1px solid #c9c9c9; display:inline-block; font-size:16px;}
.pages li:hover{ background:#cc1414; border:1px solid #cc1414;}
.pages li:hover a{ color:#FFF;}
.pages li.previous_s:hover,.pages li.next:hover{ color:#333; background:none; border:1px solid #c9c9c9;}
.pages li.previous_s,.pages li.next{ width:59px; }
.pages li.pages_solid{ color:#FFF; background:#cc1414; border:1px solid #cc1414;}

.new_list li,.xg_pro_list li{ line-height:60px; background:url(../images/li.png) no-repeat 0px 26px; border-bottom:1px dashed #c9c9c9; height:60px;}
.new_list li a,.xg_pro_list li a{ width:665px; height:60px; overflow:hidden; float:left; text-align:left; padding-left:20px; font-size:14px; }
.new_list li a:hover,.xg_pro_list li a:hover{ color:#ff0000;}
.new_list li span,.xg_pro_list li span{ width:95px; font-size:14px; color:#c0c0c0; float:right;}

.pro_con{  }
.pro_con h1{ font-size:20px; line-height:35px; text-align:center; }
.pro_con .date{ font-size:14px; color:#ababab; text-align:center; margin-top:5px; }
.pro_con .pro_b{ border-bottom:1px dotted #b4b4b4; margin-top:20px;}
.pro_con .img{ margin:35px 0px; text-align:center; overflow:hidden;}
.pro_con .content{ line-height:35px; text-align:left; margin:30px 0; font-size:14px;}

.tag{ line-height:30px; color:#666; font-size:14px; }
.tag a{ color:#666; font-size:14px;}
.pian{ margin-top:20px;}
.pian div{ line-height:30px; color:#666; font-size:14px;}
.pian div a{ font-size:14px; color:#666}

.xg_new .tit,.xg_pro .tit{ height:45px; line-height:45px; margin-top:25px; color:#333; background:url(../images/xg_tit.png) repeat-x bottom; }
.xg_pro_list li{ background:url(../images/li.png) no-repeat 0px 24px; border-bottom:1px dotted #dcdcdc;}
.xg_pro .pro_list{ margin-top:30px;}