.ss{ width:100%; min-width:1200px; background:#f6f6f6; height:80px; margin-bottom:40px;}

.ss_l{ width:720px;height:80px; line-height:80px;}

.ss_r{ width:466px; height:33px;  line-height:33px; margin-top:22px;}

.index_text{ width:358px;height:33px; line-height:33px;border:1px solid #c9c9c9; border-right:none;padding-left:10px; float:left;}

.index_submit{ width:90px;height:33px; line-height:33px; background:url(../images/ss.png) center center no-repeat #0758b3;float:left;}

.cp_l img{ display:block;}

.cp_l li{ height:50px; line-height:50px; border-bottom:1px dashed #9d9d9d; padding-left:20px; background:#f5f5f5;}

.cp_l li a{ font-size:15px; color:#4e4e4e;}







.cp_r{ width:895px;}

.cp_r_t{ height:50px; line-height:50px; background:#f5f5f5; border:1px solid #d9d9d9;}

.cp_r_t .cp_more{ color:#989898; padding-right:15px; float:right;}

.cp_r_t ul{ width:280px; float:left;}

.cp_r_t li{ width:140px;height:50px; line-height:50px; float:left; text-align:center; display:block;}

.cp_r_t li a{width:140px;height:48px; line-height:48px; border-top:2px solid #f5f5f5;display:block; font-size:18px;}

.cp_r_t li a:hover{border-top:2px solid #0758b3; color:#0758b3; background:#fff}

.cp_r_t li.current a{border-top:2px solid #0758b3; color:#0758b3; background:#fff}



.cp_r_c{ width:900px; height: auto;padding-bottom:30px;overflow:hidden;}

.cp_r_c ul{ width:918px; margin-left:-10px;}

.cp_r_c li{ width:280px; height:220px;float:left; margin:10px 13px 10px 13px; overflow:hidden;}

.cp_r_c li .pic{width:278px; height:172px; display:block; overflow:hidden; border:1px solid #ddd;}

.cp_r_c li img{width:278px; height:172px;-webkit-transition: 0.5s; transition:0.5s;}

.cp_r_c li:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}

.cp_r_c .ms{padding:10px 10px;border:1px solid #ddd; border-top:none; background:#f5f5f5}

.cp_r_c .ms h2{ float:left; height:25px; line-height:20px;overflow:hidden; font-weight:normal;}

.cp_r_c .ms h2 a{ color:#454545; font-size:14px;}

.cp_r_c .ms .ms_2{ color:#737373;display:block; overflow:hidden; height:48px; line-height:24px; padding:5px 0px;}

.cp_r_c .ms .ms_1{ padding-top:5px;color:#737373;}

.cp_r_c.ms .ms_1 em{color:#e27300;}

.cp_r_c li:hover{background:url(../images/jt.jpg) 30px 345px no-repeat #fff;}



.about_r{ width:572px; height:280px; padding-top:120px;background:url(../images/gywm_01.jpg) center center no-repeat; float:left;}

.about_r p{ font-size:16px; line-height:30px; color:#333; padding:0px 20px 0px 110px;}

.about_r a{ font-size:14px; color:#0758b3; float:right; padding-right:20px; padding-top:15px;}



.about_l{ width:600px; height:400px; float:right;}



.ryzs1{ height:50px; line-height:50px; border-bottom:1px solid #ddd; color:#0758b3; font-size:18px; margin-top:40px; padding-left:15px;}

.ryzs1 a{ float:right; color:#989898; padding-right:15px;}

.ryzs1 em{color:#989898; font-style: normal;}

.ryzs2{ height:200px; margin-top:15px; overflow:hidden;}

.ryzs2 ul{ width:1225px; margin-left:-12px;}

.ryzs2 li{ width:215px; height:175px; border:1px solid #ddd; float:left; margin:14px; text-align:center;}

.ryzs2 li img{ width:215px; height:135px; display:block;}

.ryzs2 li span{ height:40px; line-height:40px; display:block; border-top:1px solid #ddd;}



.ryzs3{ height:191px; margin-top:15px; overflow:hidden;}

.ryzs3 li{ width:215px; height:175px; border:1px solid #ddd; float:left; margin:14px; text-align:center;}

.ryzs3 li img{ width:215px; height:135px; display:block;}

.ryzs3 li span{ height:40px; line-height:40px; display:block; border-top:1px solid #ddd;}



/*首页产品*/

.bt_01{ text-align:center;background:url(../images/bt_01.png) center  bottom no-repeat; height:55px; margin:50px 0px -5px 0px;}

.bt_01 h2{ color:#0758b3; font-size:28px; font-weight: normal;}

.bt_01 h2 em{ color:#989898; font-size:14px;}



.bt_02{ text-align:center;background:url(../images/bt_01.png) center 40px no-repeat; height:80px; margin:40px 0px 25px 0px;}

.bt_02 h2{ color:#0758b3; font-size:28px; font-weight: normal;}

.bt_02 h2 em{ color:#989898; font-size:14px;}

.bt_02 p{ padding-top:25px;}



.index_erji{width:800px; margin:0 auto;height:60px;line-height:60px; text-align:center;}

.index_erji ul{ width:800px; margin:15px auto; display:block;}

.index_erji li{height:30px; line-height:30px;margin:0px 3px; display:inline-block; float:left; text-align:center;}

.index_erji li a{height:30px; display:block; color:#333333;}

.index_erji li a:hover{color:#0758b3; border:none;}

.index_erji li.current a{color:#0758b3; border:none;}



.index_erji3{width:800px; margin:0 auto;height:60px;line-height:60px; text-align:center;}

.index_erji3 ul{ width:220px; margin:15px auto; display:block;}

.index_erji3 li{height:30px; line-height:30px;margin:0px 3px; display:inline-block; float:left; text-align:center;}

.index_erji3 li a{height:30px; display:block; color:#333333;}

.index_erji3 li a:hover{color:#0758b3; border:none;}

.index_erji3 li.current a{color:#0758b3; border:none;}



.index_erji2{width:904px; margin:0 auto 10px auto;line-height:45px; text-align:center; padding-bottom:10px;}

.index_erji2 ul{}

.index_erji2 li{height:32px; line-height:32px;display:inline-block; float:left; text-align:center; margin-bottom:15px;}

.index_erji2 li a{height:32px; display:block; color:#333333; margin:0px 10px; background:#f1f1f1; padding:0px 25px; border-radius:12px;}

.index_erji2 li a:hover{color:#fff; border:none;background:#0859b3;}

.index_erji2 li.current a{color:#fff; border:none;background:#0859b3;}



/*最新动态*/

.xwzx{ width:1200px; margin:0 auto;}

.xwzx ul{ width:1224px; height:305px; margin-left:-12px;  overflow:hidden;}

.xwzx li{ width:278px; height:272px;float:left; margin:14px; background:#ffffff; position:relative;}

.xwzx li img{ width:278px; height:172px; display:block;}

.xwzx li h2{ color:#2d2d2d; margin:0px 8px; height:28px; line-height:28px; overflow: hidden;}

.xwzx li p{ color:#afafaf; margin:0px 8px 0px 8px; height:50px; overflow:hidden;}

.xwzx li span{ width:82px; height:50px; padding:4px 0px 0px 0px; position:absolute; left:0; top:0; background:url(../images/bg_01.png) repeat; text-align:center; color:#fff; font-size:22px;}

.xwzx li span em{ width:60px; margin:0 auto; height:22px; line-height:22px;display:block; border-top:1px solid #646566; font-size:12px;}

.xwzx li:hover span{ background:#d89129;}

.xwzx li:hover span em{border-top:1px solid #fff;}

.bg_01{ width:100%; min-width:1200px;background:#f5f5f5;padding:40px 0px;}

.bg_02{ width:100%; min-width:1200px;background:#f5f5f5;padding:5px 0px 30px 0px;}

/*使用教程*/

.pjwx{ width:100%; min-width:1200px; height:600px;background:#f5f5f5; margin-top:40px; padding-top:5px;}

.pjwx ul{ width:1224px; height:348px; margin-left:-12px;overflow:hidden;}

.pjwx li{ width:380px; height:320px;float:left; margin:14px; background:#ffffff; position:relative; overflow:hidden;}

.pjwx li img{ width:380px; height:234px;display:block;-webkit-transition: 0.5s; transition:0.5s;}

.pjwx li h2{ color:#2d2d2d; margin:0px 8px; height:28px; line-height:28px; overflow: hidden;}

.pjwx li p{ color:#afafaf; font-size:12px; margin:0px 8px 0px 8px; height:52px; line-height:24px;overflow:hidden;}

.pjwx li span{ width:82px; height:50px; padding:4px 0px 0px 0px; position:absolute; left:0; top:0; background:url(../images/bg_01.png) repeat; text-align:center; color:#fff; font-size:22px;}

.pjwx li span em{ width:60px; margin:0 auto; height:22px; line-height:22px;display:block; border-top:1px solid #646566; font-size:12px;}

.pjwx li:hover span{ background:#d89129;-webkit-transition: 0.5s; transition:0.5s;}

.pjwx li:hover span em{border-top:1px solid #fff;}

.pjwx li:hover img{ -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}



/*视频教程*/

.spjc{ width:1200px; margin:0 auto;}

.spjc ul{ width:1224px; height:305px; margin-left:-12px;  overflow:hidden;}

.spjc li{ width:278px; height:230px;float:left; margin:14px; background:#ffffff; position:relative; overflow:hidden;}

.spjc li img{ width:278px; height:172px; display:block;-webkit-transition: 0.5s; transition:0.5s;}

.spjc li h2{ color:#2d2d2d; margin:0px 8px; height:28px; line-height:28px; overflow: hidden;}

.spjc li p{ color:#afafaf; margin:0px 8px 0px 8px; height:50px; overflow:hidden;}

.spjc li .more_01{ position:absolute; bottom:20px; right:5px; width:25px; height:25px;}

.spjc li:hover img{ -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}



.jt{ width:130px; margin:30px auto 0px auto;/* background:url(../images/middle.png) top center no-repeat;*/}



#pro{ width:900px; height: auto;padding-bottom:30px;overflow:hidden;}

#pro li{ width:280px; height:220px;float:left; margin:10px 10px; overflow:hidden;}

#pro li .pic{width:278px; height:172px; display:block; overflow:hidden; border:1px solid #ddd;}

#pro li img{width:278px; height:172px;-webkit-transition: 0.5s; transition:0.5s;}

#pro li:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}

#pro .ms{padding:10px 10px;border:1px solid #ddd; border-top:none;background:#f5f5f5; text-align:center;}

#pro .ms h2{ height:25px; line-height:20px;overflow:hidden; text-align:center; display:block;}

#pro .ms h2 a{ color:#454545; font-size:14px;}

#pro .ms .ms_2{ color:#737373;display:block; overflow:hidden; height:48px; line-height:24px; padding:5px 0px;}

#pro .ms .ms_1{ padding-top:5px;color:#737373;}

#pro .ms .ms_1 em{color:#e27300;}

#pro li:hover{background:url(../images/jt.jpg) 30px 345px no-repeat #fff;}



/*内页banner*/

.ny_banner{ width:100%; min-width:1200px; height:345px; background:url(../images/ny_banner_01.jpg) top center no-repeat;}



/*位置*/

.weizhi{height:40px; line-height:40px; background:url(../images/list_03.jpg) left 15px no-repeat;padding-left:20px; border-bottom:1px solid #e2e2e2; color:#0758b3; font-size:16px;}

.ny_l{width:872px; background:#fff; overflow:hidden; padding:15px;}

.ny_bt{ font-size:20px; color:#3c3c3c; text-align:center; font-weight:bold; padding:10px 0px;}

.ny_ms{ height:35px; line-height:35px; text-align:center; background:#f1f1f1; margin:15px 0px;}

.ny_ms span{ margin:0px 15px; color:#0758b3;}

.ny_ms img{ padding-right:5px; vertical-align:middle;}

.ny_con{ line-height:28px; padding:10px 0px;}

.ny_con p{ text-indent:2em; padding-bottom:10px;}

.ny_con table{ border:1px solid #aaa !important; width:100% !important; margin:0 auto;}

.ny_con table td{ border:1px solid #aaa !important; padding:2px; line-height:22px; text-align:center;}



.ny_r{ width:270px; margin:20px 0px;}

.ny_r_t{ height:40px; line-height:40px; background:url(../images/list_03.jpg) left 15px no-repeat;padding-left:20px; border-bottom:1px solid #e2e2e2; color:#0758b3; font-size:16px;}

.ny_r_c{ padding:10px 0px;margin-bottom:10px;}

.ny_r_t span{ float:right;}

.ny_r_t span a{ color:#999;}

.ny_r_t2{ height:40px; line-height:40px; border:1px solid #ddd; text-align:center; background:#f8f8f8; color:#454545; font-size:16px;}

.ny_r_t3{ height:40px; line-height:40px; background:url(../images/list_03.jpg) left 15px no-repeat;padding-left:20px; border-bottom:1px solid #e2e2e2; color:#0758b3; font-size:16px;}

.ny_r_c3{ padding:10px 0px;margin-bottom:30px;}





.mfzx_c{overflow:hidden; margin:10px 0px;}

.mfzx_c2{overflow:hidden; margin:10px 0px; border-top:1px dotted #ddd; padding-top:10px;}

.mfzx_c_01{ width:120px; height:36px; line-height:36px; background:#fff; border:1px solid #f0758b3; text-align:center; display:block; float:left; color:#565656;}

.mfzx_c_02{ width:120px; height:36px; line-height:36px; background:#f0758b3; text-align:center; display:block; float:right;color:#fff;}

.mfzx_c_01:hover{ color:#f00}

.mfzx_c_02:hover{ color:#fff !important;}



.mfzx_c_03{ width:120px; height:36px; line-height:36px; background:#0758b3;text-align:center; display:block; float:left; color:#fff; border-radius:6px;}

.mfzx_c_04{ width:120px; height:36px; line-height:36px; background:#d0d0d0; text-align:center; display:block; float:right;color:#666;border-radius:6px;}

.mfzx_c_03:hover{ color:#ff0}

.mfzx_c_04:hover{ color:#fff !important;}



.ny_r_nav li{ height:35px; line-height:35px; border-bottom:1px dotted #ddd;  margin-bottom:10px; display:block;}

.ny_r_nav li a{ height:35px; line-height:35px;display:block; padding-left:20px; background:url(../images/ly_li.png) 8px 15px no-repeat;}

.ny_r_nav li a:hover{ background:#0758b3; color:#fff;}

.ny_r_nav li.current a{ background:#0758b3; color:#fff;}



.pro_nav{ height:40px; line-height:40px; border:1px solid #ddd; margin:20px 0px;}

.pro_nav li{display:inline-block; float:left; text-align:center; border-right:1px solid #ddd;}

.pro_nav li a{ display:block; padding:0px 15px; }

.pro_nav li a:hover{ background:#2394f0; color:#fff;}

.pro_nav li.current a{ background:#2394f0; color:#fff;}



/*产品列表*/





/*最热排行*/

.ny_r_ph li{ height:35px; line-height:35px;  padding-left:20px; background:url(../images/ly_li.png) 8px 15px no-repeat;border-bottom:1px dotted #ddd; overflow:hidden;}

.ny_r_ph li span{ float:right;}

.ny_r_ph li span em{ color:#0758b3;font-style: normal; }



/*产品详情页*/

.ny_l2{width:904px; background:#fff;overflow:hidden; margin:20px 0px;}

.pro_xq01_p{ width:446px; height:275px; float:left; border:1px solid #ddd; border-right:none;}

.pro_xq01{ width:420px; height:260px; padding:15px 15px 0px 15px; border:1px solid #ddd;}

.pro_xq01_t{ font-size:20px; color:#3c3c3c; font-weight:normal;}

.pro_xq01_t_ms{ height:30px; line-height:30px;margin-top:10px;}

.pro_xq01_t_ms span{ margin:0px 15px 0px 0px;}

.pro_xq01_t_ms img{ padding-right:5px; vertical-align:middle;}



.pro_xq01_t_jg{ padding:5px 0px 5px 5px;background:#f9f9f9; margin:5px 0px 8px 0px;}

.pro_xq01_t_jg span{ color:#ee2e2c;}



.pro_xq01_t_ms2{ padding:10px; border:1px dotted #f1f1f1; margin-top:15px;}

.cpxn{ margin-top:15px; border-left:1px solid #ddd;}

.cpxn li{ width:120px; height:40px; line-height:40px; float:left; text-align:center; display:block; border:1px solid #ddd; border-bottom:none; border-left:none;}

.cpxn li a{ width:120px; height:40px; line-height:40px; display:block;}

.cpxn li a:hover{ background:#2394f0; color:#fff;}

.cpxn li.current a{ background:#2394f0; color:#fff;}



.cpnr{ padding:15px; overflow:hidden; border:1px solid #ddd;}



.gr-fenx{height:40px; line-height:40px;background:#f1f1f1;padding:0 15px;margin:20px 0px;}

.prew {float:left;height:40px;line-height:40px;overflow:hidden;padding-left:5px;text-align:left;width:46%;}

.nextw {float:right;height:40px;line-height:40px;overflow:hidden;padding-right:5px;text-align:right;width:46%;}



/*工作原理*/

.ny_list{ padding-bottom:10px;}

.ny_list li{ height:140px; margin-bottom:30px; clear:both; border-bottom:1px dashed #e2e2e2; padding:15px 0px;}

.ny_list li .ny_list_p{ width:225px; height:140px;}

.ny_list li .ny_list_r{ width:636px;height:140px;padding:0px 20px;}

.ny_list li .ny_list_r h2{height:30px; line-height:30px;}

.ny_list li .ny_list_r h2 a{font-size:18px; color:#1b1f29; font-weight:normal;}

.ny_list li .ny_list_r p{ padding:5px 0px 5px 0px; color:#666666; max-height:50px; overflow:hidden;}

.ny_list li .ny_list_r .ny_list_r_l{ width:380px;}

.ny_list li .ny_list_r .ny_list_r_l img{ vertical-align:middle; padding-right:5px; margin-top:-5px;}

.ny_list li .ny_list_r .ny_list_r_l span{ padding-right:10px; color:#f0758b3;}

.ny_list li .ny_list_r .ny_list_r_r{height:20px; line-height:20px; padding-bottom:5px;}

.ny_list li .ny_list_r .ny_list_r_r a{ color:#d1d1d1; font-size:14px;}

.ny_list li:hover{box-shadow:0 0 15px rgba(0, 0, 0, 0.4);}

.ny_list li:hover h2 a{ color:#0758b3;}



/*合作*/

#hzhb li{ width:208px;border:1px solid #ddd; float:left; margin:0px 8px 16px 8px; overflow:hidden;}

#hzhb li span{ height:30px; line-height:30px; background:#f8f8f8; text-align:center; border-top:1px solid #ddd; display:block;}

#hzhb li img{ width:208px; height:103px;-webkit-transition: 0.5s; transition:0.5s;}

#hzhb li:hover img{-webkit-transform:scale(1.1); -ms-transform:scale(1.05); transform:scale(1.05);}



/*map*/

#map{ width:1200px; margin:30px auto 0px auto;}

#map li{ clear:both; padding-bottom:15px;}

#map li h2{ font-size:18px; padding:10px 0px 10px 0px; margin-bottom:10px; border-bottom:1px solid #ddd;}

#map li ul li{ float:left; padding-right:100px !important; display:inline-block; clear:none; height:35px; line-height:35px; background:url(../images/list_01.jpg) left 15px no-repeat; padding-left:12px;} 



/*page*/

#page{ width:860px; clear:both; padding:10px 0px 80px 0px;}

#page li{ float:left;height:30px;display:block;text-align:center; line-height:30px;padding:0px 10px; border:1px solid #dddddd; margin-left:8px;background:#fff;}

#page li a{height:30px; display:block;}

#page li a:hover{height:30px;background:#fff; color:#085ad9 !important;}

.thisclass{height:30px;background:#085ad9 !important; color:#fff;}

#page li:hover a{ color:#085ad9 !important;}



/*相关新闻*/

.gr-rec-news{width:904px;margin-top:25px; padding-bottom:15px;height:230px; overflow:hidden;}

.gr-rec-news ul{padding:10px 0px; width:924px;}

.gr-rec-news ul li{float:left;width:440px;height:45px;line-height:45px; margin-right:20px;}

.gr-rec-news ul li a{display:block;line-height:45px; height:45px;background:url(../images/list_01.jpg) no-repeat left 20px;padding-left:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}

.gr-rec-news ul li span{float:right;color:#999;}

.rec-title{height:40px;line-height:40px;font-size:14px;color:#333; border-bottom:1px dotted #ddd;}

.rec-title_l{ width:120px; background:#0758b3; text-align:center; color:#fff; font-size:16px;}

.rec-title_r{ width:90px; text-align:center;}

.rec-title_r img{ vertical-align:middle; padding-right:5px;}



.syln{ padding:10px; border:1px dotted #e1e1e1; height:50px; overflow:hidden; margin:10px 0px 20px 0px;}



.slt{ text-align:center; margin:15px auto; border-top:1px dotted #ddd;}

.slt img{ max-width:904px; height:auto;}



.ny_list2 li{ width:198px; height:160px; margin:13px; float:left; border:1px solid #ddd;}

.ny_list2 li img{ width:198px; height:122px; display:block;}

.ny_list2 li span{ height:30px; line-height:30px; display:block; text-align:center; border-top:1px solid #ddd; overflow:hidden;}



.pro_left{ width:400px; height:auto; float:left;}

.pro_left img{ width:400px; height:auto;}



.pro_right{ width:430px; float:right;}

.pro_right h2{ height:50px; line-height:50px; border-bottom:1px dotted #ddd; font-weight:normal; font-size:18px; margin-bottom:30px;}

.pro_right p{ width:410px; height:45px; line-height:25px; padding:10px; border:1px solid #ddd; margin-bottom:30px; overflow:hidden;}

.pro_right a{ width:100px; height:35px; line-height:35px; background:#0758b3; color:#fff; display:block; text-align:center;}