/* CSS Document */
body,div,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{ margin:0; padding:0;}
body{ margin-top:0; margin-bottom:0px; padding-top:0; height:auto;  margin-right: auto; margin-left: auto; font: 14px/1.4 Arial, sans-serif; color:#333; background:#fff;}
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color:#333; /*-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;transition-property:color;-webkit-transition-duration:.2s;-webkit-transition-timing-functi.newslist_conton:ease-in;-moz-transition-duration:.2s;-moz-transition-timing-function:ease-in;-o-transition-duration:.2s;-o-transition-timing-function:ease-in;transition-duration:.2s;transition-timing-function:ease-in*/}
a:hover{text-decoration:none;}
*:focus { outline: none; }
.clearfix{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.content{ width:1200px; margin:0 auto; overflow:hidden}
.ft12{ font-size: 12px }
.wh{ color: #fff }
.center{ text-align:center; }
.bl{ display: block; }

.top{ height:40px; line-height:40px; color:#666; font-size:12px; background: #f4f4f4}
.zh-en .cn{ background:url(../images/sitestar-lan-ver-chines1.jpg) left center no-repeat; padding-left:30px}
.zh-en .en{ background:url(../images/sitestar-lan-ver-english1.jpg) left center no-repeat; padding-left:30px; margin-left:15px; text-transform:capitalize}
.header{ background:#fff; overflow:hidden; padding:7px 0;}
.tel{ background:url(../images/dh.png) left center no-repeat; display:inline-block; font-family:"Impact"; font-size:30px; color:#272636; margin:18px 70px 0 0; padding-left:55px}
.menu{ background:#fff; border-top:1px solid #f5f5f5; height:50px; line-height:50px; position: relative; z-index: 9999}
.nav_li{ float:left; width:170px;}
.nav_li a{ text-align:center; display:block; border-right:1px solid #f5f5f5}
.nav_li a:hover,.nav .cur a{ background:#35AAE0; color:#fff; border-right:1px solid #35AAE0;}
.cur{ background:#35AAE0; color:#fff}
.showmenu{ background: #35AAE0; padding: 10px 5px; display: none; min-width:160px; position:absolute}
.nav_li:hover .showmenu{ display: block; }
.menua a{ line-height: 35px; color: #fff; border-right: 0px;}
.menua a:hover{ background: #fff; color:#FF8820;}


.banner{ height:600px; }
.posi{ position:relative; background: #F4F4F4; height: 107px}
.dh{ position:absolute; top:-50px; background:url(../images/bb_bdqo.jpg) repeat; padding:25px 40px; overflow:hidden; left:50%; margin-left:-600px; width:1120px;}
.search{ padding: 15px 0}
.search_box{ background:#fff; width: 335px; padding: 10px 20px; overflow: hidden;}
.search_k{ border: 2px solid #FF8820; width: 270px; color: #333; height: 19px}
.search_btn{ background: #FF8820; color: #fff; border: 2px solid #FF8820; line-height: 19px}
.search_btn:hover{ cursor: pointer; }
.key{ margin-top: 15px; color: #fff; font-size: 12px;}
.key a{ color: #fff; margin:0 7px }
.lxwm{ width: 560px}
.lxwm i{ background:url(../images/vg_k4rg.png) left center no-repeat; height: 55px; width: 61px; float: left; margin-top: 28px; display: inline-block;}
.lxwm i:hover{ -webkit-transition:-webkit-transform 0.7s ease-out;-moz-transition:moz-transform 0.7s ease-out;transition:transform 0.7s ease-out;-webkit-transform:rotateY(360deg);moz-transform:rotateY(360deg);transform:rotateY(360deg); }
.lxwm_cont{ line-height: 26px; margin-left: 30px; width: 280px; height: 105px}
.lxwm_cont span{ font-size: 16px }
.lxwm_btn a{ width: 150px; line-height: 50px; border: 1px solid #fff; display: block; border-radius: 3px; margin-top: 30px}
.lxwm_btn a:hover{ background: #FF8820; border: 1px solid #FF8820; -o-transition-timing-function:ease-in;transition-duration:.2s;transition-timing-function:ease-in}
.pro_indexbg{ background: #F4F4F4; padding:60px 0;}
.tt h2{ font-size: 18px; color: #1A1A1A; font-weight: normal;}
.tt span{ text-transform: uppercase; color: #888888; font-size: 12px; font-family: 'Arial'}
.tt i{ background: url(../images/gg_8lrt.png) center no-repeat; height: 15px; display: block; margin: 5px auto}
.tt em{ font-style: normal; color: #666; padding: 0 100px; display: block; line-height: 25px; font-size: 13px}

.pro_index_s{ margin-top: 60px}
.pro_index_c{ background: url(../images/nn_9uy7.png) top center no-repeat; width: 200px; height: 480px}
.pro_index_c li{ height:80px;vertical-align:middle}
.pro_index_c li a{ color: #fff; text-align: center; display: block; padding-top:25px}
.pro_index_c li a:hover,.pro_index_c .cur{ background:#35AAE0 }
.pro_index_t{ width: 970px }
.proindex_img{ width: 195px; padding: 15px; border: 1px solid #e0e0e0; margin: 20px 15px 15px 0}
.proindex_img:hover{ border: 1px solid #35AAE0 }
.proindex_img img{ max-width: 175px; max-height:145px; }
.proindex_img .img{ display:table-cell; text-align: center; vertical-align: middle; height: 150px; width: 195px; overflow: hidden;}
.proindex_img .img:hover img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}
.proindex_img .txt:hover{ color:#35AAE0 }
.proindex_img:hover > .txt{ color: #35AAE0 }

.reason_bg{ background:#fff; padding: 80px 0; position: relative; height: 800px}
.reason h2{ font-size: 24px; color: #333; font-weight: normal; text-align: center; margin-bottom: 40px}
.reason i{ background: url(../images/w_w1h6.png) top center no-repeat; height: 204px; display: block;}
.reason_s{ position: absolute; top: 320px; background: url(../images/gv_trxn.jpg) top center no-repeat; height: 648px; z-index: 9999; width: 100%}
.reason_sh{ padding: 50px 0 }
.reason_txt{ text-align:right; margin:0 180px 20px 0 }
.reason_txt h2{ color: #fff; font-size: 24px }
.reason_txt span{ color: #F1C1C3; text-transform: uppercase; line-height: 30px; font-size: 12px; letter-spacing: 1px}
#tab_left{width:547px;height:380px;}
#tab_left li{margin-bottom: 20px; height:82px;display: block; padding-left: 80px}
#tab_left li a{color: #000; display: block; font-weight: bold; padding-top: 7px; line-height: 27px}
#tab_left li a:hover{text-decoration: none;color: #000;}
#tab_left li span{ font-size: 12px }
#tab_con{width: 650px;height: 400px;overflow: hidden;}
#tab_con img{ width:572px; height: 400px }
#tab_left_1{ background: url(../images/1_hnp0.png) center no-repeat;}
#tab_left_1:hover{ background: url(../images/1_hnp0_h.png) center no-repeat; /*-webkit-transition:-webkit-transform 1.2s ease-out;-moz-transition:moz-transform 1.2s ease-out;transition:transform 1.2s ease-out;-webkit-transform:rotateX(360deg);moz-transform:rotateX(360deg);transform:rotateX(360deg);*/}
#tab_left_2{ background: url(../images/2_0yjj.png) center no-repeat; }
#tab_left_2:hover{ background: url(../images/2_0yjj_h.png) center no-repeat; /*-webkit-transition:-webkit-transform 1.2s ease-out;-moz-transition:moz-transform 1.2s ease-out;transition:transform 1.2s ease-out;-webkit-transform:rotateX(360deg);moz-transform:rotateX(360deg);transform:rotateX(360deg);*/}
#tab_left_3{ background: url(../images/3_0l1m.png) center no-repeat; }
#tab_left_3:hover{ background: url(../images/3_0l1m_h.png) center no-repeat;/*-webkit-transition:-webkit-transform 1.2s ease-out;-moz-transition:moz-transform 1.2s ease-out;transition:transform 1.2s ease-out;-webkit-transform:rotateX(360deg);moz-transform:rotateX(360deg);transform:rotateX(360deg);*/}
#tab_left_4{ background: url(../images/4_v3ot.png) center no-repeat; }
#tab_left_4:hover{ background: url(../images/4_v3ot_h.png) center no-repeat;/*-webkit-transition:-webkit-transform 1.2s ease-out;-moz-transition:moz-transform 1.2s ease-out;transition:transform 1.2s ease-out;-webkit-transform:rotateX(360deg);moz-transform:rotateX(360deg);transform:rotateX(360deg);*/}
.about_bg{ background: url(../images/vgs_8s5m.png) top center no-repeat; padding: 80px 0}
.about_cont{ overflow: hidden; margin-top: 50px }
.about_i{ width: 522px; height: 359px; background: url(../images/vgh_2jf3_ldja.png) no-repeat; position: relative;}
.about_i_img{ width: 465px; height: 290px; position: absolute; top: 34px; z-index: 9999; left: 70px}
.about_c{ width: 610px; line-height: 30px; margin-top: 40px}
.about_c a{ display: block; width: 150px; background: #35AAE0; font-size: 14px; text-align: center; line-height: 43px; border-radius:3px; color: #fff; margin-top: 15px}
.about_c a:hover{ background:#FF8820; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.ljzx{ background: url(../images/tel.jpg) top center no-repeat; height: 165px }
.newslist_bg{ padding:50px 0 80px; background: #fff }
.more1{ margin-left: -75px; left: 50%; text-align: center; color: #fff; width: 150px; background: #35aae0; position: absolute; bottom: 0; line-height: 43px; border-radius: 3px; }
.more1:hover{ background:#FF8820; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.newslist{ position: relative; }
.newslist_cont{ margin-top: 50px; overflow: hidden; height: 325px}
.newslist_img{ overflow: hidden; margin-bottom: 8px }
.newslist_img a{ display:inline-block; float: left; margin-right: 30px}
.newslist_img .mr{ margin-right: 0px; }
.newslist_s li{ width: 380px; margin-right: 30px }
.newslist_s li:last-child{ margin-right: 0px }
.newslist_s li a{ color:#333; font-weight: bold; display: block;}
.newslist_s li a:hover{ color:#FF8820 }
.newslist_s li i{ font-style: normal; font-size: 12px; line-height: 30px; display: block; color: #999}
.newslist_s li span{ font-size: 12px }
.friendlink{ padding-bottom: 30px }
.friendlink span{  font-size: 18px;}
.friendlink a{ padding:0 20px; text-decoration: underline;}

.footer_bg{ background: #1A1A1A; padding:35px 0 50px}
.navlist{ border-bottom: 1px solid #666; overflow: hidden;}
.navlist li{ line-height: 50px; width: 171px;}
.navlist li a{ display: block; text-align: center; color: #666 }
.navlist li a:hover{ color:#FF8820 }
.copyright{ margin-top: 40px }
.copy_f{ width: 820px; color: #6D6C6C; line-height: 28px; margin-top: 10px; font-size: 13px}
.copy_f a{ color: #6D6C6C; }
.qk{ margin: 18px 20px 0 0 }
.qk span{ color: #666; font-size: 12px;  float: right; margin: 60px 0 0 30px}


/*sub_banner*/
.sub_banner{ width:100%; overflow: hidden; height: 300px}
.sub_banner img{ width:1920px; margin:0 calc(50% - 960px)}
.subpage_bg{ background: #F4F4F4; overflow: hidden; }
.position{ height: 50px; line-height: 50px; background: url(../images/ghs_rawr.jpg) bottom right no-repeat #fff; margin-bottom: 30px; padding-left: 15px}
.position a{ color: #5A5A5A }
.position .bg{ background: url(../images/bg_8xt6.jpg) left center no-repeat; padding-left: 15px}
.subpage{ background: #fff; overflow: hidden; padding: 50px 35px; margin-bottom: 30px}
.sub_cats{ overflow: hidden; text-align: center; margin-bottom: 50px}
.sub_cats ul{ display: inline-block; }
.sub_cats .sub_catsa{ width: 160px; line-height: 50px; height: 50px; background:#35AAE0; display: inline;}
.sub_cats .sub_catsa a{ display: block; text-align: center; color: #fff;}
.sub_cats .active, .sub_cats .sub_catsa a:hover{ background: #FF8820; }
.page_content{ margin-top: 25px; line-height: 30px}

.subp_cats{ overflow: hidden; text-align: center; margin-bottom: 50px}
.subp_cats ul{ display: inline-block; }
.subp_cats .subp_catsa{ line-height: 50px; height: 50px; background:#35AAE0; display: inline; margin-bottom:5px}
.subp_cats .subp_catsa a{ display: block; text-align: center; color: #fff; padding:0 17px}
.subp_cats .active, .subp_cats .subp_catsa a:hover{ background: #FF8820; }
.page_content{ margin-top: 25px; line-height: 30px}

.images_list{ width:220px; padding: 15px; margin: 15px; border:1px solid #e3e3e3; border-radius: 3px}
.images_list .img{ display: table-cell; overflow: hidden; text-align: center; width: 220px; height: 150px; vertical-align: middle;}
.images_list img{ max-width: 220px; max-height: 135px}
.images_list .img:hover img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3); }
.images_list a{ text-align: center; display: block; }
.images_list:hover{ border: 1px solid #35AAE0; box-shadow: 0px 10px 30px 1px #dedede; -moz-box-shadow: 0px 10px 30px 1px #dedede; -webkit-box-shadow: 0px 10px 30px 1px #dedede; -o-box-shadow: 0px 10px 30px 1px #dedede;}
.images_list:hover > a{ color: #35AAE0 }

.page_content .tt{ font-size: 20px; font-weight: bold; color:#FF8820; line-height: 30px}
.page_content .des{ border: #E5E5E5 1px solid; padding: 5px; line-height: 30px; background: #f5f5f5; text-indent: 2em; margin: 20px; color: #868686}
.page_content .date{ color: #999999; padding: 5px 0px;}
.page_content .img1{ max-width: 880px }
.pre_next{ margin-top: 20px }
.pre_next{ margin: 40px 20px 0 }
.pre_next a:hover{ color: #FF8820; text-decoration: underline;}

.news_list{ padding-top: 15px }
.news_list li{border-bottom: 1px solid #dedede;position: relative;padding-bottom: 36px;margin: 25px 0px; overflow: hidden;}
.news_list li img{float: left;}
.news_list li div{float: left;width: 660px;margin-left: 45px}
.news_list li div h3 a{font-size: 22px;color: #222222;font-weight: normal;margin-bottom: 6px;display: block;}
.news_list li div h3 a:hover{color: #275897}
.news_list li div p{font-size: 14px;color: #777777;line-height: 22px;text-align: justify;}
.news_list li div .more{display: block;width: 108px;line-height: 30px;color: #7d7d7d;text-align: center;font-size: 12px;border-radius: 3px;margin-top: 15px;border: 1px solid #7d7d7d}
.news_list li span{display: inline-block;width: 70px;height: 70px;background-color: #35AAE0;color: #fff;text-align: right;padding: 12px 15px 0px 0px;font-size: 22px;position: absolute;right: 0px;top: 25px}
.news_list li span b{font-size: 16px}
.news_list li:hover div .more{border-color: #FF8820;color: #FF8820}
.news_list li:hover span{background-color: #FF8820}
.news_content{ margin: 20px; line-height: 30px }
.news_content img{ max-width:1090px}

.down_list li{ padding: 20px 0; border-bottom: 1px solid #f1f1f1 }
.down_list li p{ line-height: 40px; margin-left: 10px; }
.down_list li span{ font-size: 18px; font-weight: bold; color: #FF8820 }
.downfram{display:none;  position: fixed;top: 0px;left: 0px;right:0px;bottom:0px;width:100%;height:100%!important;background:rgba(0,0,0,0.6);z-index:999999;}
.downbox{width:390px;height:200px;background:#fff;position:absolute;top:50%;left:50%;margin:-100px 0px 0px -195px;}
.downbox input{padding-left:10px;width:200px;height:28px;border:1px #ccc solid;color:#ccc;margin:40px 0px 0px 50px;}
.downbox>   span{float:left;display:block;width:80px;height:30px;background:#35AAE0;color:#fff;font-size:12px;text-align:center;line-height:30px;margin:20px 0px 0px 50px;cursor:pointer;}
.downbox h4{padding:0px 10px;height:35px;line-height:35px;background:#35AAE0;color:#fff;font-size:14px;}
.downbox h4>span{float:right;font-size:20px;font-weight:normal;cursor:pointer;}

.pagination{clear:both;padding-top:10px;text-align:center; margin:0 auto; display:block;}
.pagination li{display:inline-block;*display:block;*display:inline;*zoom:1;margin:0 3px}
.pagination li a{line-height:28px;font-size:12px;display:block;padding:0 10px;color:#666;border:solid 1px #ccc;background-color:#e3e3e3;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;cursor:pointer;-webkit-text-shadow:1px 1px 1px #ccc;-moz-text-shadow:1px 1px 1px #ccc;-o-text-shadow:1px 1px 1px #ccc;-ms-text-shadow:1px 1px 1px #ccc;text-shadow:1px 1px 1px #ccc}
.pagination li a:hover,.pagination li a.current{background-color:#35AAE0;border-color:#35AAE0;color:#fff;text-decoration:none;-webkit-text-shadow:1px 1px 1px #666;-moz-text-shadow:1px 1px 1px #666;-o-text-shadow:1px 1px 1px #666;-ms-text-shadow:1px 1px 1px #666;text-shadow:1px 1px 1px #666}