/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, caption, tbody, tfoot, thead,  fieldset, legend, button,  select, option, tr, th, td { border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;  margin:0; padding:0 }
dl, dt, dd, ol, ul, li { list-style:none }
body { line-height:26px; font-family: "microsoft yahei"; font-size:14px; color:#333;}
caption, th, td { text-align:left; font-weight:400 }
textarea, input, button, select, keygen, legend { font:12px/1.14 arial, \5b8b\4f53; outline:0; }
blockquote:before, blockquote:after, q:before, q:after { content:"" }
a img { border:none }
ol { margin-left:2em }
sup { vertical-align:text-top }
sub { vertical-align:text-bottom }
html>body p code { white-space:normal }
hr { margin:-8px auto 11px }
.clearfix:after, #container:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden }
.clear { clear:both; height:0; font-size:1px; line-height:0 }
* html .clearfix, * html #container { height:1% }
fieldset { padding-top:0 }
a { color:#313131; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { color:#0075BE; text-decoration:none; }
a:active { text-decoration: none; }
.left,.b_l,.b_c{ float:left;}
.right,.b_r{ float:right;}
.red{ color:#cc0000}
img{display:block;}
.main{width: 1200px; margin: 0 auto;}
.top{height: 58px; line-height: 58px; background: #fff; color: #fff;}
.top a{color: #333333;font-size:16px;}
.top .logo{width: 146px;margin-right: 180px;}
.top .nav .nav_li{float: left;height: 58px; position:relative}
.top .nav .nav_li:hover a{color:#014DA3;}
.top .nav a{padding:19px 20px}
.top .nav  .nav_ul{position: absolute;left: 0;top: 58px;z-index: 9999;background: #333; width:200px; display:none; opacity:0.8}
.top .nav  .nav_ul li { height:40px; line-height:40px;}
.top .nav  .nav_ul li:hover{background: #ffa912;}
.top .nav  .nav_ul li:hover a{color:#fff;}
.top .language a{position: relative; float: left;width: 80px;text-indent: 20px;}
.top .language i{position: absolute;left: 0;top: 23px;width: 16px; height: 11px; background: url("../img/i_language.jpg") 0 0 no-repeat;}
.top .language .language_cn{background: url("../img/i_language.jpg") 0 -11px no-repeat;}
.sub_nav{height: 50px; line-height: 50px; background: #f1f1f1;color: #8b8b8b;margin-bottom: 20px;}
.sub_nav a{color: #8b8b8b;}
.sub_nav span{padding: 0 10px;}
.sub_nav2{height: 45px; line-height: 45px; color: #272727; border-bottom: 1px solid #d7d7d7;margin-bottom: 40px;}
.sub_nav2 li{float: left;padding: 0 30px;height: 44px;}
.sub_nav2 .on{  border-bottom: 2px solid #ffa912; font-size: 16px; font-weight: bold;}
.sub_nav2 li.on a{color: #ffa912;} 
.s_banner{margin-bottom: 30px;height:234px;}
.main_l{width: 1200px;}
.i_banner{height: 590px; overflow:hidden;position:relative;}
.i_banner_div{ position:relative;height:590px;}
.i_banner_h2{width: 100%;position: absolute;left: 0; opacity:0; top: 0;font-size: 32px;color: #fff;text-align: center;letter-spacing: 2px;text-shadow: 0px 2px 0px rgba(51, 51, 51, 0.3) !important;}
.i_banner_v{ position:absolute; bottom:-100px; left:0; width:100%;opacity:0;}
.i_banner_v_con{width:1200px; margin:0 auto; height:220px;background: rgba(0,0,0,0.5);}
.i_banner_v .b_l{margin: 20px;}
.i_banner_v .b_c{width: 500px;margin-top: 20px;}
.i_banner_v .b_c h2{font-size: 24px;color: #fff;text-shadow: 2px 2px 2px #333;margin: 6px 0 22px;}
.i_banner_v .b_c p{color: #fff;}
.i_banner_v .b_r{margin-top: 20px;}
.i_banner .hd{ position:absolute; left:0; bottom:25px; width:100%; text-align:center;}
.i_banner .hd a{display: inline-block;width: 12px;height: 12px;background: #fff;border-radius: 6px;opacity: 0.8;margin: 0 4px; cursor:pointer;}
.i_banner .hd .on{ background:#FFAD17}
/*index main*/
.i_title{height: 50px; line-height: 50px;}
.i_title h2{ float: left; font-size: 24px;color: #000000;}
.i_title a{float: right;}
.i_title2 h2{font-size:20px;}
.i_products{border-bottom:1px solid #ddd; padding-bottom: 45px;}
.i_products li{ float: left; width: 399px;border-right:1px solid #ddd;}
.i_products li img{display: block; width: 306px; height: 306px; margin: 0 auto;
    transform: scale(1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1);
	-webkit-transform: all 1s ease 0s;
}
.i_products li:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;
}
.i_products li h2{font-size: 20px;text-align: center; padding: 16px 0;}
.i_products li:hover h2{color: #FFA810;transition: all 0.3s ease 0s;}
.i_products li p{font-size: 12px;text-align: center;padding: 0 30px;line-height: 18px;}

.i_case{border-bottom:1px solid #ddd; padding-bottom: 35px;margin-bottom: 30px;}
.i_case li{ position: relative; float: left;width: 270px; height: 195px; margin: 0 15px 20px;overflow: hidden;}
.i_case li img{
	width: 270px;height:195px;
	transform: scale(1);
    transition: all .5s ease 0s;
	-webkit-transform: scale(1);
	-webkit-transform: all .5s ease 0s;
}
.i_case_bg{position: absolute;width: 100%;height: 32px; background: #000;opacity: 0.6;left: 0; bottom: 0; }
.i_case li p{position: absolute;left: 0; bottom: 0; height: 32px; line-height: 32px;width: 100%;color: #fff; font-size: 12px;text-indent: 12px;}
.i_case li:hover img {
    transform: scale(1.1);
    transition: all .5s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all .5s ease 0s;
}
.i_case li:hover p{color: #FFA810;transition: all 0.3s ease 0s;}


.i_news .b_l,.i_news .b_c,.i_news .b_r{width: 384px; margin:0 15px 30px 0; border-right: 1px solid #ddd;font-size: 12px;line-height: 16px;}
.i_news .i_title2{margin-bottom: 20px; height:30px; line-height:30px;text-indent: 12px;}
.i_news .i_title2 a{margin-right: 25px;margin-top: 5px;}
.i_news ul{height: 285px;}
.i_news ul li{margin-bottom: 10px;margin-right: 15px;padding: 10px 0;}
.i_news ul li:hover{background: #eee;transition: all 0.5s ease 0s;}
.i_news ul li img {float: left; width: 100px;height: 65px;margin:0 12px;}
.i_news ul li h2{margin-bottom: 8px;font-size: 13px;}
.i_news ul li p{color: #999;}
.i_about{margin-left: 12px;}
.i_about img{margin-bottom: 20px;}
.i_about h2{ font-size: 13px;margin-bottom: 8px;}
.i_about p{font-size: 12px;padding-right: 20px; line-height: 18px;}
.i_about p a{color: #FFA810;}


/*About*/
.about_page h1{font-size:22px; line-height: 60px; margin-bottom: 15px;}
.about_page{padding-bottom: 100px;}
.page14_con p{line-height:24px; margin-bottom: 30px;}
.page16_con p{ color: #777; height: 42px; line-height: 42px; border-top: 1px solid #f0f0f0;}
.page11_con h2,.page12_con h2{color: #ff8400; margin-bottom: 10px;}
.page11_con p,.page12_con p{color: #777;line-height: 32px;}
.page13_con dl{margin-bottom: 30px;}
.page13_con dl span{float: left;width:40px;text-align: center; height: 55px;line-height: 46px;margin-right: 15px;font-size: 26px;}
.page13_con dl dt span{color: #FF8400;}
.page13_con dl dd span{color: #8b8b8b;}
.page13_con dl dt{margin-bottom: 20px;}
.page13_con .faq_r{ position: relative; float: left;width: 720px;padding:15px 20px; background: #ffa810; color: #fff;border-radius: 8px;box-shadow: 3px 3px 3px #eaeaea;}
.page13_con .faq_r i{position: absolute;left: -10px; top: 19px; width: 10px; height: 13px; background: url("../img/faq_arr_t.jpg");}
.page13_con dl dd .faq_r i{background: url("../img/faq_arr_c.jpg");}
.page13_con dl dd .faq_r{ background: #fff;box-shadow: 3px 3px 3px #eaeaea;color: #444444;padding-bottom:20px;}
.forms p{height: 45px; line-height: 45px;margin-bottom: 20px;padding-left: 70px;}
.forms b{float: left;width: 150px;margin-right: 10px;color: #505050; font-weight:normal}
.forms input{float: left; height:19px;line-height:19px;width: 432px; padding:13px 0; text-indent: 20px;border-radius: 4px;box-shadow: inset 0 1px 3px rgba(0,0,0,.1); font-size:14px;border: 1px solid #e5e5e5;}
.forms textarea{box-shadow: inset 0 1px 3px rgba(0,0,0,.1);font-size: 14px;border: 1px solid #e5e5e5;height: 70px;width: 400px;border-radius: 4px;padding: 15px;}
.forms .f_submit{margin-left: 150px;}
.forms .f_submit,.forms .f_reset{width: 228px; height: 50px; line-height: 50px; margin-right:20px;text-indent: 0; background: #ffa812; border-radius:10px; color: #fff;font-size: 24px; text-shadow: 1px 1px 1px #666;padding: 0;}
.forms.form_feedback input{ width:220px;}
/*page_join*/
.join_process_t{height: 33px; margin: 60px 0 50px; background: url("../img/process_bg.jpg") 50px  top no-repeat;}
.jion_process_c ul li{float: left;width: 270px;position: relative;}
.jion_process_c ul li span{ position: relative; display: block; width: 137px; height: 152px;overflow: hidden;}
.jion_process_c ul li h3{height: 60px;line-height: 70px;font-size: 22px;}
.jion_process_c ul li p{font-size: 12px;}
.jion_process_c ul li b{ position: absolute;width: 25px;height: 25px; background: url("../img/i_circle.png");text-align: center;line-height: 25px;color: #fff;top: -79px; display: none;font-weight: normal;}
.join_process_t1{left: 54px;}
.join_process_t2{left: 55px;}
.join_process_t3{left: 53px;}
.join_process_t4{left: 55px;}



/*news list*/
.news_list_t{border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;height: 39px; line-height: 39px;}
.news_list_t h2{float: left;padding: 0 40px;}
.news_list_t .on a{color: #ffa812;}
.news_list_l li{border-bottom: 1px solid #dcdcdc; height: 137px; padding-top: 15px;transition:all 0.5s ease 0s;}
.news_list_l li img{ float: left; width: 188px;height: 122px; margin:0  30px 0 8px;}
.news_list_l li h3{font-weight: bold;height: 32px; line-height: 32px;}
.news_list_l li p{color: #747474;margin-bottom: 15px;padding-right: 20px;}
.news_list_l li p .more{color: #FFA812;}
.news_list_l li .time{color: #c6c6c6;}
.news_list_l li:hover{background: #eee;transition:all 0.5s ease 0s;}
/*pages*/
.main_l .pages{text-align: center;margin:45px 0 70px;}
.main_l .pages li{display: inline-block;padding: 5px 15px; border: 1px solid #DCDCDC;margin: 0 4px;}
.main_l .pages a{display:block;width:100%;height:100%}
.main_l .pages .active{background: #ffa812; }
.main_l .pages .active a{color: #fff;}

/*sidebar*/
.sidebar{width: 300px;}
.news_list_l_r li{margin-bottom: 20px;}
.news_list_l_r p{height: 60px; line-height: 60px;background: url("../img/i_dot.jpg") #eee 17px center no-repeat; padding-left: 35px;} 

.article h1{text-align: center;font-size: 22px;padding: 20px 0;border-bottom: 1px dotted #ddd;}
.article_con{padding:30px;min-height:700px}
.article_con img{ max-width:780px}

/*pro list*/
.s_banner_pro_list{background: url("../img/s_banner_porducts.jpg") center center no-repeat;height: 221px;}
.pro_list ul li{float: left;width: 360px;padding: 0 20px 40px;margin-bottom: 5px;}
.pro_list_img{display: block;width: 360px; height: 360px; background-size: 90% 90%; background-position: center; background-repeat: no-repeat;transition:all 0.5s ease 0s;}
.pro_list ul li:hover{box-shadow: 0 0 3px #ddd;transition:all 0.3s ease 0s;}
.pro_list ul li:hover .pro_list_img{background-size: 100% 100%;transition:all 0.5s ease 0s;}
.pro_list ul li h2{font-size: 16px; font-weight: bold;color:#313131;margin-bottom: 20px;}
.pro_list ul li p{line-height: 16px; color: #4C4C4C; margin-bottom: 20px; padding-right: 30px;}
.pro_list ul li .pro_more{display: block;width: 110px; text-align: center; height: 35px; line-height: 35px; color: #fff; background: #FFA812;border-radius: 3px;}


/*pro datile*/
.pro_detail_img{width: 580px; position: relative;margin-bottom: 130px;}
.pro_detail_img .hd{position: absolute;bottom:-20px;width:100%;text-align: center;}
/*.pro_detail_img .hd a{display: inline-block;width: 50px; height: 2px; background:#747474;margin: 0 3px;}
.pro_detail_img .hd .on{background: #FFA812;}*/
.pro_detail_img .hd img{display: inline-block;margin: 0 5px;border: 2px solid #f5f5f5;width:60px; height:60px;}
.pro_detail_img .hd .on{ border:2px solid #FFA812;}
.pro_detail_img .prev_next{position: absolute;  top: 240px; width: 49px; height: 89px;background: url("../img/i_arr.png") left top no-repeat;text-indent: -9999px;opacity: 0;}
.pro_detail_img .prev{left: 0;}
.pro_detail_img .next{background-position: right top; right: 0;}
.pro_detail_text{width: 500px;}
.pro_detail_text h1{font-size: 24px; letter-spacing:1px;height: 100px;line-height: 100px;}
.pro_detail_text p{color: #747474; font-size: 13px; margin-bottom:5px;}
.pro_detail_text_buy{display: block;width: 175px; text-align: center; height: 38px; line-height: 38px; color: #fff; background: #FFA812;border-radius: 3px; margin-top: 26px;}
/*pro datile safe*/
.pro_detail_safe{background: #f1f3f2;border-top: 1px solid #e2e4e3; padding: 50px 0;}
.pro_detail_safe h2{font-size: 22px; height: 48px; line-height: 40px;}
.pro_detail_safe p{color: #747474; margin-bottom: 30px;}
.pro_detail_safe ul li{ float: left; width: 299px;height: 180px; text-align: center;}
.pro_detail_safe ul li span{display: block;width: 100%; height: 115px;background-position: center; background-repeat: no-repeat;}
.pro_detail_safe .line_b{border-bottom: 1px solid #b2bac3;}
.pro_detail_safe .line_r{border-right: 1px solid #b2bac3;}

/*footer*/
.footer{height: 185px; background: #333;font-size: 12px;}
.footer_nav {padding: 30px 0 40px;border-bottom: 1px solid #4c4c4c;margin-bottom: 12px;}
.footer_nav li{float:left; padding: 0 12px; line-height: 12px; border-left: 1px solid #505050;}
.footer_nav a{color: #fff;}
.footer_m_l{color: #999;height: 32px;line-height: 37px;}
.footer_m_l a{margin-left: 0px;color: #ccc;}
.footer_m_l img{float: left; margin-right: 22px;}
.footer_m_r{width: 260px;}
.footer_m_r li{float: left; margin-left:7px; width: 30px; height: 30px; background:url("../img/icon_web.png");border-radius: 15px;text-indent: -9999px;transition: all 0.3s ease;}
.footer_m_r li a{display: block;width: 100%; height: 100%;}
.footer_m_r  .facebook{background-position: 0 -120px;}
.footer_m_r  .twitter{background-position: 0 -1140px;}
.footer_m_r  .youtube{background-position: 0 -1380px;}
.footer_m_r  .vimeo{background-position: 0 -1200px;}
.footer_m_r  .instagram{background-position: 0 -1680px;}
.footer_m_r  .weibo{background-position: 0 -1950px;}
.footer_m_r  .youku{background-position: 0 -2010px;}
.footer_m_r  .facebook:hover{background-position: 0 -150px;}
.footer_m_r  .twitter:hover{background-position: 0 -1170px;}
.footer_m_r  .youtube:hover{background-position: 0 -1410px;}
.footer_m_r  .vimeo:hover{background-position: 0 -1230px;}
.footer_m_r  .instagram:hover{background-position: 0 -1710px;}
.footer_m_r  .weibo:hover{background-position: 0 -1980px;}
.footer_m_r  .youku:hover{background-position: 0 -2040px;}








.banner_index { position: relative; height: 458px; overflow: hidden }
.banner_index .hd { position: absolute; width: 100%; top: 390px; left: 0; z-index: 99; text-align: center; }
.banner_index .hd a { display: inline-block; width: 21px; height: 21px; margin: 0; padding: 0; background: url('../img/btn_main_img.png') 0 0 no-repeat; text-indent: -1000px }
.banner_index .hd a.on { background-position: 0 -21px }
.banner_index .bd li { height: 440px; }



.p12 {  
   font-size: 16px;
   text-decoration: none; 
   color:#000000;
   line-height: 30px
   }
   
   
   .p20 {  
   font-size: 24px;
   text-decoration: none; 
   color:#000000;
   line-height: 25px
   }



.procentent{width:910px; height:89px;margin:0 auto;margin-bottom:40px;}

.p1{width:290px;height:89px;float:left; background-color:#9f9f9f;}
.p1  a{width:270px; height:54px; float:left; color:#FFF;font-size:26px; padding-top:35px; padding-left:20px;font-family: "microsoft yahei"; line-height:20px; background-image:url(../img/p1.png); background-repeat:no-repeat; background-position:right; }
.p1  span{color:#fff;font-size:16px; font-family: "microsoft yahei"; }
.p1  a:hover{  background-color:#0089d2;}


.p2{width:290px; height:89px;float:left; margin-left:16px; background-color:#9f9f9f;}
.p2  a{width:270px; height:54px; float:left; color:#FFF;font-size:26px; padding-top:35px; padding-left:20px;font-family: "microsoft yahei"; line-height:20px; background-image:url(../img/p2.png); background-repeat:no-repeat; background-position:right; }
.p2  span{color:#fff;font-size:16px; font-family: "microsoft yahei"; }
.p2  a:hover{  background-color:#0089d2;}


.p3{width:290px; height:89px;float:left;margin-left:16px; background-color:#9f9f9f;}
.p3  a{width:270px; height:54px; float:left; color:#FFF;font-size:26px; padding-top:35px; padding-left:20px;font-family: "microsoft yahei"; line-height:20px; background-image:url(../img/p3.png); background-repeat:no-repeat; background-position:right; }
.p3  span{color:#fff;font-size:16px;font-family: "microsoft yahei"; }
.p3  a:hover{  background-color:#0089d2;}



.p4{width:290px; height:89px;float:left; margin-left:16px; background-color:#9f9f9f;}
.p4  a{width:270px; height:54px; float:left; color:#FFF;font-size:26px; padding-top:35px; padding-left:20px;font-family: "microsoft yahei"; line-height:20px; background-image:url(../img/p4.png); background-repeat:no-repeat; background-position:right; }
.p4  span{color:#fff;font-size:16px; font-family: "microsoft yahei";}
.p4  a:hover{  background-color:#0089d2;}



.j_case li{ position: relative; float: left;width: 346px; height: 256px; margin: 0 15px 40px;overflow: hidden;}
.j_case li img{
	width: 346px;height: 256px;
	transform: scale(1);
    transition: all .5s ease 0s;
	-webkit-transform: scale(1);
	-webkit-transform: all .5s ease 0s;
}
.j_case_bg{position: absolute;width: 100%;height: 32px; background: #000;opacity: 0.6;left: 0; bottom: 0; }
.j_case li p{position: absolute;left: 0; bottom: 0; height: 12px; line-height: 48px;width: 100%;color: #fff; font-size: 14px;text-indent: 12px;}
.j_case li:hover img {
    transform: scale(1.1);
    transition: all .5s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all .5s ease 0s;
}
.j_case li:hover p{color: #FFA810;transition: all 0.3s ease 0s;}




.procentent2{width:1209px; height:89px;margin:0 auto;margin-bottom:40px;}

.p1{width:290px;height:89px;float:left; background-color:#9f9f9f;}
.p1  a{width:270px; height:54px; float:left; color:#FFF;font-size:18px; padding-top:35px; padding-left:20px;font-family: "microsoft yahei"; line-height:20px; background-image:url(../img/p1.png); background-repeat:no-repeat; background-position:right; }
.p1  span{color:#fff;font-size:16px;font-family: "microsoft yahei"; }
.p1  a:hover{  background-color:#0089d2;}


.p2{width:290px; height:89px;float:left; margin-left:16px; background-color:#9f9f9f;}
.p2  a{width:270px; height:54px; float:left; color:#FFF;font-size:18px; padding-top:35px; padding-left:20px;font-family: "microsoft yahei"; line-height:20px; background-image:url(../img/p2.png); background-repeat:no-repeat; background-position:right; }
.p2  span{color:#fff;font-size:16px;font-family: "microsoft yahei"; }
.p2  a:hover{  background-color:#0089d2;}


.p3{width:290px; height:89px;float:left;margin-left:16px; background-color:#9f9f9f;}
.p3  a{width:270px; height:54px; float:left; color:#FFF;font-size:18px; padding-top:35px; padding-left:20px;font-family: "microsoft yahei";  line-height:20px; background-image:url(../img/p3.png); background-repeat:no-repeat; background-position:right; }
.p3  span{color:#fff;font-size:16px;font-family: "microsoft yahei"; }
.p3  a:hover{  background-color:#0089d2;}



.p4{width:290px; height:89px;float:left; margin-left:16px; background-color:#9f9f9f;}
.p4  a{width:270px; height:54px; float:left; color:#FFF;font-size:18px; padding-top:35px; padding-left:20px;font-family: "microsoft yahei"; line-height:20px; background-image:url(../img/p4.png); background-repeat:no-repeat; background-position:right; }
.p4  span{color:#fff;font-size:16px;font-family: "microsoft yahei"; }
.p4  a:hover{  background-color:#0089d2;}