﻿/* CSS Document */
body{ margin:0; padding:0; font-size:13px;background:#fff url(../images/content_position.png) no-repeat fixed right bottom; color:#000000; font-family:"宋体",Arial,Verdana}
*{ margin:0; padding:0;}
a{ color:#000000; text-decoration:none;}
a:hover {color:#006DDB}
p{ margin:0; padding:0;}
ul {list-style: none outside none;}
li{list-style:none; margin:0; padding:0;}
em{ font-style:normal;}
input{ margin:0; padding:0; outline:none;}
img{ border:none;}
.clear{ clear:both;}

.w1200{ width:1320px; margin:0 auto;}


.foot{ min-height:110px; background:#242424;}
.foot p{ float:left; height:78px; line-height:78px; color:#737373; text-indent:32px; background:url(../images/foot_logo.png) left center no-repeat;}
.foot_nav2{height:48px; line-height:48px; color:#737373; text-indent:32px; }
.foot_nav{ float:right; color:#484848; height:78px; overflow:hidden; line-height:78px;}
.foot_nav a{ padding:0 10px; color:#737373;}
.foot_nav a:hover{ color:#fff;}
.home{ height:288px; overflow:hidden; background:url(../images/home_bg.jpg) repeat-x;}
.home ul li{ width:25%; height:320px; overflow:hidden; float:left; background:url(../images/home_right_fgx.jpg) right center no-repeat;}
.home ul li h2{ text-align:center; line-height:28px; color:#3e3e3e; font-size:18px;height:28px; overflow:hidden;}
.home ul li p{ text-align:center; color:#646464; line-height:23px; height:53px; overflow:hidden;}
.home ul li span{ display:block; width:100%; height:150px; overflow:hidden; margin-top:34px;}
.home ul li span.img01{ background:url(../images/himg01.png) center no-repeat;}
.home ul li span.img02{ background:url(../images/img02.png) center no-repeat;}
.home ul li span.img03{ background:url(../images/himg03.png) center no-repeat;}
.home ul li span.img04{ background:url(../images/himg04.png) center no-repeat;}
.home ul li span.img05{ background:url(../images/himg05.png) center no-repeat;}
.home ul li.lasthome{ background:none;}
.fullSlide{ min-width:1320px; height:587px; overflow:hidden; position:relative;}
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:587px; }
.fullSlide .hd{ width:100%; text-align:center;  position:absolute; z-index:1; bottom:22px; left:0; height:9px; line-height:9px;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:12px; margin:0 4px; border:2px #fff solid; border-radius:5px; overflow:hidden; line-height:9999px;}
.fullSlide .hd ul .on{ width:40px; background:#fff;}
.top{ background:#fff; height:97px;}
.top .w1200{ height:97px; background:url(../images/topbg.png) 290px 18px no-repeat;}
a.logo{ display:block; width:280px; height:60px; overflow:hidden; margin-top:16px; float:left;}
.fr{ float:right; height:97px; background:#fff; position:relative; z-index:1;}
.topfr{ float:right; width:auto; height:24px; overflow:hidden;margin-top:10px; position:relative;}
a.yxt{ display:block; float:left; height:24px; overflow:hidden; background:url(../images/yxt_ico.jpg) left center no-repeat; text-indent:27px; line-height:24px; color:#808081;}
a.yxt:hover{ color:#017cc2;}
.topfr i{ display:block; line-height:24px; float:left; padding:0 12px; font-style:normal; color:#d3d3d3;}
span.kfrx{ display:block; float:left; text-indent:18px; background:url(../images/tel_ico.jpg) left center no-repeat; height:24px; line-height:24px;}
span.kfrx strong{ color:#017cc2; padding:0 5px; font-size:16px;}

span.yuyan{ display:block; width:90px; height:24px; overflow:hidden; float:left; border-radius:5px; background:#f4f4f4; margin-left:15px; margin-right:44px;}
span.yuyan a{ display:block; width:45px; height:24px; overflow:hidden; float:left; text-align:center; line-height:24px;}
span.yuyan a.dqyy{ background:#017cc2; color:#fff;}
.search{ width:34px; height:24px; overflow:hidden; background:url(../images/search_01.jpg) center no-repeat; position:absolute; right:0; top:0;}
.search input{ display:none;}
.search_hover{ width:150px; height:24px; overflow:hidden; border-radius:24px; background:#017cc2;}
.search_hover input{ display:block;}
.search_hover input.searchtxt{ width:116px; height:24px; overflow:hidden; border:none; background:none; text-indent:12px; line-height:24px; float:left; color:#fff;}
.search_hover input.searchbtn{ width:34px; height:24px; overflow:hidden; float:right; background:url(../images/search_01.png) center no-repeat; border:none;}
.navBar{ width:auto; clear:both; float:right; height:64px; position:relative; z-index:1;}
.nav{ width:645px; height:auto;color:#000;background-color:#c2c2c2}
.nav h3{ font-size:15px; height:64px;line-height:64px;color:#000;}
.nav .m{float:left; display:inline; height:64px; text-align:center; width:auto; margin-left:30px;color:#000;}
.nav .m h3 i{ display:block; width:26px; float:left; height:64px; background:url(../images/i.png) center  no-repeat;}
.nav h3 a{ display:block; float:left; height:64px; line-height:64px; color:#000; }
.nav .on h3 a{ color:#017cc2}

.headdes { line-height:22px; font-size:13px;word-wrap: break-word; }

.nav .sub{ display:none; /*默认隐藏*/ width:665px;position:absolute; right:0; top:63px; z-index:0;  background:#f4f4f4; min-height:502px; box-shadow:0 0 5px rgba(0,0,0,0.5);}
.snBrand{ width:100%; height:auto; overflow:hidden;}
.snBrand ol{ width:260px; height:482px; padding-top:20px; overflow:hidden; float:left; background:#d9effb;}
.snBrand ol li{ width:100%; height:54px; overflow:hidden;}
.snBrand ol li a{ display:block; width:100%; height:54px; line-height:54px; text-align:left; text-indent:20px; font-size:15px; color:#3d3d3d;}
.snBrand ol li.on{ background:#017cc2 url(../images/onbg.png) right center no-repeat;}
.snBrand ol li.on a{ color:#fff; font-weight:bold;}
.snBrand ul{ width:405px; float:right;}
.snBrand ul li a{ display:block; width:130px; height:40px; overflow:hidden; margin:0 auto; background:#017cc2; font-size:13px; text-align:center; line-height:40px; color:#fff;}
.snBrand ul li a:hover{ background:#1996dd;}
.snBrand ul li p{ text-align:center; overflow:hidden; line-height:24px; color:#909090; margin-bottom:9px; padding-left:50px; padding-right:50px; max-height:94px; }
.snBrand ul li h4{ height:34px; text-align:center; font-size:20px; color:#000; line-height:34px;}
.snBrand ul li .img{ width:100%; height:302px; overflow:hidden; text-align:center;}
.snBrand ul li .img img{ margin-top:40px;}

.w1280{ width:1400px; height:auto; margin:0 auto;}
.wp0100{ width:100%; height:auto; margin:0 auto;}
.banner{ width:1400px; height:484px; overflow:hidden; position:relative;}
.banner_title{ padding-top:314px; width:465px; height:484px; overflow:hidden; background:rgba(0,0,0,0.8); position:absolute; left:0; top:0;}
.banner_title h2{ color:#fff; font-size:40px; font-weight:normal; text-indent:70px;}
.banner_font{ margin-top:30px; height:40px; border-left:1px #fff solid; margin-left:70px; padding-left:8px;}
.banner_font span{ display:block; width:100%; font-size:18px; color:#fff;}
.banner_font p{ color:#fff;}
.banner2{ width:1400px; height:150px; overflow:hidden; position:relative;}
.banner_title2{ padding-top:80px; width:465px; height:80px; overflow:hidden; background:rgba(0,0,0,0.8); position:absolute; left:0; top:0;}
.banner_title2 h2{ color:#fff; font-size:40px; font-weight:normal; text-indent:70px;}
.banner_font2{ margin-top:30px; height:40px; border-left:1px #fff solid; margin-left:70px; padding-left:8px;}
.banner_font2 span{ display:block; width:100%; font-size:18px; color:#fff;}
.banner_font2 p{ color:#fff;}
.cptab .hd ul{ height:59px; overflow:hidden; background:url(../images/cpfl_bg.png) repeat-x;}
.cptab .hd ul li{ cursor:pointer; width:25%; height:59px;line-height:59px; text-align:center; font-size:16px; color:#000; overflow:hidden; float:left;}
.cptab .hd ul li.on{ color:#017cc2;}
.cplist{ width:100%; height:auto; overflow:hidden;}
.cplist ul{ overflow:hidden; width:1400px; height:auto; margin-top:32px; min-height:460px;}
.cplist ul li{ width:430px; height:450px; overflow:hidden; float:left; margin-right:30px; margin-bottom:32px; position:relative;}
.cplist ul li a.cplist_pic{ display:block; width:430px; height:450px; overflow:hidden;}
.cpbg{ width:100%; height:450px; background:rgba(0,0,0,0.6) ; position:absolute; left:0; top:368px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#80000000,endColorStr=#80000000);}
.cpbg h2{ color:#fff; font-size:18px; height:30px; overflow:hidden; text-indent:15px; line-height:30px; margin-top:8px;}
.cpbg span{ color:#d5d5d5; display:block; height:20px; line-height:20px; text-indent:15px; margin-left:12px; margin-right:12px;} 
.cpbg a,.cpbg p{ display:none;}

.cplist ul li:hover .cpbg{ top:0; color:#fff; background:rgba(0,0,0,0.8) url(../images/cpbg.png) top center no-repeat;}
.cplist ul li:hover .cpbg span{ display:none;}
.cplist ul li:hover .cpbg{ text-align:center;}
.cplist ul li:hover .cpbg h2{ padding-top:102px; font-size:20px; margin-bottom:30px;}
.cplist ul li:hover .cpbg p{ display:block; text-align:left; text-indent:50px; color:#d3d3d3; line-height:25px;}
.cplist ul li:hover .cpbg a{ display:block; width:162px; height:40px; overflow:hidden; border:1px #fff solid; line-height:40px; text-align:center; color:#fff; font-size:14px; position:absolute; left:120px; bottom:58px;}

.cpnybanner{ min-width:993px; height:188px; overflow:hidden; background:url(../images/chanpin_nybanner.png) center no-repeat;}
.cpnybanner2{ min-width:993px; height:112px; overflow:hidden; background:url(../images/chanpin_nybanner2.png) center no-repeat;}
.w993{ width:1280px; height:auto; margin:0 auto;}
.w998{ width:1100px; height:auto; margin:0 auto;}
.cpdqwz{ height:45px; overflow:hidden; background:url(../images/chanpin_dqwz.png) repeat-x;}
.cpdqwz h4{ float:left; height:45px; line-height:45px; font-size:16px; color:#656565;}
.cpdqwz span{ display:block; width:auto; height:45px; overflow:hidden; float:right; line-height:45px; color:#656565;}
.cpdqwz span a{ color:#a8a8a8}
.cpdqwz span em{ color:#000;}
.cpcon{ padding-top:23px; width:100%; height:auto; overflow:hidden;}
.cpcon img{ float:left;}
.cpcon_font{ width:860px; height:auto; overflow:hidden; float:right;}
.cpcon_font h2{ font-size:25px; line-height:40px; padding-top:10px;}
.cpcon_font span{ display:block; height:22px; line-height:22px; font-size:14px; color:#8f8f8f; margin-bottom:20px; padding-bottom:25px; padding-top:15px;}
.cpcon_font p{ height:22px; line-height:22px; color:#444;font-size:16px; margin-top:16px;}




.slideTxtBox{ width:100%; height:auto; overflow:hidden; margin-top:5px;}
.slideTxtBox .hd{ height:59px; width:100%; overflow:hidden; background:url(../images/tab_bg.png) repeat-x}
.slideTxtBox .hd ul{ width:100%; height:auto; overflow:hidden;}
.slideTxtBox .hd ul li{ float:left; padding:0 60px; cursor:pointer; font-size:15px; font-weight:bold; color:#454545; line-height:59px;}
.slideTxtBox .hd ul li.on{ background:url(../images/tab_on_bg.png) repeat-x; color:#017cc2;}
.bdcon{ padding:43px; overflow:hidden;}
.bdfont p{ font-size:13px; color:#5c5b5b; line-height:20px;}
.cpdown{ width:100%; height:auto; overflow:hidden;}
.cpdown dl{ border:1px #e5e5e5 solid; margin-bottom:10px; height:130px;}
.cpdown dl dt{ width:113px; height:130px; overflow:hidden; float:right; background:#f9f9f9; border-left:1px #e5e5e5 solid;}
.cpdown dl dd{ width:700px; padding:0 36px; float:left;}
.cpdown dl dd p{ font-size:13px; line-height:18px;}
.cpdown dl dd h2{ line-height:26px; font-size:13px; height:26px; overflow:hidden; margin-top:24px;}
.cpdown dl dt a{ display:block; width:100%; padding-top:32px; height:36px; text-align:center; line-height:36px; overflow:hidden; margin-top:27px; background:url(../images/down_ico.png) center top no-repeat; color:#017cc2; font-size:13px; font-weight:bold;}
.cpdown dl dt a:hover{ background:url(../images/down_ico_hover.png) center top no-repeat;}
.cpdown dl dt span{ display:block; width:100%; height:20px; overflow:hidden; text-align:center; line-height:20px; color:#9f9f9f;}
.tedian{ padding:0 20px; overflow:hidden;}
.tedian h3{ height:39px; overflow:hidden; background:url(../images/font_title_bg.png) left center no-repeat; text-indent:15px; line-height:39px; font-size:13px;}
.tedian p{ padding-left:14px;}


.foot pre{ float:left; height:78px; line-height:78px; color:#737373; text-indent:32px; }

span.kfrx2{ text-indent:18px; height:20px; line-height:20px;background:url(../images/tel2.png) left center no-repeat;}
span.kfrx2 strong{ color:#017cc2; padding:0 5px; font-size:16px; margin-left:30px;}
span.kfrx3{ text-indent:18px; height:20px; line-height:24px;background:url(../images/tel2.png) left center no-repeat;}
span.kfrx3 strong{ color:#017cc2; padding:0 5px; font-size:22px; margin-left:30px;}

.info_previous_next_wrap{ padding:5px; border:1px solid #E3E3E3; line-height:45px;}

.product_previous{ padding:5px; border:1px solid #E3E3E3; line-height:36px; float:left;}
.product_next{ padding:5px; border:1px solid #E3E3E3; line-height:36px;; float:left;}

.product_bottom_list ul { width: 1320px; height: 180px; display: block; overflow: hidden; }
.product_bottom_list li { width: 380px; height: 180px; display: block; float: left; margin-right: 12px; display: inline; }
li.cl_3 a { width: 377px; height: 176px; display: block; overflow: hidden; border: 1px #c8c8c8 solid; border-left: 2px #6abbe9 solid; }
li.cl_3 a:hover { background-color: #6abbe9; color: #fff; border: 1px #6abbe9 solid; border-left: 2px #6abbe9 solid; }
li a .indfl_img { width: 135px; height: 146px; float: left; margin: 10px 0 0 4px; display: inline; text-align: center; vertical-align: middle; }
li a .indfl_img span { height: 110%; display: inline-block; *display:inline;*zoom:1;vertical-align: middle; }
li a .indfl_img img { max-width: 135px; max-height: 146px; vertical-align: middle; }
li a .indfl_div { width: 220px; height: 166px; float: left; margin: 10px 0 0 8px; display: inline; overflow: hidden; }
li a .indfl_div h3 { width: 220px; height: 26px; display: block; overflow: hidden; font-size: 16px; color: #5c5c5c; line-height: 26px; }
li a .indfl_div h4 { width: 220px; height: 26px; display: block; overflow: hidden; font-size: 13px; color: #8c8c8c; line-height: 26px; }
li a .indfl_div p { width: 220px; height: 24px; font-size: 12px; color: #7b7b7b; line-height: 22px; white-space:normal;word-wrap: break-word; margin-left:1px;}
 li a:hover .indfl_div h3 { color: #fff; }
 li a:hover .indfl_div p { color: #fff; }
 
 /*搜索 */

.search_nav{ display:block; width:200px; height:30px; overflow:hidden; float:right; line-height:30px; color:#656565; margin-top:10px;}
table.search_table{ width:85%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;}
table.search_table td{ vertical-align:middle; width:25px; padding:0px 3px;}
/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #cccccc #eeeeee #eeeeee #cccccc;
border-width:1px; height:16px; line-height:16px;clip: rect;padding: 2px; color: #000000; background: url(../images/form_bg.jpg) #fff repeat-x;}
.form_text {  width:85%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }

.form_button2 { width:160px; background-color:#0080BD;vertical-align:middle; border:1px #eeeeee solid; color:#FFFFFF; height:36px; font-size:16px;/*解决ie焦点是有黑色边框*/}

.article{ width:1320px;margin:5px auto; min-height:400px;}
.download{ width:1320px;margin:5px auto; min-height:400px;}
#left { float:left; width:200px; background:url(../images/left.jpg) no-repeat right top #FFF;}
#center{}
#right { float:right; width:1100px; border-left:0px solid #E5E5E5; padding-left:0px; }

/*左侧*/
/*主体左侧样式*/
.left_title { height:43px; line-height:43px; background:url(../images/left_title.jpg) no-repeat center bottom;  }
.left_title h2 { text-indent:1em; font-size:16px; color:#FFF; }
.left_title h2 a { font-size:14px; color:#C7231D; }
.left_body { overflow:hidden; zoom:1; color:#000;  padding:5px 5px 0px 5px; border-bottom:0; border-top:0}
.left_bottom { height:15px;}

/*样式1*/
.left_title1{ height:31px; line-height:24px; background:url(../images/left_title1.jpg) no-repeat; margin-top:8px;}
.left_title1 h2 { text-indent:1em; font-size:13px; color:#000;  }
.left_body1 { overflow:hidden; zoom:1;  color:#000; padding:0 10px 5px;  border:6px solid #eff6fe; border-bottom:0; border-top:0}
.left_bottom1 { height:12px;  background:url(../images/left_bottom1.jpg) no-repeat; margin-bottom:5px;}

/*样式2*/
.left_title2 { height:39px; line-height:39px; background:url(../images/left_title2.jpg) ;  }
.left_title2 h2 { text-indent:1em; font-size:14px; color:#000; }
.left_body2 { overflow:hidden; zoom:1; color:#000;  padding:0 10px 5px;  border-top:0; border-bottom: 0px}
.left_bottom2 { height:15px; }

/*样式3*/
.left_title3 { height:60px; line-height:60px; background:url(../images/contactus.jpg) ; margin-right:2px; }
.left_title3 h2 { text-indent:1em; font-size:14px; color:#000; }
.left_body3 { overflow:hidden; zoom:1; color:#000;  padding:0 10px 5px;  border-top:0; border-bottom: 0px}
.left_bottom3 { height:15px; }



/*主体右侧*/
/*样式1*/
.right_title { height:39px; line-height:39px; background:url(../images/right_title.jpg) no-repeat center bottom; margin-bottom:20px;}
.right_title h2 { background:url(../images/right_title_h2.png) no-repeat left center; font-size:18px; font-weight:normal; padding-left:30px; color:#004890;float:left; }

.right_title span {  font-size:13px; font-weight:normal;  color:#004890; float:right; display:block; width:auto; overflow:hidden; }
.right_body { padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0 }
.right_bottom {height: 5px;  line-height:5; overflow:hidden; font-size:0px;}
/*样式2*/
.right_title1 { background: url(../images/right_title1.jpg) repeat-x 0 0; height:39px; line-height:39px;  }
.right_title1 h2 { font-size:14px; font-weight:bold; padding-left:10px; color:#626262;}
.right_body1 { padding:5px; overflow:hidden; zoom:1; border:5px solid #FACEB9; border-top:0; border-bottom:0}
.right_bottom1 { height: 5px; font-size: 0px; line-height:0; background:#FACEB9;  overflow:hidden; margin-bottom:5px;}

/*样式3*/
.right_title2 { }
.right_title2 h2 { font-size:14px; font-weight:bold; color:#004991; text-align:right; padding:20px 10px 0px 0px;}
.right_title2 h2 a{color:#004991;}
.right_body2 { padding:5px; overflow:hidden; zoom:1;border-top:0; border-bottom:0; }
.right_bottom2 {font-size: 0px; line-height:0;  overflow:hidden; margin-bottom:5px;}

/*样式4*/
.right_title3 { }
.right_title3 h2 { font-size:13px; font-weight:bold; color:#FFF; padding-left:55px;}
.right_body3 { padding:5px; overflow:hidden; zoom:1;border-top:0; color:#AAA; border-bottom:0; padding-left:55px; }
.right_bottom3 {font-size: 0px; line-height:0;  overflow:hidden; margin-bottom:5px; padding-left:55px;}
/*==========@@布局  结束@@==========*/


.asktext{min-height:80px; padding:0 0px 0 0px; color:#333; background:url(../images/faq-a-s.png) no-repeat left top;background-color:#f2f2f2;}
.asktext p {font-size:16px;line-height:28px;margin-left:0px;}

.answertext{  padding:0 0px 0 0px; color:#333; background:url(../images/faq-q-s.png) no-repeat left top;}
.ask_co{margin-left:45px;}
.answertext p {font-size:16px;line-height:28px;margin-left:0px;}

/*子频道列表*/
.subchannellist { }
.subchannellist li { line-height:45px;width:98%;}
.subchannellist li a { display:block; height:45px; padding:0 5px 0 10px; color:#333; background:url(../images/subchannellist_li_a.jpg) no-repeat left center;}
.subchannellist li a:hover {  color:#1B75DA; text-decoration:none; background:url(../images/subchannellist_li_ahover.jpg) no-repeat left center;}
.subchannellist #current a {  font-weight:bold; color:#1B75DA;background:url(../images/subchannellist_li_ahover.jpg) no-repeat left center; }
.subchannellist .depth1{ font-size:13px; font-weight:bold;}
.subchannellist .depth2{ font-size:13px; text-indent:1em; list-style-type:square;}
.subchannellist .depth3{ font-size:13px; text-indent:2em}
.subchannellist .depth4{ font-size:13px; text-indent:3em}
.subchannellist .depth5{ font-size:13px; text-indent:4em}
.subchannellist .depth6{ font-size:13px; text-indent:5em}
/*联系我们*/
.contact_wrap{ line-height:24px; font-size:13px; font-weight:400;}
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }

.red{color:#F00}
.blue{color:#0076EC}

/*分页样式*/
.page { padding:10px 0px 0px 10px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#0095DD; color:#ff9900; }
.page .current{ background:#0095DD; color:#FFF;}
.page #total{color:#006DDB}

/*==========@@频道页面 开始@@==========*/
/*===公共字段 开始===*/
.ChannelContent, .ChannelContent p{ line-height:1.8em}
.ChannelSContent{}
.ChannelSContent img, .InfoContent img{ max-width:100% }

.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle;   color: #333; padding:5px 0px}
.InfoTitle h1{ font-size:16px; line-height: 1.5em; }
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:22px; padding:16px 10px;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoAttachment2{ padding:10px; text-align:center; width:150px; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:1px dashed #ccc; line-height:30px; margin-bottom:5px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
.info_previous_next_wrap{ padding:6px; border:4px solid #EfEfEf; line-height:30px;}

.info_product_detail_wrap{ line-height: 2.2em;}
.info_product_detail_wrap b{color: #626262; font-weight:bold;}
.info_product_detail_wrap table.detail_table{ width:100%; }
.info_product_detail_wrap table.detail_table th{ width: 200px;}
.ProductDescription{ height:40px; background:url(../images/productdescription.jpg) repeat-x; margin-top:10px;  padding-left:35px; line-height:40px; font-size:16px; font-weight:bold;}
.product  .info_product_detail_wrap img{ width:180px; height:150px;float:left;  text-align:left }
.product  .InfoTitle{  font-size:16px; font-weight:bold; text-align:left; padding:10px 0px;}
.product  .f2{ padding:5px 0px}
.product  .f1{ padding:5px 0px}
.product  .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000}
.product  .InfoTime{ padding:5px 0px; }
/*===公共字段 结束===*/

/*===招聘频道  开始===*/
.job{width:1320px; height:auto; margin:0 auto; }
.joblist { }
.joblist li {overflow: hidden; padding:5px 0px;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#014597; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table . { color: #0080BD;font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {color: #0080BD;font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/*应聘*/
table.resume_table { margin:0 auto; text-align:center; width:80%; border-collapse:collapse;}
table.resume_table tr{ margin-top:10px; height:28px; }
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{ }
.textlist2 li { line-height:32px; height:32px;text-indent:8px; background:url(../images/textlist.gif) no-repeat 0 center; overflow:hidden;width:100%;/*解决ie6bug*/}
.textlist li{
    text-align: left;
    border-bottom: 1px dashed #dddddd;
    font-size: 12px;
    background: url(../images/arr_list.png) 0px 14px no-repeat;
    padding-left: 14px;
    line-height: 36px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width:100%;
}
.float_right { float:right; display:block; width:120px; height:30px; padding-left:45px; margin-top:10px; font-weight:500;}
/*文字列表*/
/*文字列表*/
.textlist1{ }
.textlist1 li { height:146px;overflow:hidden; padding:10px 0px; border-bottom:1px dotted #b9b9b9;/*解决ie6bug*/}
.textlist1 li:hover { background:#0095DD; color:#ffffff; }
.textlist1 li .InfoSTitle{ float:left; width:720px; white-space:nowrap; line-height:28px;display:block; overflow:hidden; color:#555; font-size:14px; font-weight:bold;}
.textlist1 li:hover .InfoSTitle:hover{ color:#ffffff;}
.textlist1 li img{ width:150px; height:140px; display:block; float:left; margin-right:15px; border:2px #eeeeee solid; margin-left:8px;}
.textlist1 li p{ float:left; width:690px; height:110px; line-height:20px; padding-top:0px; margin-top:0px; overflow:hidden; }
.textlist1 li .day{ font-size:30px; display:block; font-weight:bold; color:#444; margin-top:8px; text-align:right; padding-right:10px;}
.textlist1 li:hover .day:hover{ color:#ffffff;}
.textlist1 li .years{ color:#777; display:block;}
.textlist1 li .With{  float: right;}
.With img{ width:17px; height:18px;}

/*视频目录列表*/
/*文字列表*/
.textlist2{ }
.textlist2 li { height:155px;overflow:hidden; padding:12px 0px; border-bottom:1px dotted #b9b9b9;/*解决ie6bug*/}
.textlist2 li:hover { background:#0095DD; color:#ffffff; }
.textlist2 li .InfoSTitle{ float:left; width:720px; white-space:nowrap; line-height:28px;display:block; overflow:hidden; color:#555; font-size:14px; font-weight:bold;}
.textlist2 li:hover .InfoSTitle:hover{ color:#ffffff;}
.textlist2 li img{ width:150px; height:148px; display:block; float:left; margin-right:15px; border:2px #eeeeee solid; margin-left:8px;}
.textlist2 li p{ float:left; width:690px; height:116px; line-height:20px; padding-top:0px; margin-top:0px; overflow:hidden; }
.textlist2 li .day{ font-size:30px; display:block; font-weight:bold; color:#444; margin-top:8px; text-align:right; padding-right:10px;}
.textlist2 li:hover .day:hover{ color:#ffffff;}
.textlist2 li .years{ color:#777; display:block;}
.textlist2 li .With{  float: right;}


/*带缩略图文字列表*/
.thumblist{}
.thumblist li {}

/*橱窗列表*/
.gridlist{ }
.gridlist li { width:730px; height:186px; margin-bottom:10px; background:url(../images/gridlist_li.jpg) no-repeat left center; overflow:hidden; /*解决ie6 双边距bug*/}
.gridlist li img { display:block;float:left; width:180px; height:150px; margin-top:18px; margin-left:40px; }
.gridlist li .InfoSTitle { white-space:nowrap; line-height:28px; margin:10px 0px; display:block; color:#555; font-size:14px; font-weight:bold;}
.gridlist li .InfoSTitle:hover{ color:#0055B4;}
.gridlist .left_text{ float:left; width:370px; height:178px; margin:4px 30px 0px 0px; padding-left:60px;}
.gridlist .left_text p{  height:110px; overflow:hidden;}
.gridlist .left_text .With{ color:#F00;}


/*视频列表*/
.videolist{ }
.videolist li { width:350px; float:left; padding:0px 5px; text-align:center; overflow:hidden;}
.videolist li a { white-space:nowrap; line-height:28px;}
/*==========@@通用列表  结束@@==========*/

.showInd{height:122px;border:1px solid #d9d9d9;}
.showInd img{float:left; }
.showInd span {  color:#333333; }
.showInd span:hover { background:#0095DD; color:#ffffff; }
.showInd span{height:122px;font-size:25px;padding-left:40px;line-height:120px;float:left;display:block;width:760px; font-weight:500;}
.showInd .pre,.showInd .next{margin-top:50px;float:left;display:block;height:25px;width:25px; background-image:url(../images/img_130.jpg); background-repeat:no-repeat;}
.showInd .next{background-image:url(../images/img_131.jpg)}
.showInd .pre:hover,.showInd .next:hover{background-position:bottom}

/*===============case=================*/
.pro { width: 1320px; margin: 0 auto; }
.pro ul { width: 1320px; }
.pro li { width: 620px; height: 215px;  margin: 24px 40px 10px 0px;  display: block;list-style: none; float: left; }
.pro li a { width: 618px; height: 214px; display: block; border: 1px #cecccd solid; }
.pro li a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');-moz-box-shadow: 0 0 10px #909090; -webkit-box-shadow: 0 0 10px #909090; box-shadow: 0 0 10px #909090; }
.pro li a .proimg { width: 200px; height: 200px; overflow: hidden; float: left; margin: 5px 0 0 5px; display: inline; border: 1px #cecece solid; margin-left:8px;}
.pro li a .proimg span { height: 100%; display: inline-block; *display:inline;*zoom:1;vertical-align: middle; }
.pro li a .proimg img { max-width: 200px; max-height:200px; vertical-align: middle; margin:0 auto; }

.pro li a .prodiv { width: 365px; height: 188px; overflow: hidden; float: left; margin: 10px 0 0 10px; display: inline; padding-left: 18px; border-left: 1px #c8c8c8 solid; }
.pro li a .prodiv h3 { width:365px; height: 42px; overflow: hidden; display: block; line-height: 20px; font-size: 16px; color: #000; }
.pro li a .prodiv .prodes { width: 365px; height: 140px; overflow: hidden; font-size: 12px; color: #333; line-height: 20px; }
.allpage { width: 100%; overflow: hidden; padding: 20px 0; text-align: center; }

/*===============case=================*/
.video { width: 1320px; margin: 0 auto; }
.video ul { width: 1320px; }
.video li { width: 420px; height: 415px;  margin: 24px 10px 10px 10px;  display: block;list-style: none; float: left; }
.video li a { width: 418px; height: 404px; display: block; border: 1px #cecccd solid; }
.video li a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');-moz-box-shadow: 0 0 10px #909090; -webkit-box-shadow: 0 0 10px #909090; box-shadow: 0 0 10px #909090; }
.video li a .videoimg { width: 400px; height: 350px; overflow: hidden; float: left; margin: 5px 0 0 5px; display: inline; border: 1px #cecece solid; margin-left:8px;}
.video li a .videoimg span { height: 100%; display: inline-block; *display:inline;*zoom:1;vertical-align: middle; }
.video li a .videoimg img { max-width: 400px; max-height:350px; vertical-align: middle; margin:0 auto; }

.video li a .videodiv { width: 365px; height: 36px; overflow: hidden; float: left; margin: 10px 0 0 10px; display: inline; border-left: 1px #c8c8c8 solid; font-weight:700; }
.video li a  h3 { width:365px; height: 32px; overflow: hidden; display: block; line-height: 40px; font-size: 18px; color: #000;float: 0 auto; padding:2px; }
.video li a .videodiv .prodes { width: 365px; height: 38px; overflow: hidden; font-size: 14px; color: #333; line-height: 20px; }

/*===============prolist=================*/
.prolist { width: 1320px; margin: 0 auto; }
.prolist ul { width: 1320px; }
.prolist li { width: 600px; height: 255px; display: block; float: left; margin: 24px 40px 10px 0; display: inline; }
.prolist li a { width: 598px; height: 254px; display: block; border: 1px #cecccd solid; }
.prolist li a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');-moz-box-shadow: 0 0 10px #909090; -webkit-box-shadow: 0 0 10px #909090; box-shadow: 0 0 10px #909090; }
.prolist li a .proimg { width: 197px; height: 222px; overflow: hidden; float: left; margin: 15px 0 0 5px; display: inline; border: 1px #cecece solid; margin-left:10px;}
.prolist li a .proimg span { height: 100%; display: inline-block; *display:inline;*zoom:1;vertical-align: middle; }
.prolist li a .proimg img { max-width: 195px; max-height:220px; vertical-align: middle; margin:0 auto; margin-left:1px; }

.prolist li a .prodiv { width: 350px; height: 222px; overflow: hidden; float: left; margin: 15px 0 0 10px; display: inline; padding-left: 18px; border-left: 1px #c8c8c8 solid; }
.prolist li a .prodiv h3 { width:350px; height: 32px; overflow: hidden; display: block; line-height: 20px; font-size: 16px; color: #000; }
.prolist li a .prodiv .prodes { width: 350px; height: 120px; overflow: hidden; font-size: 12px; color: #333; line-height: 20px;border-bottom:1px dashed #cccccc; bottom:1px;}
.prolist li a .prodiv .prodes2 { width: 350px; height: 80px; overflow: hidden; font-size: 12px; color: #333; line-height: 20px; background-color:#F5F5F5; margin-top:4px; }

.joinusbanner{ min-width:993px; height:188px; overflow:hidden; background:url(../images/joinus.jpg) center no-repeat;}
.solutionbanner{ min-width:993px; height:188px; overflow:hidden; background:url(../images/banner_solution.jpg) center no-repeat;}
.newsbanner{ min-width:993px; height:188px; overflow:hidden; background:url(../images/banner_news.jpg) center no-repeat;}
.bannercontact{ min-width:993px; height:188px; overflow:hidden; background:url(../images/banner_contact.jpg) center no-repeat;}
.banneraboutus{ min-width:993px; height:188px; overflow:hidden; background:url(../images/banner_aboutus.jpg) center no-repeat;}
.bannervideo{ min-width:1200px; height:226px; overflow:hidden; background:url(../images/banner_video.jpg) center no-repeat;}
/*默认样式*/
.btn {  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
  background: -webkit-linear-gradient(top, #00b5e5, #008db2);  background: -moz-linear-gradient(top, #00b5e5, #008db2);
  background: -o-linear-gradient(top, #00b5e5, #008db2);  background: linear-gradient(top, #00b5e5, #008db2);
  background-color: #00a1cb;border-color: #007998;  color: white;  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);}
.btn:hover { color:white;  background-color: #00a1cb;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
  background: -webkit-linear-gradient(top, #00c9fe, #008db2);  background: -moz-linear-gradient(top, #00c9fe, #008db2);
  background: -o-linear-gradient(top, #00c9fe, #008db2);  background: linear-gradient(top, #00c9fe, #008db2);}
.btn:active {background: #1495b7;  color: #005065;}
/*按钮大小*/
.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}
/*块按钮*/
.btn-block {display: block;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}



.home ul li{ cursor:pointer;}
.home ul li em{ display:none;}
.home ul li:hover{ background:#fff;}
.home ul li:hover p{ display:none;}
.home ul li:hover em{ display:block; padding:0 20px; font-size:13px; line-height:18px; overflow:hidden; height:84px; padding-top:15px; color: #00699B;}
.home ul li:hover span{ margin:0;}
.home ul li:hover h2{ color:#017cc2}


/*产品页2*/
.remotehostsystemg strong
 {
font-size: 34px;
line-height: 40px;
font-weight: normal;
margin-bottom: 10px;
display: block;
}
.remotehostsystemg strong {
margin:50px auto;
text-align:center;
display:block;
}


.remotehostsystemg  p
 {
font-size:18px;
line-height:30px;
color:#777777;
}

.remotehostsystemg {
clear:both;
overflow:hidden;
}
.remotehostsystemg .ther {
margin-top:250px;
 
}


/* yun csss */
.thcwi {
width:1000px;
margin:0 auto;
}
.headlines{width:100%; height:4px; background:#f8f8f8 repeat-x;  box-shadow:0 0 5px rgba(0,0,0,0.5); margin-top:2px;}