@charset "utf-8";
/*
Theme Name: 善策
Theme URI:地址
Description: 上海网站建设
Version: 1.0 版本号
Author: 上海网站建设
Author URI: http://www.shpanyo.com
Tags: 
*/
body{ margin:0 auto; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; line-height:normal;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ padding:0; margin:0;}
h4,h5,h6,b{font-weight:normal;}
ul { list-style:none;}
*{ margin:0px; padding:0px;}
img { border:0px;}
a { color:#333; text-decoration:none;}
a:hover {color:#007ab8;}

.aligncenter {clear: both;display: block;margin: 0 auto 1.75em;}
.alignleft {float: left;margin: 0.375em 1.75em 1.75em 0;}
.alignright {float: right;margin: 0.375em 0 1.75em 1.75em;}
blockquote.alignleft {margin: 0.3157894737em 1.4736842105em 1.473684211em 0;}
blockquote.alignright {margin: 0.3157894737em 0 1.473684211em 1.4736842105em;}
blockquote.aligncenter {margin-bottom: 1.473684211em;}
.single-content img{max-width:100%;height:auto;display: block;margin: 15px auto;}
.single-content p{margin-bottom: 15px;}
.fullImg{width: 100%}
i,em{font-style: normal;}

.transition{-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
/*自定义字体*/
@font-face {
	font-family: '';
	src:url('genericons/') format('truetype');
}

/*404*/
.ui-errors{width: 100%;text-align: center;height:400px;padding-top:100px}
.ui-errors h4{font-size:24px;font-weight: normal;color: #77b3bf;line-height:50px;}
.ui-errors h1{font-size: 160px;color: #aaa;line-height:180px;}

.top_header{background:#f2f2f2;}

.top_head{color: #373737;}
.top_left{line-height: 35px;} 
.top_right>span{float: left;}
.ico1{display: inline-block;width: 15px;height: 12px;background:url(images/top.png)no-repeat;vertical-align: middle;}
.top_num{line-height: 35px;}
.top_num i.ico1{margin:0 5px 0 10px;}
.top_cont_ico{margin-left: 20px;}
.top_cont_ico a{display: block;float: left;width: 35px;height: 35px;text-align: center;line-height: 35px;background: transparent;position: relative;}
.top_cont_ico a b,.top_cont_ico a em{position: absolute;z-index: 10}
.top_cont_ico a.wx{margin-right: 5px;}
.top_cont_ico a.wx i{background-position: 0 -42px;}
.top_cont_ico a.qq i{background-position: 0 -21px;}
.top_cont_ico a.wx b{bottom: -85px;left: 0;width: 85px;height:85px;display: none;}
.top_cont_ico .line_top{right: 0;top: 50%;width: 1px;height: 8px;margin-top: -4px;background: #c7c7c7;}
.top_cont_ico em.line_top:first-child{right: auto;left: -4px;}
.top_cont_ico em.line_top{right: -4px;}
.top_cont_ico a:hover{background: #f5f5f5;}
.top_cont_ico a.wx:hover i{background-position:-25px -43px;}
.top_cont_ico a.qq:hover i{background-position:-26px -21px;}
.top_cont_ico a.wx:hover b{display:block;}
.top_num em{color: #373737;font-weight: bold;}

.logo{line-height: 80px;}
.top_c{line-height: 80px;}
.top_form{padding-top: 50px;margin-left: 100px;}
#search{display: inline-block;overflow: hidden;margin-right: 50px}
#s{width: 280px;height: 36px;padding:0 5px;color: #ccc;float: left;}
#search-submit{width: 60px;height: 36px;vertical-align: middle;float: left;}
.top_keywords li{display: inline-block;margin-right: 10px;margin-top: 5px;}
.top_keywords li a{color:#666;opacity: 0.5}

/*.nav{background: #0088ce;}*/
.nav_list li{float: left;padding: 0 22px;line-height: 80px;}
.nav_list li a{line-height: 50px;color: #333;font-size: 16px;border-bottom: 2px solid transparent;padding-bottom: 29px;}
.nav_list li a:hover,.nav_list li.current-menu-item a,.nav_list li.current_page_item a{border-bottom-color: #0088ce}
.nav_list .menu{overflow: hidden;}
.nav_list li:last-child{padding-right: 0;}


#mb_banner{display: none;}
#pc_banner .swiper-pagination-bullet{background: #fff;opacity: 1;border-radius: 4px;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
#pc_banner .swiper-pagination-bullet-active{width: 25px;}


.pb100{padding-bottom: 100px;}
.pt100{padding-top: 100px;}

.swiper-slides { padding: 0 50px; }

.level_tit{text-align: center;}
.level_tit p{font-size: 20px;color: #888;text-transform: uppercase;}
.level_tit h3{font-size: 36px;color: #333;margin: 10px 0 25px;}
.level_tit span{display: block;font-size: 14px;color: #333;line-height: 28px;}
.level_tit i{display: inline-block;width: 83px;height: 19px;}
.level_tit i.tit_left{background: url(images/tit_left.png);margin-right: 25px;}
.level_tit i.tit_right{background: url(images/tit_right.png);margin-left: 25px;}

.index_pro{padding: 65px 0 50px;}
.index_pro_box{display: block;border:2px solid #f3f3f3;padding: 10px 5px}
.index_pro_img{width: 39%;overflow: hidden;}
.index_pro_cont{width: 61%;background: #f9f9f9;padding: 20px 15px 21px;color: #999;display: block;}
.index_pro_cont h3{font-size: 18px;color: #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index_pro_cont span{display: block;margin: 10px 0 25px;}
.index_pro_cont p{font-size: 13px;line-height: 24px;}
.pro_jt{text-align: right;margin-top: 30px;}
.pro_jt em{display: inline-block;width: 31px;height: 10px;background: url(images/jt.png);}
.index_pro_box:hover{border-color: #0088ce;}
.index_pro_box:hover .index_pro_cont{background: #0088ce;color: #fff}
.index_pro_box:hover .index_pro_cont h3{color: #fff}
.index_pro_box:hover .index_pro_cont span{opacity: .5}
.index_pro_box:hover .pro_jt em{background-position: -32px 0}

.index_pro .col-md-4{margin-bottom: 30px;}
.index_pro .index_pro_list:last-child{display: none;}
.index_pro_list{width: 19%;margin: 0 0.5%;float: left;border:1px solid #f5f5f5;box-shadow: 0px 3px 3px #f5f5f5}
.index_pro_list .index_pro_cont{background:#fff;width: 100%}
.index_pro_list .index_pro_cont span{margin-bottom: 0}
.index_pro_list:hover{border-color: #0088ce;box-shadow: 0px 3px 3px #0088ce}
.index_pro_list:hover .index_pro_cont{background: #0088ce;color: #FFF}
.index_pro_list:hover .index_pro_cont h3{color: #FFF}

.more.pro_jt{display: block;font-size: 14px;color: #666;margin-top: 0}

.index_solution_txt{background: url(images/index_bg.jpg);color: #FFF;padding: 65px 0 55px;position: relative;}
.mob_num{padding-left: 53px;background:url(images/mob.png)no-repeat center left;}
.mob_num p{font-size: 24px;font-weight: bold;}
.tel_num{background:url(images/tel.png)no-repeat center left;}

.solution_txt{position: absolute;left: 50%;margin-left: -232.5px;top: 28%}
.solution_txt p{font-size: 19px;padding:30px 50px 20px;border:2px solid #66a8ca;}
.solution_txt em{position: absolute;background: #FFF;font-size: 16px;color: #0088ce;padding: 10px 30px;top:-20.5px;left: 50%;margin-left: -108px;}

.tabs_box{margin: 70px 0 50px;}
.all_pro{background: #f9f9f9}
.all_pro .tabs>div,.all_pro .tabs>a{float: left;width: 16.6666%;text-align: center;font-size: 16px;color: #666;padding-bottom: 20px;cursor: pointer;position: relative;}
.all_pro .tabs>div i,.all_pro .tabs>a i{display:block;height: 36px;width: 57px;background:url(images/index_p.png);margin: 0 auto 15px;}
.all_pro .tabs>div:nth-child(2) i{background-position: 0 -46px;}
.all_pro .tabs>div:nth-child(3) i{background-position: 0 -90px;}
.all_pro .tabs>div:nth-child(4) i{background-position: 0 -135px;}
.all_pro .tabs>div:nth-child(5) i{background-position: 0 -178px;}
.all_pro .tabs>div:nth-child(6) i{background-position: 0 -222px;}
.all_pro .tabs>a:last-child i{background-position: 0 -264px;}
.all_pro .tabs>div b,.all_pro .tabs>a b{position: absolute;width: 100%;height: 2px;background: #c9c9c9;left: 0;bottom: 0}
.all_pro .tabs>div.active{font-weight: bold;color: #007ab8}
.all_pro .tabs>div.active i{background-position: -67px 0}
.all_pro .tabs>div:nth-child(2).active  i{background-position: -67px -46px;}
.all_pro .tabs>div:nth-child(3).active  i{background-position: -67px -90px;}
.all_pro .tabs>div:nth-child(4).active  i{background-position: -67px -135px;}
.all_pro .tabs>div:nth-child(5).active  i{background-position: -67px -178px;}
.all_pro .tabs>div:nth-child(6).active  i{background-position: -67px -222px;}
.all_pro .tabs>a:last-child.active  i{background-position: -67px -264px;}
.all_pro .tabs>div.active b{height: 3px;background: #007ab8;}

.index_prod_txt{padding: 15px 15px 20px;background: #FFF;margin-bottom: 30px;border-bottom: 1px solid #FFF;text-align: left;}
.index_prod_txt h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 14px;font-weight: normal;margin-bottom: 5px;}
.index_prod_txt p{color: #878787;font-size: 12px;}
.index_prod_img{position: relative;overflow: hidden;}
.index_prod_img_mask{position: absolute;width: 100%;height: 100%;background: rgba(0,122,184,.5);top: -500px;left: 0;}
.index_prod_img_mask em{position: absolute;font-size: 14px;color: #FFF;border:1px solid #FFF;padding: 15px 40px;top: 50%;left: 50%;margin-top: -25.5px;margin-left: -73px;}
.tabs_cont_list:hover .index_prod_img_mask{top: 0}
.tabs_cont_list:hover .index_prod_txt{border-color: #0074b0;text-align: center;}

.full_img{margin: 65px 0 10px;}
.index_about_txt .pull-left{width: 50%;}
.index_about_cont{background: #007ab8;position: relative;}
.index_about_cont>p{opacity: 0}
.index_about_cont>div{position: absolute;width: 48%;height: 100%;top:75px;left: 90px;color: #FFF;}
.index_about_cont>div h4{background: url(images/index_h_bg.png) no-repeat left;font-size: 35px;font-weight: bold;padding-bottom: 28px;letter-spacing: 3px;}
.index_about_cont>div span{display: block;color: #ededed;font-size: 20px;}
.index_about_cont>div em{font-size: 4px;opacity: .9;line-height: 28px;letter-spacing: 2px;display: block;margin: 50px 0 75px;text-indent: 2em;padding-right: 15px}
.index_about_cont>div a{font-size: 14px;color: #FFF}

.index_adv{background: url(images/adv_bg_2.jpg)no-repeat;background-size:cover}
.index_adv{position: relative;overflow: hidden;}
/*.index_adv>p img{width: 100%;}*/
/*.index_adv>div{position: absolute;width: 100%;top: 0;left: 0;z-index: 11}*/
.reason_box{position: relative;width: 100%}
.reason_txt{position: absolute;}
.reason_txt em{font-size: 26px;display: block;color: #007ab8;font-weight: bold;margin-bottom: 10px;}
.reason_txt i{font-size: 14px;line-height: 24px;color: #666}
.reason_txt p{position: absolute;top: 10px;left: 30%}
.reason_6 em,.reason_5 em{text-align: right;}
.reason_6 p{right: 30%;left: auto;}
.reason_1{left: 45%;top: 25px;width: 45%}
.reason_2{right:5%;top: 170px;width: 19%}
.reason_3{width: 19%;top: 450px;right:5%}
.reason_4{width: 45%;left: 45%;top: 575px}
.reason_5{width: 19%;left:0;top: 450px;}
.reason_6{left:5%;top: 170px;width: 19%;}

.reason_img{position: absolute;}
.reason_img_1{top: 30px;left: 46%}
.reason_img_2{top: 170px;right: 21%}
.reason_img_3{top: 425px;right: 21%}
.reason_img_4{top: 555px;left: 46%}
.reason_img_5{top: 425px;left: 21%;}
.reason_img_6{top: 170px;left: 21%}

.index_news .tabs{border-bottom:1px solid #e1e1e1}
.index_news .tabs>div{float: left;color: #999;font-size: 16px;padding: 0 8px;cursor: pointer;position: relative;padding-bottom: 15px;}
.index_news .tabs>div b{position: absolute;width: 100%;height: 3px;background: #007ab8;left: 0;bottom: -2px;opacity: 0}
.index_news .pro_jt{float: right;}
.index_news .tabs>div.active{font-weight: bold;color:#007ab8}
.index_news .tabs>div.active b{opacity: 1}

.index_news_list{display: block;}
.index_news_img{width: 37%;}
.index_news_txt{width: 63%;padding-left: 40px;}
.index_time{border:2px solid #fbfbfb;padding: 0 18px;display: inline-block;}
.index_time_date{font-size: 45px;color: #0088ce;margin-right: 10px;position: relative;}
.index_time_date b{position: absolute;width: 100%;height: 3px;background:#007ab8;left: 0;bottom: -1px}
.index_time_year{padding-top: 11px;}
.index_time_year em{font-size: 12px;color: #8a8a8a;display: block;}
.index_time_year span{font-size: 16px;color: #696969}
.index_news_cont h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 16px;color: #333;font-weight: normal;margin:35px 0 15px; }
.index_news_cont p{line-height: 28px;color: #656565}
.index_news_cont b{display: inline-block;width: 45px;height: 1px;background:#b2b2b2;margin-bottom: 30px;}
.other_news_list li{margin-bottom: 20px;padding-left: 15px;}
.other_news_list li a{font-size: 14px;width: 65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.other_news_list li time{width: 20%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #898989}
.other_news_list li a i{width: 4px;height: 4px;display: inline-block;border-radius: 50%;background: #666;margin-right: 10px;position: relative;top:-2px;}

.partner_box{background: #f6f6f6;}
.partner_logo{margin-top: 50px;}

.fot_zx{background: #007ab8;color: #FFF;padding: 40px 0}
.fot_zx .container{position: relative;}
.fot_per{position: absolute;bottom:-40px;left: 0;}
.fot_zx .pull-left{padding-left: 210px;}
.fot_zx span{font-size: 16px;display: inline-block;margin-bottom: 20px;}
.fot_zx p{font-size: 20px;line-height: 58px;}
.fot_zx a{width: 133px;height: 43px;line-height: 43px;text-align: center;border:1px solid #FFF;color: #FFF;font-size: 14px;margin-top: 9px;}
.fot_zx a:hover{background: #FFF;color: #007ab8}

.footer{background: #34373e;padding: 75px 0 20px}
.foot_menu>div{float: left;}
.foot_nav{width: 35%;}
.foot_prod{width: 65%;}
.foot_menu>div p{color: #FFF;font-weight: bold;margin-bottom: 30px;}
.foot_menu .menu>li>a{display: block;font-size: 12px;color: #d6d6d6;border:none;padding: 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.foot_menu .menu>li{padding: 0;width: 100%;line-height: 27px;padding-right: 10px;}
.foot_prod .menu>li{width: 50%;float: left;}
.foot_menu .menu>li>a:hover{color: #007ab8}

.foot_m>span{color: #FFF;display: block;font-size: 28px;font-weight: bold;margin-bottom: 15px;}
.foot_contact span img{vertical-align: middle;margin-right: 8px;position: relative;top: -3px}
.foot_contact em{color: #c9c9c9;line-height: 24px;}
.foot_m{text-align: center;}
div.foot_m p.fot_on{margin-bottom: 10px;font-size: 14px;}
.foot_m em{display: inline-block;}
.foot_m em img{display: block;}
.foot_m em i{font-size: 14px;color: #FFF;display: inline-block;vertical-align: top;padding-top: 20px;}
.foot_m p span{display: inline-block;width: 26px;height: 26px;margin-right: 5px;}
.foot_m b{display: inline-block;}

.other_link{border-top: 1px solid #666666;margin-top: 0;padding: 30px 0 0}
.other_link ul{margin-bottom: 10px;}
.other_link li{display: inline-block;color: #fff;margin-left: 5px;}
.other_link li a{color: #d6d6d6;}
.other_link li a:hover{color: #8abb2b;}

.copyright{line-height: 35px;background: #1c1b17;color: #b0b0b0}
.copyright a{color: #b0b0b0;position:relative;}
.copyright a:hover{color: #007ab8}
.copyright span img { width:auto; }


/***********************改版****************************************************/

.g_index_box .prods_list{border:4px solid #0088ce;border-top: none;padding: 10px 0}
.g_index_box .prods_list li{line-height: 40px;}
.g_index_box .left_contact{background: #FFF}
.g_index_box .left_c_txt div{border:4px solid #0088ce;border-top: none;color: #333;padding: 21px 6px;}
.index_dowm a{color:#FFF;}
.index_dowm a:hover{color:#f1f1f1}

.g_right_tit h3{font-size: 24px;color:#0088ce;font-weight: normal;padding-left: 60px;position: relative;line-height: 60px;background: #e9e9e9;box-shadow: 0px 5px 8px #CCC}
.g_right_tit h3 span{font-size: 18px;color: #333;opacity: .6;vertical-align: bottom;display: inline-block;margin-left: 15px;text-transform: uppercase;}
.g_right_tit h3 b{position: absolute;display: block;width: 20px;height: 60px;background: #0088ce;top: -4px;left:28px;}
.g_right_txt {border:4px solid #e9e9e9;border-top: none;padding: 30px 20px}
.g_right_txt .col-md-4:last-child{display: none;}
.g_right_img{width: 42.5%;}
.g_right_t{width: 57.5%;padding-left: 20px;color: #333;padding-top: 9px;}
.g_right_t h3{font-size: 30px;margin-bottom:20px;text-align:center;}
.g_right_t h4{font-size: 20px;margin: 10px 0 10px;}
.g_right_t div{text-indent: 1.8em;font-size: 14px;line-height: 28px;margin-bottom: 30px;letter-spacing: 2px}
.g_right_t a{font-size: 14px;}

.g_top_pro{margin-top: 15px;}
.g_top_pro h3 a{display:inline-block;background: #0088ce;color: #FFF;line-height: 30px;padding:0 11px;font-size: 14px;margin: 15px 15px 0 0;border-radius: 2px;}
.g_top_pro h3 a:hover{background: #2881ae;}
.g_pro_box {display: block;}
.g_pro_pic{border:2px solid #e9e9e9;overflow: hidden;}
.g_pro_txt h3{font-size: 18px;color: #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-top: 10px;margin-bottom: 10px;}
.g_pro_txt em{display: block;text-align: center;margin: 10px 0 15px;color: #333;opacity: .5}
.g_pro_txt p{line-height: 24px;color: #999;font-size:13px;}
.g_pro_box:hover .g_pro_pic{border-color: #0088ce;}
.g_pro_box:hover img{-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.g_pro_box:hover .g_pro_txt h3{color: #0088ce;}
.g_pro_box:hover .g_pro_txt p{color: #0088ce;}

.g_index_adv_list{margin-top: 60px;}
.g_index_adv_list_txt{width: 25%;background: #FFF;text-align: center;padding: 40px 45px;position: relative;}
.g_index_adv_list_txt h5{margin: 25px 0 10px;font-size: 26px;color: #0088ce}
.g_index_adv_list_txt em{font-size: 14px;display: block;line-height: 24px;text-align: left;color:#666}
.g_index_adv_list_txt b{position: absolute;display: block;width: 2px;height: 80%;background: #e0e0e0;top:10%;right: 0;}
.g_index_adv_list_txt > p > img { height:66px; }
/*****************************************************************/


/*新闻列表页*/
.py_banner_ful img{width: 100%;}
.py_main{background: #f7f7f7;padding: 40px 0;}
.py_main_left{width: 24%;background: #FFF}
.py_main_right{width: 74%;}
.py_bg{background: #FFF;padding: 0 24px;min-height: 400px;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.py_main_left .prods_list{border:4px solid #0088ce;border-top: none;}
.py_cat li{line-height: 50px;padding-left: 25px;font-size: 16px;}
.py_cat li:first-child{font-size: 24px;padding: 23px 25px 22px 25px;color: #FFF;text-align: center;line-height: normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.py_cat li:first-child span{font-size: 14px;text-transform: uppercase;display: inline-block;margin-left: 5px;}
.py_cat li a{display: block;background: url(images/jt.png) no-repeat 135px center;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.py_cat li a:hover{background: url(images/jt.png) no-repeat 155px center}
.py_main_position{line-height: 51px;border-bottom: 1px solid #DDD;color: #999;margin-bottom: 24px;font-size: 14px;}
.py_main_position a{color: #999}
.py_main_position a:hover{color: #666}
.py_lists li{margin-bottom: 24px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.py_list_img{width: 22%;height: 140px;overflow: hidden;display:none;}
.py_list_txt{width: 98%;}
.py_list_img img{width: 100%;height: 100%}
.py_list_txt h3{font-size: 16px;margin-bottom: 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.py_list_txt p{font-size: 14px;color: #666;line-height: 23px;margin-bottom: 15px;}

.prods_list li{line-height: 50px;padding-left: 25px;font-size: 16px;}
.prods_list li a{display: block;background: url(images/jt.png) no-repeat 170px center; -webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;transition:all .5s;}
.prods_list li a:hover{background: url(images/jt.png) no-repeat 190px center;}
.prods_list .current_page_item a{background: url(images/jt.png) no-repeat 190px center;color: #007ab8;}
.wp-pagenavi{text-align: center;padding:21px 0 40px;}
.wp-pagenavi a,.wp-pagenavi span{display: inline-block;font-size: 16px;padding:10px 15px;border-radius: 2px;border:1px solid #DDD;margin: 0 5px}
.wp-pagenavi a:hover,.wp-pagenavi span.current{background: #4e4e4e;color: #FFF;border-color: transparent;}
.py_details h1{text-align: center;font-weight: normal;color: #333;margin-bottom: 30px;}
.py_info{text-align: center;padding: 24px 0}
.py_info span{margin: 0 15px;display: inline-block;}
.py_info i{margin-right: 5px;}
.py_detail_cont{padding-bottom: 11px;border-bottom: 1px dashed #DDD;}
.py_detail_cont p,.py_detail_cont>div{font-size: 14px;color: #505050;line-height: 25px;margin-bottom: 20px;}
.py_detail_cont p{margin-bottom: 10px;}
.py_detail_cont img{display: block;max-width: 100%;margin:0 auto;height: auto;}
.py_detail_cont video,.py_detail_cont embed{width: 100%;}

.py_articles_other{padding: 20px 0;color: #999;line-height: 25px;font-size: 14px;}
.py_articles_other div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.py_articles_other a{color: #999;}

.py_related_articles{margin-top: 25px;padding: 20px 25px 25px;background: #FFF}
.py_related_articles_tit{font-size: 16px;color: #333;font-weight: bolder;padding-bottom: 14px;border-bottom: 1px solid #DDD}
.py_cat_related{padding-top: 10px;}
.py_cat_related li{position: relative;width: 49%;line-height: 25px;padding-left: 10px;}
.py_cat_related li:nth-child(odd){float: left;}
.py_cat_related li:nth-child(even){float: right;}
.py_cat_related li a{width: 65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.py_cat_related li i{position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #666;left: 0;top: 11px;}
.py_cat_related li time{width: 25%;}

/*产品列表页*/
.py_lists_1 .col-md-4{margin-bottom: 25px;}
.py_lists_1_txt{padding-bottom: 20px;position: relative;}
.py_lists_1_txt h3{font-size: 14px;color: #666;text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.py_lists_1_txt p{font-size: 12px;color: #999;line-height: 20px;min-height: 40px;}
.py_lists_1_txt b{position: absolute;bottom: 0;left: 0;width: 35px;height: 1px;background: #ededed;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.py_lists_1 li{cursor:pointer;}
.py_lists_1 li:hover b{width: 100%;background: #4e4e4e}
.py_lists_1_img img{width: 100%}

.py_detail_li li{padding: 15px 0;background: #FFF;color:#007ab8;text-align: center;font-size: 14px;cursor: pointer;}
.py_detail_li li:hover,.py_detail_li li.on{background:#007ab8;color:#FFF}
.py_detail_list li a{display: block;padding: 15px 0;background: #FFF;color:#007ab8;text-align: center;font-size: 14px;}
.py_detail_list li:hover a{background:#007ab8;color:#FFF}

.fh{margin:30px 0;background:#007ab8;padding: 15px 0;border-radius: 5px;text-align: center;border:1px solid #007ab8;}
.fh a{color: #FFF;font-size: 18px;display: block;}
.fh:hover{background: #FFF;}
.fh:hover a{color: #007ab8;}
/*颜色修改*/
.c_005DA2{color:#0088ce;}
.bgc_005DA2{background-color: #0088ce}
.py_navs li a:hover,.py_navs li.current-menu-item a,.py_navs li.current-menu-page a{border-bottom-color: #0088ce}
.py_foot_ul li a:hover{color:#0088ce;}
.py_copyright a:hover{color:#0088ce;}
.py_main_position a:hover{color:#0088ce;}
.py_articles_other a:hover{color:#0088ce;}

/*  */
.beian { width:30px;height:18px;position:absolute;left:-25px;top:8px;background-image: url(images/ga.png);background-repeat: no-repeat;background-position: left center; }


/*侧边栏*/
.side{position:fixed;width:60px;height:275px;right:0;top:214px;z-index:100;}
.side ul{list-style:none;}
.side ul li{width:60px;height:59px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:60px;height:59px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "寰蒋闆呴粦";overflow:hidden;}
.side ul li .sidetop{width:60px;height:59px;line-height:59px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li a:hover{background:#007ab8;opacity:1;filter:Alpha(opacity=100);}
.side ul li a:hover div{background:#007ab8;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.tx-media{display: none;position: fixed;bottom:0;left: 0;background: #f5f5f5;width:100%}
.tx-media li{border-left: 1px solid #e2e2e2;width: 50%;float:left;width:50%}
.tx-media li img{margin-bottom: 5px;}
.tx-media li:nth-child(1){border: none}
.tx-media li a{display: block;text-align: center;padding:10px;font-size: 13px;}

.left_contact{background:#f7f7f7;padding-top: 24px;}
.left_c_txt{background: #FFF;}
.left_c_txt h4{background:#0088ce;font-size: 24px;color: #FFF;text-align: center;padding: 20px 0}
.left_c_txt div{line-height: 25px;padding: 21px 10px;font-size: 12px;color: #0088ce;border:4px solid #0088ce;}
.left_c_txt div b{font-weight: normal;font-size: 12px;}
.left_c_txt div em{display:inline-block;width:100%;margin-bottom:10px;}

.py_main_position .pull-right a{color: #f00;font-weight: bolder;}

@media (max-width: 1366px){
	.index_adv>p{position: relative;left: -345px;}
	.index_adv>p img{width:auto;}
	.index_about_cont>div{width: 80%;top: 15px;}
	.index_about_cont>div em{margin: 30px 0 45px;}

	.nav_list li{padding: 0 13px;}
	.prods_list li a{background: url(images/jt.png) no-repeat 144px center}
	.prods_list li a:hover{background: url(images/jt.png) no-repeat 160px center}
	/*.g_right_t div {  margin-bottom: 2px; }*/
	.fot_zx p { font-size: 18px; }
	.g_top_pro { margin-top: 18px; }
	.g_pro_pic > img { width:100%; }
}


@media (max-width: 1199px){
	.prods_list li a { background:none; }
	.prods_list li a:hover { background:none; }

	.py_cat_related li time{width: 30%;}
	.top_form{margin-left: 70px;}
	#s{width: 195px;}
	.index_about_cont>div{top:5px;left: 5px;width: 98%}
	.index_about_cont>div em{margin: 10px 0 20px;}
	.index_adv>p{left: -500px;}
	.g_right_img{padding-top: 60px;}
	.g_index_adv_list_txt{padding: 40px 15px;}
	.logo{width: 100%;text-align: center;}
	nav>.container>.pull-right{width: 100%}
	.nav_list li{width: 12.5%;text-align: center;padding: 0}
}
@media (max-width: 991px){
	.py_logo{width: 18%;}
	.py_search{padding: 4px 0}
	.py_navs li a{padding: 0 4px 7px;line-height: 44px;}
	.side-mockup.left-mockup{display: none;}
	.row-content.buffer.even .column.push-six{width: 100%;margin: 0}
	.py_main_left{width: 100%;margin-bottom: 25px;}
	.py_main_right{width: 100%;}
	.top_form{display: none;}
	.mob_num{display: none;}
	.index_about_txt div.pull-left:first-child{display: none;}
	.index_about_cont>p{display: none;}
	.index_about_txt .pull-left{width: 100%;}
	.full_img{display: none;}
	.index_about_txt {margin: 30px 0 0}
	.index_about_cont>div{position:static;width: 100%;padding:30px 15px;}
	.index_adv>p{display: none;}
	.index_adv{background: #f9f9f9}
	.reason_img{display: none;}
	.reason_txt{position: static;float: left;width:33.3333%;padding: 0 15px;margin-bottom: 15px;}
	.reason_txt p{position: static;}
	.reason_txt em{text-align: center;}
	.reason_box{overflow: hidden;margin-top: 30px;}
	.index_adv>div{position: static;}
	.other_news_list li time{text-align: right;}
	.foot_menu{overflow: hidden;margin-bottom: 30px;}
	.g_index_box .col-md-3{display: none;}
	.g_right_txt a{margin-bottom: 30px;}
	.g_right_txt .col-md-4:last-child{display: block;}
	.g_index_adv_list_txt{width: 50%}
	.g_index_adv_list_txt b{display: none;}
	.nav_list li{width: 25%;text-align: center;line-height: 40px;}
	.nav_list li a{padding-bottom: 5px;}
}
@media (max-width: 767px){
	.g_top_pro .row .col-xs-6 {width: 100%;}
	.footer {padding: 40px 0 20px;}
	.g_right_tit h3 {font-size: 18px;padding-left: 50px;line-height: 40px;}
	.g_right_tit h3 b {height: 45px;top: -8px;left: 12px;}
	.g_top_pro h3 a {line-height: 28px;padding: 0 8px;font-size: 14px;margin: 7px 9px 0 0;}
	.foot_menu>div p {margin-bottom: 10px;}
	.fot_zx p {line-height: 2;}
	.py_nav_menu{display: block;}
	.py_search{display: none;}
	.py_navs.pull-left{float: right !important;padding-top: 20px}
	.py_navs>div{position: absolute;top: 50px;left: 0;width: 100%;background: #fafafa;z-index: 100;display: none;}
	.py_navs li{float: none;}
	.py_foot_left,.py_foot_right{width: 100%;}
	.py_foot_right{text-align: center;padding-top: 30px;margin-top: 30px}
	.py_foot_ul:last-child{padding-right: 0;}
	.py_foot_logo img{display: block;margin: 0 auto}
	.py_main_left{display: none;}
	.py_cat_related li{width: 100%;}
	.py_cat_related li a{width: 70%;}
	.py_cat_related li time{width: 20%;}
	.nav_list li{width: 25%;text-align: center;}
	.index_pro_list{width: 32.33333%;margin-bottom: 15px;}
	.index_pro .index_pro_list:last-child{display:block;}
	#mb_banner{display: block;}
	#pc_banner{display: none;}
	.level_tit i{display: none;}
	.g_right_img{display: none;}
	.g_right_t{width: 100%;padding: 0}
}
@media (max-width: 639px){
	.g_index_adv_list {margin-top: 24px;}
	.g_right_txt {padding: 30px 20px 0;}
	.py_top div{width: 100%;text-align: center;}
	.py_navs>div{top: 45px;}
	.py_foot_ul{display: none;}
	.py_foot_ul:last-child{display: block;width: 100%;}
	.py_copyright>div>div{width: 100%;text-align: center;}
	.py_logo{padding:5px 0;width: 30%}
	.py_navs.pull-left{padding-top: 15px;}
	.py_list_img{display: none;}
	.py_list_txt{width: 100%;}
	.wp-pagenavi a, .wp-pagenavi span{font-size: 12px;}
	.py_cat_related li time{display: none;}
	.py_cat_related li a{width: 100%;}
	.py_details h1{font-size: 18px;}
	.py_detail_cont p, .py_detail_cont>div{font-size: 12px;}
	.top_c{display: none;}
	.logo{width: 100%;line-height:80px;text-align: center;}
	.nav_list li a{padding: 0;font-size: 14px;}
	.pt100{padding-top: 30px;}
	.pb100{padding-bottom: 30px;}
	.level_tit p{font-size: 14px;}
	.level_tit h3{font-size: 18px;}
	.level_tit span{font-size: 12px;}
	.index_pro_cont h3{font-size: 16px;}
	.index_pro_list{width: 49%}
	.tabs_box{display: none;}
	.tabs_cont{margin-top: 30px;}
	.reason_txt em{font-size: 18px;}
	.reason_txt i{font-size: 12px;}
	.index_news_img{display: none;}
	.index_news_txt{width: 100%;padding: 0;margin-bottom: 30px;}
	.fot_per{display: none;}
	.fot_zx .pull-left{padding: 0;width: 100%}
	.fot_zx a{display: block;margin:30px auto 0;}
	.foot_menu:first-child{display: none;}
	.foot_menu{margin-bottom: 0}
	.foot_menu>div{width: 100%;text-align: left;margin-bottom: 20px;}
	.copyright .container>div{width: 100% !important;text-align: center;}
	.level_tit span br{display: none;}
}
@media (max-width: 479px){
	.py_list_img{display: none;width: 100%;margin-bottom: 15px;height: auto;}
	.py_list_img img{height: auto;}
	.py_navs.pull-left{padding-top: 10px;}
	.py_lists_1 .col-md-4{width: 100%;}
	.logo  img{width: 100%}
	.nav .container{padding: 0}
	.top_right{display: none;}
	.nav_list li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.level_tit i{display: none;}
	.index_pro_img{display: none;}
	.index_pro_cont{width: 100%;}
	.index_pro_list{width: 100%;margin: 15px 0}
	.index_solution_txt{display: none;}
	.tabs_cont_list {width: 100%}
	.index_about_cont>div em{padding: 0}
	.reason_txt{width: 100%;padding: 0}
	.other_news_list li time{display: none;}
	.other_news_list li a{width: 100%}
	.partner_box .col-md-3{width: 50% !important}
	.tx-media{display:block}
	.copyright{margin-bottom: 74px}
	.g_index_adv_list_txt{width: 50%;padding: 15px 10px;}
	.g_index_adv_list_txt > p > img {height: 50px;}
	.g_index_adv_list_txt h5 {margin: 10px 0 2px;font-size: 16px;}
	.g_right_t h3{font-size: 18px;}
	.g_right_t h4{font-size: 16px;}
	.g_right_tit h3 span{display: none;}
}








































