@charset "utf-8";

/* CSS Document */

.pagetop_ty{ background:url(../images/bg_ty.gif) repeat-x 0 0; height:10px; width:100%; line-height:1%;  }



.title6{height:80px; position:relative; z-index:2;  }

.title6 h2{text-align:left;font-size:20px;width:160px;display:block;line-height:40px; padding-top:30px; font-family: "微软雅黑", "黑体"; font-weight:normal; float:left; text-indent:50px} 

.title6 .sub_nav{ float:left; width:700px; text-align: left;line-height:30px; padding-top:36px; }

.title6 .sub_nav a{ margin:0 10px; font-size:14px; color:#666666}

.title6 .sub_nav .cur,.title6 .sub_nav a:hover{ color:#f45751}



/*案例*/

.caseshow{ overflow:hidden; border-left:1px solid #f4f4f4; border-top:1px solid #f4f4f4; width:1196px}

.caseshow ul{ width:1197px; overflow:hidden}

.caseshow li{ float:left; width:298px; height:190px; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; background:#FFF; position:relative; z-index:2; overflow:hidden}

.caseshow li a{ display:block}

.caseshow li a img{ position:absolute; z-index:3; top:20px; left:20px;display: inline-block; }

.caseshow li a .up_box{ top:-5px; width:258px; left:0px;position:absolute; overflow:hidden; height:5px; text-align:left}

.caseshow li a:hover .up_box{ display:block;position:absolute; z-index:4; top:20px; left:20px;  width:258px; height:150px; overflow:hidden; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity: 0.7;

margin-left:0px;

-webkit-transition:height;

-webkit-transition-timing-function: ease-in;

-webkit-transition-duration: 150ms;}

.caseshow li a .up_box h3{ margin:12px 18px 0px 18px; font-size:14px; line-height:24px; color:#999}

.caseshow li a .up_box div{ margin:0 18px; color:#999; line-height:18px}

.caseshow li a .up_box p{ margin:0 18px; color: #666}



/*CSS 翻页效果*/

.quotes{padding:3px 3px 3px 3px; height:46px; margin:20px auto; text-align:center; overflow:hidden; font-size:16px; line-height:40px}

.quotes A { border:1px solid #eeeeee;MARGIN-RIGHT:4px;TEXT-DECORATION: none; color:#868686; background:#ffffff; width:40px; display:inline-block; height:40px; }

.quotes A:hover {border:1px solid #f45751;background:#f45751; color:#FFF; height:40px;  display:inline-block }

.quotes SPAN.current{border:1px solid #f45751;color:#ffffff; margin-right:4px; background:#f45751;width:40px; height:40px; display:inline-block }







.service_help,.blog{ display:block}

.service_help ul,.blog ul {width:1220px;}

.service_help ul li:hover,.blog ul li:hover{ border:1px solid #f45751;}

.service_help ul li,.blog ul li{ border:1px solid #f4f4f4; background:#FFF ;margin-bottom:20px ; margin-right:20px ; padding:10px 0 20px 0; height:100px; text-align:left; display:block; width:588px; overflow:hidden ; float:left}

.service_help ul a img,.blog ul a img{ float:left; margin-top:10px; display: block;margin-left:20px;_margin-left:20px; }



.service_help h3{ margin-left:120px; font-size:14px;margin-right:20px; line-height:34px;}

.service_help li:hover h3 a{ color:#f45751}

.service_help .con{ margin-left:120px; color:#616161; margin-right:20px;line-height:18px; height:36px; overflow: hidden; display:block}

.service_help .tag{ margin-left:120px; margin-top:10px;margin-right:20px; color:#999}

.service_help .tag a{ margin:0 5px; color:#999}

.service_help .tag a:hover{color:#f45751}



.blog h3{ margin-left:160px; font-size:14px;margin-right:20px; line-height:34px;}

.blog li:hover h3 a{ color:#f45751}

.blog .con{ margin-left:160px; color:#616161; margin-right:20px;line-height:18px; height:36px; overflow: hidden; display:block}

.blog .tag{ margin-left:160px; margin-top:10px;margin-right:20px; color:#999}

.blog .tag a{ margin:0 5px; color:#999}

.blog .tag a:hover{color:#f45751}



.about_page{ padding:49px; text-align:left; font-size:14px}

.title_about{ font-size:20px; font-weight:normal; color:#f45751; line-height:40px; padding-top:20px;}

.about_3 div{ width:1128px;}

.about_3 dl{ width:376px; float:left}

.about_3 dd{ margin-right:30px; padding-top:10px;}



.about_hx div{ width:1115px;}

.about_hx dl{ float:left; width:223px;}

.about_hx dl img{ display:block; margin:0 46px 0 26px}

.about_hx dl dt{ text-align:center; width:150px; margin:0 46px 0 26px; font-size:20px; line-height:40px;}

.about_hx dl dd{text-align:center; width:150px; margin:0 46px 0 26px}



.cantact_l{ text-align:left;width:770px; background:url(../images/ico_contact.gif) no-repeat 30px 30px}

.cantact_l ul{ font-size:14px; display:block; padding:30px; }

.cantact_l li{ padding-bottom:20px; padding-left:60px;}

.cantact_r{ width:400px; text-align:left}

.cantact_r div{ margin-right:30px; font-size:14px; line-height:180%}





.case_page_title{ height:40px; line-height:40px; margin:0 40px; padding-top:30px; text-align:left}

.case_page_title h3{ float:left; font-size:24px}

.case_page_title em{ float:right; font-style:normal}

.case_page_ab{ margin:0 40px; text-align:left; border-bottom:1px solid #f4f4f4; padding-bottom:20px;}

.imgpson{ position:; height:auto}

.case_page_img{margin:0 auto; text-align:center; padding:20px 0;}

.case_page_bc{margin:0 40px; padding:0 0 40px 0}

.case_page_pc{margin:0 40px; padding:20px 0 40px 0; text-align:left; font-size:14px}

.page_tag{ text-align:right;margin:0 40px; padding-top:10px; color:#999}

.page_tag a{ margin:0 5px; color:#999}

.page_tag a:hover{ color:#F30}



.ans_list .an_tit .go_hh,.an_my a,.an_my a:hover{ background-image: url(../images/bg2.png); background-repeat:no-repeat}

.w780{ width:780px;}

.w400{ width:400px;}

.ans_list{ background:#FFF; border:1px solid #f4f4f4; padding:20px; text-align:left; margin-bottom:10px;}

.ans_list:hover{border:1px solid #fd5a54;}

.ans_list img{ float:left}

.ans_list .an_tit{ height:32px; margin-left:110px; }

.ans_list .an_tit h3{ float:left;  margin-right:10px}

.ans_list .an_tit span{float:left; margin-right:10px; color:#09F}

.ans_list .an_tit em{float:left;font-style:normal; color:#999 }

.ans_list .an_tit .go_hh{ float:right; width:90px; height:20px; line-height:20px; background-position:60px 2px; text-align:left; color:#f45751}

.ans_list .wen{ margin-left:110px;}

.ans_list .hufu01{margin-left:110px; margin-top:10px; padding:10px; background:#fffef4; border:1px solid #fde8be; color:#fd5a54}

.ans_list .hufu02{margin-left:110px; margin-top:10px; padding:10px; background:#f6f6f6; border:1px solid #f1f1f1; color:#8b8b8b}

.ans_list .fhu_xx{ font-style:italic}



.an_my{ height:43px; text-align:center; display:block}

.an_my a{ display:block; height:43px; line-height:43px; background-position:0 -106px; font-size:20px; font-weight:normal; color:#FFF}

.an_my a:hover{ color:#333;background-position:0 -169px;}



.send_list{}

.send_list span{ display:block; text-align:left; margin:0 30px; line-height:36px; color:#999; padding-bottom:10px;}

.send_list #QuestionTypeId{ padding:8px 5px; background:#FFF; width:342px; border:1px solid #f4f4f4;}

.send_list .input1{width:330px; border:1px solid #f4f4f4; padding:5px; height:24px; margin:0 auto; background:#f0f0f0}

.send_list .input2{width:330px; border:1px solid #f4f4f4; padding:5px; height:100px; margin:0 auto; background:#f0f0f0}

.send_list .send{ width:230px; height:90px; background-color:#f45751; margin-top:20px; cursor:pointer; background-position:-110px -520px; line-height:88px; text-indent:30px; font-size:20px; text-align:left; color:#FFF; border:none; margin-bottom:50px}

.send_list .send:hover{}



.shop_sercie{ padding:30px 0 20px 30px}

.shop_sercie li{ float:left; width:390px;}

.shop_sercie h3,.title09{ font-size:20px; color:#C30; line-height:40px;}

.shop_sercie p{ font-size:14px; line-height:26px;}



.shop_s{ font-size:14px; text-align:left; margin:0 40px; padding:30px 0;}

.shop_s li{width:530px;}

.big_title01{ font-size:36px; line-height:50px;  padding:30px 0}



.shop_list { width:1210px;} 

.shop_list dl{ float:left; width:242px;}

.shop_list dt{ background:#ffd178; height:90px; margin-right:10px;}

.shop_list dt p{ font-size:20px; padding-top:20px;}

.shop_list dd{ background:#fff9e0; font-size:14px; border-top:2px solid #FFF; margin-right:10px; padding:30px 0}

.shop_list .h40{ height:40px;}

.shop_list .h80{ height:80px;}

.shop_list .hg{ line-height:40px; background:#fff9e0 url(../images/yuan_green.png) no-repeat center center; font-size:16px; color:#FFF}

.shop_list .ga{ line-height:40px; background:#fff9e0 url(../images/yuan_red.png) no-repeat center center; font-size:16px; color:#FFF}





.mark_bg{ background:#fff}

.titbbg{ text-align:center; font-size:30px; line-height:60px; font-weight:normal; padding:20px 0}





.search_service{ text-align:left; padding-bottom:30px;}

.search_service p{ font-size:14px; line-height:26px;}

.search_service h3{ font-size:20px; font-weight:normal; color:#1aa2c2; line-height:50px;}

.search_service img{ display:block; margin:0 auto}



.search_ys{ padding-bottom:50px}

.search_ys dl{ width:240px; float:left; text-align:center}

.search_ys dt{ font-size:20px; text-align:center; background:url(../images/yuan_yellow.gif) no-repeat center center; height:80px; line-height:80px;}

.search_ys dd{ margin:0 20px; font-size:16px; padding-top:20px;}